:root{--bg-0: #0a0e1a;--bg-1: #121a2e;--bg-2: #1b2540;--line: #2a3654;--ink: #eef2ff;--ink-dim: #9aa7c7;--neon: #5de1e6;--neon-2: #ff5fa2;--force: #ffb347;--grace: #5de1e6;--wits: #b28dff;--heart: #ff6b8a;--radius: 14px;--font: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-0);color:var(--ink);font-family:var(--font)}body{overflow:hidden;-webkit-font-smoothing:antialiased}#app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));gap:10px}.topbar,.bottombar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--force),var(--neon-2));box-shadow:0 0 14px #ffb34773}.brand-name{font-weight:700;letter-spacing:.02em;font-size:15px}.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--bg-1);border:1px solid var(--line);color:var(--ink-dim)}.chip-district{color:var(--neon);border-color:#5de1e659;text-shadow:0 0 10px rgba(93,225,230,.35)}.stage{position:relative;height:100%;min-height:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 80% at 50% 110%,rgba(255,95,162,.16),transparent 60%),radial-gradient(90% 60% at 50% -10%,rgba(93,225,230,.14),transparent 60%),linear-gradient(180deg,#0d1426,#0a0e1a)}#stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.loading{display:flex;gap:10px;align-items:center;padding:10px 16px;border-radius:999px;background:var(--panel-deep);border:1px solid var(--line);font-size:13px;color:var(--ink-dim);backdrop-filter:blur(6px)}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--neon);animation:pulse 1s ease-in-out infinite}.loading.error{color:var(--heart);border-color:#ff6b8a80}.loading.error .loading-dot{background:var(--heart);animation:none}.loading.hidden{display:none}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.stats{display:flex;gap:8px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;min-width:68px;padding:6px 10px;border-radius:10px;background:var(--bg-1);border:1px solid var(--line);border-left-width:4px}.stat-name{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stat-part{font-size:11px;color:var(--ink-dim)}.stat-force{border-left-color:var(--force)}.stat-force .stat-name{color:var(--force)}.stat-grace{border-left-color:var(--grace)}.stat-grace .stat-name{color:var(--grace)}.stat-wits{border-left-color:var(--wits)}.stat-wits .stat-name{color:var(--wits)}.stat-heart{border-left-color:var(--heart)}.stat-heart .stat-name{color:var(--heart)}.buildtag{font-size:11px;color:var(--ink-dim);opacity:.7;white-space:nowrap}@media (max-width: 480px){.brand-name{font-size:14px}.stat{min-width:0;flex:1 1 calc(50% - 8px)}.buildtag{display:none}}.hidden{display:none!important}.screen{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}.select-heading{position:absolute;top:14px;left:0;right:0;text-align:center;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--ink-dim);pointer-events:none}.starters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.starter{--accent: var(--neon);display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg-1);border:1px solid var(--line);border-top:3px solid var(--accent);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.starter:hover,.starter:focus-visible{transform:translateY(-2px);border-color:var(--accent);outline:none}.starter-name{font-weight:800;font-size:16px;color:var(--accent)}.starter-class{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.starter-lean{font-size:12px;color:var(--ink);margin-top:4px}.starter-tag{font-size:12px;color:var(--ink-dim);font-style:italic}.stat-level{font-size:20px;font-weight:800;line-height:1.1}.stat.evolved{box-shadow:inset 0 0 0 1px #ffffff1f;background:var(--bg-2)}.stat.evolved .stat-part{color:var(--ink)}.gym-right{display:flex;align-items:center;gap:8px}.ghost{font:inherit;font-size:12px;padding:6px 10px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer}.ghost:hover{color:var(--ink);border-color:var(--ink-dim)}@media (max-width: 480px){.screen{flex-direction:column;align-items:stretch}.starters{grid-template-columns:1fr}.starter{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px}.gym-right{justify-content:space-between}}.stat{position:relative;min-width:84px;padding-bottom:9px}.stat-name em{font-style:normal;font-weight:600;font-size:10px;letter-spacing:.04em;color:var(--ink-dim);margin-left:4px}.stat.training{border-color:currentColor}.stat-bar{position:absolute;left:6px;right:6px;bottom:4px;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.stat-fill{display:block;height:100%;border-radius:2px;background:currentColor;transition:width .4s ease}.stat-force .stat-bar .stat-fill{background:var(--force)}.stat-grace .stat-bar .stat-fill{background:var(--grace)}.stat-wits .stat-bar .stat-fill{background:var(--wits)}.stat-heart .stat-bar .stat-fill{background:var(--heart)}.stat.training.stat-force{border-color:var(--force)}.stat.training.stat-grace{border-color:var(--grace)}.stat.training.stat-wits{border-color:var(--wits)}.stat.training.stat-heart{border-color:var(--heart)}#gym-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.train-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:var(--bg-1);border:1px solid var(--line)}.train-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin:0 4px}.train{font:inherit;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-dim);cursor:pointer;text-transform:capitalize}.train:hover{color:var(--ink)}.train.on{color:#0a0e1a}.train-force.on{background:var(--force);border-color:var(--force)}.train-grace.on{background:var(--grace);border-color:var(--grace)}.train-wits.on{background:var(--wits);border-color:var(--wits)}.train-heart.on{background:var(--heart);border-color:var(--heart)}.train-eta{font-size:12px;color:var(--ink-dim);margin:0 6px;white-space:nowrap}.judge{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.judge input{accent-color:var(--neon);margin:0}.toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:var(--panel-deep);border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:3}.toast.show{opacity:1}@media (max-width: 480px){.train-eta{flex-basis:100%;margin:4px 0 0 4px}.train-row{flex-wrap:wrap}}#screen-gym{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}#screen-gym .stats,#gym-controls{flex-wrap:nowrap}.chip{white-space:nowrap}.gym-right{flex-shrink:0}@media (max-width: 900px){#screen-gym{grid-template-columns:1fr}#screen-gym .stats,#gym-controls{flex-wrap:wrap}}@media (max-width: 480px){#screen-gym{gap:8px}#screen-gym .stats{flex-wrap:nowrap;gap:6px}.stat{flex:1 1 0;min-width:0;padding:5px 7px 8px}.stat-name{font-size:11px}.stat-name em{display:none}.stat-level{font-size:17px}.stat-part{display:none}#gym-controls{display:flex;flex-wrap:wrap;gap:6px}.train-row{padding:5px 6px;gap:4px;flex:1 1 100%}.train{padding:5px 8px;font-size:11px}.train-eta{flex-basis:auto;margin-left:auto;font-size:11px}.gym-right{justify-content:space-between}.buildtag{display:none}}.tabs{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--bg-1);border:1px solid var(--line)}.tab{font:inherit;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;border:0;background:transparent;color:var(--ink-dim);cursor:pointer}.tab.on{background:var(--bg-2);color:var(--ink)}.city{position:absolute;inset:0;overflow:auto;padding:14px;z-index:2;background:linear-gradient(180deg,var(--panel-deep),var(--panel-deep))}.board{display:flex;flex-direction:column;gap:14px;max-width:1100px;margin:0 auto}.tier{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:10px 12px 12px}.tier.locked{opacity:.55}.tier-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.tier-name{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:var(--neon)}.tier-2 .tier-name{color:var(--force)}.tier-3 .tier-name{color:var(--neon-2)}.tier-sub{font-size:11px;color:var(--ink-dim)}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.job{border:1px solid var(--line);border-radius:12px;background:var(--bg-0);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.job.done{border-style:dashed}.job-title{margin:0;font-size:15px;font-weight:800}.job-done{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-left:6px}.job-fiction{margin:0;font-size:12px;color:var(--ink-dim);line-height:1.4}.solutions{display:flex;flex-direction:column;gap:5px;margin-top:2px}.solution{font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:9px;border:1px solid var(--line);background:var(--bg-1);color:var(--ink);cursor:pointer;border-left-width:4px}.solution:hover:not(:disabled){background:var(--bg-2)}.solution:disabled{cursor:not-allowed}.sol-label{font-size:13px;font-weight:600}.sol-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px}.sol-part{font-weight:700;text-transform:capitalize}.sol-force{color:var(--force)}.sol-grace{color:var(--grace)}.sol-wits{color:var(--wits)}.sol-heart{color:var(--heart)}.sol-gap{color:var(--ink-dim);font-weight:600}.band-steamroll{border-left-color:#58e08a}.band-steamroll .sol-gap,.sol-gap.band-steamroll{color:#58e08a}.band-easy{border-left-color:#9be07a}.band-easy .sol-gap,.sol-gap.band-easy{color:#9be07a}.band-even{border-left-color:var(--neon)}.band-even .sol-gap,.sol-gap.band-even{color:var(--neon)}.band-hard{border-left-color:var(--force)}.band-hard .sol-gap,.sol-gap.band-hard{color:var(--force)}.band-brutal{border-left-color:var(--heart)}.band-brutal .sol-gap,.sol-gap.band-brutal{color:var(--heart)}.brief-wrap{max-width:640px;margin:0 auto}.brief{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.brief-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.brief-title{margin:0;font-size:24px;font-weight:800}.brief-fiction{margin:0;color:var(--ink-dim);line-height:1.45}.brief-plan{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--bg-0);border:1px solid var(--line)}.brief-way{font-weight:700}.brief-plan .sol-gap{margin-left:auto;font-weight:700}.brief-note{margin:0;font-size:13px}.brief-actions{display:flex;gap:8px;margin-top:4px}@media (max-width: 480px){.tabs{order:3;flex-basis:100%;justify-content:center}.topbar{flex-wrap:wrap}.city{padding:10px}}@media (min-width: 481px){.stat{min-width:108px}.stat-part{white-space:nowrap}}.primary{font:inherit;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid var(--neon);background:var(--neon);color:#0a0e1a;cursor:pointer}.primary:hover{filter:brightness(1.08)}.play{max-width:720px;margin:0 auto}.mg{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px 18px;display:flex;flex-direction:column;gap:12px;user-select:none;touch-action:manipulation;transition:box-shadow .15s ease}.mg.hit{box-shadow:0 0 0 2px #58e08a inset}.mg.miss{box-shadow:0 0 0 2px var(--heart) inset}.mg-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.mg-title{font-weight:800;font-size:18px}.mg-hint{font-size:12px;color:var(--ink-dim)}.mg-status{display:flex;gap:16px;font-size:12px;color:var(--ink-dim);font-weight:600}.mg-force .bar{position:relative;height:34px;border-radius:999px;background:var(--bg-0);border:1px solid var(--line);overflow:hidden;cursor:pointer}.mg-force .zone{position:absolute;top:0;bottom:0;background:#ffb34747;border-left:2px solid var(--force);border-right:2px solid var(--force)}.mg-force .marker{position:absolute;top:-2px;bottom:-2px;width:6px;margin-left:-3px;background:var(--ink);border-radius:3px;box-shadow:0 0 0 2px var(--panel-deep)}.mg-grace .arena{position:relative;height:300px;border-radius:12px;background:var(--bg-0);border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);cursor:pointer}.mg-grace .lane{border-right:1px dashed var(--line)}.mg-grace .lane:last-of-type{border-right:0}.mg-grace .player{position:absolute;bottom:10px;width:40px;height:22px;margin-left:-20px;border-radius:999px;background:var(--grace);box-shadow:0 0 12px #5de1e680;transition:left .09s ease}.mg-grace .ob{position:absolute;width:34px;height:34px;margin-left:-17px;margin-top:-34px;border-radius:8px;background:var(--neon-2);border:2px solid #ffb6d3}.mg-grace .ob.clip{background:var(--heart)}.mg-grace .ob.past{opacity:.35}.mg-wits .timer{height:6px;border-radius:3px;background:var(--bg-0);overflow:hidden}.mg-wits .timer-fill{height:100%;background:var(--wits);transition:width .1s linear}.mg-wits .target{display:flex;justify-content:center;gap:10px;padding:14px;border-radius:12px;background:var(--bg-0);border:1px solid var(--line)}.mg-wits .options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mg-wits .option{font:inherit;display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg-1);color:var(--ink);cursor:pointer}.mg-wits .option:hover{background:var(--bg-2)}.mg-wits .key{font-size:11px;font-weight:700;color:var(--ink-dim);width:14px}.dot{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.15)}.mg-wits .target .dot{width:30px;height:30px}.c0{background:#ffb347}.c1{background:#5de1e6}.c2{background:#b28dff}.c3{background:#ff6b8a}.c4{background:#58e08a}.result.won{border-color:#58e08a}.result.lost{border-color:var(--heart)}.facts{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-dim)}.fact b{color:var(--ink)}@media (max-width: 480px){.mg-grace .arena{height:240px}.mg{padding:12px}}.tip{position:fixed;z-index:50;max-width:280px;padding:8px 11px;border-radius:9px;background:#f2f5ff;color:#0a0e1a;font-size:12px;line-height:1.4;font-weight:500;box-shadow:0 6px 20px #00000073;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .08s ease,transform .08s ease}.tip.show{opacity:1;transform:none}.starter-stats{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}.mini-stat{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--bg-0);border:1px solid var(--line);color:var(--ink-dim)}.mini-stat b{color:var(--ink);font-weight:800;margin-right:2px}.mini-force b{color:var(--force)}.mini-grace b{color:var(--grace)}.mini-wits b{color:var(--wits)}.mini-heart b{color:var(--heart)}.city{background:linear-gradient(180deg,var(--panel-deep),var(--panel-deep))}.city .tier{background:var(--bg-1)}.intro{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px 20px;display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto}.intro-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.intro-title{margin:0;font-size:22px;font-weight:800}.intro-rule{margin:0;font-size:14px;line-height:1.5}.intro-controls{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-dim)}.intro-controls b{color:var(--ink)}.intro-goal{font-size:13px;padding:8px 10px;border-radius:9px;background:var(--bg-0);border:1px solid var(--line)}.intro-actions{display:flex;gap:8px;align-items:center;margin-top:4px}.countdown{font-size:64px;font-weight:800;text-align:center;padding:30px 0;color:var(--neon)}.devpanel{position:fixed;right:12px;bottom:12px;z-index:40;width:min(520px,92vw);border:1px solid var(--line);border-radius:12px;background:var(--bg-1);padding:10px;display:flex;flex-direction:column;gap:8px}.devpanel textarea{width:100%;height:220px;font:11px/1.4 ui-monospace,Menlo,monospace;background:var(--bg-0);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;resize:vertical}.devpanel .row{display:flex;gap:8px;align-items:center;justify-content:space-between}@media (max-width: 480px){.starter-stats{flex-basis:100%}}.train small{display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:lowercase;opacity:.8;line-height:1;margin-top:2px}.sol-part small{font-weight:500;text-transform:lowercase;opacity:.8}.parts{position:absolute;left:14px;top:14px;width:250px;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);z-index:2}.parts-head{display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--neon);margin-bottom:2px}.parts-sub{font-weight:500;font-size:10px;letter-spacing:0;text-transform:none;color:var(--ink-dim)}.part{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:6px 8px;border-radius:9px;background:var(--bg-0);border:1px solid var(--line);cursor:default}.part-slot{grid-row:1 / span 2;align-self:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.part-name{font-size:13px;font-weight:600;text-transform:capitalize}.part-meta{font-size:11px;color:var(--ink-dim)}.part-meta b{font-weight:800}.part-passive{opacity:.7}.part-evolved{border-color:#ffffff40}@media (max-width: 899px){.parts{position:static;width:auto;margin:0;display:none}}.name-input{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;background:var(--bg-0);border:1px solid var(--neon);color:var(--ink);width:150px;outline:none}.fighters{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.fighter{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:var(--bg-0);border:1px solid var(--line)}.fighter.you{border-color:var(--neon)}.fighter.foe{border-color:var(--heart)}.f-name{font-weight:800;font-size:15px}.f-cls{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.hp{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-top:4px}.hp-fill{height:100%;background:#58e08a;transition:width .25s ease}.foe .hp-fill{background:var(--heart)}.hp-num{font-size:11px;color:var(--ink-dim)}.vs{font-weight:800;color:var(--ink-dim)}.moves{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.move{font:inherit;display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:9px 10px;border-radius:10px;border:1px solid var(--line);border-left-width:4px;background:var(--bg-1);color:var(--ink);cursor:pointer}.move:hover{background:var(--bg-2)}.move-name{font-weight:800;font-size:14px}.move-part{font-size:11px;color:var(--ink-dim);text-transform:capitalize}.move-dmg{font-size:11px;font-weight:700}.move-force{border-left-color:var(--force)}.move-force .move-dmg{color:var(--force)}.move-grace{border-left-color:var(--grace)}.move-grace .move-dmg{color:var(--grace)}.move-wits{border-left-color:var(--wits)}.move-wits .move-dmg{color:var(--wits)}.move-heart{border-left-color:var(--heart)}.move-heart .move-dmg{color:var(--heart)}.battle-log{min-height:68px;padding:8px 10px;border-radius:9px;background:var(--bg-0);border:1px solid var(--line);font-size:12px;color:var(--ink-dim);display:flex;flex-direction:column;gap:2px}.battle-log div:last-child{color:var(--ink)}@media (max-width: 480px){.moves{grid-template-columns:repeat(2,1fr)}.fighters{grid-template-columns:1fr}.vs{display:none}}.city-wrap{display:grid;grid-template-columns:1fr;gap:12px;max-width:1200px;margin:0 auto}.city-wrap{position:relative}.city-wrap.with-panel{grid-template-columns:1fr}.city-wrap.with-panel .job-panel{position:absolute;right:12px;top:12px;width:340px;max-height:calc(100% - 24px);overflow:auto}.skyline{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--line);background:#0d1426}.band-bg{fill:transparent}.band.locked .band-bg{fill:#00000073}.band-label{font:700 13px var(--font);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink-dim)}.band-3 .band-label{fill:var(--neon-2)}.band-1 .band-label{fill:var(--neon)}.band.locked .band-label{fill:var(--ink-dim)}.street{fill:#06090f}.bld{cursor:pointer;transition:filter .12s ease}.bld .body{fill:#16203a;stroke:#2a3654;stroke-width:1.5}.bld.tier-3 .body{fill:#141c33}.bld.tier-1 .body{fill:#1d1a24;stroke:#3a3148}.bld:hover .body,.bld:focus-visible .body,.bld.selected .body{stroke:var(--neon);stroke-width:2.5}.bld.selected{filter:drop-shadow(0 0 10px rgba(93,225,230,.5))}.bld.locked{cursor:not-allowed;opacity:.55}.bld.locked .body{fill:#0f1424}.bld.done .body{stroke-dasharray:5 4}.win{fill:#0a0e1a}.win.on.warm{fill:#ffb347;opacity:.85}.win.on.cool{fill:#5de1e6;opacity:.75}.bld.tier-1 .win.on.warm{fill:#ff9a3c}.antenna{fill:#2a3654}.beacon{fill:var(--heart)}.parapet{fill:#22305a}.tin{fill:#2b2536;stroke:#4a3f5c;stroke-width:1}.sign-bg{fill:var(--panel-deep);stroke:#2a3654;stroke-width:1}.sign-text{font:700 11px var(--font);fill:var(--ink)}.bld.locked .sign-text{fill:var(--ink-dim)}.job-panel{align-self:start;position:sticky;top:0;display:flex;flex-direction:column;gap:6px}.job-panel .job{background:var(--bg-1)}.job-panel .job-close{align-self:flex-end}@media (max-width: 899px){.city-wrap.with-panel .job-panel{position:static;width:auto}}.skyline{max-height:calc(100vh - 235px)}.city-wrap{align-items:start}:root[data-theme=dusk]{--bg-0: #160f1c;--bg-1: #241a2e;--bg-2: #322540;--line: #46355a;--ink: #fff3e6;--ink-dim: #b9a4c4;--neon: #ffb347;--neon-2: #ff7a59;--force: #ff9f43;--grace: #7ee8fa;--wits: #c8a2ff;--heart: #ff6b8a}:root[data-theme=dusk] .stage{background:radial-gradient(120% 80% at 50% 110%,rgba(255,122,89,.22),transparent 60%),radial-gradient(90% 60% at 50% -10%,rgba(255,179,71,.14),transparent 60%),linear-gradient(180deg,#241628,#160f1c)}:root[data-theme=dusk] .skyline{background:#1c1224}:root[data-theme=dusk] .chip-district{color:var(--neon);border-color:#ffb34759;text-shadow:0 0 10px rgba(255,179,71,.35)}.stage{--punch: 1.02}.stage.punch{animation:punch .14s ease-out}@keyframes punch{0%{transform:scale(1)}40%{transform:scale(var(--punch))}to{transform:scale(1)}}.showcase{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4;background:radial-gradient(60% 60% at 50% 60%,rgba(255,179,71,.12),var(--panel-deep) 70%);opacity:0;transition:opacity .25s ease}.showcase.show{opacity:1}.showcase-card{text-align:center;align-self:start;margin-top:4%;padding:14px 28px;border-radius:16px;background:var(--panel-deep);border:1px solid var(--line)}.showcase-kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.showcase-title{font-size:clamp(28px,6vw,64px);font-weight:900;letter-spacing:.04em;color:var(--force);text-shadow:0 0 24px rgba(255,179,71,.45);animation:rise .5s ease-out}.showcase-sub{font-size:14px;color:var(--ink)}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.sound{cursor:pointer}@media (max-height: 460px),(max-width: 480px){#app{gap:6px;padding:6px 8px}.brand-name,.chip-district,.buildtag,.parts{display:none}.select-heading{top:8px}}@media (max-height: 460px){.stat{padding:3px 7px 7px;min-width:0;flex:1 1 0}.stat-level{font-size:15px}.stat-name{font-size:10px}.stat-part,.stat-name em{display:none}#screen-gym{grid-template-columns:1fr auto;gap:6px}.gym-right{display:none}.train-row{padding:3px 5px;gap:3px}.train{padding:4px 7px;font-size:11px}.train small,.train-eta,.judge{display:none}.tabs{padding:2px}.tab{padding:3px 10px;font-size:11px}.mg{padding:10px;gap:8px}.mg-grace .arena{height:160px}.mg-hint{display:none}.brief-title{font-size:18px}}body.compact .parts,body.compact .chip-district,body.compact .brand-name,body.compact .buildtag,body.compact .gym-right,body.compact .judge{display:none}.companion,.expand{cursor:pointer}body.compact .theme,body.compact .sound{display:none}@media (max-height: 460px),(max-width: 480px){.theme{display:none}}.starters{grid-template-columns:repeat(4,1fr)}.import{--accent: var(--neon);display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--bg-1);border:1px solid var(--line);border-top:3px solid var(--accent)}.import-row{display:flex;gap:6px;margin-top:4px}.import-id{flex:1;width:auto;min-width:0}.import-msg{font-size:11px;color:var(--ink-dim)}.import-msg.error{color:var(--heart)}@media (max-width: 900px){.starters{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.starters{grid-template-columns:1fr}}.focus-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:var(--bg-1);border:1px solid var(--line)}.focus{font:inherit;font-size:11px;font-weight:700;padding:5px 9px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-dim);cursor:pointer}.focus.on{color:#0a0e1a;background:var(--ink);border-color:var(--ink)}.split-bar{grid-column:2;display:block;height:3px;margin-top:4px;border-radius:2px;background:linear-gradient(90deg,var(--neon) var(--r),var(--neon-2) var(--r));opacity:.8}@media (max-height: 460px){.focus-row{display:none}}.manage{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.manage-head{display:flex;justify-content:space-between;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--neon)}.coin{color:var(--force)}.manage-btn{font:inherit;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 9px;border-radius:9px;border:1px solid var(--line);background:var(--bg-0);color:var(--ink);cursor:pointer;font-size:12px;font-weight:600;text-align:left}.manage-btn small{color:var(--ink-dim);font-weight:500}.manage-btn:hover:not(:disabled){background:var(--bg-2)}.manage-btn:disabled{opacity:.6;cursor:default}.gear{display:flex;flex-direction:column;gap:4px}.cond{display:flex;flex-direction:column;gap:3px;margin-top:2px}.cond-row{display:grid;grid-template-columns:48px 1fr 52px;align-items:center;gap:6px;font-size:11px}.cond-name{font-weight:700}.fatigue{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.fatigue-fill{display:block;height:100%;background:var(--ink-dim);border-radius:3px;transition:width .3s ease}.fatigue-fill.hot{background:var(--heart)}.cond-note{color:var(--ink-dim);text-align:right}.train-rest.on{background:var(--ink);border-color:var(--ink);color:#0a0e1a}.stat.strained{border-style:dashed}.board-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 12px;margin:0 auto 10px;max-width:1200px;border-radius:12px;background:var(--bg-1);border:1px solid var(--line);font-size:12px;color:var(--ink-dim)}.board-bar b{color:var(--ink)}.bld.closed{opacity:.35;cursor:not-allowed}.job.closed{opacity:.5}#parts-col{position:absolute;left:14px;top:14px;width:250px;display:flex;flex-direction:column;gap:8px;z-index:2;max-height:calc(100% - 28px);overflow:auto}@media (max-width: 899px){#parts-col{display:none}}#app{overflow:hidden}#screen-gym{grid-template-columns:auto minmax(0,1fr) auto}#gym-controls{flex-wrap:wrap;min-width:0;gap:6px}.focus-row,.train-row{flex:0 1 auto}.gym-right{flex-wrap:wrap;justify-content:flex-end}.parts .part{padding:4px 8px}.parts,.manage{gap:4px}.manage-btn{padding:4px 8px}@media (max-width: 1400px){.focus-row .train-eta{display:none}}#stable-wrap{position:absolute;right:14px;top:14px;width:260px;z-index:2;max-height:calc(100% - 28px);overflow:auto}.stable{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.stable-head{display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--neon-2)}.stable-sub{font-weight:500;font-size:10px;letter-spacing:0;text-transform:none;color:var(--ink-dim)}.owed{color:var(--force)}.perk-pick{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-radius:9px;background:var(--bg-0);border:1px dashed var(--force)}.perk{font-size:11px;padding:4px 8px}.perks{display:flex;flex-wrap:wrap;gap:4px}.perk-chip{font-size:10px;padding:3px 8px;color:var(--ink)}.stable-cards{display:flex;flex-direction:column;gap:5px}.stable-card{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:9px;background:var(--bg-0);border:1px solid var(--line)}.stable-card.active{border-color:var(--neon)}.stable-card.coached{box-shadow:inset 3px 0 0 var(--force)}.stable-name{font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:baseline}.stable-name small{font-size:10px;font-weight:500;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.stable-levels{display:flex;gap:8px;font-size:12px;font-weight:800}.stable-actions{display:flex;gap:4px}.stable-actions .ghost{font-size:11px;padding:3px 8px}.coach.on{color:var(--force);border-color:var(--force)}.stable-add{font:inherit;font-size:12px;padding:7px;border-radius:9px;border:1px dashed var(--line);background:transparent;color:var(--ink-dim);cursor:pointer}.stable-add:hover{color:var(--ink);border-color:var(--ink-dim)}.select-heading.adding:after{content:" · joins the stable";color:var(--neon)}@media (max-width: 1099px){#stable-wrap{display:none}}@media (max-height: 460px){#stable-wrap{display:none}}.circuit{max-width:760px}.division{margin:10px 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--neon)}.board-table{width:100%;border-collapse:collapse;font-size:12px}.board-table th{text-align:left;font-weight:600;color:var(--ink-dim);padding:4px 6px;border-bottom:1px solid var(--line)}.board-table td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.board-table .num{text-align:right;font-variant-numeric:tabular-nums}.board-table tr.me td{background:#5de1e614}.board-table tr.disputed td,.board-table small{color:var(--ink-dim)}.ok{color:#58e08a;font-weight:700}.bad{color:var(--heart);font-weight:700}.board-bar .circuit-btn{margin-left:6px}.viewer{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:10px;z-index:3;background:linear-gradient(180deg,var(--panel-deep),var(--panel-deep) 70%);pointer-events:none}.viewer>*{pointer-events:auto}.viewer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.viewer-head .brief-title small{font-size:13px;color:var(--ink-dim);font-weight:600}.viewer-actions{display:flex;gap:8px}.viewer-stable{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.viewer-stable .stable-card{font:inherit;color:var(--ink);cursor:pointer;min-width:160px;text-align:left}.viewer-detail{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);max-width:560px}.viewer-detail .cond-row{grid-template-columns:90px 1fr 170px}.row-link{cursor:pointer}.row-link:hover td{background:var(--bg-2)}.share{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:9px;background:var(--bg-0);border:1px solid var(--line)}.share-url{font:11px ui-monospace,Menlo,monospace;background:var(--bg-1);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px;height:46px;resize:none}@media (max-width: 700px){.viewer-detail .cond-row{grid-template-columns:70px 1fr}.viewer-detail .cond-note{display:none}}.publish{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.publish .ghost{font-size:11px}.card-modal{max-width:720px}.card-img{width:100%;border-radius:10px;border:1px solid var(--line)}a.primary{text-decoration:none;display:inline-block}.bests-line{font-size:11px;color:var(--ink-dim)}.hexcity{max-width:900px}.hex-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.hex-wrap{border-radius:12px;background:var(--bg-0);border:1px solid var(--line);padding:6px}.hexmap{width:100%;height:auto;display:block;max-height:60vh}.hex{fill:#16203a;stroke:#2a3654;stroke-width:1;cursor:pointer;transition:fill .12s ease}.hex:hover{stroke:var(--ink);stroke-width:1.5}.hex.safe{fill:#1b2540}.hex.foreign{fill:#0f1424;cursor:not-allowed;opacity:.6}.hex.mine{fill:var(--own);fill-opacity:.55;stroke:var(--own)}.hex.theirs{fill:var(--own);fill-opacity:.3;stroke:var(--own)}.hex.disputed{stroke-dasharray:3 2}.hex.home{stroke-width:2.5;stroke:var(--ink)}.hex.selected{stroke:var(--neon);stroke-width:3}.hex-home{font:800 16px var(--font);fill:var(--ink);pointer-events:none}.hex-req{font:700 10px var(--font);fill:var(--ink-dim);pointer-events:none}.tile-panel{display:flex;flex-direction:column;gap:6px;margin-top:8px}#layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0}#layout[data-cols="3"]{grid-template-columns:270px minmax(0,1fr) 280px}#layout[data-cols=trainer]{grid-template-columns:minmax(0,1fr) 360px}.col{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}#parts-col{position:static;width:auto;max-height:none;overflow:visible;display:flex;flex-direction:column;gap:8px}#parts-col .parts{position:static;width:auto}#stable-wrap{position:static;width:auto;max-height:none;overflow:visible;display:flex;flex-direction:column;gap:8px}#trainer-page{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}.stage-wrap{min-height:0}@media (max-width: 1099px){#layout[data-cols="3"]{grid-template-columns:minmax(0,1fr)}#layout[data-cols="3"] .col{display:none}#layout[data-cols=trainer]{grid-template-columns:minmax(0,1fr)}}@media (max-height: 460px){.col,#trainer-page{display:none!important}#layout{grid-template-columns:minmax(0,1fr)!important}}:root,:root[data-theme=ember]{--bg-0: #0b0708;--bg-1: #17100f;--bg-2: #241716;--line: #3b2527;--ink: #f4ede7;--ink-dim: #a99a95;--neon: #e8352f;--neon-2: #ff6a3d;--force: #ff9f43;--grace: #5de1e6;--wits: #c08cff;--heart: #ff5f7a;--display: "Permanent Marker", "Avenir Next Condensed", "Impact", sans-serif}:root[data-theme=night]{--bg-0: #0a0e1a;--bg-1: #121a2e;--bg-2: #1b2540;--line: #2a3654;--ink: #eef2ff;--ink-dim: #9aa7c7;--neon: #5de1e6;--neon-2: #ff5fa2;--force: #ffb347;--grace: #5de1e6;--wits: #b28dff;--heart: #ff6b8a}:root[data-theme=ember] .stage,:root:not([data-theme]) .stage{background:radial-gradient(90% 60% at 50% 115%,rgba(232,53,47,.28),transparent 60%),radial-gradient(70% 50% at 50% -10%,rgba(255,106,61,.1),transparent 60%),linear-gradient(180deg,#120b0c,#0b0708)}.brand-name{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.02em;color:var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.6)}.brand-mark{background:var(--neon);box-shadow:0 0 14px #e8352f80;transform:rotate(-6deg);border-radius:3px}.brief-title,.intro-title,.mg-title,.stable-head>span:first-child,.showcase-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}.brief-title{font-size:30px}.intro-title{font-size:26px}.mg-title{font-size:22px}.showcase-title{color:var(--neon);text-shadow:0 0 28px rgba(232,53,47,.55),0 3px 0 rgba(0,0,0,.7)}.showcase-card{background:var(--panel-deep);border-color:var(--line)}.tab.on{background:var(--neon);color:#fff}.tabs{background:var(--bg-1)}.primary{background:var(--neon);border-color:var(--neon);color:#fff;box-shadow:0 2px #00000080}.primary:hover{filter:brightness(1.1)}.chip-district{color:var(--neon-2);border-color:#ff6a3d66;text-shadow:none}.loading-dot{background:var(--neon)}.select-heading{top:18px;display:flex;flex-direction:column;align-items:center;gap:2px}.select-heading.hidden{display:none}.select-title{font-family:var(--display);font-size:clamp(28px,4.6vw,54px);color:var(--ink);letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.7),0 0 30px rgba(232,53,47,.35);position:relative;padding:0 22px}.select-title:before{content:"";position:absolute;inset:18% -6px 12%;background:var(--neon);transform:skew(-8deg) rotate(-1.5deg);z-index:-1;opacity:.85;border-radius:3px}.select-tag{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px}.select-pick{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--neon-2);margin-top:10px}.select-heading.adding .select-pick:after{content:" · joins the stable";color:var(--ink)}.starter{border-top-color:var(--accent)}.skyline{background:#100a0b;border-color:var(--line)}#skyg stop:first-child{stop-color:#140c0d}#skyg stop:last-child{stop-color:#1e0f10}.street{fill:#08050605}.bld .body{fill:#1a1112;stroke:#3b2527}.bld.tier-3 .body{fill:#170f10}.bld.tier-1 .body{fill:#211516;stroke:#4a2c2e}.win.on.warm{fill:#ff9f43}.win.on.cool{fill:#ff5a3c;opacity:.8}.bld.tier-1 .win.on.warm{fill:#ffb347}.sign-bg{fill:var(--panel-deep);stroke:var(--neon)}.bld.tier-3 .sign-bg{stroke:var(--neon-2)}.bld.tier-2 .sign-bg{stroke:var(--force)}.bld.tier-1 .sign-bg{stroke:var(--neon)}.bld:hover .body,.bld:focus-visible .body,.bld.selected .body{stroke:var(--neon-2)}.bld.selected{filter:drop-shadow(0 0 10px rgba(255,106,61,.55))}.band-3 .band-label{fill:var(--neon)}.band-2 .band-label{fill:var(--force)}.band-1 .band-label{fill:var(--neon-2)}.beacon{fill:var(--neon)}.hex{fill:#1a1112;stroke:#3b2527}.hex.safe{fill:#241617}.hex.foreign{fill:#120b0c}.hex.home{stroke:var(--ink)}.hex.selected{stroke:var(--neon-2)}.hex.theirs[data-gang]{fill:#7a1f22}.hex.decayed{fill-opacity:.25}.hex-home{fill:var(--ink)}.hex-req{fill:#8a7a76}.mg{background:#17100ff7}.mg-force .zone{background:#e8352f47;border-color:var(--neon)}.mg-grace .player{background:var(--grace)}.mg-grace .ob{background:var(--neon);border-color:#ff9a8a}.mg-wits .timer-fill{background:var(--wits)}.fighter.you{border-color:var(--grace)}.fighter.foe{border-color:var(--neon)}.hp-fill{background:#58e08a}.foe .hp-fill{background:var(--neon)}.tip{background:#fbf3ee;color:#0b0708}:root,:root[data-theme=ember]{--panel: rgba(23,16,15,.94);--panel-deep: rgba(11,7,8,.86)}:root[data-theme=night]{--panel: rgba(18,26,46,.92);--panel-deep: rgba(10,14,26,.85)}:root[data-theme=dusk]{--panel: rgba(36,26,46,.94);--panel-deep: rgba(22,15,28,.86)}.hex-wrap,.manage,.parts,.stable,.brief,.intro,.mg,.viewer-detail,.tier,.job-panel .job,.board-bar,.train-row,.focus-row{background:var(--panel)}.job,.solution,.stable-card,.part,.manage-btn,.cond-row,.train,.focus,.stat,.chip{background-color:var(--bg-0)}.stat,.chip,.train,.focus,.solution,.stable-card,.part,.manage-btn{background:var(--bg-1)}.train.on,.focus.on,.train-force.on{background:var(--force)}.train-grace.on{background:var(--grace)}.train-wits.on{background:var(--wits)}.train-heart.on{background:var(--heart)}.train-rest.on,.focus.on{background:var(--ink)}.skyline{background:#100a0b}:root[data-theme=night] .skyline{background:#0d1426}.stat{display:flex;flex-direction:column;gap:4px;min-width:150px;padding:8px 10px;border-left-width:4px}.stat-head{display:flex;justify-content:space-between;align-items:baseline}.stat-level{font-size:22px}.stat-bar{position:static;height:4px}.stat-bar.fat{height:3px;opacity:.8}.fat-fill{background:var(--ink-dim)!important}.fat-fill.hot{background:var(--heart)!important}.stat .focus-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0;background:transparent;border:0;margin-top:2px}.stat .focus{font-size:11px;padding:5px 6px;border-radius:7px}.stat .focus.on{color:#0b0708}.stat-force .focus.on{background:var(--force);border-color:var(--force)}.stat-grace .focus.on{background:var(--grace);border-color:var(--grace)}.stat-wits .focus.on{background:var(--wits);border-color:var(--wits)}.stat-heart .focus.on{background:var(--heart);border-color:var(--heart)}.stat .focus:disabled{opacity:.45;cursor:not-allowed}#gym-controls{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:170px}.gym-now{font-size:12px;color:var(--ink-dim);padding:6px 10px;border-radius:9px;background:var(--panel);border:1px solid var(--line)}#gym-controls .train-rest{width:100%}#screen-gym{grid-template-columns:auto auto 1fr;align-items:stretch}.gym-right{align-self:end}@media (max-width: 480px){.stat{min-width:0;padding:6px 8px}.stat .focus{font-size:10px;padding:4px}.stat-part{display:none}#screen-gym{grid-template-columns:1fr}}@media (max-height: 460px){.stat{min-width:0;padding:4px 6px;gap:2px}.stat .focus-row{grid-template-columns:1fr 1fr}.stat .focus{padding:3px 4px;font-size:10px}.stat-bar{display:none}.stat-level{font-size:15px}.gym-now{display:none}}@media (max-width: 480px){#screen-gym .stats{flex-wrap:wrap;gap:6px}.stat{flex:1 1 calc(50% - 6px);min-width:0}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.sound{display:none}}@media (max-height: 460px){#screen-gym .stats{flex-wrap:nowrap;gap:4px}.stat{flex:1 1 0;min-width:0;padding:4px 5px}.stat .focus{padding:3px 2px;font-size:9px}.stat-name{font-size:10px}.stat-name em,.topbar-right{display:none}#gym-controls{min-width:0;flex-direction:row}#gym-controls .train-rest{width:auto}}.frontier{max-width:1200px;margin:0 auto 10px;padding:8px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.frontier-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--neon-2);flex-wrap:wrap}.frontier-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.frontier-tile{font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:9px;border:1px solid var(--line);border-left-width:4px;background:var(--bg-1);color:var(--ink);cursor:pointer}.frontier-tile:hover{background:var(--bg-2)}.trainer-figure{position:absolute;left:50%;bottom:0;height:92%;transform:translate(-50%);pointer-events:none;z-index:1;filter:drop-shadow(0 0 40px rgba(232,53,47,.35))}.trainer-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.trainer-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.trainer-name{cursor:text}.trainer-level{display:flex;flex-direction:column;align-items:center;line-height:1}.trainer-level .lvl{font-family:var(--display);font-size:40px;color:var(--neon)}.trainer-level small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.trainer-facts{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-dim)}.signin{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.signin.compact{padding:6px 10px}#signin-select{flex-basis:100%}#screen-select{flex-wrap:wrap}.code{height:40px}.city{display:flex;flex-direction:column;overflow:hidden}.board-bar,.frontier{flex:0 0 auto;margin-bottom:8px}.city-wrap{flex:1 1 auto;min-height:0;overflow:auto;position:relative;align-items:start}.skyline{max-height:none;height:auto;width:100%;min-height:140%}.city-wrap.with-panel .job-panel{position:sticky;top:0;float:right;margin-left:12px}.board{overflow:auto;min-height:0}.city>.board-bar,.city>.frontier,.city>.city-wrap,.city>.board,.city>.brief-wrap,.city>.play{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.city-wrap{flex:1 1 0;min-height:240px;display:grid;grid-template-columns:minmax(0,1fr)}.city-wrap.with-panel{grid-template-columns:minmax(0,1fr) 340px;gap:12px}.city-wrap.with-panel .job-panel{position:sticky;top:0;float:none;margin:0;width:auto;align-self:start;max-height:none;overflow:visible}.skyline{min-height:0;height:auto}#skyline{min-height:130%;display:flex;align-items:flex-end}#skyline .skyline{width:100%}.city-wrap.with-panel .job-panel{position:static;align-self:stretch}.job-panel-inner{position:sticky;top:0;display:flex;flex-direction:column;gap:6px}.city-wrap.with-panel>#job-panel{align-self:stretch}.city{position:absolute}#job-panel{position:absolute;right:24px;top:var(--panel-top, 130px);width:340px;z-index:4;max-height:calc(100% - var(--panel-top, 130px) - 12px);overflow:auto}#job-panel.hidden{display:none}.city-wrap.with-panel{grid-template-columns:minmax(0,1fr)}.city-wrap.with-panel>#job-panel{display:none}@media (max-width: 899px){#job-panel{position:static;width:auto;max-height:none}}.guide{position:fixed;z-index:60;width:320px;padding:12px 14px;border-radius:12px;background:var(--panel-deep);border:1px solid var(--neon);box-shadow:0 10px 30px #0009,0 0 0 4px #e8352f26;display:flex;flex-direction:column;gap:6px;animation:rise .3s ease-out}.guide.hidden{display:none}.guide{pointer-events:none}.guide-actions button{pointer-events:auto}.guide-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-2)}.guide-title{font-family:var(--display);font-size:20px;color:var(--ink)}.guide-text{font-size:13px;line-height:1.45;color:var(--ink)}.guide-actions{display:flex;justify-content:flex-end}.guide-chip{cursor:pointer;font-weight:800;min-width:30px;text-align:center}@media (max-height: 460px){.guide{display:none!important}}.guide-target{animation:guide-ring 1.2s ease-in-out infinite;position:relative;z-index:5}@keyframes guide-ring{0%,to{box-shadow:0 0 0 2px var(--neon),0 0 12px #e8352f80}50%{box-shadow:0 0 0 5px var(--neon),0 0 24px #e8352fe6}}.hex-zoom{margin-left:auto;display:inline-flex;gap:4px}.hex-zoom .ghost{min-width:34px;padding:4px 8px;font-weight:800}.sheet-close{display:none}@media (max-width: 699px){#city-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.skyline{min-width:900px}#job-panel{position:fixed;inset:auto 0 0;width:auto;max-height:62vh;overflow:auto;z-index:30;border-radius:14px 14px 0 0;background:var(--panel-deep);border-top:1px solid var(--neon);box-shadow:0 -10px 30px #0009;padding:8px 10px 14px;animation:sheet-up .22s ease-out}#job-panel .job-panel{border:0;background:transparent;padding:0}.job-close{position:sticky;top:0;z-index:1;margin-left:auto}body>#hex-tile,#hex-tile:not(:empty){position:fixed;left:0;right:0;bottom:0;max-height:55vh;overflow:auto;z-index:30;border-radius:14px 14px 0 0;background:var(--panel-deep);border-top:1px solid var(--neon);box-shadow:0 -10px 30px #0009;padding:8px 12px 14px;animation:sheet-up .22s ease-out}.tile-panel{margin-top:0}.sheet-close{display:inline-flex;margin-left:auto}.hex-wrap{overflow:auto;max-height:58vh;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.hexmap{width:calc(390px * var(--hex-zoom, 2));max-width:none;max-height:none;height:auto}.hex-head .brief-note{font-size:11px}.board-table{font-size:12px}}@media (min-width: 700px){.hex-zoom{display:none}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (max-width: 480px){body:not([data-screen=gym]) #gym-controls,body:not([data-screen=gym]) .gym-right,body:not([data-screen=gym]) .buildtag{display:none}body:not([data-screen=gym]) #screen-gym .stats{flex-wrap:nowrap;gap:4px}body:not([data-screen=gym]) .stat{flex:1 1 0;min-width:0;padding:4px 6px;gap:2px}body:not([data-screen=gym]) .stat .focus-row,body:not([data-screen=gym]) .stat-bar,body:not([data-screen=gym]) .stat-part{display:none}body:not([data-screen=gym]) .stat-level{font-size:15px}body:not([data-screen=gym]) .stat-name{font-size:10px}body:not([data-screen=gym]) .stat-name em{display:none}.frontier-row{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}.frontier-tile{flex:0 0 150px}.frontier-head{font-size:10px}#trainer-page{padding:0 2px}.guide{width:min(320px,calc(100vw - 16px))}}