@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#ede9df;--muted:#8d8a82;--bg:#111211;--panel:#181917;--line:#363733;--orange:#f05a37;--yellow:#f1c84b;--blue:#54a7d9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:80px 80px}.shell{max-width:1440px;margin:auto;padding:24px 44px 28px}.topbar,.footer{display:flex;align-items:center;justify-content:space-between;font:11px 'DM Mono',monospace;letter-spacing:.08em}.topbar{height:45px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:500;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--orange);color:var(--orange);font-weight:bold}.status{color:#c6c1b5}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63d08b;margin-right:6px;box-shadow:0 0 10px #63d08b}.slash{color:var(--orange);padding:0 8px}.rule{color:var(--muted)}.rule strong{color:var(--yellow);font-weight:400}.hero{display:flex;justify-content:space-between;align-items:end;padding:68px 0 50px}.eyebrow,.panel-kicker{color:var(--orange);font:11px 'DM Mono',monospace;letter-spacing:.16em}.hero h1{font-size:clamp(54px,7vw,100px);line-height:.88;letter-spacing:-.07em;margin:18px 0 24px;font-weight:600}.hero h1 em{color:var(--orange);font-style:normal}.lede{max-width:480px;color:var(--muted);font-size:15px;line-height:1.55}.hero-note{display:flex;gap:12px;color:var(--muted);font:11px/1.6 'DM Mono',monospace;margin-bottom:11px}.note-line{width:34px;height:1px;background:var(--orange);margin-top:7px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px}.arena-wrap{min-width:0}.hud{height:36px;display:flex;align-items:center;justify-content:space-between;font:12px 'DM Mono',monospace}.fighter-tag{display:flex;align-items:center;gap:8px}.fighter-tag small{font-size:10px;color:var(--muted)}.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.p2 .tag-dot{background:var(--blue)}.round-readout{text-align:center;color:var(--muted);font-size:10px}.round-readout strong{display:block;color:var(--ink);font-size:17px;margin-top:3px}.health-row{position:relative;display:grid;grid-template-columns:1fr 58px 58px 1fr;gap:8px;align-items:center;margin-bottom:10px}.health-track{height:8px;background:#373833;overflow:hidden}.health-track.mirror{transform:scaleX(-1)}.health-fill{height:100%;width:100%;transition:width .12s linear}.health-fill.player{background:var(--orange)}.health-fill.agent{background:var(--blue)}.guard-readout{font:9px 'DM Mono',monospace;color:var(--muted);text-align:center}.guard-readout.right{order:3}.canvas-frame{position:relative;background:#e9e5d8;border:1px solid #45463f;aspect-ratio:16/9;overflow:hidden}.canvas-frame canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(17,18,17,.72);gap:18px}.overlay.hidden{display:none}.overlay-kicker{font:14px 'DM Mono',monospace;color:var(--yellow);letter-spacing:.16em}.primary,.ghost{border:0;background:var(--orange);color:#151614;padding:13px 17px;font:600 12px 'DM Mono',monospace;letter-spacing:.05em;cursor:pointer}.primary span,.ghost span{padding-left:18px}.primary:hover{background:#ff7554}.arena-footer{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;margin-top:10px}.arena-footer b{color:var(--ink);font-weight:400}.side-panel{background:var(--panel);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:25px}.keys{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px;margin-top:-7px}.keys div{display:flex;align-items:center;gap:6px;font:10px 'DM Mono',monospace;color:var(--muted)}kbd{display:inline-grid;place-items:center;min-width:23px;height:23px;border:1px solid #565850;background:#242520;color:var(--ink);font:11px 'DM Mono',monospace}.keys span{margin-left:3px}.charge-card{border-top:1px solid var(--line);padding-top:20px}.charge-bar{height:5px;background:#393a35;margin:13px 0 10px}.charge-bar span{display:block;height:100%;width:0;background:var(--yellow);transition:width .08s}.charge-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.charge-card kbd{height:18px;min-width:18px;font-size:9px}.agent-card{border-top:1px solid var(--line);padding-top:20px}.agent-card h2{font-size:20px;letter-spacing:-.05em;margin:10px 0 18px}.agent-card h2 span{font:10px 'DM Mono',monospace;color:var(--blue);letter-spacing:.1em}.metric{display:flex;justify-content:space-between;border-top:1px solid #2e2f2b;padding:10px 0;color:var(--muted);font:9px 'DM Mono',monospace}.metric b{color:var(--ink);font-weight:400}.ghost{margin-top:auto;width:100%;background:transparent;border:1px solid #565850;color:var(--ink)}.ghost:hover{border-color:var(--orange);color:var(--orange)}.footer{color:#686961;border-top:1px solid var(--line);margin-top:40px;padding-top:17px}
@media(max-width:900px){.shell{padding:18px}.hero{padding:45px 0 35px}.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.agent-card{grid-column:span 2}.ghost{grid-column:span 2}.footer{gap:12px;flex-wrap:wrap}.hero-note{display:none}}@media(max-width:560px){.hero h1{font-size:58px}.hud{font-size:10px}.side-panel{display:flex}.agent-card{grid-column:auto}.footer{font-size:9px}.footer span:last-child{display:none}}