*{box-sizing:border-box}body{margin:0;background:#090f17;color:#edf4ef;font:14px -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;overflow:hidden}canvas#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 24px 12px;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:18px;letter-spacing:2px}.brand b{color:#aeefd8}button{font:inherit;color:#cfdfdf;background:#192631;border:1px solid #3b505f;border-radius:7px;padding:11px 15px;cursor:pointer;min-height:44px}button:hover{background:#304553}#status{position:fixed;left:24px;top:calc(max(18px,env(safe-area-inset-top)) + 56px);width:198px;padding:12px 14px;background:#0c1922d9;border:1px solid #6d85952b;border-radius:9px;pointer-events:none}.mission{display:flex;align-items:baseline;gap:5px;font-size:12px;color:#b7c7d0;padding-bottom:8px;margin-bottom:5px;border-bottom:1px solid #ffffff15}.mission strong{font-size:21px;color:white}#clock{margin-left:auto;font-variant-numeric:tabular-nums}.score{padding:5px 0;display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--c)}.score strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.score:first-child{color:#a8f0d2}#actorHud{position:fixed;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}#growth{font-size:12px;color:#c7e9db;padding:4px 9px;background:#09161ed9;border-radius:5px;white-space:nowrap;pointer-events:none}#evolution{position:fixed;left:50%;transform:translateX(-50%);width:min(390px,calc(100vw - 24px));padding:12px;background:#10231ef2;border:1px solid #80bda7;border-radius:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#evolution[hidden]{display:none}#evolution b{grid-column:1/-1;font-size:13px;font-weight:500}#evolution button{padding:10px 4px;background:#203d33;text-align:center;font-size:13px;min-height:60px}#evolution button small{display:block;margin-top:5px;font-size:10px;color:#afc7bb;white-space:nowrap}.evolutionNote{grid-column:1/-1;color:#8fa99c;font-size:10px}#notice{position:fixed;bottom:94px;left:50%;transform:translateX(-50%);text-align:center;color:#d1dedb;pointer-events:none;max-width:92%;font-size:12px;text-shadow:0 2px 6px black;white-space:nowrap}#notice[hidden]{display:none}footer{position:fixed;bottom:0;left:0;right:0;padding:14px 24px max(14px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;background:linear-gradient(transparent,#090f17)}footer>div{flex:1;color:#8fa6b4;font-size:11px}.key{color:#d7e6eb}.touchHint{margin-left:16px}.overlay{position:fixed;inset:0;background:#071019ba;backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;overflow:auto}.overlay[hidden]{display:none}.overlay section{width:min(440px,100%);padding:30px 35px;background:#101e29;border:1px solid #3a505e;border-radius:16px;box-shadow:0 30px 120px #0008}h1{font-size:65px;line-height:.96;letter-spacing:-3px;margin:24px 0}h1 span{color:#aeefd8}h2{font-size:28px}.eyebrow{color:#a4d6c8;font-size:12px;letter-spacing:3px}.lesson{margin:27px 0;color:#98acb9;font-size:13px}.lesson b{color:#ebf2ee}.primary{background:#b1efd8;color:#112d28;border:0;width:100%;font-weight:700;margin:8px 0 14px}.primary:hover{background:#d0ffe9}section>small{display:block;font-size:10px;color:#8da4b1;line-height:1.7}label{display:flex;justify-content:space-between;align-items:center;margin:15px 0}input{width:90px;padding:10px;background:#08131b;border:1px solid #455e6c;color:white;border-radius:5px;font:inherit}.fine{font-size:12px;color:#9cb1bd;line-height:1.8}#ranking p{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18;padding-bottom:12px}#closeSettings{width:100%}@media(max-width:600px){header{padding: max(10px,env(safe-area-inset-top)) 12px 8px}.brand{font-size:14px;letter-spacing:1px}header button{font-size:11px;padding:8px 11px}#status{left:12px;top:calc(max(10px,env(safe-area-inset-top)) + 52px);width:166px;padding:8px 10px}.mission{font-size:11px}.mission strong{font-size:18px}.score{font-size:11px;padding:4px 0}.score strong{font-size:13px}footer{padding:12px 12px max(12px,env(safe-area-inset-bottom));flex-wrap:wrap}footer>div{flex-basis:100%;font-size:10px}.touchHint{margin-left:6px}footer button{font-size:12px}#notice{bottom:117px;font-size:11px;white-space:normal}.overlay section{padding:24px}h1{font-size:54px}#growth{font-size:11px}#evolution{gap:6px;padding:10px}#evolution button{font-size:12px}#evolution button small{font-size:10px}}@media(max-height:540px){#status{top:64px;padding:6px 10px;width:156px}.score{padding:2px 0}footer>div{display:none}#notice{bottom:70px}#evolution{padding:8px;gap:5px}#evolution button{min-height:48px;padding:7px 3px}.evolutionNote{display:none}}

#energyProgress{display:block;width:160px;height:5px;margin:6px auto 0;border:0;border-radius:3px;background:#203a32;overflow:hidden}#energyProgress::-webkit-progress-bar{background:#203a32}#energyProgress::-webkit-progress-value{background:#a8f0d2;transition:width .2s}#energyProgress::-moz-progress-bar{background:#a8f0d2}#evolution button:disabled{opacity:.4;cursor:default}
.characterChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0;margin:20px 0}.characterChoices legend{font-size:12px;color:#c1e7d5;margin-bottom:10px}.characterChoices button{padding:8px 4px;background:#1b343b;border:1px solid #65817b;display:flex;flex-direction:column;align-items:center;gap:5px}.characterChoices button[aria-pressed=true]{background:#31584d;border:2px solid #b1efd8}.characterChoices img{width:72px;height:66px;object-fit:contain}.characterChoices b{font-size:10px;letter-spacing:1px}#intro section{margin:auto}#intro .lesson{margin:18px 0;font-size:12px}#intro h1{font-size:49px;margin:15px 0}#intro{place-items:start center}
select{max-width:190px;padding:8px;background:#102430;border:1px solid #4c6b71;color:#dcece8;border-radius:5px;font:inherit;font-size:12px}
#collisionFeedback{position:fixed;left:50%;transform:translateX(-50%);min-width:190px;padding:9px 15px;background:#3d2415f2;border:2px solid #ffcc73;border-radius:10px;box-shadow:0 0 20px #e990252f;text-align:center;pointer-events:none;color:#fff1c9;font-size:13px;z-index:1}#collisionFeedback[hidden]{display:none}#collisionMessage{display:block;font-size:16px;font-weight:700}#stunRemaining{display:block;font-variant-numeric:tabular-nums;margin-top:3px}#stunProgress{display:block;width:100%;height:5px;border:0;margin-top:7px;border-radius:3px;overflow:hidden;background:#6a4a2d}#stunProgress::-webkit-progress-bar{background:#6a4a2d}#stunProgress::-webkit-progress-value{background:#ffd68c}#stunProgress::-moz-progress-bar{background:#ffd68c}
#evolution button small{white-space:normal;line-height:1.45}#evolution button{min-height:94px}
/* Approved score HUD A: fixed team order, score relative to the victory target. */
#status{width:240px;background:#0c202ded}.scoreSummary{color:#a8f0d2;padding:3px 0 7px}.scoreSummary>span{font-size:11px}.scoreSummary strong{font-size:29px;line-height:1.3;font-variant-numeric:tabular-nums}.scoreSummary small{font-size:11px;color:#d0dfd8}.score{grid-template-columns:60px minmax(0,1fr) 44px;gap:7px;padding:5px 0;font-size:11px}.score strong{text-align:right;font-size:12px;font-weight:600}.scoreTrack{height:8px;background:#dae8eb26;border-radius:2px;overflow:hidden}.scoreTrack i{display:block;height:100%;background:var(--c)}@media(max-width:600px){#status{width:222px}.score{grid-template-columns:56px minmax(0,1fr) 42px;font-size:10px;padding:4px 0}.scoreSummary strong{font-size:25px}}@media(max-height:540px){#status{width:210px}.scoreSummary{padding:0}.scoreSummary>span{display:inline-block;margin-right:8px}.scoreSummary>div{display:inline-block}.scoreSummary strong{font-size:22px}.score{padding:2px 0}}
#lineup{position:fixed;inset:0;z-index:6;display:grid;place-items:center;background:#071521d9;backdrop-filter:blur(5px);padding:18px}#lineup[hidden]{display:none}#lineup section{width:min(540px,100%);text-align:center}#lineup h2{margin:0;font-size:27px}#lineup p{margin:8px 0 16px;color:#c6dbd8}#lineup p b{color:#a8f0d2}#lineupTeams{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#lineupTeams>div{color:var(--c);border:1px solid #c7dfdb38;background:#142b36;border-radius:14px;padding:0 8px 12px;animation:lineupAppear .35s ease-out both}#lineupTeams>div:nth-child(2){animation-delay:.12s}#lineupTeams>div:nth-child(3){animation-delay:.24s}#lineupTeams>div:nth-child(4){animation-delay:.36s}#lineupTeams canvas{width:140px;height:109px;max-width:100%;display:block;margin:auto}#lineupTeams b,#lineupTeams span{display:block}#lineupTeams span{font-size:12px;margin-top:4px}#lineupCount{display:block;font-size:24px;color:#fff0b5;min-height:42px;margin-top:14px}#skipLineup{background:transparent;border:0;font-size:12px;color:#b5c9cc}@keyframes lineupAppear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){#lineupTeams>div{animation:none}}
/* Live D interaction and tactical view, replacing the old flat instant-purchase panel. */
#status{pointer-events:auto}#mapToggle{width:100%;min-height:34px;padding:6px 0;margin-top:8px;font-size:10px;background:transparent;border:0;border-top:1px solid #c3dad82b;border-radius:0;color:#c2d8d2}#mapPanel[hidden]{display:none}#tacticalMap{width:100%;height:auto;display:block;border:1px solid #8ca9ae69;border-radius:4px}#mapPanel small{display:block;font-size:8px;margin-top:5px;color:#a5bdb7}#evolution{width:min(440px,calc(100vw - 24px));padding:12px;background:#102530ef;border:1px solid #a1c5c6;border-radius:18px;gap:8px;box-shadow:0 9px 24px #06121b66}#evolutionCount{color:#fff0bb;font-size:17px!important;font-weight:800!important;letter-spacing:.5px;text-align:center;margin-bottom:3px}#evolution button[data-upgrade]{border:2px solid #819b9d;border-radius:7px 7px 15px 15px;background:#243b47;min-height:185px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;box-shadow:0 3px 0 #071a23}#evolution button[data-upgrade][aria-pressed=true]{border-color:#ffe5a2;background:#3c5054;box-shadow:0 3px 0 #997a40}#evolution button[data-upgrade]:disabled{opacity:.4;cursor:default}#evolution .upgradeArt{height:63px;width:100%;position:relative;display:block}#evolution .upgradeArt canvas{width:100%;height:63px;object-fit:contain}#evolution .upgradeArt svg{position:absolute;width:20px;height:20px;right:0;bottom:0;padding:2px;background:#223c46;border-radius:4px;fill:none;stroke:#ffdf8d;stroke-width:1.7}#evolution .upgradeName{font-size:13px;font-weight:700;color:#f4f4dc}#evolution .upgradeLevel{font-size:10px;color:#bad9cd}#evolution .upgradeEffect{font-size:10px;line-height:1.5;margin:3px 0 0;white-space:normal;min-height:32px}#evolution .upgradeEffect b{font-size:11px;font-weight:700;color:#fff7d4}#evolution .upgradePrice{font-size:11px;color:#ffe29d;margin-top:auto}#confirmUpgrade{grid-column:1/-1;min-height:44px!important;background:#e8ca80!important;border:1px solid #fff0be!important;box-shadow:0 3px 0 #8d6d37;border-radius:7px;color:#19323a;font-weight:800;font-size:13px!important;padding:9px!important}#confirmUpgrade:disabled{opacity:.4;cursor:default}#evolutionNote{text-align:center;font-size:9px}#upgradeReward{position:fixed;z-index:3;top:calc(50% - 100px);left:50%;transform:translateX(-50%);color:#fff0b1;text-shadow:0 2px 4px #152b39;font-size:24px;font-weight:800;pointer-events:none;white-space:nowrap}#upgradeReward[hidden]{display:none}@media(max-width:600px){#evolution{padding:9px;gap:5px}#evolution .upgradeName{font-size:11px}#evolution button[data-upgrade]{min-height:178px}#evolution .upgradeEffect{font-size:9px}#status{width:210px}#mapPanel small{font-size:8px}}@media(max-height:540px){#mapPanel{position:absolute;left:calc(100% + 8px);top:0;width:190px;padding:8px;background:#102530ed;border-radius:6px}#evolution{width:390px}#evolution button[data-upgrade]{min-height:150px}#evolution .upgradeArt{height:42px}#evolution .upgradeArt canvas{height:42px}#evolutionNote{display:none}}
#evolution button[data-upgrade]{min-height:150px}#evolution .upgradeArt,#evolution .upgradeArt canvas{height:48px}#evolution{padding:10px;gap:6px}body:has(#evolution:not([hidden])) footer>div{visibility:hidden}
#evolution{z-index:2}#evolution button[data-upgrade]{min-height:138px}#evolution .upgradeArt,#evolution .upgradeArt canvas{height:40px}#evolutionNote{display:none}#evolutionCount{font-size:15px!important}body:has(#evolution:not([hidden])) #notice{display:none}#confirmUpgrade{min-height:40px!important}footer{pointer-events:none}footer button{pointer-events:auto}@media(max-width:600px){#status{width:180px}.score{grid-template-columns:48px minmax(0,1fr) 38px;gap:4px}.score strong{font-size:10px}#mapToggle{font-size:9px}#mapPanel small{font-size:7px}#evolution button[data-upgrade]{min-height:138px}}
#matchAlert{position:fixed;top:max(75px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(550px,calc(100vw - 32px));z-index:4;text-align:center;background:#293a43f5;border:1px solid #ffdb8b;border-radius:12px;padding:16px 20px;pointer-events:none;box-shadow:0 8px 30px #07141b55}#matchAlert[hidden],#rivalCue[hidden]{display:none}#matchAlert b{display:block;color:#ffe4a0;font-size:23px}#matchAlert span{display:block;color:#e3eee8;font-size:12px;margin-top:7px}#rivalCue{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:2;color:#ffe4a0;text-shadow:0 2px 5px #091a24;background:#142b35ec;border-radius:6px;padding:8px 14px;font-size:12px;pointer-events:none;max-width:70vw;text-align:center}@media(max-width:600px){#matchAlert{top:80px;padding:12px}#matchAlert b{font-size:19px}#matchAlert span{font-size:11px}#rivalCue{top:49px;font-size:10px;max-width:calc(100vw - 24px);width:max-content;padding:6px 9px}}
.leadingScore{background:#ffe4a015;border-radius:4px;outline:1px solid #ffe4a060}.leadingScore .scoreTrack i{box-shadow:0 0 6px #ffe49c}
/* One-tap power pickups: no enclosing dialog, selection state or confirmation. */
#evolution{width:min(390px,calc(100vw - 24px));padding:0 4px 8px;background:transparent;border:0;box-shadow:none;border-radius:0;gap:7px}#evolutionCount{display:none!important}#evolution button[data-upgrade]{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 3px 5px;min-height:158px;gap:3px;color:#f3f3e5;text-shadow:0 2px 5px #061825}#evolution button[data-upgrade]:hover{background:#10263140}#evolution button[data-upgrade]:focus-visible{outline:2px solid #ffe6a3;outline-offset:2px;border-radius:12px}#evolution .upgradeArt{width:78px;height:69px;filter:drop-shadow(0 5px 2px #091b28aa)}#evolution .upgradeArt:before{content:'';position:absolute;inset:7px 5px 0;background:radial-gradient(ellipse at 40% 25%,#45646a,#152e3a 75%);border:1px solid #bed8cb88;border-radius:50%;box-shadow:0 3px 0 #081924,0 0 15px #a8f0d222}#evolution .upgradeArt canvas{position:relative;width:100%;height:69px;z-index:1}#evolution .upgradeArt svg{width:54px;height:54px;top:3px;left:12px;right:auto;bottom:auto;padding:6px;background:transparent;border-radius:0;z-index:2;stroke-width:1.4;stroke:#f4e8be;filter:drop-shadow(0 2px 1px #102531)}#evolution [data-upgrade=speed] .upgradeArt svg{fill:#ffe09a;stroke:#fff3c5}#evolution [data-upgrade=lay] .upgradeArt svg{fill:#e1f3dd;stroke:#91b5a7;rotate:-12deg}#evolution [data-upgrade=speed] canvas,#evolution [data-upgrade=lay] canvas{visibility:hidden}#evolution [data-upgrade=size] .upgradeArt svg{display:none}#evolution [data-upgrade=size] .upgradeArt canvas{scale:1.2}#evolution .upgradeName{font-size:13px;white-space:nowrap}#evolution .upgradeLevel{font-size:10px;color:#d5e5d8}#evolution .upgradeEffect{background:#122934c9;border-radius:5px;padding:4px;font-size:9px;min-height:36px;margin:1px 0}#evolution .upgradePrice{font-size:12px;color:#263535;background:#f1d590;border:1px solid #fff1be;border-radius:18px;padding:3px 12px;text-shadow:none;box-shadow:0 2px 0 #725d37;margin-top:2px}#evolution button[data-upgrade]:disabled{opacity:.32}#evolutionNote{display:block;text-align:center;color:#d5e4d9;text-shadow:0 2px 5px #061825}#evolution .upgradeEffect b{font-size:10px}@media(max-width:600px){#evolution button[data-upgrade]{min-height:158px}#evolution .upgradeName{font-size:12px}}
#matchPosition{font-size:12px;font-weight:700;color:#ffe7a5;line-height:1.5;margin:3px 0 4px}#swarmReport{font-size:10px;color:#a8f0d2;margin:0 0 5px}#intro{align-items:start}#intro section{margin:10px auto;width:min(530px,100%)}#intro h1{font-size:47px;margin:16px 0}#intro .lesson{margin:16px 0}.modeChoices{border:0;padding:0;margin:18px 0 12px;display:grid;gap:7px}.modeChoices legend{padding:0 0 8px;font-size:13px;color:#c3dfd5}.modeChoices button{text-align:left;padding:10px 12px;background:#19333e;border:1px solid #6d9493;display:block}.modeChoices button[aria-pressed=true]{border-color:#ffe29a;background:#334948}.modeChoices b,.modeChoices span{display:block}.modeChoices b{font-size:13px;color:#f1f0d9}.modeChoices span{font-size:11px;margin-top:3px;color:#aac9c5}@media(max-width:600px){.scoreSummary>div{display:none}#matchPosition{font-size:10px}#swarmReport{font-size:9px}#status{width:180px}}
#localBattle{font-size:10px;line-height:1.4;color:#ffe5a3;background:#152e38e8;padding:3px 8px;border-radius:4px;margin-top:3px;white-space:nowrap}#localBattle[hidden]{display:none}
.brand small{font-size:10px;letter-spacing:0;color:#f4da9b;border:1px solid #8fa59d66;border-radius:4px;padding:2px 5px}.trialLink{font-size:11px;color:#bed8cc}
@media(max-width:600px){#swarmReport{font-size:8px;white-space:nowrap;line-height:1.4}#matchPosition{font-size:10px;margin:2px 0}#tacticalMap{width:140px;max-width:100%;margin:auto}.score{padding:3px 0}.scoreSummary{padding:2px 0}}
/* Keep a tap on the purchase button even when its decorative canvas is animated. */
#evolution button[data-upgrade]>*{pointer-events:none}#evolution button[data-upgrade]{touch-action:manipulation}
.mission small{font-size:9px;color:#b6cec4;margin-left:auto}#clock{margin-left:0;color:#fff0b5}#swarmBattle{position:fixed;left:50%;top:calc(50% - 110px);transform:translateX(-50%);z-index:3;max-width:90vw;background:#132e39ed;border:1px solid #c3e7cf;border-radius:7px;color:#e0f4cf;font-size:14px;font-weight:700;padding:9px 15px;text-align:center;pointer-events:none}#swarmBattle[hidden]{display:none}@media(max-width:600px){#swarmBattle{font-size:11px;top:calc(50% - 80px);padding:7px 10px}}
#evolution{grid-template-columns:repeat(4,minmax(0,1fr));width:min(490px,calc(100vw - 20px));gap:5px}#evolution .upgradeArt{width:74px;max-width:100%}#evolution .upgradeName{font-size:12px}#evolution .upgradeEffect{font-size:9px}#evolution .upgradePrice{padding:3px 10px}#evolution [data-upgrade=weight] .upgradeArt svg{display:none}#evolution [data-upgrade=weight] .upgradeArt canvas{scale:1.2}#evolution [data-upgrade=bite] .upgradeArt canvas{visibility:hidden}#evolution [data-upgrade=bite] .upgradeArt svg{stroke:#f4e3bd;fill:#203c44}@media(max-width:600px){#evolution .upgradeArt{width:66px;height:60px}#evolution .upgradeArt canvas{height:60px}#evolution .upgradeArt svg{width:46px;height:46px;left:10px}#evolution .upgradeName{font-size:11px}#evolution .upgradeEffect{font-size:8px;padding:3px}#evolution .upgradePrice{font-size:10px;padding:3px 9px}#evolution button[data-upgrade]{padding:0 1px 5px}}

/* The circular disc and every icon share the same centre, at every viewport. */
#evolution .upgradeArt{display:grid;place-items:center;position:relative;aspect-ratio:1;height:auto}
#evolution .upgradeArt:before{inset:4px;border-radius:50%}
#evolution .upgradeArt svg{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);rotate:none;width:54px;height:54px;padding:6px}
#evolution .upgradeArt canvas{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%)}
#evolution [data-upgrade=weight] .upgradeArt canvas{scale:1}
@media(max-width:600px){#evolution .upgradeArt svg{width:46px;height:46px;left:50%;top:50%}#evolution .upgradeArt canvas{height:auto}#evolution .upgradeName{font-size:10px}}

/* Three independent skills: speed now also controls births per second. */
#evolution{grid-template-columns:repeat(3,minmax(0,1fr));width:min(430px,calc(100vw - 20px))}
#birthHud{font-size:11px;color:#e6f8ee;background:#132c37e8;border-radius:5px;padding:4px 9px;margin-bottom:3px;white-space:nowrap}
#birthProgress{display:block;width:150px;height:5px;margin:0 auto 9px;accent-color:#8be9cc}
#birthProgress{appearance:none;-webkit-appearance:none;border:0;border-radius:3px;overflow:hidden;background:#294b5b}
#birthProgress::-webkit-progress-bar{background:#294b5b}#birthProgress::-webkit-progress-value{background:#91e6ff}#birthProgress::-moz-progress-bar{background:#91e6ff}

#royaleNotice{position:fixed;left:50%;top:70px;transform:translateX(-50%);padding:8px 15px;border:1px solid #8ca59b;border-radius:8px;background:#10242feb;color:#edf6e7;text-align:center;pointer-events:none;font-size:13px;z-index:2;max-width:70vw}
#royaleNotice.danger{background:#48281a;color:#ffe2a2;border-color:#ffcb75}
#spectator{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#102630ed;border:1px solid #a6cbb8;border-radius:10px;padding:16px;text-align:center;z-index:4}#spectator[hidden],#royaleNotice[hidden]{display:none}#spectator b{display:block;margin-bottom:10px}
#collisionFeedback{border-width:3px;box-shadow:0 0 24px #ffab4c55}#collisionMessage{font-size:15px}
#lineupTeams{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){#royaleNotice{top:58px;left:auto;right:12px;transform:none;max-width:44vw;font-size:10px;padding:7px}#spectator{width:90vw}}

#evolution .upgradePrice{background:#9de4eb;color:#123b46;border-color:#d9fbff;box-shadow:0 2px 0 #335f68;font-size:10px;padding:4px 8px}#energyProgress::-webkit-progress-value{background:#a1edda}
/* Adopted HUD 2: ranked border, permanent map, time is always a gauge. */
header{padding:14px 16px;left:auto;width:auto}header .brand{display:none}header button{min-height:34px;padding:7px 10px;font-size:12px}
#status{left:18px;top:16px;width:220px;padding:12px 14px;background:#102630e8;border-radius:12px;border:1px solid #9cbbb955;pointer-events:none}
.scoreSummary{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scoreSummary>span{font-size:15px!important}.scoreSummary strong{font-size:24px!important}.scoreSummary small{font-size:11px}
#status #matchPosition,#status #swarmReport{display:none!important}
#scores .score{display:grid;grid-template-columns:13px 53px minmax(0,1fr) 30px;align-items:center;gap:6px;padding:6px 0;font-size:10px}
#scores .rankNumber{color:#aac2c5}#scores .teamName{color:var(--c);overflow:hidden;white-space:nowrap}#scores .score strong{font-size:13px}.scoreTrack{height:5px!important}.scoreTrack i{border-radius:3px}
#scores .mine .teamName{font-weight:750}#scores .atRisk{color:#ffdda7}.cutLine{border-top:2px dashed #ffc581;font-size:10px;text-align:right;color:#ffdda7;padding-top:4px;margin:8px 0 1px}.retiredRow{display:flex;justify-content:space-between;opacity:.4;font-size:9px;padding:3px 0}
#mapDock{position:fixed;left:18px;bottom:18px;width:210px;z-index:1;background:#102630dc;border:1px solid #9cbcb977;border-radius:9px;padding:6px}#mapPanel{display:block!important;margin:0!important;padding:0!important;border:0!important}#mapPanel canvas{display:block;width:100%;height:auto}#mapPanel small{display:none}#mapToggle{display:block;font-size:10px;min-height:25px;border:0;padding:3px;background:transparent;width:100%;margin:0;color:#bdd8d0}#mapDock.expanded{width:350px}
#matchTimer{position:fixed;top:16px;right:210px;width:110px;background:#102630df;border:1px solid #8eb2a755;border-radius:7px;padding:7px 10px;font-size:10px;color:#bcd4ca}#matchProgress{display:block;width:100%;height:6px;margin-top:5px;appearance:none;border:0;border-radius:3px;overflow:hidden}#matchProgress::-webkit-progress-bar{background:#34515c}#matchProgress::-webkit-progress-value{background:#badccb}#matchProgress::-moz-progress-bar{background:#badccb}
footer{top:14px;bottom:auto;left:auto;right:85px;padding:0;background:none;gap:5px}footer>div{display:none}footer button{font-size:10px;padding:7px;min-height:34px}
#royaleNotice{left:59%;top:75px;right:auto;transform:translateX(-50%);width:280px;max-width:44vw;padding:13px 17px;font-size:12px;background:#102630e8}#royaleTitle{display:block;font-size:19px;line-height:1.3;margin-bottom:10px}#royaleGaugeLabel{display:block;margin:0 0 6px;text-align:center;font-size:11px}#royaleGoal{display:block;font-size:12px;margin-top:8px}#royaleProgress{display:block;width:100%;height:14px;appearance:none;border:0;border-radius:8px;overflow:hidden}#royaleProgress::-webkit-progress-bar{background:#34515c}#royaleProgress::-webkit-progress-value{background:#a8efd2}#royaleProgress::-moz-progress-bar{background:#a8efd2}#royaleNotice.danger{background:#42281df5;border:2px solid #ffbf76;color:#fff0cd}#royaleNotice.danger #royaleProgress::-webkit-progress-value{background:#ffcd81}#royaleNotice.urgent{width:340px;padding:19px}#royaleNotice.urgent #royaleTitle{font-size:30px}#royaleNotice.urgent #royaleProgress{height:26px}
#actorHud{top:auto!important;bottom:113px;left:50%;width:150px;padding:5px 10px;border:1px solid #89b6aa55;border-radius:8px;background:#102630e5}#growth{padding:0;background:none;font-size:12px}#energyProgress{width:100%;height:5px;margin:4px 0 0}#birthHud,#birthProgress,#localBattle{display:none!important}
#evolution{top:auto!important;bottom:18px;width:320px;padding:6px 10px;background:#102630e8;border:1px solid #89b6aa55;border-radius:12px;gap:8px}#evolution button[data-upgrade]{min-height:72px;padding:3px;font-size:11px;gap:2px}#evolution .upgradeArt{width:30px;height:28px;aspect-ratio:auto;filter:none}#evolution .upgradeArt:before,#evolution .upgradeArt canvas{display:none!important}#evolution .upgradeArt svg,#evolution [data-upgrade=weight] .upgradeArt svg{display:block;width:28px;height:28px;padding:3px;stroke:#d6eadb;fill:none;filter:none}#evolution .upgradeName{font-size:11px}#evolution .upgradeLevel{font-size:9px}#evolution .upgradeEffect,#evolutionNote{display:none!important}#evolution .upgradePrice{font-size:9px;padding:2px 5px;background:transparent;border:0;box-shadow:none;color:#b8f2da;margin:0}#evolution button:disabled{opacity:.32}
.gamePaused #evolution .upgradeEffect{display:block!important;font-size:9px;min-height:0;background:#1d3b47;padding:4px}#collisionFeedback{padding:7px 14px;min-width:160px;border-width:2px}#collisionMessage{font-size:13px}#stunRemaining{display:none}#stunProgress{height:9px}
#notice,#rivalCue{display:none!important}#upgradeReward{font-size:18px;top:auto!important;bottom:155px!important}
@media(max-width:600px){#status{width:166px;left:10px;top:12px;padding:9px}#scores .score{grid-template-columns:10px 43px minmax(0,1fr) 24px;font-size:8px;gap:4px;padding:5px 0}#scores .score strong{font-size:10px}.scoreSummary>span{font-size:12px!important}.scoreSummary strong{font-size:19px!important}#mapDock{left:10px;bottom:12px;width:122px;padding:4px}#mapDock.expanded{width:250px}#mapToggle{font-size:8px;min-height:20px}#evolution{width:230px;left:auto;right:10px;transform:none;bottom:12px;gap:2px;padding:5px}#evolution button[data-upgrade]{min-height:73px;padding:2px}#evolution .upgradeName{font-size:10px}#actorHud{bottom:102px;left:auto;right:36px;transform:none;width:150px}#royaleNotice{left:auto;right:10px;transform:none;top:94px;width:46vw;max-width:46vw;padding:10px}#royaleNotice.urgent{width:46vw;padding:12px 9px}#royaleTitle{font-size:15px}#royaleNotice.urgent #royaleTitle{font-size:22px}#royaleGoal{font-size:10px}#royaleNotice.urgent #royaleProgress{height:22px}#matchTimer{top:56px;right:10px;width:46vw;padding:6px 10px}footer{right:63px;top:12px}footer button{font-size:9px;min-height:32px;padding:6px}header{padding:12px 10px}header button{font-size:10px;min-height:32px}#spectator{bottom:110px}#upgradeReward{bottom:185px!important}}
.gamePaused #actorHud{bottom:225px}.gamePaused #upgradeReward{bottom:270px!important}@media(max-width:600px){.gamePaused #actorHud{bottom:215px}.gamePaused #upgradeReward{bottom:260px!important}}
#lineupProgress{display:block;width:180px;height:9px;margin:8px auto 14px;accent-color:#a8efd2}#matchDuration progress{display:block;width:100%;height:9px;margin-top:8px;accent-color:#a8efd2}