.skel-card{background:#111827cc;border:1px solid rgba(31,41,55,.6);border-radius:.75rem;overflow:hidden;padding:1rem;position:relative}.skel-card:after{animation:ui-polish-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03) 50%,transparent);content:"";inset:0;position:absolute}.skel-line{background:#1f2937cc;border-radius:.25rem;height:.875rem;overflow:hidden;position:relative}.skel-line:after{animation:ui-polish-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05) 50%,transparent);content:"";inset:0;position:absolute}.skel-line.skel-line--sm{height:.625rem}.skel-line.skel-line--lg{height:1.25rem}.skel-line.skel-line--xl{height:1.75rem}.skel-circle{background:#1f2937cc;border-radius:50%;overflow:hidden;position:relative}.skel-circle:after{animation:ui-polish-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05) 50%,transparent);content:"";inset:0;position:absolute}@keyframes ui-polish-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fade-in{animation:ui-fade-in .4s ease-out both}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}.slide-up{animation:ui-slide-up .4s ease-out both}@keyframes ui-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:ui-slide-down .3s ease-out both}@keyframes ui-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:ui-scale-in .25s ease-out both}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.stagger-in>*{animation:ui-slide-up .35s ease-out both;opacity:0}.stagger-in>:first-child{animation-delay:.03s}.stagger-in>:nth-child(2){animation-delay:.06s}.stagger-in>:nth-child(3){animation-delay:.09s}.stagger-in>:nth-child(4){animation-delay:.12s}.stagger-in>:nth-child(5){animation-delay:.15s}.stagger-in>:nth-child(6){animation-delay:.18s}.stagger-in>:nth-child(7){animation-delay:.21s}.stagger-in>:nth-child(8){animation-delay:.24s}.stagger-in>:nth-child(9){animation-delay:.27s}.stagger-in>:nth-child(10){animation-delay:.3s}.stagger-in>:nth-child(11){animation-delay:.33s}.stagger-in>:nth-child(12){animation-delay:.36s}.stagger-in>:nth-child(n+13){animation-delay:.39s}.card-hover-lift{transition:transform .25s ease,box-shadow .25s ease;will-change:transform}.card-hover-lift:hover{box-shadow:0 8px 25px #0000004d,0 0 20px #00f5ff14;transform:translateY(-4px)}.card-hover-lift:active{box-shadow:0 4px 15px #0000004d,0 0 10px #00f5ff0d;transform:translateY(-2px)}.card-hover-glow{transition:border-color .25s ease,box-shadow .25s ease}.card-hover-glow:hover{border-color:#00f5ff66;box-shadow:0 0 20px #00f5ff1f}dialog.modal::backdrop{background:transparent;transition:background .3s ease}dialog.modal[open]::backdrop{background:#0009}dialog.modal .modal-box{animation:ui-modal-enter .3s ease-out}@keyframes ui-modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert[class*=animate-slide],.toast-item{animation:ui-toast-in .35s cubic-bezier(.22,1,.36,1) both}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.section-animate{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.section-animate.visible{opacity:1;transform:translateY(0)}.btn-interactive{transition:transform .15s ease,box-shadow .15s ease}.btn-interactive:hover{transform:translateY(-1px)}.btn-interactive:active{transform:translateY(0) scale(.98)}@media(max-width:639px){.lobby-room-card,.room-card{max-width:100%;overflow:hidden}.overflow-x-auto{-webkit-overflow-scrolling:touch}dialog.modal .modal-box{margin:.5rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}}@media(max-width:374px){dialog.modal .modal-box{margin:.25rem;max-width:calc(100vw - .5rem);padding:1rem;width:calc(100vw - .5rem)}}@media(prefers-reduced-motion:reduce){.alert[class*=animate-slide],.card-hover-lift,.fade-in,.scale-in,.section-animate,.slide-down,.slide-up,.stagger-in>*,.toast-item,[class*=ui-],dialog.modal .modal-box{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.skel-card:after,.skel-circle:after,.skel-line:after{animation:none!important}}[data-theme=gaming] *{scrollbar-color:rgba(0,245,255,.35) transparent;scrollbar-width:thin}[data-theme=gaming] ::-webkit-scrollbar{height:10px;width:10px}[data-theme=gaming] ::-webkit-scrollbar-track{background:#0a0e1799}[data-theme=gaming] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f5ff59,#bf00ff59);background-clip:padding-box;border:2px solid transparent;border-radius:999px}[data-theme=gaming] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f5ff99,#bf00ff99);background-clip:padding-box}[data-theme=gaming] ::-moz-selection{background:#00f5ff47;color:#fff}[data-theme=gaming] ::selection{background:#00f5ff47;color:#fff}[data-theme=gaming] .btn:focus-visible,[data-theme=gaming] [tabindex]:focus-visible,[data-theme=gaming] a:focus-visible,[data-theme=gaming] button:focus-visible,[data-theme=gaming] input:focus-visible,[data-theme=gaming] select:focus-visible,[data-theme=gaming] textarea:focus-visible{border-radius:.4rem;outline:2px solid rgba(0,245,255,.7);outline-offset:2px}[data-theme=gaming] .card{background-image:linear-gradient(180deg,#ffffff09,#fff0 45%);box-shadow:inset 0 1px #ffffff0a,0 10px 30px -12px #0000008c;transition:box-shadow .25s ease,border-color .25s ease}[data-theme=gaming] .card:hover:not(.no-lift):not(.card-static){border-color:#00f5ff47;box-shadow:inset 0 1px #ffffff0f,0 18px 40px -14px #000000b3,0 0 22px -6px #00f5ff2e}[data-theme=gaming] .btn-accent,[data-theme=gaming] .btn-primary,[data-theme=gaming] .btn-secondary{box-shadow:0 6px 18px -8px #0009;overflow:hidden;position:relative}[data-theme=gaming] .btn-primary{background-image:linear-gradient(135deg,#2afaff,#00f5ff 55%,#00c2cc)}[data-theme=gaming] .btn-secondary{background-image:linear-gradient(135deg,#ff4dff,#f0f 55%,#c800c8)}[data-theme=gaming] .btn-accent{background-image:linear-gradient(135deg,#4dffa6,#0f8 55%,#00cc6d)}[data-theme=gaming] .btn-primary:hover{box-shadow:0 8px 24px -8px #00f5ff8c}[data-theme=gaming] .btn-secondary:hover{box-shadow:0 8px 24px -8px #ff00ff80}[data-theme=gaming] .btn-accent:hover{box-shadow:0 8px 24px -8px #00ff8880}[data-theme=gaming] .btn-accent:after,[data-theme=gaming] .btn-primary:after,[data-theme=gaming] .btn-secondary:after{background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.35),transparent);content:"";height:100%;left:-120%;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);transition:left .55s ease;width:60%}[data-theme=gaming] .btn-accent:hover:after,[data-theme=gaming] .btn-primary:hover:after,[data-theme=gaming] .btn-secondary:hover:after{left:130%}[data-theme=gaming] .input,[data-theme=gaming] .select,[data-theme=gaming] .textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}[data-theme=gaming] .input:focus,[data-theme=gaming] .input:focus-within,[data-theme=gaming] .select:focus,[data-theme=gaming] .textarea:focus{border-color:#00f5ff99;box-shadow:0 0 0 3px #00f5ff26,0 0 18px -6px #00f5ff66;outline:none}[data-theme=gaming] .badge{border-width:1px}[data-theme=gaming] .table tbody tr{transition:background-color .15s ease}[data-theme=gaming] .table tbody tr:hover{background:#00f5ff0d}[data-theme=gaming] .table thead th{color:#cbd5e1bf;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.divider-neon{background:linear-gradient(90deg,transparent,rgba(0,245,255,.5),rgba(191,0,255,.5),transparent);border:0;height:1px;opacity:.6}.glass-panel{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);background:#1118278c;border:1px solid rgba(148,163,184,.12);border-radius:1rem;box-shadow:inset 0 1px #ffffff0d,0 20px 50px -20px #000000b3}.elevated{background:linear-gradient(180deg,#1a1f2ee6,#111827e6);border:1px solid rgba(148,163,184,.1);border-radius:1rem;box-shadow:0 10px 30px -12px #0009}.section-title{font-family:Orbitron,Inter,sans-serif;letter-spacing:.02em;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.section-title:after{background:linear-gradient(90deg,#00f5ff,#bf00ff);border-radius:3px;bottom:0;box-shadow:0 0 12px #00f5ff80;content:"";height:3px;left:0;position:absolute;width:3rem}.text-gradient-neon{background:linear-gradient(135deg,#00f5ff,#bf00ff 60%,#f0f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.empty-state{align-items:center;color:#cbd5e1b3;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state .empty-state__icon{background:radial-gradient(circle at 30% 30%,#00f5ff2e,#11182799);border:1px solid rgba(0,245,255,.2);border-radius:1rem;color:#00f5ff;display:grid;height:4rem;margin-bottom:.25rem;place-items:center;width:4rem}.lobby-page .lobby-stat-card{align-items:center;background:linear-gradient(180deg,#1a1f2ee6,#111827d9);border:1px solid rgba(148,163,184,.1);border-radius:.9rem;box-shadow:inset 0 1px #ffffff0a,0 8px 24px -14px #0009;display:flex;gap:.75rem;padding:.75rem .9rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.lobby-page .lobby-stat-card:hover{border-color:#00f5ff40;box-shadow:inset 0 1px #ffffff0f,0 14px 30px -16px #000000b3,0 0 18px -8px #00f5ff40;transform:translateY(-2px)}.lobby-page .lobby-filter-pill{align-items:center;background:#1f293780;border:1px solid rgba(148,163,184,.12);border-radius:999px;color:#cbd5e1bf;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;line-height:1.2;padding:.4rem .85rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.lobby-page .lobby-filter-pill:hover{background:#00f5ff0f;border-color:#00f5ff59;color:#e5e7eb}.lobby-page .lobby-filter-pill.active{background:linear-gradient(135deg,#2afaff,#00f5ff);border-color:transparent;box-shadow:0 4px 14px -4px #00f5ff80;color:#001018}.lobby-page .lobby-filter-count{align-items:center;background:#00000047;border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .35rem}.lobby-page .lobby-filter-pill.active .lobby-filter-count{background:#0000002e;color:#001018}.lobby-page .lobby-search-input-wrap{align-items:center;background:#1f293780;border:1px solid rgba(148,163,184,.12);border-radius:999px;display:flex;gap:.5rem;padding:.4rem .8rem;transition:border-color .2s ease,box-shadow .2s ease}.lobby-page .lobby-search-input-wrap:focus-within{border-color:#00f5ff80;box-shadow:0 0 0 3px #00f5ff1f}.lobby-page .lobby-search-field{background:transparent;border:none;color:#e5e7eb;font-size:.85rem;outline:none;width:9rem}.lobby-page .lobby-search-field::-moz-placeholder{color:#94a3b899}.lobby-page .lobby-search-field::placeholder{color:#94a3b899}.lobby-page .lobby-search-close,.lobby-page .lobby-search-toggle{align-items:center;background:#1f293780;border:1px solid rgba(148,163,184,.12);border-radius:999px;color:#cbd5e1cc;display:inline-flex;height:2.25rem;justify-content:center;transition:color .2s ease,border-color .2s ease;width:2.25rem}.lobby-page .lobby-search-close:hover,.lobby-page .lobby-search-toggle:hover{border-color:#00f5ff59;color:#fff}.lobby-page .lobby-tabs-fade-left,.lobby-page .lobby-tabs-fade-right{bottom:0;pointer-events:none;position:absolute;top:0;width:2rem;z-index:5}.lobby-page .lobby-tabs-fade-left{background:linear-gradient(90deg,var(--game-bg,#0a0e17),transparent);left:0}.lobby-page .lobby-tabs-fade-right{background:linear-gradient(270deg,var(--game-bg,#0a0e17),transparent);right:0}.lobby-page .fee-filter-option.active,.lobby-page .sort-option.active{color:#00f5ff;font-weight:700}.lobby-join-btn{align-items:center;border-radius:.7rem;display:inline-flex;font-size:.8rem;font-weight:700;gap:.4rem;justify-content:center;padding:.55rem .9rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;width:100%}.lobby-join-btn-primary{background:linear-gradient(135deg,#4dffa6,#0f8);box-shadow:0 6px 18px -8px #00ff8880;color:#001018}.lobby-room-card:hover .lobby-join-btn-primary{box-shadow:0 9px 22px -8px #00ff88b3}.lobby-join-btn-spectate{background:#94a3b81f;border:1px solid rgba(148,163,184,.2);color:#e5e7eb}.lobby-join-btn-spectate:hover{background:#bf00ff1f;border-color:#bf00ff66}.room-page #header-prize-pool,.room-page #prize-pool,.room-page #prize-pool-mobile{text-shadow:0 0 14px rgba(0,255,136,.45)}.room-page #players-panel{background-image:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent 30%)}.room-page #game-status-badge,.room-page #prize-badge,.room-page #round-badge,.room-page #timer-badge{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.room-page #timer-badge:not(.hidden){animation:ui-timer-glow 1.4s ease-in-out infinite}@keyframes ui-timer-glow{0%,to{box-shadow:0 0 #0f80}50%{box-shadow:0 0 14px -2px #00ff8880}}