:root{--safe-area-top: env(safe-area-inset-top, var(--android-safe-top, 0px));--safe-area-bottom: env(safe-area-inset-bottom, var(--android-safe-bottom, 0px));--safe-area-left: env(safe-area-inset-left, var(--android-safe-left, 0px));--safe-area-right: env(safe-area-inset-right, var(--android-safe-right, 0px));--font-xs: clamp(.75rem, 2vw, .875rem);--font-sm: clamp(.875rem, 2.5vw, 1rem);--font-md: clamp(1rem, 3vw, 1.25rem);--font-lg: clamp(1.25rem, 4vw, 1.5rem);--font-xl: clamp(1.5rem, 5vw, 2rem);--font-2xl: clamp(2rem, 6vw, 3rem);--font-3xl: clamp(2.5rem, 8vw, 4rem);--font-huge: clamp(3rem, 10vw, 6rem);--color-primary: #FFD700;--color-red: #FF4444;--color-blue: #4444FF;--bg-glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--shadow-glass: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--bg: #120c07;--bg2: #1d130a;--scene-sky-1: #3a1d4d;--scene-sky-2: #a83b62;--scene-sky-3: #f2913f;--scene-ground: #c79a5a;--surface: rgba(38, 27, 16, .72);--surface-2: rgba(54, 38, 22, .82);--surface-solid: #241910;--brd: rgba(245, 194, 66, .16);--brd-strong: rgba(245, 194, 66, .34);--text: #fbf3e4;--text-dim: #cdb79a;--text-mute: #8c7a5e;--gold: #f5c242;--gold-2: #ffd873;--accent: #ff7a3d;--accent-2: #e5407a;--red: #ff5147;--red-2: #b3221f;--blue: #36a6ef;--blue-2: #1c5fb0;--green: #36c98a;--radius: 18px;--radius-lg: 30px;--radius-sm: 12px;--shadow: 0 18px 50px -20px rgba(0, 0, 0, .8);--glow: 0 0 0 rgba(0, 0, 0, 0);--font-display: "Archivo";--disp-wght: 900;--disp-stretch: 118%;--disp-spacing: .01em;--disp-transform: none;--hud-glass: rgba(20, 14, 7, .6)}:root[data-theme=neon]{--bg: #05060d;--bg2: #0a0c1a;--scene-sky-1: #0a0c1a;--scene-sky-2: #16204d;--scene-sky-3: #0f3a5e;--scene-ground: #0c1430;--surface: rgba(14, 18, 38, .7);--surface-2: rgba(22, 28, 54, .85);--surface-solid: #0e1226;--brd: rgba(0, 229, 255, .18);--brd-strong: rgba(0, 229, 255, .5);--text: #eaf6ff;--text-dim: #9fb6d6;--text-mute: #5d7196;--gold: #00e5ff;--gold-2: #67f0ff;--accent: #00e5ff;--accent-2: #ff2d9b;--red: #ff3b6b;--red-2: #b01242;--blue: #2ad4ff;--blue-2: #1186c9;--green: #3cffb0;--radius: 14px;--radius-lg: 20px;--radius-sm: 9px;--shadow: 0 0 40px -12px rgba(0, 229, 255, .35);--glow: 0 0 22px;--disp-wght: 800;--disp-stretch: 96%;--disp-spacing: .16em;--disp-transform: uppercase;--hud-glass: rgba(8, 11, 24, .62)}:root[data-theme=sport]{--bg: #eef1f5;--bg2: #e2e7ee;--scene-sky-1: #cfe0f2;--scene-sky-2: #e9eef4;--scene-sky-3: #e9eef4;--scene-ground: #d9cdb6;--surface: rgba(255, 255, 255, .86);--surface-2: #ffffff;--surface-solid: #ffffff;--brd: rgba(14, 23, 38, .1);--brd-strong: rgba(14, 23, 38, .18);--text: #0e1726;--text-dim: #566377;--text-mute: #8a97a8;--gold: #e8a300;--gold-2: #ffc233;--accent: #1d6fe0;--accent-2: #e23744;--red: #e23744;--red-2: #a51221;--blue: #1d6fe0;--blue-2: #0c47a3;--green: #11a06a;--radius: 16px;--radius-lg: 24px;--radius-sm: 11px;--shadow: 0 16px 40px -22px rgba(14, 23, 38, .45);--glow: 0 0 0 rgba(0, 0, 0, 0);--disp-wght: 800;--disp-stretch: 108%;--disp-spacing: -.005em;--disp-transform: none;--hud-glass: rgba(255, 255, 255, .78)}:root[data-theme=arcade]{--bg: #2a1542;--bg2: #3a1d57;--scene-sky-1: #5a2a8c;--scene-sky-2: #d8478f;--scene-sky-3: #ffb13d;--scene-ground: #e8b15a;--surface: rgba(58, 29, 87, .72);--surface-2: rgba(74, 40, 108, .9);--surface-solid: #3a1d57;--brd: rgba(255, 209, 102, .3);--brd-strong: rgba(255, 209, 102, .6);--text: #fff5e9;--text-dim: #e3c6f0;--text-mute: #a988c2;--gold: #ffd166;--gold-2: #ffe29a;--accent: #ff8a3d;--accent-2: #ff2e83;--red: #ff4d6d;--red-2: #c41e45;--blue: #3db4ff;--blue-2: #1574d6;--green: #3ddc84;--radius: 22px;--radius-lg: 30px;--radius-sm: 15px;--shadow: 0 14px 0 -2px rgba(0, 0, 0, .35);--glow: 0 0 18px;--disp-wght: 900;--disp-stretch: 112%;--disp-spacing: .005em;--disp-transform: uppercase;--hud-glass: rgba(42, 21, 66, .6)}.disp{font-family:var(--font-display),"Archivo",sans-serif;font-weight:var(--disp-wght);font-stretch:var(--disp-stretch);letter-spacing:var(--disp-spacing);text-transform:var(--disp-transform);line-height:.95}.screen{position:absolute;inset:0;isolation:isolate}.noscroll::-webkit-scrollbar{display:none}.noscroll{scrollbar-width:none}@keyframes slideUp{0%{transform:translateY(24px)}to{transform:none}}@keyframes capIn{0%{transform:translateY(16px)}to{transform:none}}@keyframes decIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes popFlag{0%{transform:scale(.3) rotate(-18deg)}to{transform:none}}@keyframes stampIn{0%{opacity:0;transform:scale(2.4) rotate(-14deg)}60%{opacity:1}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes scan{0%{left:-14%}to{left:100%}}@keyframes blinkDot{0%,to{opacity:1}50%{opacity:.25}}@keyframes popOut{0%{opacity:0;transform:scale(.4) translateY(10px)}18%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.95) translateY(-14px)}}@keyframes emoteIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@keyframes radar{0%{opacity:.5;transform:scale(.4)}to{opacity:0;transform:scale(1)}}@keyframes countPop{0%{transform:scale(2)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes shakeIn{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px -6px var(--gold),inset 0 0 0 2px #fff6}50%{box-shadow:0 0 48px 2px var(--gold),inset 0 0 0 2px #ffffff8c}}@keyframes spinIn{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes spIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes spCheer{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes spDance{0%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-2px)}to{transform:rotate(-7deg) translateY(0)}}@keyframes spSad{0%,to{transform:translateY(1px)}50%{transform:translateY(2px)}}body{margin:0;padding:0;overflow:hidden;font-family:Hanken Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.w-full{width:100%}.h-full{height:100%}.absolute-fill{position:absolute;top:0;left:0;width:100%;height:100%}h1,.h1{font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:0}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-glow{text-shadow:0 0 10px currentColor}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse{animation:pulse 2s infinite ease-in-out}.lobby-container{padding:max(20px,var(--safe-area-top)) var(--safe-area-right) max(20px,var(--safe-area-bottom)) var(--safe-area-left)}@media (max-width: 768px){.hide-on-mobile{display:none!important}.responsive-grid{grid-template-columns:1fr!important}.lobby-form{width:90%!important;padding:20px!important}.btn-large{padding:12px 24px!important;font-size:1rem!important}}@media (max-height: 500px){:root{--font-xs: clamp(.625rem, 1.5vw, .75rem);--font-sm: clamp(.75rem, 2vw, .875rem);--font-md: clamp(.875rem, 2.5vw, 1rem);--font-lg: clamp(1rem, 3vw, 1.25rem);--font-xl: clamp(1.25rem, 4vw, 1.5rem);--font-2xl: clamp(1.5rem, 5vw, 2rem);--font-3xl: clamp(1.75rem, 6vw, 2.5rem);--font-huge: clamp(2rem, 8vw, 3.5rem)}.glass-panel{padding:12px!important;border-radius:10px}.lobby-form{padding:16px!important;gap:12px!important;max-height:85vh;overflow-y:auto}.btn-large{padding:8px 16px!important;font-size:.875rem!important}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotate-phone{0%{transform:rotate(0)}25%{transform:rotate(90deg)}75%{transform:rotate(90deg)}to{transform:rotate(0)}}.rotation-warning{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;text-align:center;padding:20px}.rotation-icon{font-size:4rem;margin-bottom:20px;position:relative;animation:rotate-phone 2s infinite ease-in-out}.rotation-icon .arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.5}@media (max-width: 900px) and (orientation: portrait){.rotation-warning{display:flex!important}}