/* The front end and combat HUD share the dock's brass / midnight palette. */
.dock-primary{padding:15px 25px;border:1px solid #ffe3a7;border-radius:5px;background:linear-gradient(110deg,#f4cf86,#b78744);color:#102333;font:800 12px system-ui;letter-spacing:.1em;box-shadow:0 5px 25px #a6793540;cursor:pointer}.dock-primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 28px #d9ae6155}.dock-primary:disabled{opacity:.45;cursor:wait}.dock-back{padding:10px 0;border:0;background:transparent;color:#b4c7d5;font-size:11px;cursor:pointer}.dock-back:hover{color:#ffe2a5}.section-label{display:block;color:#cead77;letter-spacing:.18em;font-size:9px}
body[data-screen]:not([data-screen=game])>header,body[data-screen]:not([data-screen=game])>#hud,body[data-screen]:not([data-screen=game])>#mission,body[data-screen]:not([data-screen=game])>#objective-panel,body[data-screen]:not([data-screen=game])>#tactical-status{visibility:hidden}
#main-menu,#match-loading{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#e6eff5;overflow:auto;background:linear-gradient(90deg,#071523ee,#07152388),linear-gradient(0deg,#071523 5%,#07152311 80%),url('/arena/assets/maps/doca9-night-v2/background.png') center/cover}#main-menu::backdrop,#match-loading::backdrop{background:#071523}.dock-home{max-width:1250px;margin:auto;padding:30px 48px 20px;min-height:100%;display:flex;flex-direction:column}.home-top{display:flex;align-items:center;gap:13px;font-size:8px;line-height:1.7;letter-spacing:.15em;color:#a7baca}.home-top>b,.home-top b{font-size:8px;color:#dfc99c}.dock-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9b474;color:#f3d89e;font-size:19px;font-weight:900;letter-spacing:-2px;transform:skewY(-4deg)}.home-top>a{margin-left:auto;color:#b7cbda;text-decoration:none;font-size:10px;border-bottom:1px solid #617583;padding:7px 0}.home-intro{padding:46px 0 35px}.home-intro>small{color:#d3b37c;letter-spacing:.22em;font-size:9px}.home-intro h1{font:900 clamp(58px,8vw,102px)/1 system-ui;letter-spacing:-.06em;margin:14px 0;color:#e6eff0;text-shadow:0 8px 28px #0007}.home-intro h1 em{font-style:normal;color:#f3cb7b}.home-intro>p{color:#a5bdcc;font-size:13px;line-height:1.8;margin:16px 0 0}.home-bottom{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(210px,1fr);gap:38px;margin-top:auto}.mode-cards{display:grid;gap:10px;margin:13px 0 20px}.mode-cards>button{width:100%;display:flex;align-items:center;gap:18px;border:1px solid #3f596d;border-radius:8px;background:#102a3be0;color:#dbe9ee;padding:17px 20px;text-align:left;transition:border-color .15s,background .15s}.mode-cards>button[aria-pressed=true]{border-color:#dcb675;background:linear-gradient(100deg,#3a493fee,#1b3440ee);box-shadow:inset 3px 0 #e0bd7c}.mode-cards>button:hover{border-color:#efcf94;background:#274252}.mode-symbol{font-size:35px;color:#e3bc79;line-height:1}.mode-cards strong{display:block;font-size:14px;letter-spacing:.06em}.mode-cards small{display:block;font-size:8px;letter-spacing:.1em;color:#9cb6c8;margin-top:6px}.mode-cards p{font-size:11px;color:#b6c9d7;line-height:1.5;margin:8px 0 0}.mode-check{margin-left:auto;color:#f2d08a;visibility:hidden}.mode-cards>button[aria-pressed=true] .mode-check{visibility:visible}.home-actions{display:flex;align-items:center;gap:16px}.home-actions>span{font-size:10px;line-height:1.7;color:#a5b9c9;max-width:150px}.asset-loading{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;font-size:9px;color:#859daf}.asset-loading>div{height:3px;width:80px;background:#304357}.asset-loading i{display:block;height:100%;width:0;background:#97cfc9}.asset-loading>button{background:none;border:0;color:#ffd49a;font-size:10px}.home-profile{align-self:start;margin-top:22px;padding:23px;border:1px solid #50657577;border-radius:8px;background:#0c2032e0;backdrop-filter:blur(4px)}.home-profile h2{font-size:20px;color:#f4deb3;line-height:1.4;margin:14px 0 10px}.home-profile p{font-size:11px;line-height:1.8;color:#abc1d1}.home-profile>small:last-child{display:block;font-size:8px;color:#839eb1;margin-top:16px;line-height:1.6}.home-profile>span{display:block;font-size:9px;color:#b4c9d8;margin-top:8px}.mastery-meter{height:5px;background:#263e53;overflow:hidden;border-radius:3px}.mastery-meter i{display:block;height:100%;background:linear-gradient(90deg,#e3a953,#ffe1a4);width:0}.home-footer{display:flex;gap:20px;align-items:end;justify-content:space-between;border-top:1px solid #35506388;margin-top:32px;padding-top:15px;font-size:8px;color:#7592a8;letter-spacing:.06em}.home-footer details{min-width:0;max-width:620px}.home-footer summary{cursor:pointer;color:#b4c5d1;font-size:10px}.home-footer details>div{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;line-height:1.8;letter-spacing:0}.home-footer p{width:100%}.home-footer select{background:#193447;color:#e5edf3;border:1px solid #506c7e;padding:5px;border-radius:4px}.home-footer input{accent-color:#dfb76c}
#character-select>.dock-back{display:block;padding:0 0 15px}#character-select .champion-mastery{font-size:8px;color:#d6bb88;margin-top:3px}
.match-load-shell{width:min(100%,950px);margin:auto;padding:40px;min-height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.match-load-shell>h1{font-size:34px;color:#f0d6a4;margin:10px 0 28px}.loading-matchup{display:grid;grid-template-columns:1fr 100px 1fr;gap:15px;align-items:center}.loading-player,.loading-map-card{overflow:hidden;border:1px solid #a18a5d;background:linear-gradient(#17394c,#0c1d2e);border-radius:7px;padding:0 0 18px;box-shadow:0 15px 40px #0006}.loading-card-art{height:235px;background:radial-gradient(ellipse at 50% 60%,#78643e88,transparent);display:grid;place-items:center;padding:20px}.loading-card-art img{height:190px;width:190px;object-fit:cover;border:2px solid #e9c77f;border-radius:8px;image-rendering:pixelated;box-shadow:0 0 45px #e2b96144}.loading-player>small,.loading-map-card>small{display:block;font-size:8px;letter-spacing:.14em;color:#89c8e5;margin-top:13px}.loading-player h2,.loading-map-card h2{font-size:23px;color:#f2dcaf;margin:10px 0}.loading-player p,.loading-map-card p{font-size:11px;line-height:1.7;color:#9fb9c9;margin:0 20px}.loading-map-card>img{display:block;width:100%;height:235px;object-fit:cover;image-rendering:pixelated}.loading-map-card>small{color:#d6af75}.loading-versus b{font-size:39px;color:#d1b27c;font-weight:400}.loading-versus span{display:block;font-size:7px;letter-spacing:.12em;line-height:1.8;color:#9fb7c7;margin-top:10px}.match-load-progress{height:5px;width:100%;background:#294155;border:1px solid #4b6577;margin-top:28px}.match-load-progress i{display:block;width:0;height:100%;background:#d9bd7e;box-shadow:0 0 10px #dbbc76}.match-load-shell>p{font-size:10px;color:#d8c49c;margin:10px 0}.match-load-shell>.loading-tip{color:#9bb6c7;font-size:11px;line-height:1.7;min-height:35px}.loading-actions{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:14px}
header nav button{pointer-events:auto;background:#21384b;color:#e7d7b8;border:1px solid #6b8191;border-radius:5px;padding:9px 12px;font-size:10px;font-weight:800}#pause-dialog{width:min(420px,calc(100vw - 30px));padding:30px;border:1px solid #b59a65;border-radius:12px;background:#102537;color:#c4d7e2;text-align:center}#pause-dialog::backdrop{background:#061322c9;backdrop-filter:blur(5px)}#pause-dialog h2{color:#f0d7a6;font-size:25px}#pause-dialog>small{font-size:8px;letter-spacing:.18em}#pause-dialog button{display:block;margin:16px auto}#pause-dialog>p{font-size:12px;line-height:1.7}#pause-dialog .pause-note{font-size:10px;color:#8faabf}
#journey-panel{position:fixed;top:151px;left:16px;z-index:2;max-width:217px;background:#0e2236d9;border-left:2px solid #ceb078;padding:9px 11px;color:#b8cbd6;pointer-events:none}#journey-panel>small{color:#ddc390;font-size:8px;letter-spacing:.13em}.journey-goal{font-size:9px;line-height:1.8;display:flex;justify-content:space-between;gap:10px;margin-top:4px}.journey-goal.done{color:#91d9b5}.journey-goal b{font-size:9px;font-variant-numeric:tabular-nums}#journey-panel[hidden],#training-controls[hidden],#milestone-toast[hidden]{display:none}
#milestone-toast{position:fixed;top:123px;left:50%;transform:translateX(-50%);z-index:6;border:1px solid #d7b575;background:linear-gradient(120deg,#1c3a41f5,#17293df5);box-shadow:0 0 35px #bc93512d;padding:16px 26px;border-radius:7px;min-width:240px;text-align:center;pointer-events:none;animation:milestone-in .25s ease-out}#milestone-toast>small{display:block;color:#e1c18a;font-size:8px;letter-spacing:.2em}#milestone-toast strong{display:block;color:#ffebbc;font-size:15px;margin:7px 0}#milestone-toast span{font-size:10px;color:#a8c5d4}#training-controls{position:fixed;top:144px;left:16px;z-index:4;display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #7e9caa;border-radius:7px;background:#0d2437ef;color:#dce6ee;max-width:205px}#training-controls strong{font-size:10px;color:#f1d59d}#training-controls button{padding:8px;border:1px solid #496d7f;border-radius:4px;background:#203f52;color:#dbebf2;font-size:10px}#training-controls label{font-size:10px;padding-top:5px}#training-controls input{accent-color:#ddb870}
#result>div{max-height:calc(100dvh - 30px);overflow:auto;width:min(620px,calc(100vw - 28px));padding:30px}#result-title{margin-left:auto!important;margin-right:auto!important}#result-text{margin-left:auto;margin-right:auto}#result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0}#result-stats>div{border:1px solid #38596b;border-radius:5px;padding:13px 7px;background:#112d40}#result-stats strong{display:block;color:#f0d6a3;font-size:22px}#result-stats small{font-size:9px;color:#a4c0d2}#result-mastery{color:#eac788;font-size:13px;line-height:1.8;margin:15px 0}#result-mastery small{color:#a4c5d4;display:block;font-size:10px}#combat-hud .skill-ready-flash{animation:skill-ready .65s ease-out}#gold-readout.coin-pulse{animation:coin-pulse .28s ease-out}
@keyframes milestone-in{from{opacity:0;translate:0 -9px}to{opacity:1;translate:0 0}}@keyframes skill-ready{35%{box-shadow:0 0 23px #84d6ef;filter:brightness(1.8)}}@keyframes coin-pulse{50%{color:#fff6c9;transform:scale(1.08)}}
@media(max-height:740px) and (min-width:701px){.dock-home{padding-top:20px}.home-intro{padding:25px 0}.home-intro h1{font-size:70px}.home-intro>p{font-size:11px}.mode-cards>button{padding:12px 16px}.home-footer{margin-top:20px}.match-load-shell{padding:22px}.loading-card-art,.loading-map-card>img{height:190px}.loading-card-art img{width:155px;height:155px}}
@media(max-width:700px){.dock-home{padding:22px}.home-top>a{font-size:8px}.home-intro{padding:34px 0 25px}.home-intro>small{font-size:7px}.home-intro h1{font-size:70px}.home-intro>p{font-size:11px}.home-bottom{grid-template-columns:1fr;gap:10px}.home-profile{padding:16px;margin-top:12px}.home-profile h2{font-size:17px;margin:8px 0}.home-profile p{font-size:10px}.mode-cards>button{padding:13px;gap:12px}.mode-cards strong{font-size:12px}.mode-cards p{font-size:10px}.mode-cards small{font-size:7px}.home-actions>span{font-size:8px}.home-footer{flex-direction:column;align-items:start;margin-top:22px}.home-footer>span{font-size:7px}.match-load-shell{padding:22px}.match-load-shell>h1{font-size:27px}.loading-matchup{grid-template-columns:1fr 35px 1fr;gap:7px}.loading-card-art,.loading-map-card>img{height:165px}.loading-card-art{padding:10px}.loading-card-art img{width:100%;height:auto;max-height:145px;object-fit:contain}.loading-player h2,.loading-map-card h2{font-size:16px}.loading-player p,.loading-map-card p{margin:0 10px;font-size:9px}.loading-player>small,.loading-map-card>small{font-size:6px}.loading-versus span{display:none}.loading-versus b{font-size:25px}#journey-panel{top:145px;left:10px;max-width:166px;padding:7px}.journey-goal{font-size:8px}#milestone-toast{top:100px;padding:12px;min-width:200px}.home-actions .dock-primary{font-size:10px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body.effects-reduced .coin-pulse,body.effects-reduced .skill-ready-flash,body.effects-reduced #milestone-toast{animation:none}
#lane-pressure{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:2;max-width:calc(100vw - 24px);padding:7px 12px;border:1px solid #698e9a;border-radius:5px;background:#102b3cdd;color:#bcdddf;font-size:9px;font-weight:800;letter-spacing:.05em;text-align:center;pointer-events:none}#lane-pressure:empty{display:none}#lane-pressure[data-kind=exposed],#lane-pressure[data-kind=defend]{border-color:#dd9271;color:#ffb994;background:#3b2526e8}#lane-pressure[data-kind=push]{border-color:#83b9ad;color:#b0e5ca}@media(max-width:700px){#lane-pressure{top:87px;width:max-content;max-width:calc(100vw - 28px);font-size:8px}}