:root{--bg: #0b1722;--panel: #13212e;--panel-2: #1a2b39;--panel-3: #243a49;--border: #304554;--border-2: #46606f;--text: #edf2ef;--muted: #b1c4cd;--dim: #91a8b5;--accent: #6da99d;--accent-2: #ade3d3;--good: #96d9ad}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffdd89;outline-offset:3px}#app{height:100dvh}#game,#floaters,#vignette{top:46px;bottom:87px}#vignette{--ui-side-fade: min(9%, 72px);background:linear-gradient(to bottom,var(--bg),#0b1722b8 3%,#0b172200 min(18%,130px)),linear-gradient(to top,var(--bg),#0b1722b8 3%,#0b172200 min(20%,150px)),linear-gradient(to left,var(--bg),#0b172200 var(--ui-side-fade)),radial-gradient(ellipse at center,transparent 60%,#08101b45 100%)}#hud{width:302px;background:linear-gradient(150deg,#1b2c39,#101d28);padding:16px 12px;gap:12px}#hud header{padding-bottom:9px}#hud h1{font-size:25px;letter-spacing:5px}#hud header small{color:#9bb4bf}section.card{background:#172734d9;border-color:#344c59;box-shadow:0 4px 14px #00000012}button{background:#263b49;border-color:#46606f}button:hover:not(:disabled){background:#365361;border-color:#b5dfd5}#btn-wave{background:linear-gradient(135deg,#41766b,#264b48);border-color:#79b3a4;color:#f4f1dd}#btn-wave:not(:disabled){box-shadow:0 3px 15px #68bb9d1a}#btn-wave:disabled{opacity:.8}.stat{border-color:#39515d;background:#233743}.stat .value{font-size:19px}.stat .label,.stat .sub{font-size:10px}.chip{background:#10212c;border-color:#304653}.chip .tag{background:#2a3d49}#wave-preview .hints{font-size:11px}.build-btn{background:linear-gradient(155deg,#2c414e,#1d303e);padding:7px 2px}.build-btn img{width:47px;height:47px}.build-btn.active{background:#49442d}.build-short{display:none}.build-btn.poor{opacity:.67}.build-btn.poor .cost{color:#e0a6a0}.field-toolbar{position:absolute;inset:9px 14px auto;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:8px}.field-toolbar button{background:#152633d9;border-color:#435b6788;font-size:11px;min-height:30px;padding:5px 10px}.field-toolbar .row button{white-space:nowrap;flex:none}#btn-share{display:flex;align-items:center;gap:9px}.toolbar-label,.eyebrow{font-size:10px;letter-spacing:2px;color:#b9d9d1}#battlefield-code{color:#e2cd97;letter-spacing:1px;font-size:11px}.command-deck{position:absolute;z-index:7;bottom:15px;left:50%;transform:translate(-50%);width:min(370px,calc(100% - 28px));padding:6px;border:1px solid #59746b;background:#132630ec;border-radius:12px;box-shadow:0 10px 30px #0005}#ability-bar{gap:5px}#ability-bar button{display:grid;grid-template-columns:23px 1fr;text-align:left;align-items:center;padding:9px 8px;gap:1px 7px;min-height:49px;background:#263b46}#ability-bar button svg{grid-row:1 / 3;width:22px;height:22px}#ability-bar .ability-name{font-size:11px}#ability-bar button .key{top:3px;right:5px;font-size:9px}#ability-bar button .cd{font-size:10px}#legend{bottom:1px;left:0;right:0;text-align:center;font-size:9px;color:#a6bbc6}#hover-name{bottom:90px;background:#122330ed;color:#eef3f1}#combo{bottom:94px;left:18px}#combo .n{font-size:29px}#combo .l{font-size:9px;letter-spacing:2px}#banner{top:22%}#banner .title{font-size:clamp(22px,3.2vw,40px)}#banner .sub{max-width:90%;margin:6px auto 0;line-height:1.5}#coach{position:absolute;top:56px;left:18px;z-index:6;max-width:min(330px,calc(100% - 36px));padding:10px 30px 10px 13px;border-left:2px solid #c9b87a;background:#132330da;border-radius:0 7px 7px 0;pointer-events:none}#coach p{margin-top:4px;font-size:12px;line-height:1.5;color:#d6e1e2}#btn-coach-close{position:absolute;right:5px;top:4px;border:0;background:transparent;font-size:17px;padding:0 4px;pointer-events:auto}#placement-hint{position:absolute;bottom:94px;right:18px;z-index:7;padding:10px 13px;max-width:min(345px,calc(100% - 36px));background:#10242ff0;border:1px solid #76b9a7;border-radius:8px;pointer-events:none;box-shadow:0 5px 20px #0004}#placement-hint b{color:#ffe1a0;font-size:13px}#placement-hint p{color:#cee2df;font-size:11px;line-height:1.5;margin-top:3px}#placement-hint.invalid{border-color:#d27b6d}#boss-health{position:absolute;z-index:6;top:55px;left:50%;transform:translate(-50%);width:min(400px,85%);padding:9px 12px;border-radius:8px;background:#201b23ec;border:1px solid #8d5559}#boss-health>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:6px}#boss-health span{color:#b5edda}.boss-track{height:6px;background:#100f16;border-radius:5px;overflow:hidden}.boss-track i{display:block;height:100%;background:linear-gradient(90deg,#b24e53,#ee9a72);transition:width .2s}#target-control{font-size:11px;color:#b4c9cd;display:flex;align-items:center;justify-content:space-between;gap:6px}select,input{font:inherit;color:#eef2ec;border:1px solid #536d77;border-radius:6px;background:#132732;padding:7px;min-width:0}#target-mode{max-width:155px;font-size:11px}#sel-stats .perks span{background:#244138;color:#c1ebd2}.upgrade-art{width:42px;height:42px;object-fit:contain;flex:none}#btn-upgrade,#btn-upgrade-b{align-items:center;gap:6px}#btn-upgrade .upgrade-label,#btn-upgrade-b .upgrade-label{flex:1}.upgrade-summary{display:block;font-size:10px;font-weight:500;color:#b4c9cb;margin-top:2px}#relic-list{display:flex;flex-wrap:wrap;gap:5px}.relic-chip{padding:5px 7px;background:#324438;border-color:#7c8959;color:#e7ddb2;font-size:10px}.overlay{position:fixed;z-index:20;background:radial-gradient(ellipse at 50% 40%,#172d38ed,#08141cf5);padding:28px;overflow-y:auto;gap:18px;justify-content:safe center}.row button{font-size:11px}.overlay h2{font-size:clamp(30px,5vw,64px);letter-spacing:7px}.overlay p{max-width:660px;line-height:1.6}.menu-buttons button{min-width:170px;background:linear-gradient(145deg,#2c4651,#162e38);border-color:#57746f}.menu-buttons button[data-diff=normal]{border-color:#ddca89;background:linear-gradient(145deg,#445949,#263e37)}.howto{padding-top:14px;border-top:1px solid #67847b40;gap:26px}.howto div{width:200px;text-align:left;line-height:1.7}.howto b{color:#dfd4ad;margin-bottom:4px}.challenge-entry{width:min(340px,100%);margin-top:2px}.challenge-entry label{display:block;color:#bbcecd;font-size:11px;margin-bottom:7px}.challenge-entry form{display:flex;gap:6px}.challenge-entry input{flex:1;letter-spacing:1px;font-size:12px}.challenge-entry button{font-size:11px}#challenge-status{min-height:18px;font-size:11px;color:#dcc68b}#menu-best{color:#afc6cb;font-size:11px}#picks.visible{animation:boonBackdropIn .45s ease-out both}#picks .eyebrow{text-transform:uppercase}#picks.visible>.eyebrow,#picks.visible>h2,#picks.visible>p{animation:boonContentIn .45s ease-out .1s both}#picks.visible .pick{animation:boonContentIn .45s ease-out .2s backwards}#picks.visible .pick:nth-child(2){animation-delay:.27s}#picks.visible .pick:nth-child(3){animation-delay:.34s}@keyframes boonBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes boonContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#picks-buttons{max-width:920px;align-items:stretch}.menu-buttons button.pick{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:270px;padding:24px 20px;border-color:#9a9169}.pick-art{display:flex;align-items:center;justify-content:center;width:100%;min-height:80px;border-bottom:1px solid #66857955;padding-bottom:12px}.pick-art img{width:72px;height:72px;filter:drop-shadow(0 4px 8px #0008)}.pick-art em{color:#dcc68b;font-size:20px;font-style:normal}.menu-buttons button.pick b{font-size:16px;text-transform:none}.menu-buttons button.pick span{font-size:12px;line-height:1.6}#pause{position:absolute;z-index:6;pointer-events:none;background:#09152245}#pause h2{font-size:38px}#pause p{font-size:12px;background:#152731c9;border-radius:5px;padding:4px 10px}#btn-menu{pointer-events:auto;font-size:11px;background:#172c38ee}#loss-report{background:#12232c;border:1px solid #4f666c;border-radius:8px;padding:14px 20px;max-width:550px;font-size:13px;line-height:1.7}#loss-report strong{color:#edc785}#result-battlefield{font-size:11px;color:#adc7ce;letter-spacing:1px}@media (max-height: 780px) and (min-width: 701px){#hud{padding:10px;gap:8px}.build-btn img{width:36px;height:36px}.build-btn{padding:4px 2px}#hud header{padding-bottom:2px}#hud header small{display:none}.overlay{gap:12px;padding:18px}.howto{padding-top:10px}}@media (max-width: 1000px) and (min-width: 701px){#hud{width:265px}#coach{max-width:280px}.toolbar-label{display:none}}@media (max-width: 700px){#app{flex-direction:column}#game-wrap{flex:1;min-height:270px}#hud{width:100%;height:245px;border-left:0;border-top:1px solid #49616c;display:grid;grid-template-columns:1fr 1fr;align-content:start;padding:9px;gap:8px}#hud header,#tips,.spacer{display:none}.stats{grid-column:1 / -1}.stat{padding:4px;display:grid;grid-template-columns:18px 1fr;align-items:center}.stat .sub{display:none}.stat .label{grid-column:1 / -1;font-size:9px}.stat .value{font-size:16px}.stat svg{margin:0}.build-btn img{width:30px;height:30px}.build-btn{font-size:9px;padding:3px 1px}#selection,#relic-collection,#message{grid-column:1 / -1}#selection .stat-grid{grid-template-columns:repeat(3,1fr)}#game,#floaters,#vignette{top:41px;bottom:70px}#vignette{--ui-side-fade: 0px}.field-toolbar{inset:6px 9px auto}.toolbar-label{display:none}.command-deck{bottom:11px;padding:4px;width:min(335px,calc(100% - 18px))}#ability-bar button{min-height:43px;padding:6px}#ability-bar .ability-name{font-size:10px}#legend{display:none}#coach{top:44px;left:10px;max-width:240px;padding:7px 24px 7px 10px}#coach p{font-size:10px;line-height:1.4}#coach .eyebrow{font-size:8px}#placement-hint,#hover-name{bottom:73px}#placement-hint{padding:7px 9px;right:9px}#combo{bottom:75px}#banner{top:36%}#banner .title{font-size:22px}#banner .sub{font-size:10px}.overlay{padding:22px 16px;gap:14px}.overlay h2{font-size:32px;letter-spacing:4px}.overlay p,.overlay .tagline{font-size:12px}.menu-buttons{width:100%;justify-content:center;gap:7px}.menu-buttons button{min-width:0;flex:1;padding:10px 5px;font-size:13px}.menu-buttons button span{font-size:10px}.howto{flex-direction:column;width:min(350px,100%);gap:10px}.howto div{width:100%;font-size:11px;line-height:1.5}#picks-buttons{flex-direction:column;width:min(430px,100%)}.menu-buttons button.pick{max-width:none;padding:12px;gap:6px;display:grid;grid-template-columns:80px 1fr;text-align:left}.pick-art{grid-row:1 / 3;min-height:60px;padding:0;border:0}.pick-art img{width:36px;height:45px}.pick-art em{font-size:12px}.menu-buttons button.pick b{font-size:13px;margin:0}.menu-buttons button.pick span{font-size:11px;line-height:1.5}#overlay .scores{gap:15px}#overlay .scores .v{font-size:22px}#overlay .scores .k{font-size:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-reduced-motion: reduce){#picks.visible,#picks.visible>.eyebrow,#picks.visible>h2,#picks.visible>p,#picks.visible .pick{animation:none}#banner.show{animation-name:bannerStill;animation-duration:2.6s!important;animation-timing-function:step-end}#banner.show.big{animation-duration:3.4s!important}}@keyframes bannerStill{0%{opacity:1}to{opacity:0}}@media (max-width: 700px){#hud{height:280px}#wave-card,#build-card{grid-column:1 / -1}#wave-card{display:grid;grid-template-columns:1fr 1fr;padding:7px;gap:5px 8px}#wave-card>.row{grid-row:1;grid-column:2;gap:3px;align-items:stretch}#wave-card>.row button{font-size:10px;padding:4px 2px}#wave-card #btn-mute{flex-basis:27px!important}#btn-wave{grid-row:1;font-size:11px;padding:8px 4px;letter-spacing:.3px}#auto-bar{grid-column:1 / -1}#wave-preview{grid-column:1 / -1;gap:3px}#wave-preview .hints{font-size:10px}#wave-preview .chips{display:none}#build-card{padding:7px}#build-bar{grid-template-columns:repeat(7,1fr);gap:3px}.build-label{display:none}.build-short{display:block}.build-btn img{width:31px;height:31px}#build-card .section-title span{font-size:0}#build-card .section-title span:after{content:"Pinch to zoom · Drag to pan";font-size:9px}}