:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111416;--panel:#191f21;--panel-2:#222a2d;--line:#3b4548;--ink:#f4f0d8;--muted:#a8b2a8;--gold:#f6c85f;--red:#f05a4f;--green:#72c16f;--blue:#57a7c8;--shadow:#070909}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 15% 20%,#72c16f14,#0000 28rem),linear-gradient(135deg,#111416 0%,#1c1714 48%,#111416 100%);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}button,textarea{font:inherit}button{min-height:2.5rem;color:var(--ink);cursor:pointer;background:#283135;border:1px solid #4c585b;border-radius:6px;box-shadow:inset 0 -2px #00000047}button:hover{border-color:var(--gold)}button:active,button.is-active{border-color:var(--gold);color:#ffe6a3;background:#3b3122;translate:0 1px}textarea{resize:vertical;border:1px solid var(--line);color:#dce9da;background:#0f1315;border-radius:6px;width:100%;min-height:5rem;padding:.65rem;line-height:1.35}label{color:var(--muted);text-transform:uppercase;font-size:.75rem}.shell{grid-template-columns:minmax(320px,640px) minmax(280px,360px);align-items:start;gap:clamp(1rem,3vw,1.75rem);width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:clamp(.75rem,2.5vw,1.5rem);display:grid}.arena{place-items:center;width:100%;display:grid}#game{aspect-ratio:1;width:min(100%,100vh - 3rem);max-width:640px;height:auto;image-rendering:pixelated;background:#0d0f11;border:10px solid #0b0e10;outline:none;box-shadow:0 1.2rem 2rem #00000059,0 0 0 1px #384143}.panel{background:#191f21f5;border:1px solid #3a4547;border-radius:8px;width:100%;padding:1rem;box-shadow:0 1.2rem 2rem #0000004d}.brand{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.eyebrow,.brand h1,.section-title h2,.readout p{margin:0}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:.78rem}.brand h1{margin-top:.15rem;font-size:clamp(1.45rem,5vw,2rem);line-height:1.1}.badge{border:1px solid var(--line);color:var(--muted);background:#121719;border-radius:999px;flex:none;padding:.35rem .6rem;font-size:.75rem}.badge.is-online{color:#dfffd6;background:#19301f;border-color:#477547}.score-grid,.key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.score-grid div,.key-grid div,.readout{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;padding:.65rem}.score-grid span,.key-grid span{color:var(--muted);text-transform:uppercase;font-size:.72rem;display:block}.score-grid strong,.key-grid strong{margin-top:.25rem;font-size:1.05rem;display:block}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.75rem 0;display:grid}.readout{align-items:center;min-height:3.2rem;display:flex}.readout p{color:#dfe7ce;line-height:1.35}.key-grid{margin:.75rem 0 1rem}.network{gap:.5rem;display:grid}.section-title{justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;display:flex}.section-title h2{font-size:1rem}.section-title span{color:var(--muted);font-size:.78rem}.network-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.25rem}@media (width<=860px){.shell{grid-template-columns:1fr}#game{width:min(100%,92vw)}}@media (width<=440px){.score-grid,.key-grid,.button-row,.network-actions{grid-template-columns:1fr 1fr}.panel{padding:.75rem}}