:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4eee8;font-synthesis:none;background:#0b1013;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:32px}header,.section-heading,.header-right,.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}h1{color:#a5edba;margin:0;font-size:42px}h2{margin-top:0;font-size:20px}.eyebrow,.muted,footer{color:#99afa3;font-size:13px;line-height:1.7}.eyebrow{letter-spacing:.15em;text-transform:uppercase}.badge{color:#b3dfbf;border:1px solid #334e40;border-radius:20px;padding:6px 10px;font-size:12px}.panel{background:#121c19;border:1px solid #2b4036;border-radius:12px;min-width:0;padding:24px}.login,.lobby{max-width:520px;margin:40px auto}.room-shell{grid-template-columns:minmax(180px,.7fr) minmax(250px,1fr) minmax(300px,1.2fr);gap:20px;display:grid}.roster{align-self:start}.notice{color:#ffd493;min-height:24px}form,label{flex-direction:column;gap:10px;display:flex}form{gap:20px}input,button{font:inherit;color:#e4eee8;background:#0a1510;border:1px solid #3b5f4a;border-radius:6px;padding:12px;font-size:14px}input{width:100%}button{cursor:pointer;background:#203b2c}button:hover:not(:disabled){background:#315b41}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #b0edc0}ul{margin:20px 0;padding:0;list-style:none}li{border-bottom:1px solid #253a2f;flex-direction:column;gap:6px;padding:14px 0;display:flex}li span{color:#a6b6af;font-size:12px}.owner,.invite-entry{flex-direction:column;gap:14px;margin-top:22px;display:flex}pre{color:#a5edba;font-size:14px;line-height:1.7;overflow-x:auto}footer{text-align:center;margin-top:28px}.native-activity{margin-top:20px}.board:focus{outline-offset:4px;outline:2px solid #b0edc0}.snake-frame{white-space:pre;margin:14px 0;font-size:12px;line-height:1.1}.snake-color-0{color:#ffbd66}.snake-color-1{color:#81d5ff}.snake-color-2{color:#ff8ca4}.snake-color-3{color:#d2a2ff}.snake-color-4{color:#88ed9c}.snake-color-5{color:#ffed8f}.snake-color-6{color:#eaaee5}.snake-color-7{color:#8af2de}.snake-color-8{color:#fff}.game-roster p,.scoreboard p{margin:6px 0;font-size:12px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:20px;display:grid}.video-grid figure{margin:0}.video-grid video{aspect-ratio:16/9;background:#080e0b;border-radius:8px;width:100%}.video-grid figcaption{color:#99afa3;font-size:12px}.video-grid audio{display:none}@media (width<=1000px){.room-shell{grid-template-columns:1fr 1fr}.roster{grid-column:1/-1}}@media (width<=800px){main{padding:18px}.room-shell{grid-template-columns:1fr}.roster{grid-column:auto}.header-right{justify-content:flex-start}.panel{padding:18px}h1{font-size:36px}}