@charset "UTF-8";
html,body,body *{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable="true"],[contenteditable="true"] *,[contenteditable=""]{-webkit-user-select:text;user-select:text}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400 900;font-display:swap;src:url("/nunito-sans-latin.woff2") format("woff2")}
:root{--ink:#11151c;--panel:#1c222c;--panel2:#252d39;--white:#f1f4f8;--muted:#a5aebc;--mint:#b4f677;--cyan:#64e1ec;--line:#ffffff16;--sans:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:var(--sans);font-family:var(--sans);font-size:15px;line-height:1.45;color:var(--white);background:var(--ink);color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}kbd{font:700 11px var(--sans);color:#d3dbe6;background:#ffffff08;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;display:inline-grid;place-items:center;padding:4px 7px;white-space:nowrap}#arena{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.arena-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 40%,#080b1222)}body[data-phase="attract"] .arena-vignette{background:radial-gradient(ellipse at center,#11151c8c,#11151ce8 80%)}
.masthead{position:fixed;inset:0 0 auto;z-index:10;min-height:72px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.masthead>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:0;text-decoration:none;font-size:29px;font-weight:900;letter-spacing:-1.3px;line-height:1;color:var(--white)}.brand-mark{width:1em;height:1em;flex:none;fill:none;stroke:var(--mint);stroke-width:5.6;stroke-linecap:round;stroke-linejoin:round;margin-right:-.08em;transform:translateY(-.025em)}.brand-mark circle{fill:var(--mint);stroke:none}.brand-mark .brand-eye{fill:#17201a}.brand-domain,.brand-io{color:var(--mint);letter-spacing:-1px}.header-actions{display:flex;gap:8px;align-items:center}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#1b222bd9;border:1px solid var(--line);color:#bcc7d4;transition:background .15s,color .15s}.icon-button:hover{background:#303b48;color:white}.icon-button svg{width:20px;height:20px}.sound-on{display:none}body.sound-enabled .sound-on{display:block}body.sound-enabled .sound-off{display:none}.solo-badge{display:flex;align-items:center;gap:7px;margin-right:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.solo-badge i,.online-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--mint)}.season{display:none}body[data-phase="attract"] .live-only{display:none!important}body[data-phase="attract"] .masthead>.brand{visibility:hidden;pointer-events:none}body[data-phase="attract"] .solo-badge{display:none}
.menu-screen{position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:78px 20px 24px;pointer-events:none}.menu-panel{width:390px;max-width:100%;max-height:calc(100dvh - 102px);overflow-y:auto;padding:30px 32px 26px;background:#1b212bf5;border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 24px 90px #0005;text-align:center;pointer-events:auto;scrollbar-width:thin}.play-wordmark{font-size:59px;letter-spacing:-2.8px;justify-content:center;margin:0 auto 15px}.play-wordmark .brand-domain,.play-wordmark .brand-io{letter-spacing:-2px}.menu-panel h1{font-size:22px;line-height:1.2;letter-spacing:-.5px;font-weight:650;margin:0 0 25px}.hero-description,.hero-eyebrow,.hero-spark,.menu-footnote,.menu-discovery,.menu-footer{display:none!important}.entry-form{width:100%;text-align:left}.entry-label{display:flex;justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:650;color:#c8d0dc}.entry-label>span,.name-glyph,.palette-label{display:none}.nickname-wrap{height:49px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#11161f;border:1px solid #3b4655;border-radius:11px}.nickname-wrap:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #b4f67713}.nickname-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:white;font-size:16px}.nickname-wrap input::placeholder{color:#7f8c9f}.input-orb{width:10px;height:10px;border-radius:50%;flex:none}.entry-bottom{display:flex;justify-content:center;margin:16px 0 22px}.palette{display:flex;align-items:center;gap:14px}.color-choice{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:4px solid #1b212b;outline:2px solid transparent;outline-offset:1px;transition:transform .15s}.color-choice:hover{transform:scale(1.13)}.color-choice.selected{outline-color:var(--swatch)}.pool-selector{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.pool-selector>label,.lobby-pool-control>label{font-size:13px;font-weight:650;color:#c8d0dc}.pool-selector>div{height:44px;display:flex;align-items:center;gap:10px;background:#252e3b;border:1px solid #ffffff10;border-radius:10px;padding:0 12px}.pool-selector select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e4eaf2;font-size:14px;cursor:pointer}.pool-selector select option{background:#252e3b}.pool-globe{font-size:18px;color:var(--muted)}.pool-hint{display:none}.primary-button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:11px 20px;border-radius:11px;background:var(--mint);color:#172412;font-size:15px;font-weight:800;transition:background .15s,transform .15s}.primary-button:hover:enabled{background:#c7ff99}.primary-button:active:enabled{transform:translateY(1px)}.primary-button svg{width:19px;height:19px}.enter-button{width:100%;min-height:52px;font-size:18px}.entry-secondary,.menu-links{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:17px}.entry-secondary>span{display:none}.text-button{background:transparent;padding:4px 0;color:#c0cad7;font-size:13px;font-weight:650;text-decoration:none}.text-button:hover{color:var(--mint)}.entry-secondary .text-button{min-height:30px}.join-error{font-size:13px;line-height:1.5;color:#ffbbb0;margin:15px 0 0}.brand-dot,.desktop-break{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#090d14c9;padding:24px;overflow-y:auto;overscroll-behavior:contain}.modal{position:relative;width:440px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;background:#1c222c;border:1px solid #ffffff1c;border-radius:20px;padding:30px;box-shadow:0 24px 100px #0006}.modal h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px;font-weight:800}.modal>p{font-size:14px;color:#abb8c9;line-height:1.6;margin:0 0 22px}.modal-eyebrow,.death-emblem,.connection-emblem{display:none}.modal-close{position:absolute;top:18px;right:18px;width:32px;height:32px;background:transparent;border-color:transparent;font-size:24px;font-weight:500}.modal-close:hover{background:#ffffff0c}.modal-close+h2,.help-modal h2,.lobby-modal h2{padding-right:36px}.help-modal{width:560px;padding:30px}.guide-activities{display:grid;gap:18px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-activities article{display:grid;grid-template-columns:25px 1fr;gap:4px 12px}.guide-number{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#b4f67715;color:var(--mint);font-size:12px;font-weight:800}.guide-activities h3{font-size:15px;font-weight:800;margin:0}.guide-activities p{grid-column:2;font-size:13px;line-height:1.6;margin:0;color:#adb9c9}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:22px 0}.controls-grid>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#c6d1df}.controls-grid kbd{min-width:76px;min-height:28px;white-space:normal;text-align:center;font-size:10px;line-height:1.3}.guide-tip{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;background:#b4f67708;border-radius:10px;color:#b8c9b0}.guide-tip>span{color:var(--mint);font-size:17px}.guide-tip p{font-size:12px;line-height:1.6;margin:0}.guide-bottom{display:flex;justify-content:flex-end;align-items:center;margin-top:22px;gap:16px}.guide-bottom>span{display:none}.guide-bottom .primary-button{min-width:116px}.live-warning{font-size:13px;line-height:1.5;color:#e8c59c;background:#dba15d0c;border-radius:10px;padding:12px 14px;margin:16px 0}.live-warning>span{color:#efbd78}.pause-lobby-summary{font-size:12px;line-height:1.5;color:var(--muted);margin:15px 0 20px}.pause-modal>.primary-button{width:100%;margin:18px 0 12px}.pause-settings{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;min-height:52px;padding:12px 0;background:none;font-size:14px}.setting-row+ .setting-row{border-top:1px solid var(--line)}.setting-row>span:last-child{font-size:12px;color:var(--mint);font-weight:750}.modal-link-row{display:flex;justify-content:space-between;gap:16px;margin:19px 0}.leave-button{width:100%;min-height:42px;padding:10px;border-radius:10px;background:#ffffff08;color:#d7dfe9;font-size:14px}.leave-button:hover{background:#ffffff12}.modal-keyhint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#8390a2;margin-top:19px}.connection-modal>.primary-button{width:100%;margin-top:20px}.connection-modal>.text-button{display:block;margin:16px auto 0}.connection-honesty{font-size:13px;color:#d8c5a8;line-height:1.5;margin-top:18px}.death-modal{text-align:center}.death-score{padding:12px 0 22px}.death-score>span{display:block;color:#94a3b6;font-size:12px}.death-score>strong{display:block;font-size:56px;line-height:1.2;font-weight:850;letter-spacing:-2px;margin-top:5px;font-variant-numeric:tabular-nums}.new-best{font-size:12px;font-weight:750;color:var(--mint);margin-top:9px}.death-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.death-stats>div{display:flex;flex-direction:column;gap:5px}.death-stats strong{font-size:20px;font-weight:800}.death-stats span{font-size:11px;color:#9eacbd}.collision-rule{font-size:12px;color:#a5b2c3;margin:18px 0;line-height:1.5}.death-modal>.primary-button{width:100%;margin-top:20px}.death-browse,.death-guide{display:block;margin:15px auto 0}.death-guide{font-size:12px;color:#94a4b7}
.lobby-modal{width:700px}.lobby-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0}.lobby-pool-control{display:flex;flex-direction:column;gap:8px;max-width:360px;min-width:0;flex:1}.lobby-pool-control select{height:44px;border:1px solid #ffffff1a;border-radius:10px;background:#252e3b;color:#e4eaf2;padding:0 12px;font-size:14px;max-width:100%;cursor:pointer}.refresh-button{min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:#303a48;font-size:13px;font-weight:700}.refresh-button svg{width:17px}.refresh-button:hover{background:#3b485a}.lobby-list-heading,.lobby-room{display:grid;grid-template-columns:minmax(0,1fr) 116px 62px 62px;gap:12px;align-items:center}.lobby-list-heading{font-size:11px;font-weight:700;color:#8e9bad;padding:0 14px 10px}.lobby-list{max-height:340px;overflow:auto;scrollbar-width:thin}.lobby-room{background:#242d39;border:1px solid #ffffff0a;border-radius:12px;padding:15px 14px;margin-bottom:8px}.room-identity,.room-population{display:flex;flex-direction:column;gap:4px;min-width:0}.room-name{font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-pool,.room-bots{font-size:12px;color:#97a7bb}.room-humans{font-size:13px;font-weight:700}.room-light{display:none}.room-ping{font-size:12px;color:#b5c2d3;font-variant-numeric:tabular-nums}.room-join{height:36px;background:#b4f6771a;color:var(--mint);border-radius:8px;font-weight:800;font-size:13px}.room-join:hover:enabled{background:var(--mint);color:#142311}.room-full{opacity:.6}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.lobby-bottom>div{min-width:0;flex:1}.lobby-bottom>div>span{font-size:12px;color:#a0aec0}.lobby-bottom p{display:none}.lobby-bottom .primary-button{flex:none}.lobby-list-status{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px 15px;gap:12px}.lobby-list-status strong{font-size:17px}.lobby-list-status p{color:#a0aec0;font-size:14px;line-height:1.6;margin:0;max-width:370px}.status-symbol{font-size:30px;color:var(--mint)}.loading-orbit{width:24px;height:24px;border:2px solid #ffffff16;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}.refreshing svg{animation:spin 1.2s linear infinite}.network-backdrop{z-index:55}.fatal-error{position:fixed;inset:15%;z-index:100;background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:18px;text-align:center}.fatal-error strong{font-size:24px}.fatal-error p{color:var(--muted)}.fatal-error button{margin:20px auto}
.game-hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud-card,.player-hud{background:#151c25ed;border:1px solid #ffffff12;border-radius:13px;pointer-events:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:13px;font-weight:800;margin:0;letter-spacing:0}.panel-heading>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;color:#8091a6}.leaderboard{position:absolute;top:82px;left:20px;width:218px;padding:14px 14px 8px}.small-pill{font-size:10px;color:#8b9bad}.leaderboard ol{list-style:none;padding:8px 0 0;margin:0}.leaderboard li,.player-rank{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:27px;font-size:12px;color:#aebdce;font-variant-numeric:tabular-nums}.leaderboard li>span:first-child,.player-rank>span:first-child{font-size:11px;color:#708196}.leader-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600}.leader-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-name i{width:5px;height:5px;border-radius:50%;background:var(--rival-color);flex:none}.leaderboard li.is-you{color:var(--mint)}.player-rank{border-top:1px solid var(--line);margin-top:7px;padding-top:7px;min-height:33px}.player-rank strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mint);font-size:12px}.rival-key{display:none}.contracts{position:absolute;top:82px;right:20px;width:236px;padding:0 14px}.contracts-disclosure>summary{min-height:46px;list-style:none;cursor:pointer}.contracts-disclosure>summary::-webkit-details-marker{display:none}.contracts-disclosure>summary:after{content:"⌄";font-size:17px;color:#94a5bb}.contracts-disclosure[open]>summary:after{transform:rotate(180deg)}.contract-item{padding:13px 0;border-top:1px solid var(--line)}.contract-topline{display:flex;justify-content:space-between;gap:8px;align-items:center}.contract-name{font-size:13px;font-weight:750}.contract-reward{font-size:11px;color:var(--mint);white-space:nowrap}.contract-description{font-size:12px;line-height:1.5;color:#93a5ba;margin:6px 0 10px}.contract-progress-row{display:flex;align-items:center;gap:9px}.contract-track{height:4px;flex:1;background:#344153;border-radius:4px;overflow:hidden}.contract-track i{display:block;height:100%;background:#9acb78;border-radius:4px}.contract-count{font-size:11px;color:#91a4bd;font-variant-numeric:tabular-nums}.contract-hint{display:none}.contract-item.done .contract-name{color:var(--mint)}.upgrades{position:absolute;left:20px;bottom:20px;width:260px;overflow-y:auto;max-height:calc(100dvh - 175px);scrollbar-width:thin}.panel-toggle{width:100%;min-height:48px;padding:13px 14px;background:transparent;text-align:left}.panel-toggle:hover{background:#ffffff05}.points-badge{font-size:11px;font-weight:750;color:#90a1b7;white-space:nowrap}.points-badge.available{color:var(--mint)}.collapse-chevron{display:block;font-size:17px;color:#94a5bb}.collapsed .collapse-chevron{transform:rotate(180deg)}.upgrades.collapsed #upgrade-content,.upgrades.choosing-evolution #upgrade-content{display:none}.upgrade-caption{font-size:12px;color:#91a2b9;line-height:1.4;margin:1px 14px 12px}.upgrade-list{padding:0 0 9px}.upgrade-row{display:grid;grid-template-columns:19px minmax(0,1fr) auto 27px;gap:8px;align-items:center;min-height:37px;padding:4px 12px}.upgrade-shortcut{width:18px;height:20px;display:grid;place-items:center;font-size:10px;background:#ffffff08;border-radius:4px;color:#8a9bb1}.upgrade-name{font-size:12px;font-weight:650;white-space:nowrap}.upgrade-pips{display:flex;gap:3px}.upgrade-pips i{width:5px;height:9px;border-radius:2px;background:#354455}.upgrade-pips i.filled{background:var(--mint)}.upgrade-add{width:27px;height:27px;border-radius:7px;background:#b4f67720;color:var(--mint);font-size:20px;line-height:1;padding:0}.upgrade-add:hover:enabled{background:var(--mint);color:#172412}.upgrade-add:disabled{background:#ffffff05;color:#65768b;opacity:.65}.evolve-open{margin:0 12px 12px;width:calc(100% - 24px);min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px;border-radius:9px;background:#b4f67716;color:var(--mint);font-size:12px;font-weight:750}.evolve-open:hover{background:#b4f67728}.evolution-inline{padding:0 12px 12px}.evolution-inline h3{font-size:15px;line-height:1.3;margin:0 0 5px}.evolution-inline>p{font-size:12px;line-height:1.5;color:#93a6bd;margin:0 0 12px}.evolution-options{display:grid;gap:8px}.evolution-card{position:relative;display:grid;grid-template-columns:27px 1fr;gap:3px 9px;text-align:left;background:#26313e;border:1px solid #ffffff0c;border-radius:10px;padding:12px;color:var(--white)}.evolution-card:hover{border-color:var(--class-color);background:#2e3b49}.evolution-glyph{grid-row:1/3;color:var(--class-color);font-size:22px;line-height:1.2}.evolution-card strong{font-size:14px}.evolution-card p{grid-column:2;font-size:12px;line-height:1.4;color:#a6b6c9;margin:0}.choose-class{display:none}.evolution-inline>.text-button{margin-top:10px;font-size:12px}.world-event{position:absolute;left:50%;top:83px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:330px;background:#252b39eb;border:1px solid #c3a0ff24;border-radius:10px;padding:10px 14px}.event-light{width:5px;height:5px;flex:none;background:#c3a0ff;border-radius:50%}.world-event>div{display:flex;flex-direction:column;gap:4px}.world-event strong{font-size:12px;font-weight:750;color:#dbd2ef}.world-event>div>span{display:none}.world-event>span:last-child{font-size:12px;font-variant-numeric:tabular-nums;color:#ad9fc5}.player-hud{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:340px;padding:12px 14px}.player-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.player-identity{display:flex;align-items:center;gap:7px;min-width:0}.player-color{width:6px;height:6px;flex:none;border-radius:50%}.player-identity strong{font-size:12px;font-weight:750;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-identity>span:last-child{font-size:10px;color:#8092a8}.score-label{display:flex;gap:6px;align-items:center;font-size:10px;color:#8092a8;white-space:nowrap}.score-label strong{font-size:13px;color:#e4edf8;font-weight:800}.health-track{height:3px;overflow:hidden;background:#39404b;border-radius:3px;margin-bottom:9px}.health-track>div{height:100%;background:#e5b47d}.health-track.damaged>div{background:#ff9690}.xp-row{display:flex;gap:9px;align-items:center}.level-label{font-size:11px;color:#aab9cd;white-space:nowrap}.level-label strong{font-size:13px;color:var(--mint)}.xp-track{height:5px;flex:1;overflow:hidden;background:#334332;border-radius:4px}.xp-track>div{height:100%;background:var(--mint);border-radius:4px}#xp-value{font-size:10px;white-space:nowrap;color:#8296ae;font-variant-numeric:tabular-nums}.ability-row{display:flex;gap:10px;align-items:center;padding-top:10px;margin-top:10px;border-top:1px solid #ffffff09}.ability{display:flex;gap:7px;align-items:center;min-width:0;flex:1}.ability>div{flex:1}.ability>div>span{font-size:10px;color:#a6b8cc;display:block;margin-bottom:4px}.ability>span:last-child{font-size:10px;color:#8296ae;white-space:nowrap}.ability kbd{font-size:9px;min-width:31px;padding:4px}.ability-track{height:3px;overflow:hidden;border-radius:3px;background:#354251}.ability-track i{display:block;height:100%;background:#91c579}.pulse-ability .ability-track i{background:var(--cyan)}.ability-divider{width:1px;height:23px;background:var(--line)}.minimap-panel{position:absolute;right:20px;bottom:20px;width:148px;padding:11px 12px 8px}.minimap-heading,.minimap-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#91a4bb;font-variant-numeric:tabular-nums}.minimap-heading>span:last-child{font-size:10px;color:#697e98}#minimap{display:block;width:122px;height:102px;margin:5px 0}.minimap-footer{border-top:1px solid var(--line);padding-top:6px}.minimap-footer i{width:4px;height:4px;display:inline-block;border-radius:50%;background:var(--mint);margin-right:3px}.steering-hint{display:none}.touch-controls{display:none;position:absolute;right:20px;bottom:200px;gap:12px;align-items:center;pointer-events:auto}.touch-ability{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:54px;height:54px;background:#1c2b37e8;border:1px solid #738ba84d;border-radius:50%;font-size:9px;color:#bdd1e4}.touch-ability svg{width:20px;height:20px}.boost-touch{width:62px;height:62px;color:var(--mint)}.network-readout{position:fixed;top:68px;left:50%;transform:translateX(-50%);display:flex;gap:8px;max-width:70vw;z-index:9;font-size:10px;color:#859ab2;pointer-events:none;white-space:nowrap}.network-readout>span+span:before{content:"·";margin-right:8px;color:#526984}.network-readout>span:first-child{overflow:hidden;text-overflow:ellipsis}.toast-stack{position:fixed;left:50%;top:126px;transform:translateX(-50%);z-index:18;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:min(440px,80vw);pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:11px 15px;background:#243129f5;border:1px solid #b4f67726;border-radius:10px;font-size:12px;line-height:1.45;color:#d2e3cb;box-shadow:0 4px 16px #0002;animation:toast-in .16s ease-out}.toast-icon{font-size:16px;color:var(--mint)}.toast.damage{background:#3a2929f5;border-color:#fa979326;color:#ffd0c8}.toast.damage .toast-icon{color:#ffa998}.toast.leaving{opacity:0;transition:opacity .2s}.balanced-graphics .hud-card,.balanced-graphics .player-hud,.balanced-graphics .modal-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.menu-panel{width:410px;padding:34px 38px 30px}.play-wordmark{font-size:64px}.menu-panel h1{font-size:23px}.masthead{padding:20px 30px}.leaderboard{left:26px;top:88px}.contracts{right:26px;top:88px}.upgrades{left:26px;bottom:24px}.minimap-panel{right:26px;bottom:24px}.player-hud{bottom:24px}}
@media(max-width:1000px){.world-event{top:114px;max-width:260px}.player-hud{width:300px}.upgrades{width:232px}.upgrade-row{gap:6px;padding-inline:11px}.upgrade-pips{gap:2px}.upgrade-pips i{width:4px}.leaderboard{width:196px}.contracts{width:206px}.solo-badge{font-size:11px}.ability>span:last-child{display:none}}
@media(max-width:760px){.masthead{min-height:64px;padding:12px 16px}.masthead .brand{font-size:25px}.header-actions{gap:6px}.icon-button{width:36px;height:36px;border-radius:10px}.solo-badge{font-size:11px;margin-right:2px;max-width:105px;overflow:hidden}.solo-badge>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-screen{padding:70px 16px 16px}.menu-panel{max-height:calc(100dvh - 86px);padding:27px 26px 24px;width:370px}.play-wordmark{font-size:55px}.menu-panel h1{font-size:21px}.modal-backdrop{padding:16px}.modal{padding:25px 22px;max-height:calc(100dvh - 32px);border-radius:17px}.modal h2{font-size:26px}.modal-close{right:14px;top:15px}.help-modal{width:540px}.lobby-list-heading,.lobby-room{grid-template-columns:minmax(0,1fr) 102px 55px 55px;gap:8px}.room-name{font-size:14px}.room-pool,.room-bots{font-size:11px}.lobby-bottom{gap:12px}.lobby-bottom>div>span{font-size:11px}.leaderboard{top:76px;left:12px;width:168px;padding:11px 11px 7px}.leaderboard li:nth-child(n+4){display:none}.leaderboard li,.player-rank{font-size:11px;min-height:25px;gap:5px}.leader-name,.player-rank strong{font-size:11px}.leaderboard .small-pill{display:none}.leaderboard .panel-heading h2{font-size:12px}.leaderboard li.is-bot .leader-name:after{font-size:8px}.contracts{top:76px;right:12px;width:165px;padding-inline:12px}.contracts-disclosure[open]{width:210px}.contracts summary h2{font-size:12px}.upgrades{left:12px;bottom:146px;width:225px;max-height:calc(100dvh - 223px)}.panel-toggle{padding:11px 12px;min-height:45px}.panel-heading h2{font-size:12px}.points-badge{font-size:10px}.upgrade-caption{font-size:11px}.upgrade-row{min-height:35px;grid-template-columns:16px minmax(0,1fr) auto 26px}.upgrade-name{font-size:11px}.upgrade-shortcut{font-size:9px;width:16px}.upgrade-pips i{width:4px;height:8px}.upgrade-add{width:26px;height:26px}.evolve-open{font-size:11px;padding-inline:8px}.player-hud{bottom:12px;width:330px;max-width:calc(100% - 24px);padding:11px 13px}.minimap-panel{right:12px;bottom:146px;width:105px;padding:8px 9px 6px}#minimap{width:85px;height:71px}.minimap-heading>span:last-child{display:none}.minimap-heading,.minimap-footer{font-size:9px}.world-event{top:74px;max-width:calc(100% - 380px);padding:9px 10px;overflow:hidden}.world-event strong{font-size:11px}.world-event>span:last-child{display:none}.network-readout{top:61px;font-size:9px;max-width:90vw;gap:6px}.network-readout>span+span:before{margin-right:6px}.toast-stack{top:176px;max-width:75vw}.toast{font-size:12px;padding:10px 12px}.touch-controls{bottom:270px;right:15px}.evolution-card{padding:10px}.evolution-card p{font-size:11px}.evolution-inline>p{font-size:11px}}
@media(max-width:480px){.menu-panel{border-radius:18px;padding:24px;max-width:350px}.play-wordmark{font-size:52px;margin-bottom:14px}.menu-panel h1{font-size:20px;margin-bottom:22px}.entry-label,.pool-selector>label{font-size:13px}.entry-bottom{margin:16px 0 20px}.pool-selector{margin-bottom:18px}.entry-secondary{gap:21px;margin-top:14px}.help-modal .controls-grid{grid-template-columns:1fr;gap:9px;margin:18px 0}.controls-grid>div{font-size:13px}.controls-grid kbd{min-width:108px;font-size:10px}.guide-activities{gap:15px;padding:18px 0}.guide-activities p{font-size:13px}.guide-bottom{margin-top:18px}.guide-bottom .primary-button{width:100%}.lobby-toolbar{gap:10px}.refresh-button{width:42px;min-width:42px;padding:0}.refresh-button>span{display:none}.lobby-pool-control select{font-size:13px;padding:0 9px}.lobby-list-heading,.lobby-room{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.lobby-list-heading>span:nth-child(3),.lobby-list-heading>span:nth-child(4){display:none}.lobby-list-heading{padding-inline:11px}.lobby-room{padding:13px 11px}.room-ping{grid-column:2;grid-row:2;font-size:11px}.room-join{grid-column:1;grid-row:2;height:35px;width:100%;max-width:124px}.room-pool{font-size:11px}.room-humans{font-size:12px}.lobby-bottom{flex-direction:column-reverse;align-items:stretch;margin-top:16px;padding-top:16px}.lobby-bottom>.primary-button{width:100%}.lobby-list{max-height:40dvh}.death-stats{gap:8px}.death-stats strong{font-size:18px}.death-stats span{font-size:10px}.leaderboard{width:154px}.contracts{width:139px}.world-event{display:none!important}.upgrades{width:210px}.upgrade-row{gap:5px;padding-inline:10px}.upgrade-pips{gap:2px}.upgrade-pips i{width:3px}.upgrade-name{font-size:11px}.evolution-card{grid-template-columns:22px 1fr;gap:3px 7px}.evolution-card strong{font-size:13px}.evolution-glyph{font-size:19px}.network-readout>span:first-child{max-width:100px}}
@media(max-width:360px){.menu-screen{padding-inline:12px}.menu-panel{padding:22px 20px}.play-wordmark{font-size:48px}.leaderboard{width:139px}.contracts{width:125px}.leader-name,.player-rank strong{font-size:10px}.upgrades{width:193px}.upgrade-pips{display:none}.upgrade-row{grid-template-columns:16px minmax(0,1fr) 27px}.player-identity>span:last-child{display:none}.network-readout{font-size:8px}}
@media(max-height:650px){.menu-screen{padding-top:64px;padding-bottom:12px}.menu-panel{max-height:calc(100dvh - 76px);padding-top:22px;padding-bottom:20px}.play-wordmark{font-size:48px;margin-bottom:9px}.menu-panel h1{font-size:19px;margin-bottom:18px}.entry-bottom{margin:12px 0 16px}.pool-selector{margin-bottom:15px}.nickname-wrap{height:45px}.enter-button{min-height:46px}.entry-secondary{margin-top:10px}.masthead{padding-block:10px;min-height:60px}.leaderboard{top:70px}.contracts{top:70px}.world-event{top:70px}.player-hud{bottom:12px}.minimap-panel{bottom:12px}.upgrades{bottom:12px;max-height:calc(100dvh - 150px)}.toast-stack{top:125px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px)}.lobby-list{max-height:30dvh}}
@media(pointer:coarse){.touch-controls{display:flex}.guide-bottom>span{display:block;font-size:12px;color:var(--muted);line-height:1.4}.upgrade-add{min-width:29px;min-height:29px}.upgrade-row{min-height:40px}.color-choice{width:28px;height:28px}.palette{gap:13px}}
.modal-backdrop{grid-template-columns:minmax(0,1fr)}.modal{min-width:0}
.contracts-disclosure>summary>.collapse-chevron{display:none}
.pool-selector select{appearance:none}
.network-readout,.minimap-heading>span:last-child,.minimap-footer{display:none}
.panel-heading h2{font-size:14px}.leaderboard li,.player-rank,.leader-name,.player-rank strong{font-size:13px}.leaderboard li.is-bot .leader-name:after{font-size:10px}.upgrade-name{font-size:13px}.contract-name{font-size:14px}.contract-description{font-size:13px}.player-identity strong{font-size:13px}.score-label strong{font-size:14px}.ability>div>span{font-size:11px}.minimap-heading{font-size:12px}.world-event strong,.toast{font-size:13px}
@media(min-width:1500px){.play-wordmark{font-size:62px}}
@media(max-width:760px){.panel-heading h2{font-size:13px}.leaderboard li,.leader-name,.player-rank strong{font-size:12px}.upgrades{width:44vw;max-width:225px}.upgrade-caption{font-size:12px}.upgrade-row{grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto;gap:3px 8px;padding:8px 10px;min-height:49px}.upgrade-shortcut{display:none}.upgrade-name{grid-column:1;grid-row:1;font-size:13px}.upgrade-pips{display:flex;grid-column:1;grid-row:2;gap:3px}.upgrade-pips i{width:7px;height:5px}.upgrade-add{grid-column:2;grid-row:1/3;width:32px;height:32px}.evolve-open{font-size:12px;line-height:1.4}.evolve-open>span:first-child{display:none}.evolution-card{grid-template-columns:1fr;padding:10px}.evolution-glyph{display:none}.evolution-card strong,.evolution-card p{grid-column:1}.evolution-card p{font-size:12px}.minimap-heading{font-size:11px}}
@media(max-width:760px){.upgrades{bottom:146px;max-height:max(120px,calc(100dvh - 390px))}}
@media(pointer:coarse) and (max-width:760px){.upgrade-row{grid-template-columns:minmax(0,1fr) 34px}.upgrade-add{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original Inkscape symbols share the same geometry as skill tree artwork. */
.game-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none;color:currentColor}
.upgrade-name{display:flex;align-items:center;gap:6px}.upgrade-name>.game-icon{width:15px;height:15px;color:#a3cbbb}
.class-art{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--class-color) 10%,#15252c);border:1px solid color-mix(in srgb,var(--class-color) 25%,transparent);color:var(--class-color);flex:none}
.class-art{order:-1}.class-art>.game-icon{width:23px;height:23px}.evolution-card-heading{min-width:0}.evolution-card-heading strong{line-height:1.2}
.brand-mark{color:var(--mint)}
.color-choice{background:radial-gradient(circle at 34% 27%,#ffffff88 0%,#ffffff18 22%,transparent 55%),radial-gradient(circle at 38% 32%,var(--swatch) 35%,color-mix(in srgb,var(--swatch),#10232d 35%) 100%);box-shadow:inset 0 -1px 2px #06151d30}
@media(max-width:760px){.upgrade-name>.game-icon{width:14px;height:14px}.class-art{width:30px;height:30px;border-radius:8px}.class-art>.game-icon{width:21px;height:21px}}

/* Earned class choices stay beside the arena; they never cover play. */
.game-hud:has(.choosing-evolution) .leaderboard{visibility:hidden}
.passive-open{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);min-height:35px;margin:0 12px 10px;padding:7px 9px;border:1px solid #ffffff12;border-radius:7px;background:#222d38;color:#a9b9ca;text-align:left;font-size:11px;font-weight:700}
.passive-open:hover{border-color:#b4f67770;color:#d8e8ce}.passive-open.available{color:var(--mint);background:#b4f67710}.choosing-evolution .passive-open{display:none}
body.passive-tree-open .game-hud,body.passive-tree-open .masthead,body.passive-tree-open .menu-screen,body.passive-tree-open .toast-stack{visibility:hidden}
.passive-drawer{position:fixed;z-index:24;inset:0;width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;min-width:0;border:0;border-radius:0;background:#10192526;box-shadow:0 8px 28px #0002;overflow:hidden;color:#e1e9ef}
.passive-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px 13px;border-bottom:1px solid #ffffff0b;background:#101a2759;flex:none}
.passive-header h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.5px;font-weight:800}.passive-header p{margin:5px 0 0;color:#a6b5c5;font-size:12px;font-variant-numeric:tabular-nums}
.passive-close{width:31px;height:31px;flex:none;background:transparent;color:#b8c6d5;font-size:25px;font-weight:400}
.passive-tools{position:relative;display:flex;align-items:center;gap:14px;padding:12px 20px;flex:none;background:#101a2759}
.passive-mode{display:flex;gap:3px;border:1px solid #ffffff12;border-radius:8px;background:#111c27;padding:3px;flex:none}
.passive-mode button{padding:6px 10px;border-radius:5px;background:transparent;color:#90a1b4;font-size:12px;font-weight:700;white-space:nowrap}.passive-mode button[aria-pressed="true"]{background:#334239;color:#c5ebb1}.passive-mode button:disabled{color:#607082}
.passive-search{flex:1;min-width:0}.passive-search input{width:100%;min-width:0;min-height:36px;padding:8px 11px;border:1px solid #ffffff1a;border-radius:8px;background:#111c27;color:#dce6ef;font-size:13px;outline-offset:2px}.passive-search input::placeholder{color:#7f91a6}
.passive-results{position:absolute;left:20px;right:20px;top:calc(100% - 5px);z-index:3;padding:6px;border:1px solid #556475;border-radius:9px;background:#202c39;box-shadow:0 8px 22px #0005;max-height:280px;overflow-y:auto;scrollbar-width:thin}
.passive-results button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:10px 9px;border-radius:5px;color:#e2ebf3;background:transparent;font-size:13px;text-align:left}.passive-results button:hover{background:#344555}.passive-results button span{font-size:11px;color:#9cacc0}.passive-results p{font-size:12px;line-height:1.5;color:#9bacc0;margin:9px}
.passive-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;flex:1;min-height:0;border-top:1px solid #ffffff0a}
.passive-chart{position:relative;min-width:0;min-height:0;overflow:hidden;background:transparent}
.passive-chart canvas{display:block;width:100%;height:100%;touch-action:none;cursor:default;outline:0;outline-offset:-4px}.passive-chart canvas[data-keyboard-focus="true"]:focus-visible{outline:2px solid var(--mint)}
.passive-zoom{position:absolute;right:10px;bottom:35px;display:flex;gap:3px;padding:3px;border:1px solid #ffffff15;border-radius:7px;background:#1c2936eb}.passive-zoom button{width:29px;height:29px;border-radius:4px;background:transparent;color:#b7c7d8;font-size:18px;font-weight:500}.passive-zoom button:hover{background:#3a4d5c;color:#e6f4df}
.passive-legend{position:absolute;left:12px;bottom:13px;display:flex;gap:11px;font-size:9px;color:#8ea0b3;pointer-events:none}.passive-legend span{display:flex;align-items:center;gap:5px}.passive-legend i{width:5px;height:5px;border-radius:50%;border:1px solid #607080}.passive-legend .allocated{background:#b4f677;border-color:#b4f677}.passive-legend .available{border-color:#64e1ec}.passive-legend .planned{background:#ffd881;border-color:#ffd881}
.passive-graph-hint{position:absolute;left:12px;top:10px;margin:0;color:#778c9f;font-size:10px;pointer-events:none}
.passive-detail{min-width:0;padding:20px 17px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-left:1px solid #ffffff12;background:#101a2780;text-shadow:0 1px 3px #0008}
.passive-node-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:10px;font-weight:650;color:#9caec2}.passive-node-meta>span:last-child{color:#b8d49f}
.passive-detail h3{margin:0 0 9px;font-size:21px;line-height:1.22;font-weight:800;letter-spacing:-.35px}
.passive-detail p{margin:0 0 14px;color:#b0bfd0;font-size:12px;line-height:1.55}.passive-detail ul{list-style:none;padding:0;margin:0 0 15px}.passive-detail li{padding:4px 0;color:#cbdfbc;font-size:12px;line-height:1.45}
.passive-detail .passive-tradeoff{padding:10px 11px;border-radius:7px;background:#bc905510;color:#e1bf8c;border-left:2px solid #c39b60}
.passive-detail .passive-requirement{color:#829ab3;font-size:11px;line-height:1.5}.passive-detail .passive-applicability{font-size:11px;color:#a0b3c7}
.passive-detail .passive-cap-note{padding:9px;border:1px solid #c39b6040;border-radius:6px;color:#dcc291;background:#bc90550b;font-size:11px;line-height:1.5}
.passive-detail .primary-button{width:100%;min-height:39px;padding:9px 10px;font-size:12px;text-align:center;gap:5px}.passive-detail .primary-button:disabled{background:#33413b;color:#81947b}
.passive-detail>.text-button{width:100%;margin-top:8px;font-size:11px;text-align:center}.passive-detail>.text-button:disabled{color:#6e8399}
.passive-totals{margin-top:20px;padding-top:13px;border-top:1px solid #ffffff12}.passive-totals summary{font-size:12px;color:#a6b8ca;cursor:pointer}.passive-totals ul{margin:10px 0 0}.passive-totals li{font-size:11px;color:#a4bd9c}
.passive-footer{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:47px;padding:10px 18px;border-top:1px solid #ffffff0d;background:#101a2759;flex:none}.passive-footer p{margin:0;color:#c0ddb1;font-size:11px;line-height:1.4;flex:1;min-width:0}.passive-footer>span{font-size:10px;color:#8598ad;white-space:nowrap}.passive-footer .text-button{font-size:11px;white-space:nowrap}.passive-footer kbd{font-size:9px;padding:2px 4px;margin-left:3px}
@media(min-width:1700px){.passive-layout{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:1050px) and (min-width:761px){.passive-layout{grid-template-columns:minmax(0,1fr) 218px}.passive-detail{padding:17px 13px}.passive-tools{gap:9px;padding:10px 14px}.passive-mode button{padding:6px 8px}.passive-search input{font-size:12px}}
@media(max-width:760px){.passive-open{font-size:10px;min-height:32px;margin:0 9px 8px;width:calc(100% - 18px);padding:6px}.passive-header{padding:12px 14px 10px}.passive-header h2{font-size:20px}.passive-header p{font-size:11px}.passive-tools{padding:9px 12px;gap:7px}.passive-mode button{font-size:11px;padding:6px 8px}.passive-search input{font-size:12px;padding:7px 8px}.passive-layout{display:flex;flex-direction:column}.passive-chart{min-height:160px;flex:1}.passive-detail{flex:none;max-height:200px;overflow-y:auto;border-left:0;border-top:1px solid #ffffff12;padding:12px 14px}.passive-node-meta{font-size:9px;margin-bottom:5px}.passive-detail h3{font-size:18px;margin-bottom:6px}.passive-detail p{font-size:11px;margin-bottom:8px}.passive-detail ul{margin-bottom:8px}.passive-detail li{font-size:11px;padding:2px 0}.passive-detail .primary-button{min-height:35px;font-size:11px}.passive-detail .passive-requirement{font-size:10px}.passive-totals{margin-top:12px;padding-top:9px}.passive-footer{padding:8px 12px;gap:7px;min-height:41px}.passive-footer>span{display:none}.passive-footer p{font-size:10px}.passive-graph-hint{font-size:9px}.passive-legend{gap:8px;font-size:8px;left:10px;bottom:10px}.passive-zoom{right:7px;bottom:29px}.passive-zoom button{width:27px;height:27px}.passive-results{left:12px;right:12px}.passive-tree-open .touch-controls{visibility:hidden}}
@media(max-width:430px){.passive-tools{flex-wrap:wrap}.passive-mode{flex:1}.passive-mode button{flex:1}.passive-search{flex-basis:100%}.passive-detail{max-height:185px}.passive-zoom{bottom:31px}.passive-zoom button{width:26px;height:26px}}
@media(max-height:620px) and (min-width:761px){.passive-header{padding:10px 15px}.passive-header h2{font-size:19px}.passive-tools{padding:8px 12px}.passive-footer{padding:7px 12px;min-height:36px}}
@media(max-width:760px){.passive-chart{min-height:110px}.passive-detail{max-height:min(220px,32dvh)}}
@media(max-height:650px) and (max-width:760px){.passive-header{padding:8px 12px}.passive-header h2{font-size:18px}.passive-header p{font-size:10px}.passive-tools{padding:6px 10px}.passive-footer{min-height:34px;padding:6px 10px}.passive-chart{min-height:80px}.passive-detail{max-height:min(160px,30dvh)}}

body.passive-tree-open .game-hud .touch-controls{display:none}
body[data-phase="attract"] .passive-detail{max-height:200px}
@media(min-width:761px){body[data-phase="attract"] .passive-detail{max-height:none}}
body[data-connection="waiting"] #connection-badge{color:#ddc58c}body[data-connection="waiting"] #connection-badge i{background:#ffd881}
.ability-row{gap:7px}.ability{gap:5px}.ability>div{flex:1}.ability>div>span{font-size:10px}.ability>kbd{font-size:9px;padding:3px 4px}.ability>span{font-size:10px}.attack-ability .ability-track i{background:#ffd881}.pulse-ability{flex:1}.skill-touch{border-color:#c3a0ff55}
.entry-secondary{gap:20px;flex-wrap:wrap}.entry-secondary .text-button{font-size:12px}
.evolution-options{max-height:min(360px,42dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
.evolution-card{display:block;padding:11px;border-left:2px solid var(--class-color)}
.evolution-card-heading{display:flex;align-items:center;gap:8px}.evolution-card strong{font-size:14px}
.evolution-card p{font-size:12px;line-height:1.45;margin:6px 0 9px;color:#b2c0d1}
.evolution-change{display:block;margin-top:5px;color:var(--class-color);font-size:10px;line-height:1.4}
.class-choose{display:block;min-height:34px;width:100%;border-radius:6px;padding:7px 8px;text-align:left;background:#b4f67718;color:var(--mint);font-size:12px;font-weight:750}
.class-choose:hover:enabled{background:#b4f6772b}.class-choice-status{font-size:12px;color:var(--mint);margin:8px 0}.class-choice-status:empty{display:none}
.evolution-actions{display:flex;justify-content:flex-end;padding-top:10px}.evolution-actions .text-button{font-size:12px;min-height:28px}
.evolution-inline>p{line-height:1.4}.evolve-open{font-size:13px}.upgrade-pips{gap:3px}.upgrade-pips i{width:4px}
.ability>div{min-width:0}.ability>div>span{max-width:115px;white-space:normal;line-height:1.15}.pulse-ability{flex:1.2}.touch-ability>span{max-width:72px;white-space:normal;line-height:1.1;text-align:center}#pulse-touch{min-width:58px}
.guide-arsenal-rule{font-size:12px;line-height:1.6;color:#97acc6;border-top:1px solid var(--line);padding-top:14px;margin:0 0 18px}
@media(max-width:760px){.upgrade-pips i{width:6px}.evolution-card{padding:10px}.evolution-card strong{font-size:13px}.evolution-card p{font-size:11px}.class-choose{font-size:11px}.evolution-options{max-height:32dvh}.touch-ability>span{font-size:8px}.entry-secondary{gap:20px}.entry-secondary .text-button{font-size:11px}}
@media(max-width:700px){
  .game-hud:has(.choosing-evolution) .minimap-panel{visibility:hidden}
  .game-hud:has(.choosing-evolution) .touch-controls{bottom:calc(156px + min(280px,calc(100dvh - 170px)))}
  .upgrades.choosing-evolution{left:12px;right:12px;width:auto;max-width:none;max-height:min(280px,calc(100dvh - 170px));overflow:hidden;display:flex;flex-direction:column}
  .choosing-evolution #upgrades-toggle,.choosing-evolution #evolve-open{display:none}
  .choosing-evolution .evolution-inline{display:flex;flex-direction:column;min-height:0;padding:12px;width:100%;box-sizing:border-box;overflow:hidden}
  .choosing-evolution .evolution-inline h3{flex:none;font-size:14px;margin:0 0 3px}
  .choosing-evolution #evolution-caption{flex:none;font-size:11px;line-height:1.35;margin:0 0 9px}
  .choosing-evolution .evolution-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;max-height:none;overflow-y:auto;padding:0;overscroll-behavior:contain;flex:1}
  .choosing-evolution .evolution-card{display:flex;flex-direction:column;min-width:0;padding:9px;margin:0}
  .choosing-evolution .evolution-card strong{font-size:12px;line-height:1.3}
  .choosing-evolution .evolution-change{font-size:10px;line-height:1.3;margin-top:4px}
  .choosing-evolution .evolution-card p{font-size:11px;line-height:1.35;margin:5px 0 8px}
  .choosing-evolution .class-choose{margin-top:auto;font-size:11px;min-height:34px;padding:7px 6px}
  .choosing-evolution .class-choice-status{flex:none;font-size:11px;margin:6px 0 0}
  .choosing-evolution .evolution-actions{flex:none;padding-top:6px}
  .choosing-evolution .evolution-actions .text-button{min-height:24px;font-size:11px}
}

.defense-readout{display:flex;justify-content:space-between;gap:12px;margin:8px 0 5px;color:#a8b9c9;font-size:10px;font-variant-numeric:tabular-nums}.defense-readout #shield-value{color:#8bceff}.shield-track{height:3px;margin:4px 0 0;background:#8bceff18;overflow:hidden;border-radius:3px}.shield-track>div{height:100%;background:#8bceff;border-radius:3px}.shield-track[hidden],.defense-readout [hidden]{display:none}
.death-menu-links{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:15px}.death-menu-links .death-guide{margin:0}

/* Account skins share the home appearance picker with the five base colors. */
.palette{gap:12px;flex-wrap:wrap;justify-content:center}.cosmetic-choice{position:relative;width:29px;height:29px;padding:0;border:3px solid #1b212b;border-radius:50%;outline:2px solid transparent;outline-offset:1px;background:none;transition:transform .15s}.cosmetic-choice:hover{transform:scale(1.13)}.cosmetic-choice.selected{outline-color:#c0c8ff}.cosmetic-choice:focus-visible,.color-choice:focus-visible{outline:2px solid white;outline-offset:3px}.cosmetic-swatch{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff45}.aurora-swatch{background:conic-gradient(from 35deg,#82f6ce,#7ad9ed,#acb7ff,#cda6f4,#82f6ce)}.orbit-swatch{background:#a8d8ff}.orbit-swatch i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d2b8ff;box-shadow:0 0 0 1px #1b212b}.orbit-swatch i:nth-child(1){top:-1px;left:9px}.orbit-swatch i:nth-child(2){bottom:2px;right:0}.orbit-swatch i:nth-child(3){bottom:2px;left:0}.cosmetic-choice.locked .cosmetic-swatch{opacity:.6}.skin-lock{position:absolute;right:-5px;bottom:-3px;width:10px;height:9px;border:1px solid #b6c1cf;border-radius:2px;background:#1b212b;box-shadow:0 0 0 2px #1b212b}.skin-lock:before{content:'';position:absolute;left:1px;top:-5px;width:6px;height:5px;border:1px solid #b6c1cf;border-bottom:0;border-radius:4px 4px 0 0}.skin-lock[hidden]{display:none}

/* Preferences: readable groups, persistent volume controls, compact navigation. */
.settings-modal{width:760px;padding:26px;max-height:calc(100dvh - 40px)}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.settings-header h2{margin:0}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-group{min-width:0;padding:17px;background:#10182080;border:1px solid #ffffff0e;border-radius:13px}.settings-group h3{margin:0 0 14px;font-size:13px;letter-spacing:.02em;color:#c6d8d9}.settings-group .setting-row{background:transparent;padding:12px 0;border-radius:0;font-size:13px;border-bottom:1px solid #ffffff0c;gap:14px}.settings-group .setting-row>span:first-child{text-align:left}.setting-row small{display:block;font-size:11px;font-weight:400;color:#8096a3;margin-top:3px}.settings-group .setting-row>span:last-child{font-size:12px;color:#b9e892}.volume-setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:17px;font-size:12px;color:#bdcbd4}.volume-setting output{font-size:11px;color:#90a4b0;font-variant-numeric:tabular-nums}.volume-setting input{grid-column:1/-1;width:100%;accent-color:#b4f677;cursor:pointer;height:18px}.settings-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.settings-footer .modal-link-row{margin:0;gap:16px}.settings-footer .primary-button{min-width:160px}.settings-modal .leave-button{margin:20px 0 0;width:100%;color:#dca494;border-color:#82534b45;background:transparent}.settings-modal .live-warning,.settings-modal .modal-keyhint{display:none}.keybind-card{background:#18232c!important;border-color:#ffffff1c!important}.keybind-row{border-bottom-color:#ffffff0b!important}.keybind-key{border-radius:8px!important}.passive-more{margin:10px 0 14px;border-top:1px solid #ffffff12;padding-top:10px}.passive-more summary{font-size:11px;color:#8eacbe;cursor:pointer}.passive-more[open]{margin-bottom:14px}.passive-more p{margin-top:10px}.passive-detail #passive-node-effects li{font-size:14px;padding:5px 0}.passive-detail #passive-node-description{font-size:12px;line-height:1.45;color:#bdcdd5}.passive-detail #passive-node-trigger{margin-top:10px}.drone-status{color:#a9e7df;font-size:10px}
@media(max-width:650px){.settings-modal{padding:20px}.settings-layout{grid-template-columns:1fr;gap:13px}.settings-group{padding:15px}.settings-footer{align-items:flex-end}.settings-footer .modal-link-row{flex-direction:column;align-items:flex-start;gap:8px}.settings-footer .primary-button{min-width:130px}.settings-header{margin-bottom:17px}.settings-group h3{margin-bottom:5px}}