@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root,[data-theme=dark]{--background:#0F172A;--background-secondary:#1E293B;--foreground:#F8FAFC;--foreground-muted:#94A3B8;--primary:#3B82F6;--primary-light:#60A5FA;--primary-dark:#2563EB;--primary-alpha:rgba(59,130,246,0.15);--accent:#8B5CF6;--accent-light:#A78BFA;--tetro-i:#06B6D4;--tetro-o:#FACC15;--tetro-t:#A855F7;--tetro-s:#22C55E;--tetro-z:#EF4444;--tetro-j:#3B82F6;--tetro-l:#F97316;--durability-high:#22C55E;--durability-medium:#FACC15;--durability-low:#EF4444;--card:#1E293B;--card-hover:#334155;--border:#334155;--border-light:#475569;--glow-primary:0 0 20px rgba(59,130,246,0.5);--glow-accent:0 0 20px rgba(139,92,246,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}[data-theme=light]{--background:#F8FAFC;--background-secondary:#E2E8F0;--foreground:#0F172A;--foreground-muted:#64748B;--primary:#2563EB;--primary-light:#3B82F6;--primary-dark:#1D4ED8;--primary-alpha:rgba(37,99,235,0.12);--accent:#7C3AED;--accent-light:#8B5CF6;--card:#FFFFFF;--card-hover:#F1F5F9;--border:#CBD5E1;--border-light:#E2E8F0;--glow-primary:0 0 20px rgba(37,99,235,0.3);--glow-accent:0 0 20px rgba(124,58,237,0.3);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.08);--shadow-lg:0 10px 15px rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;max-width:100vw;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg,var(--background) 0,#0C1222 100%);background-attachment:fixed}[data-theme=light],[data-theme=light] body{background:linear-gradient(180deg,var(--background) 0,#E2E8F0 100%)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{line-height:1.6;color:var(--foreground-muted)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:var(--foreground)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px rgba(59,130,246,.8)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes countdownPop{0%{transform:scale(3);opacity:0}60%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .3s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-animated{background:linear-gradient(135deg,var(--primary),var(--accent),var(--primary-light),var(--primary));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all var(--transition-normal)}.card:hover{background:var(--card-hover);border-color:var(--border-light);transform:translateY(-2px)}.card-glow{box-shadow:var(--glow-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:white}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-primary);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--card-hover);border-color:var(--primary)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0,#7C3AED 100%);color:white}.btn-accent:hover:not(:disabled){box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--foreground-muted)}.btn-ghost:hover:not(:disabled){background:var(--card);color:var(--foreground)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-icon{padding:.75rem;width:44px;height:44px}.input{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--foreground);background:var(--background-secondary);border:1px solid var(--border);border-radius:8px;transition:all var(--transition-fast)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.input::placeholder{color:var(--foreground-muted)}.game-container{position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.game-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.hud-item{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.hud-label{font-size:.75rem;color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em}.hud-value{font-weight:700}.hud-value,.touch-button{font-size:1.5rem;color:var(--foreground)}.touch-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(30,41,59,.9);border:2px solid var(--border);border-radius:12px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.touch-button:active{background:var(--primary);border-color:var(--primary);transform:scale(.95)}.leaderboard-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--card);border-radius:8px;transition:all var(--transition-fast)}.leaderboard-row:hover{background:var(--card-hover)}.leaderboard-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:50%;background:var(--background-secondary)}.leaderboard-rank.gold{background:linear-gradient(135deg,#FACC15,#F59E0B);color:#000}.leaderboard-rank.silver{background:linear-gradient(135deg,#94A3B8,#64748B);color:#000}.leaderboard-rank.bronze{background:linear-gradient(135deg,#F97316,#EA580C);color:#000}.room-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all var(--transition-normal)}.room-card:hover{border-color:var(--primary);box-shadow:var(--glow-primary)}.room-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:9999px}.room-status.pending{background:rgba(250,204,21,.2);color:#FACC15}.room-status.active{background:rgba(34,197,94,.2);color:#22C55E}.room-status.finished{background:rgba(148,163,184,.2);color:#94A3B8}.countdown{font-size:2rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--primary)}.countdown.urgent{color:var(--tetro-z);animation:pulse 1s ease-in-out infinite}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:400px;width:100%;animation:slideUp .3s ease-out}.safe-area{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}@media (max-width:640px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.gpu{transform:translateZ(0);will-change:transform}