.legacy-react-root{min-height:100vh}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{display:block}*,:before,:after{box-sizing:border-box}@font-face{font-family:TMBG;src:url(/assets/TMBGSTD_-DNTt6v3S.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}.legacy-hidden{display:none}.migration-boot{z-index:9999;color:#a6a6b3;letter-spacing:2px;background:#07070a;place-items:center;gap:18px;display:grid;position:fixed;inset:0}.beat-pad-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#aaa;letter-spacing:4px;background:#050508d1;align-content:center;place-items:center;gap:18px;font-weight:900;display:grid;position:fixed;inset:0}.beat-pad-overlay p{color:var(--neon-cyan);text-shadow:0 0 14px #00d2ff80;margin:0;font-size:.8rem}.screen-glitch-transition{--glitch-rgb:255, 58, 24;z-index:5000;pointer-events:none;background:repeating-linear-gradient(0deg, rgba(var(--glitch-rgb), .08) 0 1px, transparent 1px 7px), #0000000f;animation:.3s steps(3,end) forwards screen-glitch-fade;position:fixed;inset:0;overflow:hidden}.screen-glitch-transition.tone-violet{--glitch-rgb:190, 85, 255}.screen-glitch-transition.tone-green{--glitch-rgb:52, 255, 148}.screen-glitch-transition.tone-blue{--glitch-rgb:28, 176, 255}.screen-glitch-transition.tone-gold{--glitch-rgb:255, 210, 63}.screen-glitch-transition.tone-cyan{--glitch-rgb:0, 210, 255}.screen-glitch-transition span{width:112vw;height:4vh;left:-6vw;top:calc(12vh + var(--row) * 15vh);background:linear-gradient(90deg, transparent, #00000075 16%, rgba(var(--glitch-rgb), .14) 28%, #00000061 58%, transparent), repeating-linear-gradient(90deg, rgba(var(--glitch-rgb), .26) 0 2px, transparent 2px 16px);opacity:.55;transform:translateX(calc((var(--row) - 4) * 7vw));animation:.26s steps(3,end) forwards glitch-slice-shove;animation-delay:calc(var(--row) * 14ms);mix-blend-mode:lighten;position:absolute}.screen-glitch-transition span:nth-child(2n){opacity:.38;height:2.5vh;animation-name:glitch-slice-reverse}.screen-glitch-transition span:nth-child(3n){background:linear-gradient(90deg, transparent, rgba(var(--glitch-rgb), .22), #00000080, transparent)}@keyframes screen-glitch-fade{0%{opacity:0}20%{opacity:.72}68%{opacity:.42}to{opacity:0}}@keyframes glitch-slice-shove{0%{transform:translate(-8vw)scaleX(1.03)}54%{transform:translate(3vw)scaleX(1.01)}to{transform:translate(14vw)scaleX(.98)}}@keyframes glitch-slice-reverse{0%{transform:translate(9vw)scaleX(1.02)}52%{transform:translate(-4vw)scaleX(1.05)}to{transform:translate(-16vw)scaleX(.98)}}.react-owned-screen{background:#030304;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;min-height:100svh;padding:28px;display:flex;position:relative;overflow-x:hidden}.react-owned-screen>:not(.main-bg-canvas):not(.react-logout-btn){z-index:1;position:relative}.main-bg-canvas{z-index:0;opacity:1;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.react-auth-screen:after,.react-hub-screen:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000,#00000057 58%,#00000094),linear-gradient(#0000000f,#0000006b);position:absolute;inset:0}.react-auth-screen .clean-panel,.react-hub-screen .profile-hub-btn,.react-hub-actions .btn-primary,.react-logout-btn{box-shadow:0 0 34px #0000008c,0 0 18px #ff005514}.react-brand{letter-spacing:8px;margin:0 0 40px;font-size:clamp(2.25rem,6vw,3.5rem)}.winner-title.fancy-winner-title *,.winner-scoreburst strong *{font-family:inherit!important}.react-auth-panel{gap:12px;width:min(320px,100vw - 48px)}.react-auth-panel h2{color:#fff;text-align:center;letter-spacing:2px;margin:0 0 8px;font-size:1.2rem}.react-auth-panel p{text-align:center;color:#888;margin:0;font-size:.85rem}.react-link{color:var(--neon-cyan);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.react-link-pink{color:var(--neon-pink)}.react-small-link{align-self:center;margin-top:4px}.react-code-input{text-align:center;letter-spacing:10px;font-size:1.5rem}.react-auth-notice{color:#aaa;text-align:center;letter-spacing:1px;max-width:360px;margin:18px 0 0}.btn-primary,.btn-ghost,.mode-back-btn,.copy-btn,.wave-play-btn{text-align:center;vertical-align:middle;white-space:nowrap;text-transform:uppercase;letter-spacing:1.8px;justify-content:center;align-items:center;gap:8px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex;position:relative;overflow:hidden;border-radius:7px!important;line-height:1!important}.btn-primary,.btn-cyan{min-height:44px;box-shadow:0 0 20px #00d2ff38,inset 0 0 0 1px #ffffff38;color:#020207!important;background:linear-gradient(#ffffff2e,#0000 46%),linear-gradient(90deg,#00d2fff5,#00a0ffe6)!important;border:1px solid #00d2ffbf!important}.btn-primary:not(:disabled):hover,.btn-cyan:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 26px #00d2ff61,0 0 44px #ff00551f,inset 0 0 12px #ffffff38;border-color:#fff!important}.btn-ghost,.mode-back-btn{min-height:40px;box-shadow:inset 0 0 0 1px #ffffff06;color:#b8b8c4!important;background:linear-gradient(90deg,#ff005514,#00d2ff0d),#07070b!important;border:1px solid #ffffff2e!important}.btn-ghost:not(:disabled):hover,.mode-back-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 18px #00d2ff29,inset 0 0 14px #00d2ff0f;color:#fff!important;border-color:#00d2ffb8!important}.copy-btn,.wave-play-btn{box-shadow:0 0 12px #00d2ff1a;color:var(--neon-cyan)!important;background:#07070b!important;border:1px solid #00d2ff57!important}.copy-btn:hover,.wave-play-btn:hover{box-shadow:0 0 18px #00d2ff47;border-color:var(--neon-cyan)!important}.react-hub-screen{justify-content:center;padding-top:78px}.react-hub-brand{letter-spacing:8px;text-align:center;margin:0 0 18px;font-size:clamp(2.7rem,8vw,4rem)}.react-logout-btn{appearance:none;z-index:20;width:fit-content;max-width:calc(100vw - 32px);color:var(--neon-pink);letter-spacing:2px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07070bdb;border:1px solid #ff005573;border-radius:6px;margin:0;padding:8px 18px;font-size:.76rem;font-weight:900;top:34px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #ff00551f,inset 0 0 0 1px #ffffff0a;position:fixed!important}.react-logout-btn:hover{background:#ff00551f;transform:translate(-50%,-1px);box-shadow:0 0 16px #ff00552e}.react-welcome-card{text-align:center;background:linear-gradient(90deg,#00d2ff17,#ff005514),#06060ab8;border:1px solid #00d2ff42;border-radius:8px;min-width:min(440px,100vw - 48px);margin:0 0 34px;padding:12px 22px;box-shadow:0 0 26px #00d2ff14,inset 0 0 18px #ffffff06}.react-welcome-card span{color:#7c7c88;letter-spacing:3px;margin-bottom:4px;font-size:.66rem;font-weight:900;display:block}.react-welcome-card b{color:#fff;letter-spacing:2px;text-shadow:0 0 14px #00d2ff59;font-size:1.05rem}.react-hub-actions .btn-primary{padding:18px 40px;font-size:1.1rem}.hub-actions.react-hub-actions{perspective:900px;flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.hub-mega-btn{appearance:none;border:1px solid rgba(var(--hub-rgb), .78);background:linear-gradient(180deg, rgba(var(--hub-rgb), .1), #00000047), #07070d;color:#fff;cursor:pointer;text-transform:uppercase;min-width:210px;min-height:88px;box-shadow:0 0 28px rgba(var(--hub-rgb), .24), 0 0 60px rgba(var(--hub-rgb), .08), inset 0 0 18px rgba(var(--hub-rgb), .1), inset 0 0 0 1px #ffffff0a;border-radius:8px;justify-items:center;gap:4px;padding:20px 34px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;transform:skew(-5deg)}.hub-mega-btn:before{content:"";opacity:.78;background:linear-gradient(180deg, transparent 0 52%, rgba(var(--hub-rgb), .22) 52% 54%, transparent 54%), linear-gradient(90deg, rgba(var(--hub-rgb), .18) 1px, transparent 1px), linear-gradient(0deg, rgba(var(--hub-rgb), .16) 1px, transparent 1px);transform-origin:bottom;background-size:100% 100%,13px 13px,13px 13px;position:absolute;inset:0;transform:perspective(220px)rotateX(52deg)translateY(18px)scale(1.2)}.hub-mega-btn:after{content:"";border:1px solid rgba(var(--hub-rgb), .42);pointer-events:none;box-shadow:inset 0 0 16px rgba(var(--hub-rgb), .13);border-radius:5px;position:absolute;inset:6px}.hub-mega-btn.host{--hub-rgb:181, 92, 255;--hub-hot-rgb:255, 0, 180}.hub-mega-btn.join{--hub-rgb:0, 210, 255;--hub-hot-rgb:0, 94, 255}.hub-mega-btn span,.hub-mega-btn small,.hub-mega-btn i{z-index:1;position:relative;transform:skew(5deg)}.hub-mega-btn i{color:rgba(var(--hub-rgb), .16);letter-spacing:4px;word-break:break-all;text-align:left;text-shadow:0 0 10px rgba(var(--hub-rgb), .4);font-family:monospace;font-size:.82rem;font-style:normal;line-height:1.25;position:absolute;inset:10px 12px;overflow:hidden}.hub-mega-btn span{letter-spacing:6px;color:#fff;text-shadow:2px 2px 0 #000, 0 0 10px rgba(var(--hub-rgb), .9), 0 0 28px rgba(var(--hub-hot-rgb), .45);font-size:1.65rem;font-weight:1000}.hub-mega-btn small{color:#ffffffb8;letter-spacing:2px;font-size:.64rem;font-weight:900}.hub-mega-btn:hover{border-color:rgba(var(--hub-rgb), 1);box-shadow:0 0 36px rgba(var(--hub-rgb), .35), 0 0 70px rgba(var(--hub-hot-rgb), .16), inset 0 0 22px rgba(var(--hub-rgb), .13);transform:skew(-5deg)translateY(-2px)}.react-profile-button{background:linear-gradient(90deg,#ffd23f24,#ff005514),#08080c;border-color:#ffd23f6b;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 0 24px #ffd23f1a,inset 0 0 0 1px #ffffff0a}.react-profile-button i{color:#ffd23f1f;letter-spacing:3px;pointer-events:none;font-family:monospace;font-style:normal;position:absolute;inset:4px 8px;overflow:hidden}.react-profile-button>span{z-index:1;position:relative}.react-profile-button .profile-hub-icon{color:#ffd23f;border-color:#ffd23fb3;box-shadow:0 0 14px #ffd23f2e}.field-with-count{width:100%;position:relative}.field-with-count .modern-input{box-sizing:border-box;width:100%;padding-right:54px}.field-with-count>span{color:#666;pointer-events:none;font-family:monospace;font-size:.72rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.chat-count-wrap{flex:1;min-width:0}.react-mode-screen,.react-create-screen{justify-content:center}.react-mode-panel{background:linear-gradient(135deg,#be55ff1f,#00d2ff0a 42%,#ff008c14),#08080d;border-color:#be55ff75;width:min(810px,100vw - 40px);position:relative;overflow:hidden;box-shadow:0 0 34px #be55ff29,0 0 58px #00d2ff14,inset 0 0 0 1px #ffffff0a}.react-mode-panel:before{content:"";z-index:0;pointer-events:none;opacity:.46;filter:blur(28px);background:radial-gradient(circle at 30% 40%,#be55ff42,#0000 28%),radial-gradient(circle at 68% 56%,#00d2ff2e,#0000 26%);animation:10s ease-in-out infinite alternate synth-smoke-drift;position:absolute;inset:-35%}.react-mode-panel>*{z-index:1;position:relative}.react-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.react-panel-header h2{color:#fff;letter-spacing:2px;margin:0;font-size:1.3rem}.react-mode-grid{width:100%}.react-mode-grid .game-mode-card{background:linear-gradient(#ffffff09,#0000),linear-gradient(135deg,#be55ff1f,#00d2ff0d),#06060a;border-color:#be55ff4d;min-height:132px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.react-mode-grid .game-mode-card:before{content:"";pointer-events:none;opacity:.42;transform-origin:bottom;background-color:#0000;background-image:linear-gradient(90deg,#be55ff29 1px,#0000 1px),linear-gradient(0deg,#00d2ff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:perspective(260px)rotateX(52deg)translateY(28px)scale(1.25)}.react-mode-grid .game-mode-card:hover{border-color:#00d2ffb8;box-shadow:0 0 24px #be55ff38,0 0 34px #00d2ff21,inset 0 0 20px #be55ff12}.react-mode-grid .game-mode-icon{color:var(--neon-cyan);text-shadow:0 0 12px #00d2ff8c;border-color:#00d2ff80}@keyframes synth-smoke-drift{0%{transform:translate(-3%,2%)scale(1)}to{transform:translate(4%,-3%)scale(1.08)}}.react-create-panel{box-sizing:border-box;width:min(540px,100vw - 40px);max-height:90vh;overflow-y:auto}.react-mode-summary{flex-shrink:0}.react-setting-line{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.react-setting-line label{margin:0}.react-value-cyan,.react-value-pink{font-family:monospace;font-size:1.1rem;font-weight:700}.react-value-cyan{color:var(--neon-cyan)}.react-value-pink{color:var(--neon-pink)}.react-range{background:linear-gradient(to right, var(--neon-cyan) 0%, var(--neon-cyan) var(--fill-pct), #111 var(--fill-pct), #111 100%);margin-top:12px}.react-range.fader-pink{background:linear-gradient(to right, var(--neon-pink) 0%, var(--neon-pink) var(--fill-pct), #111 var(--fill-pct), #111 100%)}.react-create-panel .setting-row,.react-modifier-box{background:linear-gradient(135deg,#00d2ff0b,#0000 48%),#08080d;border:1px solid #00d2ff2e;border-radius:8px;margin-bottom:15px;padding:15px}.react-create-panel .setting-row label,.react-modifier-box label{color:#aaa;margin:0}.react-create-panel .modern-input{background:#050508;border-color:#242433;margin-top:10px;margin-bottom:0}.react-check-row{color:var(--text-main);cursor:pointer;justify-content:flex-end;align-items:center;gap:6px;margin:10px 0 12px;font-size:.8rem;display:flex}.react-modifier-grid{flex-wrap:wrap;gap:8px;display:flex}.react-modifier-grid .modifier-chip{cursor:pointer}.react-modifier-grid .modifier-chip.active{border-color:var(--neon-cyan);color:#000;background:var(--neon-cyan)}.reveal-panel{background:linear-gradient(135deg,#00d2ff12,#0000 45%),#08080d;border:1px solid #00d2ff3d;border-radius:8px;gap:10px;margin-bottom:15px;padding:14px;display:grid}.reveal-panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reveal-panel-head label{color:#fff;letter-spacing:2px;margin:0;font-size:.8rem}.reveal-panel-head span{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.72rem}.reveal-switch{appearance:none;color:#aaa;cursor:pointer;text-align:left;background:#050508;border:1px solid #242433;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.reveal-switch span{gap:3px;display:grid}.reveal-switch b{color:#fff;letter-spacing:1px;font-size:.9rem}.reveal-switch em{color:#666;font-size:.74rem;font-style:normal;line-height:1.35}.reveal-switch strong{color:#777;text-align:center;letter-spacing:1px;border:1px solid #333342;border-radius:5px;min-width:54px;padding:7px 9px;font-size:.72rem}.reveal-switch.active{border-color:#00d2ffa6;box-shadow:0 0 18px #00d2ff1a}.reveal-switch.active strong{border-color:var(--neon-cyan);color:#000;background:var(--neon-cyan)}.react-submit-room{width:100%;min-height:54px;padding:15px;font-size:1.1rem}.react-browser-screen{justify-content:center}.react-browser-title{letter-spacing:4px;margin:0 0 22px;font-size:clamp(2rem,5vw,2.5rem)}.react-direct-join{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:min(700px,100vw - 40px);margin-bottom:20px;padding:20px}.react-direct-join span{color:#888;letter-spacing:1px;white-space:nowrap;font-size:.9rem;font-weight:700}.react-direct-join .modern-input{margin:0}.react-code-compact{text-transform:uppercase;text-align:center;width:160px}.react-direct-join .btn-primary{min-width:70px;margin:0;padding:12px 25px}.react-server-list{box-sizing:border-box;width:min(700px,100vw - 40px);height:400px;padding:20px;overflow-y:auto}.react-browser-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.react-browser-header span{color:#777;letter-spacing:3px;font-size:.78rem;font-weight:700}.react-browser-header .btn-ghost{padding:8px 14px;font-size:.78rem}.react-server-card h4{color:#fff;letter-spacing:1px;margin:0 0 5px;font-size:1.2rem}.react-server-card p{color:#666;margin:0;font-size:.8rem;line-height:1.6}.react-server-card p span{color:var(--neon-cyan)}.react-server-card p span:first-of-type{color:#aaa}.react-server-card p b{color:#333;margin:0 8px;font-weight:400}.react-server-card .btn-primary{min-width:86px;margin:0;padding:8px 20px}.react-empty-state,.react-error-state{text-align:center;color:#555;margin-top:40px}.react-error-state,.react-pink-state{color:var(--neon-pink)}.react-browser-back{margin-top:20px}.react-lobby-screen{box-sizing:border-box;width:100%;max-width:1360px;min-height:100svh;margin:0 auto;padding:22px;position:relative;overflow-x:hidden}.react-lobby-screen>:not(.main-bg-canvas){z-index:1;position:relative}.react-lobby-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding-bottom:20px;display:flex}.react-lobby-header h1{color:var(--neon-pink);letter-spacing:5px;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3rem)}.react-room-code{border:1px solid var(--panel-border);background:#0b0b0e;border-radius:6px;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:4px 10px;display:flex}.react-room-code span{color:var(--neon-cyan);font-size:.85rem;font-weight:700}.react-room-code b{color:#fff;font-family:monospace;font-size:.9rem}.react-room-code .copy-btn{width:auto;height:30px;margin-left:4px;padding:0 8px;font-size:.7rem}.react-lobby-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:15px;display:flex}.react-lobby-actions .btn-ghost,.react-lobby-actions .btn-primary{margin:0;padding:14px 24px}.react-lobby-layout{grid-template-columns:minmax(250px,290px) minmax(380px,1fr) minmax(280px,340px);align-items:stretch;gap:20px;display:grid}.react-roster-panel,.react-chat-panel,.react-session-panel{box-sizing:border-box;min-height:506px;padding:25px}.react-panel-kicker{color:#666;letter-spacing:2px;justify-content:space-between;margin-bottom:20px;font-size:.85rem;display:flex}.react-panel-title{color:#666;letter-spacing:2px;margin-bottom:10px;font-size:.85rem}.react-roster-list{flex:1;overflow-y:auto}.react-roster-player>div{align-items:center;gap:10px;min-width:0;display:flex}.react-roster-player span:not(.host-badge){color:#fff;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.react-roster-player em{color:#666;font-family:monospace;font-size:.8rem;font-style:normal}.react-roster-button{appearance:none;text-align:left;cursor:pointer;width:100%}.react-roster-button:hover{background:#00d2ff0a;border-color:#00d2ff47}.react-roster-button:hover span:not(.host-badge){color:var(--neon-cyan)}.react-roster-avatar{object-fit:cover;width:28px;height:28px;image-rendering:pixelated;background:#0b0b0e;border:1px solid #222;border-radius:50%;flex-shrink:0}.react-chat-panel{flex-direction:column;display:flex}.react-chat-display{flex:1;min-height:0}.react-chat-log{max-height:100%;overflow-y:auto}.react-chat-avatar{object-fit:cover;image-rendering:pixelated}.react-chat-avatar-button,.react-chat-name-button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.react-chat-avatar-button{flex-shrink:0;width:36px;height:36px}.react-chat-name-button:hover{color:var(--neon-cyan)}.react-user-preview-overlay{z-index:120;background:#000000b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.react-user-preview-card{border-color:#00d2ff57;width:min(460px,100%);position:relative;box-shadow:0 0 30px #00d2ff1f}.react-user-preview-head{align-items:flex-end;gap:18px;margin-bottom:18px;padding-right:34px;display:flex}.react-user-preview-head h2{color:#fff;letter-spacing:2px;margin:0 0 4px}.react-user-preview-head span{color:var(--neon-cyan);font-family:monospace;font-weight:900}.react-user-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.react-user-preview-grid div{background:#08080d;border:1px solid #ffffff14;border-radius:6px;padding:10px}.react-user-preview-grid span{color:#666;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:4px;font-size:.66rem;font-weight:900;display:block}.react-user-preview-grid b{color:#fff;font-size:.82rem}.react-user-preview-card p{color:#aaa;margin:0;line-height:1.55}.react-lobby-notice{color:var(--neon-pink);margin:10px 0;font-size:.82rem}.react-chat-form{align-items:stretch;gap:10px;margin-top:12px;display:flex;position:relative}.react-chat-form .modern-input{flex:1;margin:0}.react-chat-form .btn-primary{margin:0;padding:0 30px}.react-chat-emoji{flex:none;position:relative}.react-chat-emoji-btn{border:1px solid var(--panel-border);color:#fff;cursor:pointer;background:#07070b;border-radius:6px;width:42px;height:42px;font-size:1.05rem;box-shadow:0 0 12px #00d2ff14}.react-chat-emoji-btn:hover{border-color:var(--neon-cyan);box-shadow:0 0 18px #00d2ff2e}.react-chat-emoji-popover{z-index:30;background:#050509f5;border:1px solid #00d2ff6b;border-radius:8px;grid-template-columns:repeat(6,34px);gap:6px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 0 26px #00d2ff29,0 18px 45px #00000080}.react-chat-emoji-popover button{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;width:34px;height:34px;font-size:1.1rem}.react-chat-emoji-popover button:hover{border-color:var(--neon-cyan);background:#00d2ff24}.react-session-panel{overflow-y:auto}.react-session-summary{border-top:1px solid var(--panel-border);padding-top:12px}.react-session-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.react-session-row span{color:#888;font-size:.82rem;font-weight:700}.react-session-row b{color:var(--neon-cyan);text-align:right;font-size:.9rem}.react-host-settings{margin-top:14px}.react-host-settings-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.react-host-settings-head span{color:var(--neon-pink);letter-spacing:2px;font-size:.72rem;font-weight:900}.react-host-settings-head .btn-primary{margin:0;padding:8px 14px;font-size:.74rem}.react-host-format-row{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:14px;margin-bottom:14px;padding:0 0 14px;display:flex}.react-host-format-row span{color:#888;font-size:.78rem;font-weight:900}.react-host-format-row b{color:var(--neon-cyan);text-align:right;font-size:.86rem}.react-lobby-setting-row{margin-bottom:16px}.react-host-mods{gap:9px;margin-bottom:14px;display:grid}.react-host-mods>label{color:#aaa;font-size:.78rem;font-weight:900}.react-host-mods>div{flex-wrap:wrap;gap:8px;display:flex}.react-lobby-reveal-panel{margin-top:14px}.react-host-settings-note{color:var(--neon-cyan);letter-spacing:1px;margin-top:10px;font-size:.76rem;font-weight:900}.react-profile-overlay{z-index:90;box-sizing:border-box;background:#000000e0;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.react-profile-panel{box-sizing:border-box;width:min(520px,100%);position:relative}.react-profile-close{position:absolute;top:25px;right:25px}.react-profile-head{align-items:flex-end;gap:20px;margin-bottom:24px;padding-right:40px;display:flex}.react-profile-name-block{flex:1;min-width:0}.react-profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:5px;display:flex}.react-profile-name-button{appearance:none;cursor:pointer;letter-spacing:2px;text-align:left;text-transform:uppercase;background:0 0;border:0;max-width:100%;padding:0;font-size:1.6rem;font-weight:900;line-height:1.1}.react-profile-name-button:hover{filter:drop-shadow(0 0 10px #00d2ff59)}.react-profile-name-edit{width:min(260px,100%)}.react-profile-avatar{background:0 0;flex-shrink:0;width:128px;height:128px;overflow:hidden}.react-profile-avatar canvas,.react-roster-avatar canvas,.react-chat-avatar canvas,.react-character-preview canvas{width:100%;height:100%;image-rendering:pixelated}.react-profile-head h2{color:#fff;letter-spacing:2px;margin:0 0 4px;font-size:1.6rem}.react-profile-head span{color:var(--neon-cyan);font-family:monospace;font-weight:700}.react-profile-stats{gap:15px;margin-bottom:20px;display:flex}.react-profile-stats div{border:1px solid var(--panel-border);text-align:center;background:#0b0b0e;border-radius:6px;flex:1;padding:15px}.react-profile-stats span{color:#666;margin-bottom:5px;font-size:.75rem;display:block}.react-profile-stats b{color:#fff;font-size:1.2rem}.react-profile-stats div:last-child b{color:var(--neon-pink)}.react-character-btn{border-color:var(--neon-cyan);width:100%;color:var(--neon-cyan)}.react-profile-tags .style-tag{appearance:none;border:1px solid var(--panel-border);color:#888;background:0 0}.react-profile-tags .style-tag.active{border-color:var(--neon-cyan);color:#fff;background:#00d2ff29;box-shadow:0 0 14px #00d2ff47,inset 0 0 10px #00d2ff14}.react-profile-color-row{align-items:center;gap:8px;display:inline-flex;position:relative}.react-profile-color-row.compact{gap:6px;max-width:none}.profile-color-trigger{color:#aaa;cursor:pointer;background:#07070bd1;border:1px solid #00d2ff3d;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:5px 10px 5px 6px;display:inline-flex;box-shadow:0 0 14px #00d2ff14,inset 0 0 0 1px #ffffff08}.react-profile-color-row.compact .profile-color-trigger{min-height:30px;padding:3px}.profile-color-trigger b{letter-spacing:1.4px;text-transform:uppercase;font-size:.68rem}.profile-color-trigger:hover{color:#fff;border-color:#00d2ffb3;box-shadow:0 0 18px #00d2ff2e}.profile-color-dot{background:var(--profile-color);cursor:pointer;border:2px solid #ffffff1f;border-radius:6px;width:34px;height:34px;box-shadow:0 0 12px #00000059}.react-profile-color-row.compact .profile-color-dot{border-radius:5px;width:24px;height:24px}.profile-color-popover{z-index:42;background:#050509fa;border:1px solid #00d2ff6b;border-radius:8px;grid-template-columns:repeat(5,28px);gap:7px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 24px #00d2ff29,0 16px 38px #00000080}.profile-color-popover .profile-color-dot{border-radius:5px;width:28px;height:28px}.profile-color-dot.active{border-color:var(--neon-cyan);box-shadow:0 0 14px #00d2ff73,inset 0 0 0 2px #00000059}.profile-custom-gradient-dot{background:linear-gradient(90deg,#0000 49%,#ffffff38 50%) 0 0/50% 50%,linear-gradient(#ffffff38 50%,#0000 51%) 0 0/50% 50%,conic-gradient(#f05,#ffd23f,#54ff9a,#00d2ff,#be55ff,#f05)}.profile-gradient-popover{z-index:40;background:#050509f7;border:1px solid #00d2ff6b;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 24px #00d2ff29,0 16px 38px #00000080}.profile-gradient-popover label{color:#777;align-items:center;gap:5px;font-size:.65rem;font-weight:900;display:flex}.profile-gradient-popover input{border:1px solid var(--panel-border);background:0 0;width:30px;height:30px;padding:0}.profile-gradient-popover button{border:1px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;letter-spacing:1px;background:#00d2ff1f;border-radius:5px;padding:8px 10px;font-size:.68rem;font-weight:900}.react-title-picker{position:relative}.react-title-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.react-title-trigger b{color:var(--neon-cyan);letter-spacing:1.5px;font-size:.68rem}.react-title-panel{z-index:35;background:#050509fa;border:1px solid #00d2ff5c;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 44px #0000008c,0 0 26px #00d2ff1f}.react-title-panel button{border:1px solid var(--panel-border);color:#aaa;cursor:pointer;letter-spacing:1px;background:#08080d;border-radius:6px;min-height:38px;font-size:.72rem;font-weight:900}.react-title-panel button.active,.react-title-panel button:hover{border-color:var(--neon-cyan);color:#fff;background:#00d2ff21}.react-profile-bio{resize:vertical;min-height:72px}.react-social-list{flex-direction:column;gap:7px;display:flex}.react-social-list .modern-input{margin:0}.react-social-soundcloud{background:#f50}.react-social-spotify{background:#1db954}.react-social-youtube{background:red}.react-profile-save{text-align:center;color:#555;margin:15px 0 0;font-size:.8rem;font-style:italic}.react-profile-save.saving{color:var(--neon-cyan)}.react-character-overlay{z-index:95;box-sizing:border-box;background:#000000f2;justify-content:center;align-items:center;padding:28px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.react-character-panel{box-sizing:border-box;width:min(560px,92vw);max-height:90vh;position:relative;overflow-y:auto}.react-character-panel h2{color:#fff;letter-spacing:2px;margin:0 0 20px}.react-character-layout{align-items:flex-start;gap:24px;display:flex}.react-character-preview-wrap{flex-shrink:0}.react-character-preview-wrap>div:last-child{color:#444;letter-spacing:2px;text-align:center;margin-top:8px;font-size:.7rem;font-weight:700}.react-character-preview{background:#0b0b0e;border:1px solid #22222a;border-radius:8px;width:200px;height:200px;overflow:hidden}.react-character-controls{flex-direction:column;flex:1;gap:18px;display:flex}.react-segment-row,.react-swatch-row{flex-wrap:wrap;gap:10px;display:flex}.react-swatch-row .skin-swatch{cursor:pointer;border:2px solid #0000}.react-swatch-row .skin-swatch.active{border-color:var(--neon-cyan);box-shadow:0 0 10px #00d2ff73}.react-character-save{width:100%;margin-top:25px}.react-match-screen{z-index:50;background:#050508;position:fixed;inset:0;overflow-y:auto}.match-audio-canvas{z-index:0;pointer-events:none;image-rendering:auto;width:100%;height:100%;position:fixed;inset:0}.react-match-inner{z-index:1;box-sizing:border-box;width:100%;max-width:1450px;margin:0 auto;padding:24px;position:relative}.react-match-header{align-items:flex-start}.react-match-title-wrap{flex:1;min-width:220px}.react-forfeit-btn{border-color:var(--neon-pink);color:var(--neon-pink);align-self:flex-start;padding:14px 20px}.react-match-layout{grid-template-columns:minmax(720px,1fr) minmax(320px,380px);align-items:flex-start}.react-sample-section{margin-bottom:20px}.react-sample-label{color:#555;letter-spacing:3px;margin-bottom:14px;font-size:.78rem}.react-upload-note{color:var(--neon-cyan);letter-spacing:3px;margin-bottom:8px;font-size:.75rem;font-weight:700}.react-upload-preview{width:100%}.react-uploaded-name{color:var(--neon-cyan);letter-spacing:1px;margin-bottom:10px;font-family:monospace;font-size:.9rem;font-weight:700}.react-reaction-dock{margin:12px auto 0;position:relative}.react-live-score-card{border-radius:8px;grid-template-columns:1fr;justify-items:center;margin-top:12px}.react-upload-wave-shell{position:relative;overflow:visible}.react-upload-wave-shell .react-floating-reactions{z-index:4;pointer-events:none;position:absolute;inset:0 96px 0 70px;overflow:visible}.react-floating-reactions span{color:#fff;letter-spacing:1px;text-shadow:0 0 14px var(--neon-cyan);font-size:1.65rem;font-weight:700;animation:1.35s ease-out forwards react-float-reaction;position:absolute;bottom:7px;left:50%}.react-reaction-dock button{font-size:1.35rem;line-height:1}.reaction-asset{object-fit:contain;pointer-events:none;width:30px;height:30px;display:block}.react-floating-reactions .reaction-asset{filter:drop-shadow(0 0 12px #00d2ffa6);width:48px;height:48px}.criteria-vote{gap:10px;width:min(100%,620px);display:grid}.criteria-vote.compact{width:min(100%,560px)}.criteria-grid{gap:8px;display:grid}.criteria-row{grid-template-columns:144px minmax(0,1fr);align-items:center;gap:14px;display:grid}.criteria-vote.compact .criteria-row{grid-template-columns:92px minmax(0,1fr)}.criteria-row>span{color:#8d8d98;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem;font-weight:900}.criteria-row .vibe-vote{justify-content:flex-start;margin-left:4px}.criteria-row .vibe-token{--vibe-rgb:125, 125, 145;border-color:rgba(var(--vibe-rgb), .36);background:linear-gradient(180deg, rgba(var(--vibe-rgb), .12), #00000038), #07070c;min-width:54px;height:38px;box-shadow:inset 0 0 10px rgba(var(--vibe-rgb), .05);border-radius:7px;flex-direction:column;gap:1px;padding:0 9px;position:relative;overflow:hidden}.vibe-token.vibe-1{--vibe-rgb:92, 124, 255}.vibe-token.vibe-2{--vibe-rgb:0, 210, 255}.vibe-token.vibe-3{--vibe-rgb:86, 255, 154}.vibe-token.vibe-4{--vibe-rgb:255, 210, 63}.vibe-token.vibe-5{--vibe-rgb:255, 58, 24}.criteria-vote.compact .vibe-token{min-width:42px;height:34px;padding:0 7px}.criteria-vote.compact .vibe-word{display:none}.vibe-token.middle{border-color:rgba(var(--vibe-rgb), .58)}.vibe-number{color:#f4f4f8;font-family:monospace;font-size:.95rem;line-height:1}.vibe-word{color:#777;letter-spacing:.8px;font-size:.52rem;line-height:1}.vibe-token.active .vibe-word,.vibe-token.active .vibe-number{color:#fff}.vibe-token.active{border-color:rgba(var(--vibe-rgb), 1);background:radial-gradient(circle at 50% 110%, rgba(var(--vibe-rgb), .58), transparent 52%), linear-gradient(180deg, rgba(var(--vibe-rgb), .34), #0000002e), #09090d;box-shadow:0 0 14px rgba(var(--vibe-rgb), .36), inset 0 0 12px rgba(var(--vibe-rgb), .18)}.vibe-token.vibe-5.active{color:#fff;background:radial-gradient(circle at 50% 120%,#ffd23ff2,#ff3a189e 34%,#0000 62%),linear-gradient(#ff00556b,#2300004d),#110506;border-color:#ff3a18;animation:.9s ease-in-out infinite alternate vibe-burn;box-shadow:0 0 18px #ff3a18b8,0 0 34px #ff00556b,inset 0 -10px 18px #ffd23f33}.vibe-token.vibe-5.active:after{content:"";filter:blur(1px);background:radial-gradient(circle at 35% 80%,#ffee87e0,#0000 35%),radial-gradient(circle at 65% 75%,#ff3a18e6,#0000 42%);border-radius:50% 50% 0 0;height:22px;position:absolute;bottom:-12px;left:16%;right:16%}@keyframes vibe-burn{0%{filter:saturate();transform:translateY(0)}to{filter:saturate(1.28);transform:translateY(-1px)}}.extra-perks-frame{background:linear-gradient(90deg,#ff00551f,#0000 30%,#00d2ff14),#06060a;border:1px solid #ff005547;border-radius:8px;gap:9px;margin-top:2px;padding:16px 12px 12px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff08}.extra-perks-title{color:var(--neon-pink);letter-spacing:2px;background:#07070a;padding:2px 8px;font-size:.58rem;font-weight:900;position:absolute;top:-9px;left:12px}.perk-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;display:grid}.perk-token{appearance:none;color:#858592;letter-spacing:.7px;cursor:pointer;text-transform:uppercase;background:linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/100% 100%,linear-gradient(0deg,#ffffff0d 1px,#0000 1px) 0 0/8px 8px,linear-gradient(135deg,#101018,#08080c) 0 0/100% 100%;border:1px solid #282836;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:8px 10px;font-size:.68rem;font-weight:900;display:flex;position:relative;overflow:hidden}.perk-token small{color:var(--neon-cyan);font-family:monospace;font-size:.65rem}.perk-token:hover{color:#fff;border-color:#00d2ff8c}.perk-token.active{border-color:var(--neon-pink);color:#fff;background:linear-gradient(135deg,#ff005542,#00d2ff29),#08080c;box-shadow:0 0 16px #ff005538,inset 0 0 12px #00d2ff14}.perk-token.perk-burst:after{content:"";z-index:0;pointer-events:none;position:absolute;inset:-2px}.perk-token>span,.perk-token>small{z-index:1;position:relative}.perk-token.perk-burst.sickBass:after{background:repeating-linear-gradient(0deg,#0000 0 7px,#ff0055bf 7px 9px),linear-gradient(90deg,#0000,#ffd23f47,#0000);animation:.68s ease-out forwards perk-bass-hit}.perk-token.perk-burst.sickDrums:after{background:radial-gradient(circle,#ffd23fb8,#0000 36%),radial-gradient(circle,#f056,#0000 58%);animation:.62s steps(5,end) forwards perk-drum-hit}.perk-token.perk-burst.cleanMix:after{background:linear-gradient(110deg,#0000 12%,#00d2ffb8 45%,#ffffffbd 50%,#0000 70%);animation:.66s ease-out forwards perk-clean-sweep}.perk-token.perk-burst.chills:after{background:radial-gradient(circle at 26% 30%,#ffffffe6 0 3px,#0000 4px),radial-gradient(circle at 70% 62%,#00d2ffbf 0 4px,#0000 5px),radial-gradient(circle at 48% 76%,#be55ff99 0 3px,#0000 4px);animation:.68s ease-out forwards perk-chill-spark}.react-result-track-row{grid-template-columns:1fr;align-items:center;gap:10px;padding:16px;display:grid}.react-result-meta{min-width:0}.react-result-player{box-sizing:border-box;grid-template-columns:60px 1fr 90px;width:100%;padding:10px 12px}.react-result-wave{min-width:0;height:80px;position:relative}.react-result-wave svg{width:100%;height:100%;display:block}.react-result-track-row.playing{border-color:#ff00558c;box-shadow:0 0 18px #ff00551f}.score-track-card{background:#07070b;border:1px solid #00d2ff24;border-radius:8px;gap:10px;padding:12px;display:grid}.score-track-card .react-result-track-row{background:0 0;border:0;padding:0}.score-track-card .score-row{background:#050508;grid-template-columns:minmax(140px,170px) minmax(0,1fr) 104px;align-items:start;margin:0}.score-track-card.own-track{opacity:.86}.score-row.own-track{opacity:.72;border-color:#ffffff14}.own-track-lock{color:#777;letter-spacing:2px;border:1px solid #30303a;border-radius:999px;justify-self:center;padding:8px 12px;font-size:.72rem;font-weight:900}.winner-panel{padding-top:130px;position:relative;overflow:visible}.winner-panel-grand{background:linear-gradient(135deg,#ff005524,#0000 34%),linear-gradient(225deg,#00d2ff29,#0000 42%),linear-gradient(#0000 42%,#ffd23f12),#07070b;border:1px solid #ff00556b;border-radius:8px;padding:28px;box-shadow:0 0 38px #ff00551f,inset 0 0 0 1px #ffffff0a}.winner-panel-grand:before,.winner-panel-grand:after{content:"";pointer-events:none;clip-path:polygon(0 0,90px 0,90px 8px,8px 8px,8px 90px,0 90px,0 0,100% 0,100% 100%,calc(100% - 90px) 100%,calc(100% - 90px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 90px),100% calc(100% - 90px),100% 0);border:1px solid #00d2ff2e;position:absolute;inset:12px}.winner-panel-grand:after{border-color:#ffd23f2e;inset:20px}.winner-hero{z-index:1;background:linear-gradient(90deg,#0000,#ffffff0d,#0000),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 16px);border-bottom:1px solid #ffffff14;justify-items:center;gap:12px;min-height:260px;margin-bottom:22px;padding:24px 18px 34px;display:grid;position:relative}.winner-badge-row{color:var(--neon-cyan);letter-spacing:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.72rem;font-weight:900;display:flex}.winner-badge-row b{color:#ffd23f;background:#ffd23f14;border:1px solid #ffd23f73;border-radius:5px;padding:5px 9px}.winner-scoreburst{background:radial-gradient(circle at 50% 48%,#ffd23f2e,#0000 48%),linear-gradient(#ffffff12,#0000 55%),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 10px),#050508;border:2px solid #ffd23fc7;border-radius:8px;justify-items:center;gap:7px;width:min(280px,100%);min-height:112px;margin-top:8px;padding:22px 24px 18px;display:grid;position:relative;box-shadow:0 0 30px #ffd23f2e,0 0 24px #ff005529,inset 0 0 22px #ffd23f14}.winner-scoreburst:before{content:"FINAL SCORE";color:#ffd23f;letter-spacing:2px;background:#07070b;padding:2px 8px;font-size:.58rem;font-weight:900;position:absolute;top:-10px;left:16px}.winner-scoreburst strong{color:#fff;text-align:center;text-shadow:3px 3px #000,0 0 18px #ffd23f61;justify-content:center;align-items:flex-end;gap:8px;line-height:.84;display:flex;font-family:TMBG,monospace!important}.winner-scoreburst strong b{color:#fff;font-size:4.1rem}.winner-scoreburst strong small{color:#ffd23f;letter-spacing:1px;margin-bottom:6px;font-size:1.3rem;font-weight:900}.winner-scoreburst span{color:var(--neon-cyan);letter-spacing:3px;text-align:center;font-size:.72rem;font-weight:900}.winner-scoreburst>strong:not(:has(b)){text-shadow:3px 3px #000,0 0 18px #ffd23f61;font-size:4.1rem;line-height:.9}.winner-crown{z-index:140;color:var(--neon-cyan);letter-spacing:7px;text-shadow:0 0 18px #00d2ffbf;font-size:.9rem;font-weight:900;position:fixed;top:18px;left:50%;transform:translate(-50%)}.winner-panel-grand .winner-crown{z-index:1;margin-bottom:10px;position:relative;top:auto;left:auto;transform:none}.winner-title.fancy-winner-title{z-index:140;text-transform:uppercase;color:#fff;letter-spacing:4px;width:min(1000px,100vw - 28px);image-rendering:pixelated;text-shadow:4px 0 0 #000, -4px 0 0 #000, 0 4px 0 #000, 0 -4px 0 #000, 6px 6px 0 var(--neon-pink), -6px 0 0 var(--neon-cyan), 0 0 22px #00d2ffb3;font-size:clamp(2.2rem,6vw,5.5rem);line-height:.95;position:fixed;top:42px;left:50%;transform:translate(-50%);font-family:TMBG,monospace!important}.winner-panel-grand .winner-title.fancy-winner-title{color:#fff;text-align:center;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000,8px 8px #ff0055f2,-8px 0 #00d2fff2,0 0 32px #ffd23f57;width:min(100%,980px);margin:0;font-size:clamp(2.5rem,7vw,6.4rem);position:static;transform:none}.winner-sub{z-index:1;position:relative}.winner-panel-grand .winner-sub{color:#d6d6df;letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:900}.winner-xp-gain{color:#000;background:var(--neon-cyan);letter-spacing:2px;border:1px solid #ffffff4d;border-radius:6px;padding:7px 12px;font-size:.78rem;font-weight:900;box-shadow:0 0 18px #00d2ff59}.winner-panel-grand .results-track-list{z-index:1;gap:16px;display:grid;position:relative}.result-winner-card{background:linear-gradient(135deg,#ffd23f1a,#0000 32%),#07070b;border-color:#ffd23f80;box-shadow:0 0 24px #ffd23f1a}.result-rank{min-width:36px;height:24px;color:var(--neon-cyan);border:1px solid #00d2ff61;border-radius:4px;place-items:center;margin-right:8px;font-family:monospace;display:inline-grid}.result-breakdown{background:linear-gradient(90deg,#00d2ff0f,#0000),#050508;border:1px solid #ffffff14;border-radius:7px;gap:12px;padding:12px;display:grid}.result-breakdown-top{grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:12px;display:grid}.result-criteria-bars{gap:8px;display:grid}.result-criterion{grid-template-columns:112px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.result-criterion span,.result-perk-haul>span{color:#858592;letter-spacing:1.2px;text-transform:uppercase;font-size:.66rem;font-weight:900}.result-criterion div{background:#09090d;border:1px solid #252533;border-radius:999px;height:10px;overflow:hidden}.result-criterion b{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-pink), #ffd23f);height:100%;display:block;box-shadow:0 0 12px #00d2ff61}.result-criterion strong{color:#fff;text-align:right;font-family:monospace}.result-perk-haul{background:#ff00550b;border:1px solid #ff005538;border-radius:6px;flex-wrap:wrap;align-content:flex-start;gap:7px;padding:10px;display:flex}.result-perk-haul>span{width:100%;color:var(--neon-pink)}.result-perk-haul b,.result-perk-haul em{color:#ffd23f;letter-spacing:.6px;background:#ffd23f0f;border:1px solid #ffd23f52;border-radius:5px;padding:6px 8px;font-size:.68rem;font-style:normal}.rematch-status{color:#aaa;letter-spacing:1px;text-align:center;margin-top:12px;font-family:monospace;font-size:.82rem}.winner-confetti{z-index:130;pointer-events:none;position:fixed;inset:0;overflow:hidden}.winner-confetti span{top:-24px;left:var(--x);background:hsl(calc(var(--i) * 47), 95%, 58%);width:10px;height:10px;box-shadow:10px 0 0 hsl(calc(var(--i) * 31), 95%, 58%), 0 10px 0 hsl(calc(var(--i) * 63), 95%, 58%);animation:confetti-fall var(--dur) linear forwards;animation-delay:var(--delay);border:2px solid #000000a6;position:absolute;transform:rotate(0)}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 110vh, 0) rotate(360deg)}}.react-floating-reactions span:nth-child(2n){text-shadow:0 0 14px var(--neon-pink);left:35%}.react-floating-reactions span:nth-child(3n){left:68%}@keyframes perk-bass-hit{0%{opacity:.95;transform:translate(-18%)scaleX(.7)}55%{opacity:.85;transform:translate(7%)scaleX(1.08)}to{opacity:0;transform:translate(22%)scaleX(1.2)}}@keyframes perk-drum-hit{0%{opacity:.95;transform:scale(.45)}45%{opacity:.88;transform:scale(1.08)}to{opacity:0;transform:scale(1.35)}}@keyframes perk-clean-sweep{0%{opacity:.95;transform:translate(-90%)}60%{opacity:.8}to{opacity:0;transform:translate(90%)}}@keyframes perk-chill-spark{0%{opacity:1;filter:hue-rotate();transform:translateY(7px)scale(.8)}55%{opacity:.9;filter:hue-rotate(28deg);transform:translateY(-3px)scale(1.05)}to{opacity:0;filter:hue-rotate(58deg);transform:translateY(-18px)scale(1.22)}}@keyframes react-float-reaction{0%{opacity:0;transform:translateY(9px)scale(.86)}20%{opacity:1}to{opacity:0;transform:translateY(-58px)scale(1.18)}}@media (width<=620px){.hub-actions.react-hub-actions{width:min(100%,320px)}.hub-mega-btn{width:100%;min-width:0;transform:none}.hub-mega-btn:hover{transform:translateY(-2px)}.hub-mega-btn span,.hub-mega-btn small,.hub-mega-btn i{transform:none}.result-breakdown-top{grid-template-columns:1fr}.result-criterion{grid-template-columns:92px minmax(0,1fr) 38px}.winner-panel-grand{padding:18px}.winner-scoreburst{text-align:center;grid-template-columns:1fr;justify-items:center;width:min(280px,100%)}.react-brand,.react-hub-brand{letter-spacing:4px}.react-hub-actions .btn-primary{width:100%}.react-panel-header{align-items:flex-start}.react-direct-join,.react-server-card{flex-direction:column;align-items:stretch}.react-code-compact{width:100%}.react-server-card:hover{transform:none}.react-character-layout{flex-direction:column}.react-character-preview{width:min(240px,100vw - 90px);height:min(240px,100vw - 90px)}}@media (width<=980px){.react-lobby-header{flex-direction:column;align-items:flex-start}.react-lobby-actions{justify-content:flex-start}.react-lobby-layout{grid-template-columns:1fr}.react-roster-panel,.react-chat-panel,.react-session-panel{min-height:auto}.react-chat-display{min-height:360px}}