:root{--accent: #e8c547;--accent-rgb: 232, 197, 71;--accent-soft: rgba(232, 197, 71, .35);--bg: #070709;--glass: rgba(18, 18, 22, .16);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .04);--text: #f4f4f5;--muted: #a1a1aa;--danger: #f87171;--idle: #fbbf24;--online: #4ade80;--dnd: #f87171;--offline: #71717a;--radius: 22px;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}img{display:block;max-width:100%}#bg-layer{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050507}.bg-fallback{position:absolute;inset:0;background:#050507;background-size:cover;background-position:center}.bg-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease)}.bg-media.is-ready{opacity:1}.yt-bg{pointer-events:none}.yt-bg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);border:0;pointer-events:none}.bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,rgba(0,0,0,.55));pointer-events:none}.bg-grain{position:absolute;inset:-50%;width:200%;height:200%;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(8) infinite}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-1%)}75%{transform:translate(-1%,-2%)}}.bg-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(var(--accent-rgb),.16),transparent 55%);opacity:.5;transition:background .8s var(--ease)}.stage{position:relative;z-index:10;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px 16px 40px}.view-switch{position:fixed;top:18px;left:50%;display:grid;grid-template-columns:repeat(var(--tab-count, 4),1fr);gap:0;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:min(360px,calc(100% - 32px));z-index:40;opacity:0;transform:translate(-50%) translateY(10px);animation:rise-top .8s var(--ease) .15s forwards;overflow:visible}@keyframes rise-top{to{opacity:1;transform:translate(-50%) translateY(0)}}.view-tab{position:relative;z-index:2;border:0;background:transparent;color:var(--muted);padding:10px 8px;border-radius:999px;cursor:pointer;font-weight:500;font-size:.9rem;letter-spacing:.02em;transition:color .3s var(--ease);display:grid;place-items:center;min-height:40px}.view-tab.active{color:#fff}.view-tab-neklik.active{color:#fff8c8}a.view-tab-link{text-decoration:none}a.view-tab-link:hover{color:#fff}.view-tab[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);padding:5px 10px;border-radius:999px;background:#000000d1;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60;box-shadow:0 8px 20px #00000059}.view-tab[data-tip]:before{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-bottom-color:#000000d1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60}.view-tab[data-tip]:hover:after,.view-tab[data-tip]:focus-visible:after,.view-tab[data-tip].is-tip-open:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.view-tab[data-tip]:hover:before,.view-tab[data-tip]:focus-visible:before,.view-tab[data-tip].is-tip-open:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.view-switch.tips-hidden .view-tab[data-tip]:after,.view-switch.tips-hidden .view-tab[data-tip]:before,.view-switch.tips-hidden .view-tab[data-tip]:hover:after,.view-switch.tips-hidden .view-tab[data-tip]:hover:before{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.view-pill{position:absolute;top:4px;left:4px;width:calc((100% - 8px) / var(--tab-count, 4));height:calc(100% - 8px);border-radius:999px;background:rgba(var(--accent-rgb),.28);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35),0 4px 16px rgba(var(--accent-rgb),.2);transition:transform .45s var(--ease);z-index:1;transform:translate(calc(var(--tab-index, 0) * 100%))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);box-shadow:0 20px 60px #00000047,0 0 0 1px rgba(var(--accent-rgb),.1);isolation:isolate}.music-player.glass-card{overflow:hidden}.panels{position:relative;width:min(400px,100%);min-height:420px}#panel-games.panel.active{min-height:0}.panel{width:100%;padding:18px 20px 16px;opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;position:absolute;inset:auto 0;visibility:hidden;transition:opacity .45s var(--ease),transform .5s var(--ease)}.panel.active{position:relative;opacity:1;transform:none;pointer-events:auto;visibility:visible;animation:card-in .7s var(--ease)}.panel.exit-left{opacity:0;visibility:hidden;transform:translate(-28px) scale(.97)}.panel.enter-from-right{animation:slide-in-right .5s var(--ease)}.panel.exit-right{opacity:0;visibility:hidden;transform:translate(28px) scale(.97)}.panel.enter-from-left{animation:slide-in-left .5s var(--ease)}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(36px) scale(.97)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-36px) scale(.97)}to{opacity:1;transform:none}}@keyframes rise{to{opacity:1;transform:none}}.card-actions{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:36px;margin-bottom:4px}.card-actions-spacer{width:36px;height:36px;flex-shrink:0}.card-actions .clan-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2}.card-actions .clan-tag:hover{transform:translate(-50%,calc(-50% - 1px))}.card-actions .powered-by{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:auto;max-width:calc(100% - 96px);margin:0}.card-actions .powered-by:hover{transform:translate(-50%,calc(-50% - 1px))}.icon-btn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000059;display:grid;place-items:center;cursor:pointer;text-decoration:none;color:#fff;transition:background .25s var(--ease),color .25s,border-color .25s,transform .25s var(--ease),box-shadow .25s}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{color:#fff;background:rgba(var(--accent-rgb),.28);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 8px 20px rgba(var(--accent-rgb),.22);transform:translateY(-1px) scale(1.04)}.profile-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 8px 18px}.avatar-wrap{position:relative;width:92px;height:92px;margin-bottom:8px;z-index:5}.avatar-glow{position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.5),transparent 70%);filter:blur(10px);pointer-events:none;z-index:0;animation:pulse-glow 3.2s ease-in-out infinite;transition:background .8s var(--ease)}@keyframes pulse-glow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.avatar-mask{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;overflow:hidden;background:#000;border:0;outline:0;box-shadow:0 0 22px rgba(var(--accent-rgb),.35)}.avatar-mask.server-mask{border-radius:28%;background:transparent;box-shadow:0 0 20px rgba(var(--accent-rgb),.3)}.avatar-mask.server-mask .avatar{border-radius:24%;transform:none;background:transparent}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;background:#000;display:block;border:0!important;outline:0!important;box-shadow:none!important;transform:scale(1.1);transform-origin:center center;filter:none!important}.status-dot{position:absolute;right:0;bottom:0;width:20px;height:20px;border-radius:50%;border:0;background:#000;z-index:8;pointer-events:none;display:grid;place-items:center;box-shadow:0 0 0 3px #000}.status-dot .status-icon{width:20px;height:20px;display:block;border-radius:50%;overflow:visible}.status-dot[data-status=online]{color:#23a559}.status-dot[data-status=idle]{color:#f0b232}.status-dot[data-status=dnd]{color:#f23f43}.status-dot[data-status=offline]{color:#80848e}.badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:4px 0 2px;min-height:22px}.badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;transition:transform .2s var(--ease)}.badge:hover{transform:translateY(-2px) scale(1.12)}.badge img{width:22px;height:22px;display:block;object-fit:contain}.avatar-deco{position:absolute;inset:-14%;width:128%;height:128%;pointer-events:none;z-index:2;border:0}.clan-tag{display:inline-flex;align-items:center;gap:6px;margin:0;padding:3px 10px 3px 5px;border:1px solid rgba(255,252,127,.28);border-radius:999px;background:linear-gradient(135deg,#eebe1a47,#fffc7f1a);color:#fff8c8;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.clan-tag:hover{border-color:#fffc7f80;background:linear-gradient(135deg,#eebe1a66,#fffc7f29)}.clan-tag:focus-visible{outline:2px solid rgba(255,252,127,.55);outline-offset:2px}.clan-tag[hidden]{display:none!important}.clan-tag-icon{width:16px;height:16px;border-radius:3px;object-fit:cover;flex-shrink:0}.clan-tag-text{line-height:1;text-transform:uppercase}.display-name{font-size:1.55rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.handle{color:var(--muted);font-size:.92rem;font-weight:400;margin-top:-2px}.typing-line{min-height:1.4em;font-size:.98rem;font-weight:500;color:#ffffffeb;margin-top:4px}.caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:var(--accent);vertical-align:-2px;animation:blink 1s steps(1) infinite;box-shadow:0 0 8px rgba(var(--accent-rgb),.8)}@keyframes blink{50%{opacity:0}}.bio{color:var(--muted);font-size:.9rem;line-height:1.45;max-width:32ch}.socials{display:flex;gap:10px;margin-top:14px}.social-btn{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000059;color:#fff;display:grid;place-items:center;text-decoration:none;transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s}.social-btn svg{width:22px;height:22px}.social-btn:hover{transform:translateY(-4px) scale(1.06);background:rgba(var(--accent-rgb),.28);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 12px 28px rgba(var(--accent-rgb),.25)}.social-btn:active{transform:translateY(-1px) scale(.98)}.card-meta{display:flex;justify-content:space-between;padding-top:4px;border-top:1px solid rgba(255,255,255,.06);margin-top:2px}.meta-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem}.meta-item svg{width:15px;height:15px;opacity:.8}.server-banner{height:88px;margin:-6px -8px 8px;border-radius:14px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)}.server-stats{display:flex;align-items:center;gap:18px;margin:10px 0 6px;padding:12px 18px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.stat{display:flex;flex-direction:column;gap:2px;min-width:72px}.stat strong{font-size:1.15rem;font-weight:700;color:#fff}.stat strong#stat-online{color:#23a559;text-shadow:0 0 12px rgba(35,165,89,.45)}.stat span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat-divider{width:1px;height:28px;background:#ffffff1a}.join-btn{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:12px 22px;border-radius:14px;text-decoration:none;font-weight:600;background:linear-gradient(135deg,rgba(var(--accent-rgb),.95),rgba(var(--accent-rgb),.55));color:#fff;box-shadow:0 10px 30px rgba(var(--accent-rgb),.35);transition:transform .3s var(--ease),box-shadow .3s}.join-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 40px rgba(var(--accent-rgb),.45)}.fun-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 4px 10px;text-align:center}.fun-header{display:flex;flex-direction:column;align-items:center;gap:6px}.fun-header iconify-icon{color:var(--accent);filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.45))}.fun-hint{color:var(--muted);font-size:.78rem}.neklik-arena{position:relative;width:100%;height:220px;border-radius:16px;border:1px dashed rgba(255,252,127,.28);background:#ffffff08;overflow:hidden}.neklik-arena.shake{animation:neklik-shake .4s ease}@keyframes neklik-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-.5deg)}75%{transform:translate(6px) rotate(.5deg)}}.neklik-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid rgba(255,252,127,.4);background:linear-gradient(135deg,#eebe1a73,#ff505040);color:#fff8c8;cursor:pointer;transition:none;z-index:2}.neklik-btn.flee{transition:none}.neklik-btn:hover{border-color:#fffc7fb3}.game-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.gstat{display:flex;flex-direction:column;gap:2px;padding:10px 6px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.gstat strong{font-size:1.05rem;color:#fff8c8}.gstat span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.game-canvas{width:100%;height:220px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0003;touch-action:none;cursor:crosshair}.game-actions{display:flex;align-items:center;gap:10px}.game-play{margin-top:0;min-width:140px;justify-content:center}.powered-by{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:#fff;background:#00000059;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.powered-by iconify-icon{color:#fff;flex-shrink:0}.powered-by span{color:#fff}.powered-by:hover{background:rgba(var(--accent-rgb),.28);border-color:rgba(var(--accent-rgb),.55);color:#fff;box-shadow:0 8px 20px rgba(var(--accent-rgb),.22)}.tracker-list{display:flex;flex-direction:column;gap:10px;width:100%}.tracker-card{display:block;width:100%;padding:12px;border-radius:14px;text-decoration:none;color:inherit;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:transform .2s var(--ease),border-color .2s,background .2s}a.tracker-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.4);background:#ffffff0f}.tracker-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:10px}.tracker-icon-wrap{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--tracker-color, #e8c547) 35%,transparent);border:1px solid color-mix(in srgb,var(--tracker-color, #e8c547) 55%,transparent)}.tracker-game{font-weight:700;font-size:.95rem}.tracker-user{color:var(--muted);font-size:.75rem;margin-top:2px}.tracker-ext{color:var(--muted);opacity:.7}.tracker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tracker-stat{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-radius:10px;background:#0000002e;text-align:center}.tracker-stat strong{font-size:.92rem;color:#fff8c8}.tracker-stat span{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tracker-rank{margin-top:8px;font-size:.75rem;color:#fff8c8d9;text-align:left}.arcade-block{width:100%;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.arcade-head{display:flex;align-items:center;gap:10px;text-align:left}.arcade-head iconify-icon{color:var(--accent)}.arcade-title{font-size:1rem;font-weight:700}.arcade-sub{font-size:.78rem;color:var(--muted)}.games-panel{gap:12px}.dont-doom{position:fixed;inset:0;z-index:300;place-items:center;pointer-events:none;cursor:none;display:none}.dont-doom[hidden]{display:none!important}.dont-doom.is-active{display:grid;pointer-events:auto}.dont-doom-void{position:absolute;inset:0;background:#000}.dont-doom-torch{position:absolute;width:220px;height:220px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,244,180,.55) 0%,rgba(255,210,80,.18) 35%,transparent 68%);mix-blend-mode:screen;transition:opacity .6s ease;z-index:2}.dont-doom.torch-on .dont-doom-torch{opacity:1}.dont-doom-text{position:relative;z-index:3;max-width:min(520px,86vw);text-align:center;font-size:clamp(1.05rem,3.4vw,1.45rem);font-weight:600;line-height:1.45;color:#fff8c814;text-shadow:none;transition:color .8s ease,text-shadow .8s ease,opacity .8s ease;opacity:.35;padding:0 16px}.dont-doom.torch-on .dont-doom-text{color:#fff8c8;text-shadow:0 0 18px rgba(255,230,120,.65),0 0 40px rgba(232,197,71,.35);opacity:1}.is-hidden-doom{opacity:0!important;pointer-events:none!important;visibility:hidden!important}body.is-doomed #bg-layer{opacity:0!important;visibility:hidden!important}.music-player{width:min(400px,100%);display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:12px 14px;opacity:0;transform:translateY(16px);animation:rise .8s var(--ease) .35s forwards}.track-cover{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#ffffff0f;box-shadow:0 4px 14px #00000059}.track-main{min-width:0;display:flex;flex-direction:column;gap:8px}.track-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.track-info{min-width:0}.track-title{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.track-artist{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.visualizer{width:72px;height:24px;opacity:.85;flex-shrink:0}.player-controls{display:flex;align-items:center;gap:4px}.ctrl-btn{width:34px;height:34px;border:0;border-radius:11px;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:.9;position:relative;transition:background .2s,transform .25s var(--ease),opacity .2s,border-color .2s}.ctrl-btn:hover{background:#ffffff14;opacity:1;transform:scale(1.06)}.ctrl-btn.play{width:40px;height:40px;border-radius:13px;background:rgba(var(--accent-rgb),.22);border:1px solid rgba(var(--accent-rgb),.35);overflow:hidden}.ctrl-btn.play:hover{background:rgba(var(--accent-rgb),.35);transform:scale(1.08)}.ctrl-btn.play:active{transform:scale(.94)}.play-pause-swap{position:relative;width:18px;height:18px;display:block}.play-pause-swap svg{position:absolute;inset:0;width:18px;height:18px;transition:opacity .28s var(--ease),transform .35s var(--ease)}.play-pause-swap .ico-play{opacity:1;transform:scale(1) rotate(0)}.play-pause-swap .ico-pause{opacity:0;transform:scale(.45) rotate(-90deg)}.ctrl-btn.play.is-playing .ico-play{opacity:0;transform:scale(.45) rotate(90deg)}.ctrl-btn.play.is-playing .ico-pause{opacity:1;transform:scale(1) rotate(0)}.ctrl-btn.mute{color:var(--muted)}.ctrl-btn.mute svg{width:17px;height:17px;position:absolute;transition:opacity .25s var(--ease),transform .3s var(--ease)}.ctrl-btn.mute .icon-volume{opacity:1;transform:scale(1)}.ctrl-btn.mute .icon-muted{opacity:0;transform:scale(.6) rotate(-8deg)}.ctrl-btn.mute.is-muted .icon-volume{opacity:0;transform:scale(.6) rotate(8deg)}.ctrl-btn.mute.is-muted .icon-muted{opacity:1;transform:scale(1) rotate(0)}.volume-slider{width:56px;accent-color:var(--accent);height:4px;cursor:pointer}.track-times{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}.progress-track{height:4px;border-radius:999px;background:#ffffff1a;cursor:pointer;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--accent-rgb),.5),var(--accent));box-shadow:0 0 10px rgba(var(--accent-rgb),.5);transition:width .15s linear}.click-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;cursor:pointer;transition:none;overflow:hidden;background:#050507}.gate-banner{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.04);filter:saturate(1.05)}.gate-dim{position:absolute;inset:0;background:radial-gradient(ellipse at center,#00000040,#000000b8 75%),#00000059;backdrop-filter:blur(2px)}.gate-card{position:relative;z-index:2;padding:28px 40px;text-align:center;animation:card-in .6s var(--ease)}.click-gate.hide{opacity:0;pointer-events:none}.gate-card p{font-size:1.25rem;font-weight:600}.gate-card span{display:block;margin-top:6px;color:var(--muted);font-size:.85rem}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(12px);z-index:50;padding:10px 16px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(16px);font-size:.85rem;opacity:0;transition:opacity .3s,transform .3s var(--ease)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:480px){.stage{padding:72px 12px 28px;justify-content:flex-start}.panels,.music-player{width:100%}.music-player{grid-template-columns:44px minmax(0,1fr) auto;gap:8px 10px;padding:10px 12px}.track-cover{width:44px;height:44px}.visualizer{display:none}.volume-slider{width:44px}.track-top{grid-template-columns:minmax(0,1fr)}.game-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}