:root{--green-950: #07140f;--green-900: #0b1b16;--green-870: #0a1e17;--green-800: #17211f;--green-700: #234940;--green-600: #315a46;--green-500: #3f6b4e;--green-450: #508a64;--green-400: #4c9a76;--green-350: #7ba094;--green-300: #7bbf8f;--green-250: #8db5a7;--green-200: #a9dab8;--green-150: #b8ddc2;--green-tint-900: #d7f0df;--green-tint-925: #e6f2ee;--green-tint-950: #eafaef;--green-tint-960: #f0f9f2;--green-tint-975: #f6f8f7;--green-tint-panel: #e6f4ea;--green-success: #2f7a49;--green-success-dark: #276840;--green-success-deep: #14532d;--neutral-000: #ffffff;--neutral-050: #f3f6f5;--neutral-075: #f0f3f1;--neutral-100: #e4eae7;--neutral-150: #d7dfdc;--neutral-200: #cdd8d3;--neutral-300: #b8c5c0;--neutral-400: #9aa8a3;--neutral-500: #8a9691;--neutral-600: #7a8a84;--neutral-700: #586560;--text-on-dark: #eef8f3;--text-on-dark-strong: #f4fbf7;--text-on-dark-soft: #dbece3;--text-on-dark-muted: #c5d9cf;--gold-100: #fff3bf;--gold-300: #f7d154;--gold-500: #e6a922;--gold-600: #d9a017;--gold-border: #f0d98a;--gold-border-soft: #eccf6f;--gold-text: #7a5c12;--gold-text-deep: #5c4708;--gold-tint-bg: #fffdf5;--danger-200: #f2b0aa;--danger-500: #b23232;--danger-600: #c0392b;--danger-600-dark: #a93226;--danger-700: #7a2020;--danger-soft: #d9534f;--danger-bg: #fff6f6;--danger-border: #e0b5b5;--info-500: #2f74c4;--info-600: #255fa3;--google-blue: #4285f4;--google-green: #34a853;--google-yellow: #fbbc05;--google-red: #ea4335;--glass-rgb: 10 30 23;--glass-border-rgb: 221 240 231;--glass-control-rgb: 230 244 237;--shadow-rgb: 23 33 31;--black-rgb: 0 0 0;--gold-rgb: 247 209 84;--gold-deep-rgb: 230 169 34;--green-300-rgb: 123 191 143;--danger-rgb: 178 50 50;--danger-600-rgb: 192 57 43;--info-rgb: 47 116 196;--focus-ring-rgb: 123 160 148;--app-bg: radial-gradient( 120% 120% at 50% 0%, var(--green-870) 0%, var(--green-900) 45%, var(--green-950) 100% );--glass-panel: rgb(var(--glass-rgb) / .62);--glass-panel-strong: rgb(var(--glass-rgb) / .72);--glass-menu: rgb(var(--glass-rgb) / .86);--glass-inset: rgb(var(--glass-control-rgb) / .05);--glass-border: rgb(var(--glass-border-rgb) / .3);--glass-border-soft: rgb(var(--glass-border-rgb) / .2);--control-glass-bg: rgb(var(--glass-control-rgb) / .1);--control-glass-bg-hover: rgb(var(--glass-control-rgb) / .2);--control-glass-border: rgb(var(--glass-border-rgb) / .24);--surface-card: var(--neutral-000);--surface-card-border: var(--neutral-150);--text-primary: var(--green-800);--text-body: #3a4643;--text-secondary: var(--neutral-700);--text-accent: var(--green-700);--success-on-dark: var(--green-300);--danger-on-dark: var(--danger-200);--action-primary-bg: var(--green-700);--action-primary-bg-hover: var(--green-800);--action-primary-text: var(--neutral-000);--green-play-rgb: 80 138 100;--action-play-bg: rgb(var(--green-play-rgb) / .78);--action-play-bg-hover: var(--green-500);--action-join-bg: rgb(211 235 223 / .94);--input-light-bg: rgb(235 247 240 / .94);--input-light-border: rgb(207 226 217 / .8);--video-scrim: rgb(7 20 15 / .2);--play-scene-image: url(/assets/images/play-background-zigzag-trio.jpg);--play-scene-bg: linear-gradient(var(--video-scrim), var(--video-scrim)), var(--play-scene-image) center / cover no-repeat, var(--green-900);--focus-ring: 0 0 0 2px rgb(var(--focus-ring-rgb) / .25);--focus-border: var(--green-350);--gold-gradient: linear-gradient(135deg, var(--gold-300), var(--gold-500));--gold-gradient-hover: linear-gradient(135deg, #f6c93b, #d99b12);--gold-glass-bg: rgb(var(--gold-rgb) / .16);--gold-glass-border: rgb(var(--gold-rgb) / .55);--danger-glass-bg: rgb(var(--danger-rgb) / .16);--danger-glass-border: rgb(var(--danger-rgb) / .4);--success-glass-bg: rgb(var(--green-300-rgb) / .14);--success-glass-border: rgb(var(--green-300-rgb) / .5);--shadow-panel: 0 18px 48px rgb(var(--black-rgb) / .28);--shadow-bar: 0 8px 24px rgb(var(--black-rgb) / .16);--shadow-dropdown: 0 16px 34px rgb(var(--shadow-rgb) / .18);--shadow-modal: 0 24px 60px rgb(9 20 16 / .35);--scrim: rgb(var(--shadow-rgb) / .5)}*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-on-dark);background:var(--green-900) var(--app-bg) fixed;overscroll-behavior:none}a{color:inherit}app-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top,0px)}app-root.ios-safari-scroll-assist{--safari-chrome-scroll-range: 200px;min-height:calc(100dvh + var(--safari-chrome-scroll-range));padding-top:0}:fullscreen app-root,app-root.immersive{height:100dvh;min-height:0;overflow:hidden}:fullscreen app-header,:fullscreen app-footer,:fullscreen app-leaderboard-panel,app-root.immersive app-header,app-root.immersive app-footer,app-root.immersive app-leaderboard-panel{display:none!important}app-root.ios-safari-scroll-assist app-install-prompt,app-root.ios-safari-scroll-assist app-header,app-root.ios-safari-scroll-assist app-footer,app-root.ios-safari-scroll-assist app-leaderboard-panel{display:none!important}@media(orientation:landscape)and (max-height:480px){app-header,app-footer{display:none!important}}app-root>router-outlet+*{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto}app-root.ios-safari-scroll-assist>router-outlet+app-room-shell{position:sticky;top:0;flex:0 0 100vh;flex-basis:100dvh;height:100vh;height:100dvh;min-height:0;overflow:clip}.lobby .color-panel{position:absolute;z-index:20;top:calc(100% - 2px);left:8px;display:grid;grid-template-columns:auto var(--snake-preview-size);gap:12px;align-items:center;padding:10px;background:var(--neutral-000);border:1px solid var(--neutral-200);border-radius:8px;box-shadow:var(--shadow-dropdown)}.lobby .palette{display:grid;grid-template-columns:repeat(4,28px);grid-auto-rows:28px;gap:6px}.lobby .palette-color{width:28px;height:28px;padding:0;border:2px solid rgb(var(--shadow-rgb) / .16);border-radius:6px;cursor:pointer}.lobby .palette-color:hover,.lobby .palette-color.selected{border-color:var(--green-800);box-shadow:0 0 0 2px var(--neutral-000),0 0 0 4px rgb(var(--shadow-rgb) / .14)}.lobby .snake-preview{width:var(--snake-preview-size);height:var(--snake-preview-size);display:grid;place-items:center;overflow:visible}.lobby .snake-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.lobby .preview-fallback{width:53%;height:53%;border-radius:999px;background:#ffffffd1;border:2px solid rgb(var(--shadow-rgb) / .2)}@media(max-width:400px){.lobby .color-panel{grid-template-columns:auto;justify-items:center;left:0}}