@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";:root,[data-theme=light]{--bg-deep:#f1f5f9;--bg-base:#fff;--bg-card:#fffffff0;--bg-card-hover:#f8fafcfa;--bg-header:#ffffffeb;--border:#cbd5e1cc;--border-bright:#2563eb99;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#2563eb;--accent-bright:#3b82f6;--accent-glow:#2563eb33;--gold:#d97706;--gold-bright:#b45309;--gold-glow:#d9770633;--silver:#64748b;--bronze:#b45309;--green:#16a34a;--green-glow:#16a34a33;--red:#dc2626;--radius-sm:.5rem;--radius:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 12px 40px #00000026;--shadow-glow:0 0 30px var(--accent-glow);--bg-gradient-1:#2563eb14;--bg-gradient-2:#16a34a14}[data-theme=dark]{--bg-deep:#0b1115;--bg-base:#131c23;--bg-card:#1a2430d9;--bg-card-hover:#243040f2;--bg-header:#080f1fe6;--border:#94a3b833;--border-bright:#38bdf880;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#3b82f6;--accent-bright:#60a5fa;--accent-glow:#3b82f659;--gold:#facc15;--gold-bright:#fde047;--gold-glow:#facc154d;--silver:#cbd5e1;--bronze:#d97706;--green:#10b981;--green-glow:#10b98140;--red:#ef4444;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 12px 48px #000c;--shadow-glow:0 0 30px var(--accent-glow);--bg-gradient-1:#3b82f61a;--bg-gradient-2:#10b9811a}[data-theme=dim]{--bg-deep:#1e293b;--bg-base:#243044;--bg-card:#243044e6;--bg-card-hover:#304058f2;--bg-header:#1a2639eb;--border:#94a3b84d;--border-bright:#38bdf899;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent:#0ea5e9;--accent-bright:#38bdf8;--accent-glow:#0ea5e959;--gold:#fbbf24;--gold-bright:#fde047;--gold-glow:#fbbf244d;--silver:#e2e8f0;--bronze:#f59e0b;--green:#22c55e;--green-glow:#22c55e40;--red:#f43f5e;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 12px 48px #00000080;--bg-gradient-1:#0ea5e91f;--bg-gradient-2:#22c55e1f}[data-theme=emerald]{--bg-deep:#051d17;--bg-base:#0a2e25;--bg-card:#0c382ee6;--bg-card-hover:#104a3df2;--bg-header:#062820f2;--border:#10b98140;--border-bright:#f59e0bb3;--text-primary:#f0fdf4;--text-secondary:#a7f3d0;--text-muted:#6ee7b7;--accent:#10b981;--accent-bright:#34d399;--accent-glow:#10b98166;--gold:#f59e0b;--gold-bright:#fbbf24;--gold-glow:#f59e0b59;--silver:#cbd5e1;--bronze:#d97706;--green:#22c55e;--green-glow:#22c55e4d;--red:#f43f5e;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 12px 48px #000000b3;--bg-gradient-1:#10b9812e;--bg-gradient-2:#f59e0b1f}[data-theme=synthwave]{--bg-deep:#130924;--bg-base:#1e0e38;--bg-card:#24133be6;--bg-card-hover:#321a52f2;--bg-header:#180d28f2;--border:#f43f5e40;--border-bright:#facc1599;--text-primary:#fff1f2;--text-secondary:#fecdd3;--text-muted:#fda4af;--accent:#f43f5e;--accent-bright:#fb7185;--accent-glow:#f43f5e66;--gold:#facc15;--gold-bright:#fde047;--gold-glow:#facc1559;--silver:#cbd5e1;--bronze:#fb923c;--green:#2dd4bf;--green-glow:#2dd4bf4d;--red:#e11d48;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 12px 48px #000000b3;--bg-gradient-1:#f43f5e29;--bg-gradient-2:#a855f729}[data-theme=amethyst]{--bg-deep:#120924;--bg-base:#1c0f38;--bg-card:#251540e6;--bg-card-hover:#341d5af2;--bg-header:#190e2bf2;--border:#a855f740;--border-bright:#fbbf2499;--text-primary:#faf5ff;--text-secondary:#e9d5ff;--text-muted:#c084fc;--accent:#a855f7;--accent-bright:#c084fc;--accent-glow:#a855f766;--gold:#fbbf24;--gold-bright:#fde047;--gold-glow:#fbbf2459;--silver:#e2e8f0;--bronze:#f59e0b;--green:#34d399;--green-glow:#34d3994d;--red:#f43f5e;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 12px 48px #000000b3;--bg-gradient-1:#a855f729;--bg-gradient-2:#fbbf241f}[data-theme=lava]{--bg-deep:#160808;--bg-base:#240c0c;--bg-card:#2c1414e6;--bg-card-hover:#3e1c1cf2;--bg-header:#1c0c0cf2;--border:#ea580c40;--border-bright:#facc15a6;--text-primary:#fff7ed;--text-secondary:#fed7aa;--text-muted:#fb923c;--accent:#ea580c;--accent-bright:#f97316;--accent-glow:#ea580c66;--gold:#facc15;--gold-bright:#fde047;--gold-glow:#facc1559;--silver:#cbd5e1;--bronze:#ea580c;--green:#10b981;--green-glow:#10b9814d;--red:#dc2626;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 12px 48px #000000b3;--bg-gradient-1:#ea580c2e;--bg-gradient-2:#facc151f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 10%, var(--bg-gradient-1) 0%, transparent 50%), radial-gradient(ellipse at 80% 90%, var(--bg-gradient-2) 0%, transparent 50%);justify-content:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s;display:flex}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}main{flex-direction:column;flex:1;align-items:center;padding:2rem 1rem;display:flex}h1,h2,h3{letter-spacing:-.02em;font-weight:700}h2{color:var(--text-primary);font-size:1.5rem}.gradient-text{background:linear-gradient(135deg, var(--accent-bright), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.navbar{z-index:50;background:var(--bg-header);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.nav-brand{background:linear-gradient(135deg, var(--accent-bright), var(--gold));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:1.4rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.4rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text-primary);background:#ffffff0d}.nav-links a.active-link{color:var(--accent-bright);background:var(--accent-glow)}.balance-chip{background:var(--green-glow);color:var(--green);border:1px solid #10b9814d;border-radius:2rem;align-items:center;gap:.4rem;padding:.35rem .875rem;font-size:.9rem;font-weight:700;display:flex}.desktop-only{display:none}.mobile-only{display:flex}@media (width>=768px){.desktop-only{display:flex}.mobile-only{display:none}}.menu-btn{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.35rem .75rem;font-size:1.25rem;transition:background .2s}.menu-btn:hover{background:#ffffff12}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#070a14a6;animation:.25s fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--bg-header);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:1001;flex-direction:column;width:290px;padding:2rem 1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #0009}.room-card-item{background:var(--bg-card);border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:var(--radius-lg);cursor:pointer;-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.room-card-item:hover{background:var(--bg-card-hover);border-color:var(--accent-bright);box-shadow:var(--shadow-md), 0 0 20px var(--accent-glow);transform:translate(8px)}.room-card-stats{border-left:1px solid var(--border);border-right:1px solid var(--border);flex:200px;justify-content:center;gap:2rem;padding:0 1rem;display:flex}.drawer-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:36px;height:36px;margin-bottom:1rem;font-size:1.5rem;transition:all .2s;display:flex}.drawer-close-btn:hover{color:var(--text-primary);background:#ffffff0d}.drawer-links a{color:var(--text-secondary);border-radius:var(--radius);border-left:3px solid #0000;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.drawer-links a.active-link{color:var(--accent-bright);border-left-color:var(--accent);background:#6366f11a}.drawer-links a:hover:not(.active-link){color:var(--text-primary);background:#ffffff08}.drawer-logout-btn{color:#ef4444;text-align:left;border-radius:var(--radius);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s}.drawer-logout-btn:hover{background:#ef444433;border-color:#ef444473}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:2rem}.card-glow{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:var(--border-bright)}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);text-align:center;max-width:480px;margin:0 auto;padding:2rem}.info-card h2{color:var(--accent-bright);border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem}.action-btn{color:#fff;background:linear-gradient(135deg, var(--accent), #4f46e5);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.action-btn:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.sm{padding:.5rem 1.25rem;font-size:.85rem}.btn-sm{cursor:pointer;color:#fff;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:600;transition:opacity .2s}.btn-sm:hover{opacity:.8}.btn-warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.input-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#080f1fcc;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;padding:.2rem .7rem;font-size:.72rem;font-weight:700;display:inline-block}.status-pill.waiting{color:var(--accent-bright);background:#6366f126}.status-pill.starting{color:var(--gold-bright);background:#f59e0b26}.status-pill.playing{color:var(--green);background:#10b98126}.status-pill.completed{color:var(--silver);background:#6b728026}.spot-grid,.ball-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;display:grid}.room-header-grid{grid-template-columns:1.2fr 1fr;gap:1.25rem;animation:.4s fadeIn;display:grid}@media (width<=640px){.room-header-grid{grid-template-columns:1fr}.spot-grid,.ball-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}.spot-card,.ball-card{aspect-ratio:1;border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d162db3;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;transition:all .2s;display:flex;position:relative;overflow:hidden}.spot-card:before,.ball-card:before{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff08 100%);position:absolute;inset:0}.spot-card:hover:not(.taken):not(.mine),.ball-card:hover:not(.taken):not(.mine){border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.05)}.spot-card.mine,.ball-card.mine{border-color:var(--green);box-shadow:0 0 20px var(--green-glow);cursor:pointer;background:linear-gradient(135deg,#10b98133,#10b9811a)}.spot-card.taken,.ball-card.taken{color:#fee2e2cc;cursor:not-allowed;background:#ef44441f;border-color:#ef444473;box-shadow:inset 0 0 10px #ef444426}.spot-card.empty,.ball-card.empty{color:var(--text-secondary)}.room-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;transition:all .25s;position:relative;overflow:hidden}.room-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#6366f108);position:absolute;inset:0}.room-card:hover{border-color:var(--border-bright);box-shadow:0 16px 40px #0009, 0 0 30px var(--accent-glow);transform:translateY(-3px)}.admin-tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.6rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.admin-panel-container{background:var(--bg-main);width:100%;min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-header);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;gap:1.5rem;width:280px;padding:2rem 1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.admin-sidebar-title{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding-left:.5rem;font-size:1.25rem;font-weight:900;display:flex}.admin-sidebar-menu{flex-direction:column;gap:.5rem;display:flex}.admin-sidebar-menu .tab-btn{width:100%;color:var(--text-secondary);text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.85rem 1rem;font-weight:700;transition:all .2s;display:flex}.admin-sidebar-menu .tab-btn:hover{color:var(--text-primary);background:#ffffff08}.admin-sidebar-menu .tab-btn.active{color:var(--accent-bright);border-left-color:var(--accent);box-shadow:none;background:#6366f11a}.admin-sidebar-menu a.back-game-btn{width:100%;color:var(--gold);border-radius:var(--radius);background:#f59e0b08;border:1px dashed #f59e0b4d;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar-menu a.back-game-btn:hover{border-color:var(--gold);background:#f59e0b14}.admin-main{box-sizing:border-box;flex:1;min-width:0;padding:2.5rem 5%;overflow-y:auto}.admin-mobile-header{background:var(--bg-header);border-bottom:1px solid var(--border);z-index:99;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:none;position:sticky;top:0}.admin-mobile-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.admin-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:2rem}.admin-card h2{border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.3rem}.admin-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.admin-form .action-btn{grid-column:1/-1;justify-self:start}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group input,.form-group select{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:.65rem .875rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.rooms-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.rooms-header h2{border:none;margin:0;padding:0}.create-room-form{gap:.5rem;display:flex}.create-room-form input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);width:130px;padding:.5rem .875rem}.table-responsive{width:100%;overflow-x:auto}.rooms-table{border-collapse:collapse;text-align:center;width:100%;margin:0 auto}.rooms-table th,.rooms-table td{border-bottom:1px solid var(--border);white-space:nowrap;text-align:center;vertical-align:middle;padding:1rem}.rooms-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:.8rem;font-weight:600}.rooms-table tr:last-child td{border-bottom:none}.rooms-table tr:hover td{background:#ffffff05}.actions-cell{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}@media (width<=1024px){.admin-panel-container{flex-direction:column}.admin-mobile-header{display:flex}.admin-sidebar{z-index:1001;width:270px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.admin-sidebar.open{transform:translate(0)}.rooms-table thead{display:none}.rooms-table,.rooms-table tbody,.rooms-table tr,.rooms-table td{box-sizing:border-box;width:100%;display:block}.rooms-table tr{border:1px solid var(--border);border-radius:var(--radius);background:#080f1f66;margin-bottom:1.25rem;padding:.5rem}.rooms-table td{text-align:right;white-space:normal;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem .5rem;display:flex}.rooms-table td:last-child{border-bottom:none}.rooms-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.rooms-table .actions-cell{justify-content:flex-end}.admin-card{padding:1.25rem}.rooms-header,.create-room-form{flex-wrap:wrap!important;justify-content:center!important}.admin-form{grid-template-columns:1fr}.admin-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#070a14a6;position:fixed;inset:0}.admin-main{box-sizing:border-box;width:100%;max-width:100vw;padding:1.5rem 1rem}}.text-muted{color:var(--text-secondary)}.fw-bold{font-weight:700}.wheel-stage{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.icon-box{-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:8px;font-size:1rem;display:inline-flex;box-shadow:0 4px 12px #0000004d}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px var(--gold-glow)}50%{box-shadow:0 0 35px var(--gold-glow), 0 0 60px var(--gold-glow)}}@keyframes spin-badge-in{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes countdown-tick{0%{color:var(--gold);transform:scale(1.15)}to{color:var(--text-secondary);transform:scale(1)}}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}