@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07131d;--panel:#0d202d;--line:#23404f;--text:#eff8fa;--muted:#91aab5;--ice:#a7e5ee;--accent:#4bc3d2}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#17394a 0,transparent 48%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}.top{height:72px;border-bottom:1px solid #203846;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);background:#07131dcc}.brand{font-weight:800;letter-spacing:.14em;color:var(--text);text-decoration:none}.brand span{color:var(--ice);font-size:.72em}.top nav{display:flex;gap:24px}.top nav a{color:var(--muted);text-decoration:none;font-size:.9rem}.top nav a:hover{color:var(--ice)}.wrap{width:min(960px,90vw);margin:0 auto 70px}.hero{padding:74px 0 38px}.hero.compact{padding:52px 0 28px}h1{font-size:clamp(2.8rem,8vw,5.8rem);line-height:.98;letter-spacing:-.065em;margin:12px 0 18px}h2{font-size:1.55rem;letter-spacing:-.04em;margin:5px 0}.eyebrow{font:500 .7rem 'DM Mono',monospace;letter-spacing:.18em;color:var(--ice);margin:0 0 12px}.muted{color:var(--muted);line-height:1.65}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#102735,#091923);padding:clamp(20px,4vw,34px);box-shadow:0 24px 70px #0003}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.live-dot{font:500 .68rem 'DM Mono';letter-spacing:.12em;color:#9ff0cf;border:1px solid #286b59;border-radius:99px;padding:7px 10px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5be0a8;margin:0 8px 1px 0}.state{padding:18px;border:1px dashed #355262;border-radius:12px;color:var(--muted);line-height:1.6}.game-frame{width:100%;height:min(78vh,850px);border:1px solid var(--line);border-radius:12px;background:#07131d}.footnote,.small{font-size:.82rem}.footnote{color:var(--muted);text-align:center;margin-top:22px}.archive-list{display:grid;gap:10px;margin-top:14px}.archive-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);background:#0a1a24}.archive-item:hover{border-color:var(--accent);background:#102936}.archive-item strong,.archive-item small{display:block}.archive-item small{color:var(--muted);margin-top:5px}.archive-item>span:last-child{font:500 .7rem 'DM Mono';letter-spacing:.1em;color:var(--ice)}.admin-wrap{max-width:720px}.form{display:grid;gap:16px;margin-top:20px}.form label{display:grid;gap:8px;color:#c7d8de;font-size:.9rem}.form input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid #355262;background:#071720;color:var(--text);font:inherit}.form input:focus{outline:2px solid #4bc3d277;border-color:var(--accent)}button{font:700 .9rem Manrope;cursor:pointer;border-radius:9px;padding:13px 18px}.primary{background:var(--ice);color:#09202a;border:0}.primary:hover{background:#d0f5f8}.secondary{background:transparent;color:var(--ice);border:1px solid var(--line)}.subhead{margin-top:34px;font-size:1rem}.small{font-size:.78rem} [hidden]{display:none!important}@media(max-width:560px){.top{height:62px}.top nav{gap:13px}.top nav a{font-size:.8rem}.hero{padding-top:52px}.panel-head{flex-direction:column}.game-frame{height:78vh}}