:root{color:#f2f1e9;font-synthesis:none;--muted:#a7b3c5;--line:#354051;--accent:#c5ef79;background:#11151d;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#1b2230;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:650}button:hover:not(:disabled){background:#2a3547}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #82d9e4}.primary{background:var(--accent);color:#15220b;border-color:var(--accent)}.primary:hover:not(:disabled){background:#d7ffa1}.text-button{color:var(--muted);background:0 0;border:0}a{color:inherit}.app-shell{max-width:1376px;margin:auto;padding:0 52px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:96px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:7px;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand svg{width:32px;color:var(--accent);margin-right:5px}.brand span{color:var(--accent);margin-left:-7px}.header-right{align-items:center;gap:22px;font-size:12px;display:flex}.header-caption,.muted{color:var(--muted)}.identity{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.identity i,.you-key i{border-radius:3px;flex:none;width:14px;height:8px;display:inline-block}.room-heading{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 22px;display:flex}h1{letter-spacing:-1.3px;margin:0;font-size:34px;line-height:1.15}.sub{color:var(--muted);text-transform:capitalize;margin:9px 0 0;font-size:12px}.actions{align-items:center;gap:10px;display:flex}.room-actions button{min-height:44px}.room-actions .sound-toggle{width:44px;min-width:44px;color:var(--muted);justify-content:center;align-items:center;padding:0;display:inline-flex}.room-actions .sound-toggle[aria-pressed=true]{color:var(--accent);border-color:#c5ef7955}.sound-toggle svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.room-actions .copy-invite{background:var(--accent);color:#15220b;border-color:var(--accent)}.room-actions .copy-invite:hover:not(:disabled){background:#d7ffa1}.room-actions .leave-room{color:#ffc1af;background:#ff9f850d;border-color:#ff9f8566}.room-actions .leave-room:hover:not(:disabled){background:#ff9f8525}.layout-a{grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:28px;display:grid}.board-wrap{max-width:624px;margin:auto}.arena-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.round-live{align-items:center;gap:8px;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.clock{color:#f2f1e9;font-variant-numeric:tabular-nums;font-size:21px;font-weight:750}.arena{aspect-ratio:1;background:#151c28;border:1px solid #475166;border-radius:12px;position:relative;overflow:hidden}.arena canvas{width:100%;height:100%;display:block}.snake-cue{pointer-events:none;z-index:2;color:#15220b;white-space:nowrap;background:#f2f1e9;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:750;position:absolute;top:10px;left:50%;transform:translate(-50%)}.board-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;font-size:11px;display:flex}.you-key{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}kbd{font:inherit;border:1px solid #586579;border-bottom-width:2px;border-radius:4px;margin-right:3px;padding:2px 4px}.keyboard-help{white-space:nowrap}.side-title{justify-content:space-between;margin:0 0 15px;font-size:16px;display:flex}.side-title span{color:var(--muted);font-size:12px;font-weight:500}.leaderboard-caption{color:var(--muted);margin:-7px 0 14px;font-size:11px}.player-list{flex-direction:column;gap:7px;display:flex}.player{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:12px 10px;display:flex}.player.you{background:#c5ef7909;border-color:#c5ef7950}.player-rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:14px;font-size:12px;font-weight:700}.player.dead{opacity:.66}.player-icon{flex:none;font-size:27px;font-weight:800}.player-info{flex:1;min-width:0}.player-name{overflow-wrap:anywhere;font-size:12px;font-weight:650}.player-status{color:var(--muted);margin-top:4px;font-size:10px}.player-score{font-variant-numeric:tabular-nums;font-size:19px;font-weight:750}.player-score small{color:var(--muted);text-align:right;font-size:9px;font-weight:400;display:block}.side-note{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.side-note h3{margin:0 0 9px;font-size:13px}.side-note p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.7}.side-note input{width:100%;color:var(--muted);margin-bottom:10px;padding:10px;font-size:11px}.side-note button{width:100%}.side-note p[role=status]{min-height:20px;margin-top:8px}.overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#151c28dc;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:-1.2px;overflow-wrap:anywhere;max-width:100%;margin:12px 0;font-size:36px;line-height:1.15}.overlay p{color:#bbc6d7;max-width:310px;margin:10px 0 22px;font-size:13px;line-height:1.7}.overlay .primary{min-width:180px}.large-icon{color:var(--accent);font-size:42px}.countdown{color:var(--accent);font-size:110px;line-height:1}.dpad{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,54px);justify-content:center;gap:6px;margin-top:24px;display:grid}.dpad button{touch-action:none;-webkit-user-select:none;user-select:none;padding:2px;font-size:25px}.direction-up{grid-column:2}.direction-left{grid-area:2/1}.direction-down{grid-area:2/2}.direction-right{grid-area:2/3}.touch-note{text-align:center;color:var(--muted);font-size:10px}.notice{background:#233247;border:1px solid #82d9e450;border-radius:9px;margin:16px 0;padding:15px 18px;font-size:13px;line-height:1.7}.notice strong{display:block}.error{color:#ffcebf;background:#39272c;border-color:#ff9f8560}.form-scene{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;min-height:700px;padding:50px 18px;display:grid}.form-intro h1{letter-spacing:-3px;margin:20px 0 25px;font-size:65px;line-height:1.03}.form-intro p{color:var(--muted);max-width:365px;font-size:15px;line-height:1.8}.form-intro .footnote{margin-top:32px;font-size:11px}.intro-snake{color:var(--accent);width:100px;font-size:95px;font-weight:900;line-height:.7;transform:rotate(-10deg)}.entry-form{border:1px solid var(--line);background:#1b2230;border-radius:16px;justify-self:end;width:100%;max-width:450px;padding:32px}.entry-form h2{letter-spacing:-.7px;margin:0 0 10px;font-size:25px}.entry-form p{margin:0 0 25px;font-size:12px;line-height:1.7}label,legend{margin-bottom:10px;font-size:12px;font-weight:650;display:block}input{color:#f2f1e9;background:#111923;border:1px solid #48556a;border-radius:8px;min-width:0;padding:12px}input:not([type=range]){width:100%}.entry-form>small{color:var(--muted);margin:9px 0 24px;font-size:10px;line-height:1.6;display:block}fieldset{border:0;margin:0 0 25px;padding:0}.pace{gap:7px;display:flex}.pace button{flex:1;min-width:0;padding:12px 5px}.pace strong{text-transform:capitalize;font-size:12px;display:block}.pace small{color:var(--muted);margin-top:6px;font-size:9px;font-weight:400;display:block}.pace button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#c5ef7910}input[type=range]{width:100%;accent-color:var(--accent);min-height:30px;padding:0}.entry-form label:has(+input[type=range]){justify-content:space-between;display:flex}.range-labels{color:var(--muted);justify-content:space-between;margin:5px 0 25px;font-size:10px;display:flex}.submit{width:100%;padding:14px}.entry-form>.text-button{margin:12px auto 0;display:block}.entry-form>.form-note{text-align:center;margin-bottom:0}.rename{border-top:1px solid var(--line);padding-top:20px}.rename>div{gap:6px;display:flex}.rename input{width:100%;font-size:12px}.rename button{padding:9px}.site-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;margin-top:40px;padding:22px 0;font-size:10px;display:flex}.unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:600px;display:flex}.unavailable p{color:var(--muted);max-width:340px;line-height:1.7}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1000px) and (pointer:fine){.dpad,.touch-note{display:none}}@media (width<=1000px){.app-shell{padding:0 28px}.layout-a{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.form-scene{gap:35px;padding:40px 0}.form-intro h1{font-size:52px}.entry-form{padding:24px}.header-caption{display:none}}@media (width<=760px){.app-shell{padding:0 16px}.site-header{height:74px}.brand{font-size:20px}.brand svg{width:25px}.identity{max-width:130px;font-size:10px}.room-heading{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 0 20px}.room-heading h1{max-width:230px;font-size:26px}.sub{font-size:10px;line-height:1.7}.actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.actions button{padding:9px;font-size:11px}.room-actions{grid-template-columns:44px minmax(0,1fr) 80px;gap:8px;width:100%;display:grid}.room-actions button{padding:0 8px}.room-actions .sound-toggle{padding:0}.layout-a{flex-direction:column;gap:28px;display:flex}.arena-column,.sidebar{width:100%}.board-wrap,.sidebar{max-width:520px;margin:auto}.keyboard-help{display:none}.arena{border-radius:7px}.board-footer,.arena-meta{font-size:10px}.clock{font-size:18px}.overlay{padding:16px}.overlay h2{font-size:29px}.overlay p{max-width:245px;margin-bottom:17px;font-size:11px}.overlay .large-icon{font-size:28px}.overlay .primary{min-width:150px;font-size:12px}.player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.player{gap:7px;padding:10px 7px}.player-name{font-size:11px}.player-status{font-size:9px}.player-score{font-size:17px}.form-scene{flex-direction:column;gap:25px;min-height:0;padding-top:35px;display:flex}.form-intro{width:100%}.form-intro h1{letter-spacing:-2.5px;margin-top:15px;font-size:49px}.intro-snake{display:none}.form-intro p{font-size:13px}.form-intro .footnote{margin:18px 0 0}.entry-form{max-width:none;padding:24px}.site-footer{gap:15px;font-size:9px}.unavailable h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}