/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--black:#050806;--frame:#101411;--panel:#151a17;--panel-deep:#0d110f;--line:#29322c;--line-soft:#ffffff13;--text:#f2f5f3;--muted:#87918b;--green:#36ef72;--green-light:#8affab;--green-deep:#123d20;--shell-glow:#173520;--accent-rgb:54, 239, 114;--accent-panel:#173820;--accent-panel-soft:#25462e;--accent-panel-deep:#102217;--accent-button-top:#45f378;--accent-button-bottom:#28ce59}.site-shell[data-theme=red]{--green:#ff3048;--green-light:#ff7888;--green-deep:#49141d;--shell-glow:#3b1018;--accent-rgb:255, 48, 72;--accent-panel:#3b1119;--accent-panel-soft:#4a1822;--accent-panel-deep:#241016;--accent-button-top:#ff596d;--accent-button-bottom:#d51f3a}.site-shell[data-theme=aurora]{--green:#9d6cff;--green-light:#66e7ff;--green-deep:#251446;--shell-glow:#221443;--accent-rgb:157, 108, 255;--accent-panel:#29184a;--accent-panel-soft:#2c2354;--accent-panel-deep:#12172f;--accent-button-top:#55dcff;--accent-button-bottom:#a85cff}.site-shell[data-theme=custom]{--green-deep:#1a1730}*{box-sizing:border-box}html{background:var(--black)}body{background:var(--black);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.site-shell{background:radial-gradient(circle at 50% -20%, var(--shell-glow) 0%, #080b09 40%, #040605 78%);-webkit-user-select:none;user-select:none;place-items:center;min-height:100vh;padding:34px;transition:background .45s;display:grid;position:relative;overflow:hidden}.site-shell input,.site-shell textarea,.site-shell [contenteditable=true]{-webkit-user-select:text;user-select:text}.network-canvas{pointer-events:none;z-index:0;opacity:.88;width:100%;height:100%;position:fixed;inset:0}.ambient{pointer-events:none;filter:blur(100px);opacity:.16;background:rgb(var(--accent-rgb));border-radius:50%;width:520px;height:520px;transition:background .45s;position:fixed}.ambient-one{top:-350px;left:5%}.ambient-two{opacity:.1;bottom:-260px;right:-360px}.app-frame{z-index:1;border:1px solid rgba(var(--accent-rgb), .72);width:min(1420px,100%);min-height:min(900px,100vh - 68px);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .1) inset, 0 0 18px rgba(var(--accent-rgb), .22), 0 0 70px rgba(var(--accent-rgb), .08), 0 42px 120px #000000a6;background:#0d110fed;border-radius:22px;position:relative;overflow:hidden}.app-frame:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg, rgba(var(--accent-rgb),.04), transparent 18%, transparent 78%, rgba(var(--accent-rgb),.03));position:absolute;inset:0}.site-shell[data-theme=aurora] .app-frame{border-color:#8f74ffb8;box-shadow:inset 0 0 0 1px #42d6ff1a,-18px -10px 65px #39caff14,20px 15px 70px #ff40ae14,0 0 24px #985eff33,0 42px 120px #000000a6}.site-shell[data-theme=custom] .app-frame{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.site-shell[data-theme=custom] .app-frame{border-color:color-mix(in srgb, var(--green) 72%, transparent)}}.site-shell[data-theme=custom] .app-frame{box-shadow:0 0 0 1px var(--custom-secondary) inset, -18px -10px 70px var(--custom-secondary), 20px 15px 75px var(--custom-tertiary), 0 0 24px var(--green), 0 42px 120px #000000a6}@supports (color:color-mix(in lab, red, red)){.site-shell[data-theme=custom] .app-frame{box-shadow:0 0 0 1px color-mix(in srgb, var(--custom-secondary) 12%, transparent) inset, -18px -10px 70px color-mix(in srgb, var(--custom-secondary) 10%, transparent), 20px 15px 75px color-mix(in srgb, var(--custom-tertiary) 10%, transparent), 0 0 24px color-mix(in srgb, var(--green) 22%, transparent), 0 42px 120px #000000a6}}.site-shell[data-theme=custom] .app-frame:before{background:radial-gradient(circle at 12% 7%, var(--custom-secondary), transparent 26%), radial-gradient(circle at 88% 12%, var(--custom-tertiary), transparent 24%), linear-gradient(115deg, var(--green), transparent 45%, var(--custom-tertiary))}@supports (color:color-mix(in lab, red, red)){.site-shell[data-theme=custom] .app-frame:before{background:radial-gradient(circle at 12% 7%, color-mix(in srgb, var(--custom-secondary) 8%, transparent), transparent 26%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--custom-tertiary) 7%, transparent), transparent 24%), linear-gradient(115deg, color-mix(in srgb, var(--green) 4%, transparent), transparent 45%, color-mix(in srgb, var(--custom-tertiary) 4%, transparent))}}.site-shell[data-theme=aurora] .app-frame:before{background:radial-gradient(circle at 12% 7%,#35d5ff12,#0000 26%),radial-gradient(circle at 88% 12%,#ff4cb40e,#0000 24%),linear-gradient(115deg,#68d2ff08,#0000 30%,#a65dff09 70%,#ff4fb509)}.topbar{border-bottom:1px solid var(--line-soft);background:#0a0d0bdb;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 28px;display:grid}.brand{width:fit-content;color:var(--text);align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{border:1px solid rgba(var(--accent-rgb),.42);background:linear-gradient(145deg, var(--accent-panel), #0a120d);width:42px;height:42px;box-shadow:0 0 20px rgba(var(--accent-rgb),.14) inset, 0 0 16px rgba(var(--accent-rgb),.12);border-radius:10px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:0;padding:4px 3px 3px;display:grid;overflow:hidden}.brand-mark img{width:31px;height:auto;filter:drop-shadow(0 0 3px rgba(var(--accent-rgb), .88)) drop-shadow(0 0 8px rgba(var(--accent-rgb), .4));display:block}.brand-mark small,.join-logo small{color:var(--green);text-transform:uppercase;text-shadow:0 0 7px rgba(var(--accent-rgb), .72);font-weight:950;line-height:1}.brand-mark small{letter-spacing:.13em;font-size:4px}.site-shell[data-theme=aurora] .brand-mark{background:linear-gradient(145deg,#222a56f2,#1c0f33f2);border-color:#5bdaff73}.brand-copy{gap:0;line-height:1;display:grid}.brand-copy strong{letter-spacing:.14em;font-size:22px}.brand-copy small{color:var(--green);letter-spacing:.34em;margin-top:5px;font-size:8px;font-weight:800}.main-nav{align-items:stretch;gap:34px;height:100%;display:flex}.main-nav button{color:#79827d;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:12px;font-weight:800;transition:color .2s,border-color .2s}.main-nav button:hover,.main-nav button.active{color:var(--text);border-bottom-color:var(--green)}.room-meta{justify-content:flex-end;align-items:center;gap:16px;display:flex}.theme-switch{border:1px solid var(--line);background:#101512;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.theme-switch button{cursor:pointer;opacity:1;border:2px solid #0000;border-radius:50%;width:17px;height:17px;padding:0;transition:transform .18s,opacity .18s,box-shadow .18s}.theme-switch button.custom{background:conic-gradient(from 30deg,#ff4faf,#ffd84b,#48e798,#32d7ff,#a76cff,#ff4faf);position:relative}.theme-switch button.active{opacity:1;border-color:#ffffffb3;transform:scale(1.14);box-shadow:0 0 10px}.room-meta{position:relative}.donation-button{border:1px solid rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .11);min-height:44px;color:var(--green-light);box-shadow:0 0 18px rgba(var(--accent-rgb), .09);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:8px;font-weight:900;text-decoration:none;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex}.donation-button span{color:var(--green);font-size:14px;line-height:1}.donation-button:hover{border-color:var(--green);background:rgba(var(--accent-rgb), .18);box-shadow:0 0 22px rgba(var(--accent-rgb), .16);transform:translateY(-1px)}.donation-label-compact{display:none}.tutorial-launch{color:#aab4ae;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#101512;border:1px solid #343d38;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-size:8px;font-weight:900;transition:border-color .18s,color .18s,background .18s,transform .18s;display:inline-flex}.tutorial-launch span{border:1px solid rgba(var(--accent-rgb), .55);width:19px;height:19px;color:var(--green-light);text-transform:none;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:12px;font-weight:900;line-height:1;display:grid}.tutorial-launch:hover{border-color:var(--green);background:rgba(var(--accent-rgb), .08);color:var(--text);transform:translateY(-1px)}.palette-popover{z-index:40;border:1px solid rgba(var(--accent-rgb), .42);width:310px;box-shadow:0 20px 60px #0000009e, 0 0 28px rgba(var(--accent-rgb), .1);background:linear-gradient(150deg,#181b1ffc,#0a0c0ffc);border-radius:13px;padding:17px;position:absolute;top:53px;right:58px}.palette-popover:before{content:"";border-left:1px solid rgba(var(--accent-rgb), .42);border-top:1px solid rgba(var(--accent-rgb), .42);background:#181b1f;width:11px;height:11px;position:absolute;top:-6px;right:80px;transform:rotate(45deg)}.palette-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.palette-head div{gap:3px;display:grid}.palette-head span,.preset-label{color:var(--green-light);letter-spacing:.16em;font-size:7px;font-weight:900}.palette-head strong{font-size:15px}.palette-head>button{color:#77817b;cursor:pointer;background:#101411;border:1px solid #38413c;border-radius:6px;width:27px;height:27px;font-size:16px}.color-fields{gap:7px;display:grid}.color-fields label{cursor:pointer;background:#101512;border:1px solid #303834;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:10px;height:46px;padding:5px 10px 5px 6px;display:grid}.color-fields input{cursor:pointer;background:0 0;border:0;border-radius:7px;width:34px;height:34px;padding:0;overflow:hidden}.color-fields input::-webkit-color-swatch-wrapper{padding:0}.color-fields input::-webkit-color-swatch{border:0;border-radius:7px}.color-fields label>span{gap:2px;display:grid}.color-fields b{font-size:9px}.color-fields small{color:#68726c;font-family:var(--font-geist-mono), monospace;font-size:7px}.preset-label{margin:16px 0 8px;display:block}.palette-presets{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.palette-presets>button{color:#7e8882;cursor:pointer;background:#101512;border:1px solid #303834;border-radius:7px;place-items:center;gap:5px;min-width:0;padding:7px 2px;font-size:6px;font-weight:800;display:grid}.palette-presets>button:hover{border-color:rgba(var(--accent-rgb), .55);color:var(--text)}.preset-dots{display:flex}.preset-dots i{border:1px solid #111;border-radius:50%;width:10px;height:10px;margin-left:-2px}.preset-dots i:first-child{margin-left:0}.palette-popover>p{color:#65706a;text-align:center;margin:13px 0 0;font-size:7px}.color-hint{z-index:35;color:#b9c6c0;letter-spacing:.05em;white-space:nowrap;cursor:pointer;background:#0f161bf5;border:1px solid #6fdaff57;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:800;animation:.28s both hint-in;position:absolute;top:49px;right:205px;box-shadow:0 9px 24px #00000059}.color-hint:before{content:"";background:#0f161b;border-top:1px solid #6fdaff57;border-left:1px solid #6fdaff57;width:8px;height:8px;position:absolute;top:-5px;right:20px;transform:rotate(45deg)}.color-hint span{color:var(--green-light);margin-left:4px}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.room-code{text-align:left;border:1px solid var(--line);cursor:pointer;background:#111613;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:1fr auto;min-width:144px;height:44px;padding:7px 12px;display:grid}.room-code span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-column:1;font-size:8px;font-weight:700}.room-code strong{letter-spacing:.14em;grid-column:1;font-size:12px}.room-code b{color:var(--green);grid-area:1/2/3;align-self:center;font-size:15px}.avatar,.mini-avatar,.entry-avatar{letter-spacing:.04em;background:linear-gradient(145deg, var(--accent-panel-soft), var(--accent-panel-deep));border:1px solid rgba(var(--accent-rgb), .36);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid;position:relative}.avatar i{background:var(--green);width:10px;height:10px;box-shadow:0 0 7px var(--green);border:2px solid #101411;border-radius:50%;position:absolute;bottom:0;right:-1px}.status-strip{border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg, rgba(var(--accent-rgb),.11), #11151259 45%, rgba(var(--accent-rgb),.05));align-items:center;gap:16px;height:50px;padding:0 28px;display:flex}.live-pill{border:1px solid rgba(var(--accent-rgb),.25);color:var(--green-light);background:rgba(var(--accent-rgb),.08);letter-spacing:.14em;border-radius:5px;padding:6px 9px;font-size:8px;font-weight:900}.live-pill i,.app-footer i,.submission-status i{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:5px;display:inline-block}.status-strip p{color:var(--muted);letter-spacing:.06em;margin:0;font-size:10px;font-weight:700}.status-strip p b,.app-footer b{color:#3d4741;padding:0 6px}.status-strip button{color:var(--green);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:800}.status-strip button span{padding-left:5px}.mobile-nav{border-bottom:1px solid var(--line-soft);background:#090c0aeb;align-items:stretch;display:none}.mobile-nav button{color:#717b75;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;min-height:42px;font-size:9px;font-weight:900}.mobile-nav button.active{border-bottom-color:var(--green);background:rgba(var(--accent-rgb), .055);color:var(--text)}.vibe-actions button:disabled{opacity:.35;cursor:not-allowed;transform:none}.genre-chooser-badge{border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .07);width:fit-content;min-height:32px;box-shadow:0 0 18px rgba(var(--accent-rgb), .06);border-radius:999px;align-items:center;gap:8px;margin:14px 0 4px;padding:6px 11px;display:flex}.genre-chooser-badge>span{color:var(--green);font-size:13px}.genre-chooser-badge small{color:var(--green-light);letter-spacing:.14em;font-size:7px;font-weight:950}.genre-chooser-badge strong{color:var(--text);font-size:10px}.genre-chooser-badge i{border-left:1px solid var(--line);color:#68746d;padding-left:8px;font-size:8px;font-style:normal}.start-round-button{border:1px solid var(--green);background:linear-gradient(145deg, var(--accent-button-top), var(--accent-button-bottom));color:#07100b;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-width:126px;height:44px;box-shadow:0 0 18px rgba(var(--accent-rgb), .18);border-radius:8px;padding:0 18px;font-size:10px;font-weight:950}.finish-round-button{border:1px solid rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .1);width:100%;height:38px;color:var(--green-light);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:7px;margin-top:14px;font-size:9px;font-weight:900}.finish-round-button:disabled{opacity:.35;cursor:not-allowed}.app-footer a,.app-footer button{color:var(--green-light);text-decoration:none}.app-footer a:hover,.app-footer button:hover{text-decoration:underline}.lobby-page{min-height:650px;padding:42px clamp(18px,4vw,54px) 60px}.lobby-page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:22px;display:flex}.lobby-page-head h1{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(28px,4vw,46px)}.lobby-page-head>span{color:var(--green-light);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.empty-state-card{border:1px solid rgba(var(--accent-rgb), .24);background:radial-gradient(circle at 50% 0, rgba(var(--accent-rgb), .12), transparent 52%), #080c0ae0;text-align:center;border-radius:18px;width:min(680px,100%);margin:68px auto;padding:54px 48px;box-shadow:0 24px 70px #00000047}.empty-state-icon{border:1px solid rgba(var(--accent-rgb), .45);width:66px;height:66px;color:var(--green);box-shadow:0 0 28px rgba(var(--accent-rgb), .15);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:29px;display:grid}.empty-state-card>span{color:var(--green-light);letter-spacing:.2em;font-size:8px;font-weight:950}.empty-state-card h2{margin:12px 0 10px;font-size:25px}.empty-state-card p{max-width:510px;color:var(--muted);margin:0 auto 24px;font-size:12px;line-height:1.7}.empty-state-card button{border:1px solid var(--green);background:rgba(var(--accent-rgb), .1);height:42px;color:var(--green-light);cursor:pointer;border-radius:8px;padding:0 20px;font-weight:900}.history-empty .empty-state-icon{font-size:25px}.round-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.round-history-card{border:1px solid var(--line);background:#0a0e0ce6;border-radius:12px;padding:22px}.round-history-card>span{color:var(--green-light);letter-spacing:.14em;font-size:8px;font-weight:900}.round-history-card h2{margin:12px 0;font-size:19px}.round-history-card p{color:var(--muted);font-size:10px}.round-history-card p strong,.round-history-card>b{color:var(--green)}.round-history-card>b{font-size:12px}.song-history-list{gap:10px;margin-top:26px;display:grid}.song-history-list article{border:1px solid var(--line);background:#090d0be6;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;padding:12px 16px;display:grid}.provider-mark{width:34px;height:34px;color:var(--green);background:#141b17;border-radius:50%;place-items:center;display:grid}.provider-mark.youtube{color:#ff4055}.song-history-list small{color:var(--green-light);letter-spacing:.12em;margin-bottom:5px;font-size:7px;font-weight:900;display:block}.song-history-list strong{color:#aab5af;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.song-history-list a{color:var(--green-light);font-size:9px;font-weight:900;text-decoration:none}@media (width<=760px){.lobby-page{padding:28px 16px 44px}.lobby-page-head{flex-direction:column;align-items:flex-start}.empty-state-card{margin:34px auto;padding:38px 20px}.round-history-grid{grid-template-columns:1fr}}.reveal-countdown,.winner-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020403e0;place-items:center;display:grid;position:fixed;inset:0}.reveal-countdown{text-align:center;align-content:center;gap:12px}.reveal-countdown span,.reveal-countdown small{color:var(--green-light);letter-spacing:.22em;font-size:11px;font-weight:900}.reveal-countdown strong{color:var(--green);text-shadow:0 0 45px rgba(var(--accent-rgb), .5);font-size:clamp(82px,16vw,180px);line-height:.9;animation:.7s both countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.winner-card{border:1px solid var(--green);background:linear-gradient(160deg, var(--accent-panel-soft), #090c0a 58%);text-align:center;width:min(460px,100vw - 32px);box-shadow:0 0 60px rgba(var(--accent-rgb), .22);border-radius:18px;padding:46px 34px}.winner-crown{color:var(--green);text-shadow:0 0 22px rgba(var(--accent-rgb), .55);font-size:58px;display:block}.winner-card p{color:var(--green-light);letter-spacing:.18em;margin:14px 0 8px;font-size:9px;font-weight:900}.winner-card h2{margin:0;font-size:38px}.winner-card>strong{color:var(--green);margin-top:12px;font-size:21px;display:block}.winner-card>small{color:var(--muted);margin:8px 0 24px;display:block}.winner-card button{border:1px solid var(--green);background:var(--green);color:#07100b;cursor:pointer;border-radius:8px;height:42px;padding:0 20px;font-weight:900}.site-shell[data-theme=aurora] .status-strip{background:linear-gradient(90deg,#3ed0ff14,#13122273 46%,#ff49b00e)}.app-body{grid-template-columns:minmax(0,1fr) 340px;min-height:711px;display:grid}.game-column{border-right:1px solid var(--line-soft);padding:40px 42px 34px}.round-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{color:var(--green);letter-spacing:.22em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.site-shell[data-theme=aurora] .eyebrow,.site-shell[data-theme=aurora] .brand-copy small{color:#7ce8ff;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#68e2ff,#b477ff 55%,#ff71bc);-webkit-background-clip:text;background-clip:text;width:fit-content}.site-shell[data-theme=custom] .eyebrow,.site-shell[data-theme=custom] .brand-copy small{width:fit-content;color:var(--green-light);background:linear-gradient(90deg, var(--green), var(--custom-secondary) 55%, var(--custom-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.round-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1}.round-heading p,.timer-copy p{color:var(--muted);margin:11px 0 0;font-size:12px}.current-vibe{border:1px solid rgba(var(--accent-rgb), .32);border-left:3px solid var(--green);background:linear-gradient(90deg, rgba(var(--accent-rgb), .13), rgba(var(--accent-rgb), .035));width:fit-content;max-width:min(680px,100%);box-shadow:0 10px 30px rgba(var(--accent-rgb), .08);border-radius:9px;margin-top:16px;padding:12px 16px 13px}.current-vibe span{color:var(--green-light);letter-spacing:.2em;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.current-vibe strong{color:var(--text);font-size:14px;line-height:1.45;display:block}.vibe-actions{align-items:center;gap:8px;margin-top:15px;display:flex}.vibe-actions button{border:1px solid rgba(var(--accent-rgb), .25);background:rgba(var(--accent-rgb), .07);height:31px;color:var(--green-light);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:0 11px;font-size:8px;font-weight:800}.vibe-actions button:hover{border-color:rgba(var(--accent-rgb), .6);background:rgba(var(--accent-rgb), .13)}.vibe-actions button span{margin-right:4px}.vibe-actions small{color:#5e6862;margin-left:4px;font-size:8px}.timer-panel,.submission-card,.songs-section,.side-card{border:1px solid var(--line-soft);background:linear-gradient(150deg,#1a201cf5,#0f1311f5)}.timer-panel{border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:center;gap:22px 28px;min-height:168px;padding:25px 28px 29px;display:grid;position:relative;overflow:hidden}.timer-panel:after{content:"";background:rgba(var(--accent-rgb),.055);filter:blur(28px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;right:8%}.timer-value{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "zero" 0;text-shadow:0 0 28px #ffffff0d;font-size:clamp(45px,6vw,70px);font-weight:600;line-height:.95}.timer-controls{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;min-width:0;display:flex}.custom-time-control{border:1px solid var(--line);background:#090d0ab8;border-radius:10px;gap:7px;min-width:154px;padding:11px 12px 9px;display:grid}.custom-time-control>span{color:var(--green-light);letter-spacing:.13em;font-size:8px;font-weight:900}.time-inputs{grid-template-columns:1fr auto 1fr;align-items:start;gap:7px;display:grid}.time-inputs label{gap:3px;display:grid}.time-inputs input{color:#f1f5f2;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:#0b100d;border:1px solid #354039;border-radius:6px;outline:none;width:54px;height:34px;padding:0 7px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700}.time-inputs input:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .12)}.time-inputs input:disabled{cursor:not-allowed;opacity:.45}.time-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-inputs label small{color:#69736d;letter-spacing:.1em;text-align:center;font-size:7px;font-weight:900}.time-inputs>b{color:#7c8780;padding-top:6px;font-family:Arial,Helvetica,sans-serif;font-size:18px}.custom-time-control>em{color:#606a64;font-size:7px;font-style:normal}.play-button{border:1px solid var(--green-light);background:var(--green);color:#071109;cursor:pointer;width:70px;height:70px;box-shadow:0 0 0 7px rgba(var(--accent-rgb),.07), 0 0 30px rgba(var(--accent-rgb),.27);border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s;display:grid}.play-button:hover{box-shadow:0 0 0 9px rgba(var(--accent-rgb),.08), 0 0 35px rgba(var(--accent-rgb),.36);transform:scale(1.04)}.play-button span{padding-left:3px;font-size:18px;font-weight:900}.play-button.pause span{letter-spacing:-3px;padding-left:0}.site-shell[data-theme=aurora] .play-button,.site-shell[data-theme=aurora] .song-form button:not(:disabled){background:linear-gradient(135deg,#50dcff,#976cff 55%,#f553b0);border-color:#73e5ffcc;box-shadow:0 0 0 7px #7f62ff12,0 0 34px #61d3ff33,0 0 42px #f453b01a}.site-shell[data-theme=custom] .play-button,.site-shell[data-theme=custom] .song-form button:not(:disabled){border-color:var(--custom-secondary)}@supports (color:color-mix(in lab, red, red)){.site-shell[data-theme=custom] .play-button,.site-shell[data-theme=custom] .song-form button:not(:disabled){border-color:color-mix(in srgb, var(--custom-secondary) 80%, white)}}.site-shell[data-theme=custom] .play-button,.site-shell[data-theme=custom] .song-form button:not(:disabled){background:linear-gradient(135deg, var(--green), var(--custom-secondary) 55%, var(--custom-tertiary));box-shadow:0 0 0 7px var(--green), 0 0 36px var(--custom-secondary)}@supports (color:color-mix(in lab, red, red)){.site-shell[data-theme=custom] .play-button,.site-shell[data-theme=custom] .song-form button:not(:disabled){box-shadow:0 0 0 7px color-mix(in srgb, var(--green) 8%, transparent), 0 0 36px color-mix(in srgb, var(--custom-secondary) 22%, transparent)}}.progress-track{background:#253029;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-track i{background:var(--green);height:100%;box-shadow:0 0 10px var(--green);will-change:width;transition:width 60ms linear;display:block}.site-shell[data-theme=aurora] .progress-track i{background:linear-gradient(90deg,#43d9ff,#9568ff 52%,#ff58b4);box-shadow:0 0 12px #69d1ffb3,0 0 18px #ff4cb340}.site-shell[data-theme=custom] .progress-track i{background:linear-gradient(90deg, var(--green), var(--custom-secondary) 52%, var(--custom-tertiary));box-shadow:0 0 14px var(--custom-secondary)}@supports (color:color-mix(in lab, red, red)){.site-shell[data-theme=custom] .progress-track i{box-shadow:0 0 14px color-mix(in srgb, var(--custom-secondary) 70%, transparent)}}.submission-card{border-radius:14px;margin-top:16px;padding:22px 24px}.section-title-row,.side-title,.rating-head{justify-content:space-between;align-items:center;display:flex}.section-title-row h2,.side-title h2,.rating-head h2{letter-spacing:-.01em;margin:0;font-size:16px}.submission-status{color:#7c8580;letter-spacing:.12em;font-size:8px;font-weight:900}.submission-status i{box-shadow:none;background:#626b66}.submission-status.done{color:var(--green)}.submission-status.done i{background:var(--green);box-shadow:0 0 8px var(--green)}.song-form{background:#0d110f;border:1px solid #303a34;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:52px;margin-top:17px;padding:5px 5px 5px 16px;display:grid}.spotify-icon{color:#071008;background:#1ed760;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.song-form input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.song-form input::placeholder{color:#56605a}.song-form button{border:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(var(--accent-button-top), var(--accent-button-bottom));color:#061008;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:7px;height:40px;padding:0 20px;font-size:9px;font-weight:900}.song-form button:disabled{color:#606a64;cursor:default;background:#222a25;border-color:#303833}.song-error{color:#ff7888;margin:9px 0 0;font-size:12px;font-weight:750}.media-preview{border:1px solid var(--green);margin-top:14px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.media-preview{border:1px solid color-mix(in srgb, var(--green) 35%, var(--line))}}.media-preview{box-shadow:0 0 24px rgba(var(--accent-rgb), .08);background:#090d0b;border-radius:12px}.media-preview-head{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 12px;font-size:10px;font-weight:850;display:flex}.media-preview-head span{color:var(--green-light)}.media-preview-head span i{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:6px;display:inline-block}.media-preview-head a{color:#9ca8a1;text-decoration:none}.media-preview-head a:hover{color:var(--green-light)}.media-preview iframe{aspect-ratio:16/9;background:#050706;border:0;width:100%;min-height:200px;display:block}.spotify-embed-host,.spotify-fallback-frame{background:#121212;border:0;width:100%;height:152px;min-height:152px;display:block;overflow:hidden}.spotify-embed-host iframe{background:#121212;border:0;display:block;aspect-ratio:auto!important;width:100%!important;height:152px!important;min-height:0!important}.media-preview iframe.spotify-fallback-frame{aspect-ratio:auto;height:152px;min-height:152px}.playback-locked,.playback-empty{border:1px dashed var(--green);align-items:center;gap:13px;min-height:68px;margin-top:14px;padding:13px 15px;display:flex}@supports (color:color-mix(in lab, red, red)){.playback-locked,.playback-empty{border:1px dashed color-mix(in srgb, var(--green) 35%, var(--line))}}.playback-locked,.playback-empty{background:rgba(var(--accent-rgb), .035);border-radius:10px}.playback-locked>span,.playback-empty>span{border:1px solid rgba(var(--accent-rgb), .35);width:38px;height:38px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.playback-locked strong,.playback-empty strong{margin-bottom:4px;font-size:11px;display:block}.playback-locked small,.playback-empty small{color:#69736d;font-size:9px}.privacy-note{color:#626c66;margin-top:10px;font-size:9px}.privacy-note span{color:var(--green);padding-right:5px;font-size:7px}.songs-section{border-radius:14px;margin-top:16px;padding:22px 24px 24px}.compact{margin-bottom:15px}.lock-note{color:#626c66;font-size:8px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.playback-stage{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.playback-heading,.next-song-gate{justify-content:space-between;align-items:center;gap:16px;display:flex}.playback-heading{margin-bottom:11px}.playback-heading h3{margin:5px 0 0;font-size:18px}.provider-label{border:1px solid var(--green);padding:7px 10px}@supports (color:color-mix(in lab, red, red)){.provider-label{border:1px solid color-mix(in srgb, var(--green) 35%, var(--line))}}.provider-label{color:var(--green-light);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;font-size:8px;font-weight:900}.active-player{margin-top:0}.youtube-player-note{color:var(--muted);margin:12px 18px 18px;font-size:12px;line-height:1.55}.next-song-gate{border:1px solid var(--line);background:#0d120f;border-radius:10px;margin-top:12px;padding:13px 14px}.next-song-gate strong,.next-song-gate small{display:block}.next-song-gate strong{margin-bottom:4px;font-size:11px}.next-song-gate small{color:#68726c;font-size:9px}.next-song-gate button{border:1px solid var(--green);background:rgba(var(--accent-rgb), .12);min-height:38px;color:var(--green-light);letter-spacing:.06em;cursor:pointer;border-radius:8px;padding:0 15px;font-size:9px;font-weight:900}.next-song-gate button:hover{background:rgba(var(--accent-rgb), .2)}.next-song-gate button:disabled{color:#59635d;cursor:not-allowed;opacity:.65;background:#151a17;border-color:#343d38}.waiting-for-players{color:var(--green);font-size:9px;font-weight:850}.playback-empty.finished>span{color:#36ef72}.hidden-song{background:#111613;border:1px solid #29312c;border-radius:8px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:64px;padding:9px;display:grid}.hidden-song.waiting{opacity:.5;border-style:dashed}.cover-placeholder{background:radial-gradient(circle at 35% 30%, var(--accent-panel-soft), #111613 72%);width:44px;height:44px;color:var(--green-light);border:1px solid #314038;border-radius:6px;place-items:center;font-weight:900;display:grid;position:relative;overflow:hidden}.cover-placeholder span{text-shadow:0 0 12px}.cover-placeholder .cover-check{color:#36ef72;font-size:17px}.hidden-song strong{margin-bottom:4px;font-size:11px;display:block}.hidden-song small{color:#606a64;font-size:8px;display:block}.song-state{color:var(--green);padding-right:5px;font-size:12px;font-weight:900}.song-ready-badge{color:#36ef72;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;padding-right:5px;font-size:8px;font-weight:900;display:inline-flex}.song-ready-badge b{background:#36ef721a;border:1px solid #36ef7257;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;box-shadow:0 0 10px #36ef7214}.empty-song-lobby{grid-column:1/-1}.empty-song-lobby .cover-placeholder span{color:var(--green-light);font-size:18px}.spinner{border:2px solid #47524b;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.side-column{background:#090c0a6b;padding:24px 22px}.side-card{border-radius:12px;margin-bottom:14px;padding:20px}.side-title{margin-bottom:16px}.side-title>span{border:1px solid rgba(var(--accent-rgb),.16);background:rgba(var(--accent-rgb),.06);color:var(--green);border-radius:5px;padding:5px 8px;font-size:8px;font-weight:900}.side-title>button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:9px}.player-list{display:grid}.player{border-bottom:1px solid #ffffff0e;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:58px;display:grid}.avatar{width:35px;height:35px}.avatar.yellow,.mini-avatar.yellow,.entry-avatar.yellow{background:linear-gradient(145deg,#5a4b13,#1d1909);border-color:#e8c93e;box-shadow:0 0 14px #ffd84b29}.avatar.orange,.mini-avatar.orange,.entry-avatar.orange{background:linear-gradient(145deg,#5a3019,#201208);border-color:#d87031;box-shadow:0 0 14px #ff8a3d29}.avatar.pink,.mini-avatar.pink,.entry-avatar.pink{background:linear-gradient(145deg,#54233e,#1d0d16);border-color:#d94b91;box-shadow:0 0 14px #ff4faf29}.avatar.violet,.mini-avatar.violet,.entry-avatar.violet{background:linear-gradient(145deg,#402b5d,#17101f);border-color:#8060b1;box-shadow:0 0 14px #a76cff29}.avatar.red,.mini-avatar.red,.entry-avatar.red{background:linear-gradient(145deg,#52212a,#1c0b0f);border-color:#ce3b50;box-shadow:0 0 14px #ff344d29}.avatar.green,.mini-avatar.green,.entry-avatar.green{background:linear-gradient(145deg,#194a31,#0a1b12);border-color:#38aa70;box-shadow:0 0 14px #37d77b29}.avatar.blue,.mini-avatar.blue,.entry-avatar.blue{background:linear-gradient(145deg,#1d4157,#0b1820);border-color:#3e82aa;box-shadow:0 0 14px #3fa9ff29}.avatar.gold,.mini-avatar.gold,.entry-avatar.gold{color:#fff7d8;background:linear-gradient(145deg,#695320,#211807);border-color:#f0c95c;box-shadow:0 0 17px #f0c95c47,inset 0 0 12px #ffe8971a}.player-name strong{margin-bottom:3px;font-size:11px;display:block}.player-name small{color:#69736d;font-size:8px;display:block}.player .check{color:var(--green);font-size:12px}.player .searching{color:#616a65;letter-spacing:2px;font-size:9px}.host-label{color:var(--green);letter-spacing:.12em;font-size:7px;font-weight:900}.kick-player{color:#737d77;cursor:pointer;background:#121714;border:1px solid #3b4540;border-radius:6px;place-items:center;width:26px;height:26px;font-size:17px;line-height:1;transition:border-color .18s,color .18s,background .18s;display:grid}.kick-player:hover{color:#ff7979;background:#ff404014;border-color:#ff54548c}.join-request-player{background:linear-gradient(90deg,#a76cff1a,#a76cff06);border:1px solid #a76cff57;border-radius:9px;min-height:66px;margin:0 0 7px;padding:0 8px}.join-request-player .player-name small{color:#a897c4}.join-request-actions{gap:6px;display:flex}.join-request-actions button{cursor:pointer;border-radius:7px;place-items:center;width:29px;height:29px;font-size:14px;font-weight:950;transition:transform .16s,filter .16s;display:grid}.join-request-actions button:hover{filter:brightness(1.15);transform:translateY(-1px)}.join-request-actions .accept{color:#58ed91;background:#27cc6924;border:1px solid #38d879}.join-request-actions .reject{color:#ff6b79;background:#e6364a24;border:1px solid #e64959}.add-player-form{grid-template-columns:1fr 34px;gap:6px;height:37px;margin-top:15px;display:grid}.self-join-label{gap:3px;margin-top:14px;display:grid}.self-join-label span{color:var(--green-light);letter-spacing:.16em;font-size:8px;font-weight:900}.self-join-label small{color:#66736c;font-size:9px}.empty-player{border:1px dashed rgba(var(--accent-rgb), .18);opacity:.62;border-radius:8px;min-height:48px}.empty-avatar{border:1px dashed rgba(var(--accent-rgb), .38);width:30px;height:30px;color:var(--green-light);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.empty-player .player-name strong{color:#89958e}.empty-player .player-name small{color:#526059}.add-player-form input{min-width:0;color:var(--text);background:#0d120f;border:1px solid #354139;border-radius:7px;outline:0;padding:0 11px;font-size:9px}.add-player-form input:focus{border-color:rgba(var(--accent-rgb),.6)}.add-player-form input::placeholder{color:#59635d}.add-player-form button{border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12);color:var(--green);cursor:pointer;border-radius:7px;font-size:16px}.add-player-form button:disabled,.add-player-form input:disabled{opacity:.45;cursor:default}.invite-button{color:#89938d;letter-spacing:.06em;cursor:pointer;background:#0d120fad;border:1px dashed #354139;border-radius:7px;width:100%;height:37px;margin-top:7px;font-size:9px;font-weight:800}.invite-button:hover{border-color:var(--green);color:var(--green)}.invite-button span{color:var(--green);padding-right:5px}.dissolve-lobby-button{color:#895a61;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;min-height:31px;margin-top:7px;font-size:8px;font-weight:850;transition:border-color .18s,background .18s,color .18s}.dissolve-lobby-button:hover{color:#ff7885;background:#ff344811;border-color:#ff495b59}.dissolve-lobby-button span{padding-right:5px;font-size:13px}.ranking-list{gap:2px;display:grid}.rank-row{border:1px solid #0000;border-radius:7px;grid-template-columns:25px 30px 1fr auto;align-items:center;gap:9px;min-height:49px;padding:4px 7px;display:grid}.rank-row.winner{border-color:rgba(var(--accent-rgb),.2);background:linear-gradient(90deg, rgba(var(--accent-rgb),.1), rgba(var(--accent-rgb),.025));box-shadow:0 0 14px rgba(var(--accent-rgb),.035) inset}.site-shell[data-theme=aurora] .rank-row.winner{background:linear-gradient(90deg,#45d3ff17,#9d6cff14 58%,#ff4db40f);border-color:#73daff2e}.rank-number{color:#505a54;font-size:8px;font-weight:900}.rank-row.winner .rank-number{color:var(--green)}.mini-avatar{width:28px;height:28px;font-size:7px}.rank-name strong{margin-bottom:3px;font-size:10px;display:block}.rank-name small{color:#5d6761;font-size:7px;display:block}.rank-row>b{font-family:var(--font-geist-mono), monospace;color:#aeb6b1;font-size:11px}.rank-row.winner>b{color:var(--green-light)}.rating-card{margin-bottom:18px}.ranking-card{margin-bottom:0}.rating-head>strong{color:var(--green-light);font-family:Arial,Helvetica,sans-serif;font-size:25px;font-style:normal}.rating-head>strong small{color:#5f6963;font-size:9px}.rating-scale{grid-template-columns:repeat(10,1fr);gap:3px;margin-top:16px;display:grid}.rating-scale button{aspect-ratio:1;color:#515a55;cursor:pointer;background:#101512;border:1px solid #303934;border-radius:3px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:7px;font-style:normal;font-weight:900}.rating-scale button,.rating-head strong,.timer-value,.rank-row>b{font-feature-settings:"zero" 0, "tnum" 1;font-variant-numeric:tabular-nums}.rating-scale button,.rating-head strong{font-feature-settings:normal;font-variant-numeric:tabular-nums;font-variant-ligatures:none}.rating-scale button.filled{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.13);color:var(--green)}.rating-card p{color:#5d6661;margin:11px 0 0;font-size:8px}.rating-reminder{z-index:180;background:#1f0a0ff7;border:1px solid #ff4058;border-radius:12px;align-items:center;gap:12px;min-width:min(360px,100vw - 32px);padding:14px 16px;animation:.24s both reminder-in;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 18px 60px #0000008c,0 0 28px #ff304826}.rating-reminder>span{color:#fff;background:#ff3048;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.rating-reminder strong,.rating-reminder small{display:block}.rating-reminder strong{color:#fff;margin-bottom:3px;font-size:11px}.rating-reminder small{color:#bf9199;font-size:9px}@keyframes reminder-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lobby-sync-alert{z-index:175;background:#1d090ef7;border:1px solid #ff4055a6;border-radius:11px;align-items:center;gap:11px;max-width:min(390px,100vw - 32px);padding:13px 15px;display:flex;position:fixed;bottom:76px;right:24px;box-shadow:0 18px 55px #00000080}.lobby-sync-alert>span{color:#fff;background:#ff3048;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:950;display:grid}.lobby-sync-alert strong,.lobby-sync-alert small{display:block}.lobby-sync-alert strong{color:#fff;margin-bottom:3px;font-size:10px}.lobby-sync-alert small{color:#c2979d;font-size:8px;line-height:1.45}.app-footer .connection-offline i{background:#ff4058;box-shadow:0 0 8px #ff4058}.app-footer{border-top:1px solid var(--line-soft);color:#59625d;letter-spacing:.11em;text-transform:uppercase;background:#0a0d0b;justify-content:space-between;align-items:center;height:54px;padding:0 28px;font-size:8px;font-weight:800;display:flex}.app-footer p{margin:0}.footer-links{justify-content:center;align-items:center;gap:13px;display:flex}.footer-links button{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}.youtube-consent-gate{background:radial-gradient(circle at 15%,#ff304821,#0000 32%),#090d0b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:250px;padding:30px;display:grid}.youtube-consent-gate>span{color:#ff4055;background:#ff30481f;border:1px solid #ff405573;border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;display:grid}.youtube-consent-gate div{gap:6px;display:grid}.youtube-consent-gate strong{font-size:13px}.youtube-consent-gate small{max-width:500px;color:var(--muted);font-size:9px;line-height:1.55}.youtube-consent-gate button,.youtube-consent-control button{border:1px solid var(--green);background:rgba(var(--accent-rgb), .12);min-height:40px;color:var(--green-light);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:0 15px;font-size:8px;font-weight:900}.genre-backdrop{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030504d1;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.genre-modal{border:1px solid rgba(var(--accent-rgb), .48);width:min(1050px,100%);max-height:min(790px,100vh - 60px);box-shadow:0 0 60px rgba(var(--accent-rgb), .13), 0 35px 100px #000000b8;background:linear-gradient(150deg,#191b1ffc,#0a0c0ffc);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.site-shell[data-theme=aurora] .genre-modal{border-color:#76d3ff61;box-shadow:-20px -20px 80px #36d1ff14,25px 20px 90px #ff4bb414,0 35px 100px #000000b8}.genre-modal-header{border-bottom:1px solid var(--line-soft);flex:none;justify-content:space-between;align-items:flex-start;padding:26px 28px 20px;display:flex}.genre-modal-header h2{letter-spacing:-.03em;margin:0;font-size:25px}.genre-modal-header p{color:var(--muted);margin:8px 0 0;font-size:11px}.modal-close{color:#89928d;cursor:pointer;background:#121613;border:1px solid #3a423e;border-radius:8px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.modal-close:hover{border-color:var(--green);color:var(--green-light)}.custom-genre-composer{flex:auto;gap:18px;width:min(760px,100%);min-height:0;margin:0 auto;padding:28px;display:grid;overflow-y:auto}.custom-genre-intro{border:1px solid rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .055);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.custom-genre-intro>span{background:rgba(var(--accent-rgb), .12);width:38px;height:38px;color:var(--green);border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.custom-genre-intro strong{margin-bottom:6px;font-size:12px;display:block}.custom-genre-intro p{color:#748078;margin:0;font-size:10px;line-height:1.55}.custom-genre-field{gap:7px;display:grid}.custom-genre-field>span{color:var(--green-light);letter-spacing:.14em;font-size:8px;font-weight:950}.custom-genre-field input,.custom-genre-field textarea{width:100%;color:var(--text);font:inherit;background:#090e0b;border:1px solid #343e39;border-radius:10px;outline:0}.custom-genre-field input{height:48px;padding:0 14px}.custom-genre-field textarea{resize:vertical;min-height:104px;padding:13px 14px;line-height:1.5}.custom-genre-field input:focus,.custom-genre-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.custom-genre-field input::placeholder,.custom-genre-field textarea::placeholder{color:#55605a}.custom-genre-field small{color:#5f6a64;font-size:8px}.custom-genre-actions{gap:12px;display:grid}.confirm-custom-genre{border:1px solid var(--green);background:var(--green);color:#07100b;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:9px;min-height:46px;font-size:10px;font-weight:950}.confirm-custom-genre:disabled{opacity:.35;cursor:not-allowed}.genre-library-divider{color:#505a54;letter-spacing:.15em;align-items:center;gap:10px;font-size:7px;font-weight:900;display:flex}.genre-library-divider:before,.genre-library-divider:after{content:"";background:#252d29;flex:1;height:1px}.open-genre-library{color:#8a958e;text-align:left;cursor:pointer;background:linear-gradient(145deg,#121713,#0d120f);border:1px solid #303a35;border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px 14px;display:grid}.open-genre-library:hover{border-color:rgba(var(--accent-rgb), .52);background:rgba(var(--accent-rgb), .065)}.open-genre-library>b{background:rgba(var(--accent-rgb), .1);width:36px;height:36px;color:var(--green);border-radius:9px;place-items:center;display:grid}.open-genre-library>span{gap:4px;display:grid}.open-genre-library strong{color:var(--text);font-size:10px}.open-genre-library small{color:#626e67;font-size:8px}.open-genre-library>i{color:var(--green);font-size:16px;font-style:normal}.genre-library-top{flex:none;justify-content:space-between;align-items:center;gap:14px;padding:14px 28px 0;display:flex}.genre-library-top button{color:var(--green-light);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:850}.genre-library-top span{color:#657069;font-size:8px}.genre-tools{flex:none;grid-template-columns:1fr auto;gap:10px;padding:18px 28px 12px;display:grid}.genre-search{background:#0c100e;border:1px solid #343c38;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:10px;height:44px;padding:0 14px;display:grid}.genre-search span{color:var(--green-light);font-size:18px}.genre-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.genre-search input::placeholder{color:#58615c}.random-genre{border:1px solid rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .11);color:var(--green-light);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:9px;padding:0 17px;font-size:9px;font-weight:900}.genre-categories{scrollbar-width:thin;flex:none;gap:6px;padding:0 28px 14px;display:flex;overflow-x:auto}.genre-categories button{color:#747e78;cursor:pointer;background:#111512;border:1px solid #303834;border-radius:999px;flex:none;height:29px;padding:0 11px;font-size:8px;font-weight:800}.genre-categories button:hover,.genre-categories button.active{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .1);color:var(--green-light)}.genre-result-row{color:#65706a;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;flex:none;justify-content:space-between;padding:10px 28px;font-size:8px;font-weight:800;display:flex}.genre-result-row b{color:var(--green-light)}.genre-grid{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:7px;min-height:0;padding:18px 28px 28px;display:grid;overflow-y:auto}.genre-grid button{text-align:left;cursor:pointer;background:linear-gradient(145deg,#141916,#0e120f);border:1px solid #2c3430;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:53px;padding:10px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.genre-grid button:hover{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .075);transform:translateY(-1px)}.genre-grid button.selected{border-color:var(--green);background:rgba(var(--accent-rgb), .12);box-shadow:0 0 14px rgba(var(--accent-rgb), .08) inset}.genre-grid button span{font-size:10px;font-weight:800}.genre-grid button small{color:#56615a;text-align:right;font-size:7px}.genre-grid button.selected small{color:var(--green-light)}.genre-grid button{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;min-height:76px}.genre-grid .genre-icon{background:rgba(var(--accent-rgb), .1);width:30px;height:30px;color:var(--green);border-radius:8px;place-items:center;font-size:16px;display:grid}.genre-grid button span{gap:5px;display:grid}.genre-grid button span em{color:#68736d;font-size:8px;font-style:normal;font-weight:500;line-height:1.35}.empty-ranking{color:#68736d;padding:20px 8px;font-size:10px;line-height:1.5}.match-history{gap:22px;margin-top:26px;display:grid}.match-history-group{border:1px solid var(--line);background:#080c0ae0;border-radius:14px;overflow:hidden}.match-history-group>header{border-bottom:1px solid var(--line);background:rgba(var(--accent-rgb), .06);justify-content:space-between;padding:16px 18px;display:flex}.match-history-group>header span{color:var(--green-light);letter-spacing:.14em;font-size:10px;font-weight:950}.match-history-group>header strong{color:#727e77;font-size:9px}.history-round{border-bottom:1px solid #ffffff0a;padding:16px 18px}.history-round:last-child{border-bottom:0}.history-round h2{margin:0 0 12px;font-size:15px}.join-backdrop{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020403e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.join-card{border:1px solid rgba(var(--accent-rgb), .45);background:radial-gradient(circle at 50% 0, rgba(var(--accent-rgb), .13), transparent 45%), #0b100d;width:min(560px,100%);max-height:calc(100vh - 28px);box-shadow:0 30px 90px #0000008c, 0 0 45px rgba(var(--accent-rgb), .1);border-radius:20px;padding:36px;overflow-y:auto}.join-logo{border:1px solid var(--green);background:linear-gradient(145deg, var(--accent-panel), #090d0b);width:56px;height:56px;box-shadow:0 0 20px rgba(var(--accent-rgb), .18), 0 0 18px rgba(var(--accent-rgb), .13) inset;border-radius:16px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:0;margin-bottom:13px;padding:5px 4px 4px;display:grid;overflow:hidden}.join-logo img{width:40px;height:auto;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb), .9)) drop-shadow(0 0 10px rgba(var(--accent-rgb), .42));display:block}.join-logo small{letter-spacing:.15em;font-size:5px}.join-card>p{color:var(--green-light);letter-spacing:.18em;margin:0 0 18px;font-size:7px;font-weight:900}.join-card h2{letter-spacing:-.035em;margin:0 0 8px;font-size:30px}.join-card>small{color:var(--muted);font-size:11px}.join-request-waiting,.join-request-rejected{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .055);text-align:center;border-radius:14px;justify-items:center;gap:9px;margin-top:24px;padding:28px 22px;display:grid}.join-request-waiting>small,.join-request-rejected>small{color:var(--green-light);letter-spacing:.15em;font-size:8px;font-weight:950}.join-request-waiting h3,.join-request-rejected h3{color:#eef4f0;margin:0;font-size:18px}.join-request-waiting p,.join-request-rejected p{color:#7f8a84;max-width:410px;margin:0;font-size:10px;line-height:1.55}.join-request-waiting>div{color:#85918a;align-items:center;gap:7px;margin-top:5px;font-size:9px;display:flex}.join-request-waiting>div i{background:#45e481;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #45e481b3}.join-request-waiting>div strong{color:#b7c2bc}.join-request-spinner{border:3px solid rgba(var(--accent-rgb), .16);border-top-color:var(--green);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite join-request-spin}@keyframes join-request-spin{to{transform:rotate(360deg)}}.join-request-rejected{background:#ff3d4f0f;border-color:#ff4b5b57}.join-request-rejected>span{color:#ff6b79;border:1px solid #e64959;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.join-request-rejected>small{color:#ff7b88}.join-request-rejected>button{color:#ff8a95;cursor:pointer;background:#e6364a21;border:1px solid #e64959;border-radius:8px;min-height:40px;margin-top:6px;padding:0 18px;font-size:9px;font-weight:900}.join-name-field{gap:7px;margin-top:22px;display:grid}.join-name-field span,.source-choice legend,.round-count-choice legend{color:var(--green-light);letter-spacing:.14em;font-size:8px;font-weight:900}.join-name-field input{height:48px;color:var(--text);font:inherit;background:#080d0a;border:1px solid #344139;border-radius:9px;outline:0;padding:0 14px}.join-name-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.player-color-picker{border:0;gap:12px;margin:19px 0 0;padding:0;display:grid}.player-color-picker legend{color:var(--green-light);letter-spacing:.14em;margin-bottom:9px;font-size:8px;font-weight:900}.player-color-preview{background:#080d0ac7;border:1px solid #2d3832;border-radius:10px;align-items:center;gap:12px;min-height:66px;padding:10px 12px;display:flex}.entry-avatar{flex:none;width:44px;height:44px;font-size:12px}.player-color-preview>span{gap:4px;display:grid}.player-color-preview strong{color:var(--text);font-size:10px}.player-color-preview small{color:#68746d;font-size:8px;line-height:1.4}.player-color-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.player-color-options button{color:#68736d;cursor:pointer;background:#0d120f;border:1px solid #2d3732;border-radius:9px;place-items:center;gap:5px;min-width:0;padding:7px 2px 6px;display:grid}.player-color-options button:hover,.player-color-options button.selected{border-color:var(--green);background:rgba(var(--accent-rgb), .07);color:var(--text)}.player-color-options button i{border:2px solid #ffffff24;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 0 9px}.player-color-options button.yellow i{color:#ffd84b;background:#ffd84b}.player-color-options button.orange i{color:#ff8a3d;background:#ff8a3d}.player-color-options button.pink i{color:#ff4faf;background:#ff4faf}.player-color-options button.violet i{color:#a76cff;background:#a76cff}.player-color-options button.red i{color:#ff344d;background:#ff344d}.player-color-options button.green i{color:#37d77b;background:#37d77b}.player-color-options button.blue i{color:#3fa9ff;background:#3fa9ff}.player-color-options button span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:6px;font-weight:800;overflow:hidden}.entry-choice{gap:10px;margin-top:24px;display:grid}.entry-choice button{color:#87928c;text-align:left;cursor:pointer;background:linear-gradient(145deg,#111713,#0a0f0c);border:1px solid #2e3933;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:14px;transition:transform .16s,border-color .16s,background .16s;display:grid}.entry-choice button:hover{border-color:var(--green);background:rgba(var(--accent-rgb), .07);color:var(--text);transform:translateY(-1px)}.entry-choice button>b{border:1px solid rgba(var(--accent-rgb), .32);background:rgba(var(--accent-rgb), .09);width:42px;height:42px;color:var(--green);border-radius:11px;place-items:center;font-size:18px;display:grid}.entry-choice button>span{gap:5px;display:grid}.entry-choice button strong{color:var(--text);font-size:13px}.entry-choice button small{color:#66726b;font-size:9px;line-height:1.35}.entry-choice button>i{color:var(--green);font-size:17px;font-style:normal}.source-choice{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0;padding:0;display:grid}.source-choice legend{grid-column:1/-1;margin-bottom:8px}.source-choice button{color:#87928c;text-align:left;cursor:pointer;background:#0c120e;border:1px solid #2b352f;border-radius:10px;align-items:center;gap:11px;min-height:70px;padding:12px;display:flex}.source-choice button.selected{border-color:var(--green);background:rgba(var(--accent-rgb), .09);color:var(--text)}.source-choice button>b{width:30px;height:30px;color:var(--green);background:#18201b;border-radius:50%;place-items:center;display:grid}.source-choice button.youtube>b{color:#ff4055}.source-choice button span{gap:4px;display:grid}.source-choice button strong{font-size:11px}.source-choice button small{color:#66726b;font-size:8px;line-height:1.35}.round-count-choice{border:0;gap:10px;margin:18px 0 0;padding:0;display:grid}.round-count-choice legend{margin-bottom:8px}.round-count-choice>div:first-of-type{background:#0c120e;border:1px solid #2b352f;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.round-count-choice>div:first-of-type>span{gap:4px;display:grid}.round-count-choice>div:first-of-type strong{color:#dfe6e2;font-size:10px}.round-count-choice>div:first-of-type small{color:#66726b;font-size:8px;line-height:1.35}.round-count-choice label{align-items:center;gap:7px;display:flex}.round-count-choice label input{border:1px solid rgba(var(--accent-rgb), .42);width:62px;height:38px;color:var(--green-light);text-align:center;background:#080d0a;border-radius:8px;outline:0;padding:0 8px;font:900 16px/1 Arial,Helvetica,sans-serif}.round-count-choice label input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.round-count-presets{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.round-count-presets button{color:#7c8781;cursor:pointer;background:#0c120e;border:1px solid #2b352f;border-radius:8px;min-height:34px;font-size:9px;font-weight:900}.round-count-presets button.selected{border-color:var(--green);background:rgba(var(--accent-rgb), .12);color:var(--green-light)}.premium-confirm{border:1px solid rgba(var(--accent-rgb), .2);color:#7e8983;border-radius:9px;gap:9px;margin-top:14px;padding:11px;font-size:9px;line-height:1.45;display:flex}.premium-confirm input{accent-color:var(--green)}.spotify-login-panel{background:#1db9540e;border:1px solid #1db9544d;border-radius:10px;gap:9px;margin-top:14px;padding:13px;display:grid}.spotify-login-button{color:#06170c;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#1db954;border:1px solid #1db954;border-radius:9px;min-height:45px;font-size:10px;font-weight:950}.spotify-login-button:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.35)}.spotify-login-button b{margin-right:6px;font-size:13px}.spotify-login-panel>small{color:#708078;text-align:center;font-size:8px;line-height:1.5}.spotify-login-panel>p{color:#ff7888;text-align:center;margin:0;font-size:8px;line-height:1.45}.spotify-connected{background:#1db9541a;border:1px solid #1db95466;border-radius:9px;align-items:center;gap:10px;min-height:46px;padding:8px 10px;display:flex}.spotify-connected>b{color:#06170c;background:#1db954;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.spotify-connected span{gap:3px;display:grid}.spotify-connected strong{color:#c9f8d7;font-size:10px}.spotify-connected small{color:#6f8677;font-size:8px}.source-auto-note{color:#717d76;margin-top:14px;font-size:9px;line-height:1.45}.source-auto-note span{color:var(--green);margin-right:6px}.join-submit{border:1px solid var(--green);background:var(--green);color:#07100b;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:9px;width:100%;height:46px;margin-top:18px;font-size:10px;font-weight:950}.join-submit:disabled{opacity:.35;cursor:not-allowed}.lobby-error{color:#ff8c9a;text-align:center;background:#ff304812;border:1px solid #ff40556b;border-radius:8px;margin:10px 0 0;padding:9px 11px;font-size:8px;line-height:1.5}.entry-back{color:#77817b;cursor:pointer;background:0 0;border:0;width:100%;margin-top:11px;font-size:9px}.entry-back:hover{color:var(--green-light)}.join-card>em{color:#5f6a64;text-align:center;margin-top:14px;font-size:8px;font-style:normal;line-height:1.45;display:block}.legal-confirmations{gap:8px;margin-top:16px;display:grid}.legal-check{background:#080d0abd;border:1px solid #2d3832;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px;display:grid}.legal-check input{width:15px;height:15px;accent-color:var(--green);margin:1px 0 0}.legal-check label{color:#87928c;cursor:pointer;font-size:8px;line-height:1.5}.legal-check button{color:var(--green-light);cursor:pointer;background:0 0;border:0;padding:0;font-size:7px;font-weight:900}.legal-check.youtube-check{border-color:#ff405540}.join-legal-links{justify-content:center;gap:12px;margin-top:10px;display:flex}.join-legal-links button{color:#718078;cursor:pointer;background:0 0;border:0;padding:0;font-size:7px;text-decoration:underline}.legal-backdrop{z-index:220;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020403eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.legal-modal{border:1px solid rgba(var(--accent-rgb), .48);width:min(920px,100%);max-height:min(860px,100vh - 48px);box-shadow:0 35px 120px #000000b8, 0 0 55px rgba(var(--accent-rgb), .1);background:linear-gradient(150deg,#151a17,#080c0a);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.legal-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;display:flex}.legal-modal>header span{color:var(--green-light);letter-spacing:.16em;font-size:8px;font-weight:900}.legal-modal>header h2{letter-spacing:-.035em;margin:7px 0 0;font-size:28px}.legal-modal>header button{color:#8c9690;cursor:pointer;background:#0c110e;border:1px solid #354039;border-radius:8px;flex:none;width:36px;height:36px;font-size:20px}.legal-modal>nav{border-bottom:1px solid var(--line-soft);background:#050806b8;gap:8px;padding:12px 28px;display:flex}.legal-modal>nav button{color:#717c76;cursor:pointer;background:#0c110e;border:1px solid #2d3732;border-radius:7px;min-height:32px;padding:0 13px;font-size:8px;font-weight:900}.legal-modal>nav button.active{border-color:rgba(var(--accent-rgb), .58);background:rgba(var(--accent-rgb), .12);color:var(--green-light)}.legal-content{scrollbar-gutter:stable;min-height:0;padding:24px 28px 32px;overflow-y:auto}.legal-content>section{border-bottom:1px solid var(--line-soft);margin:0 0 19px;padding:0 0 19px}.legal-content>section:last-of-type{border-bottom:0}.legal-content h3{color:#eef3f0;margin:0 0 9px;font-size:14px}.legal-content p,.legal-content li{color:#87928c;font-size:10px;line-height:1.7}.legal-content p{margin:0 0 9px}.legal-content ul{gap:7px;margin:0;padding-left:19px;display:grid}.legal-draft-warning{background:#ffae3013;border:1px solid #ffbe4473;border-radius:10px;gap:5px;margin-bottom:22px;padding:14px 16px;display:grid}.legal-draft-warning strong{color:#ffd267;font-size:10px}.legal-draft-warning span{color:#aa9368;font-size:9px;line-height:1.5}.youtube-consent-control{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .06);border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:12px 14px;display:flex}.youtube-consent-control span{color:#aeb8b2;font-size:9px}.legal-source-links{flex-wrap:wrap;gap:14px;display:flex}.legal-source-links a{color:var(--green-light);font-size:9px}.legal-updated{text-transform:uppercase;color:#667169!important;margin-top:20px!important;font-size:8px!important}.winner-actions{justify-content:center;gap:10px;display:flex}.winner-actions .secondary{color:var(--green-light);background:0 0}.confirm-lobby-backdrop{z-index:11000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-lobby-card{text-align:center;background:radial-gradient(circle at 50% 0,#ff374c1a,#0000 45%),#0d100e;border:1px solid #ff4c5d7a;border-radius:16px;width:min(420px,100%);padding:26px;box-shadow:0 26px 80px #000000b8,0 0 34px #ff2d441a}.confirm-lobby-icon{color:#ff7280;background:#ff364b1a;border:1px solid #ff526294;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 13px;font-size:21px;font-weight:950;display:grid;box-shadow:0 0 22px #ff364b26}.confirm-lobby-card>small{color:#ff7180;letter-spacing:.16em;font-size:8px;font-weight:950}.confirm-lobby-card h2{letter-spacing:-.025em;margin:10px 0 8px;font-size:22px}.confirm-lobby-card p{color:#87918b;margin:0;font-size:10px;line-height:1.6}.confirm-lobby-card>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:21px;display:grid}.confirm-lobby-card button{cursor:pointer;border-radius:9px;min-height:42px;font-size:9px;font-weight:900}.confirm-lobby-cancel{color:#9ba69f;background:#111613;border:1px solid #354039}.confirm-lobby-danger{color:#fff;background:linear-gradient(#ff6171,#d92c40);border:1px solid #f34c5e;box-shadow:0 0 20px #ff374b24}.tutorial-layer{z-index:10000;pointer-events:none;position:fixed;inset:0}.tutorial-blocker{z-index:0;pointer-events:auto;position:absolute;inset:0}.tutorial-spotlight{z-index:1;border:2px solid var(--green);background:rgba(var(--accent-rgb), .045);box-shadow:0 0 0 9999px #000000bd, 0 0 0 5px rgba(var(--accent-rgb), .13), 0 0 28px rgba(var(--accent-rgb), .62);pointer-events:none;border-radius:14px;animation:1.65s ease-in-out infinite tutorial-highlight-pulse;position:fixed}@keyframes tutorial-highlight-pulse{0%,to{border-color:rgba(var(--accent-rgb), .72);box-shadow:0 0 0 9999px #000000bd, 0 0 0 4px rgba(var(--accent-rgb), .1), 0 0 21px rgba(var(--accent-rgb), .4)}50%{border-color:var(--green-light);box-shadow:0 0 0 9999px #000000b3, 0 0 0 8px rgba(var(--accent-rgb), .18), 0 0 38px rgba(var(--accent-rgb), .72)}}.tutorial-card{z-index:3;border:1px solid rgba(var(--accent-rgb), .68);width:min(370px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:0 22px 70px #000000b8, 0 0 30px rgba(var(--accent-rgb), .18);pointer-events:auto;background:linear-gradient(150deg,#161b18fc,#080b09fc);border-radius:15px;padding:18px;position:fixed;overflow:visible}.tutorial-card>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.tutorial-card>header>span{color:var(--green-light);letter-spacing:.15em;font-size:8px;font-weight:950}.tutorial-card>header button{color:#859089;cursor:pointer;background:#111612;border:1px solid #36413b;border-radius:7px;width:27px;height:27px;font-size:17px;line-height:1}.tutorial-card h2{color:var(--text);letter-spacing:-.025em;margin:12px 0 8px;font-size:20px}.tutorial-card>p{color:#929d96;margin:0;font-size:10px;line-height:1.65}.tutorial-progress{grid-template-columns:repeat(7,1fr);gap:5px;margin:16px 0;display:grid}.tutorial-progress i{background:#303934;border-radius:999px;height:3px}.tutorial-progress i.done{background:rgba(var(--accent-rgb), .42)}.tutorial-progress i.active{background:var(--green);box-shadow:0 0 9px rgba(var(--accent-rgb), .68)}.tutorial-card>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-card>footer>div{gap:8px;display:flex}.tutorial-card>footer button{letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:8px;min-height:36px;padding:0 12px;font-size:8px;font-weight:900}.tutorial-skip,.tutorial-back{color:#8f9a93;background:#101512;border:1px solid #354039}.tutorial-skip{background:0 0;border-color:#0000;padding-left:0!important}.tutorial-next{border:1px solid rgba(var(--accent-rgb), .65);background:linear-gradient(180deg, var(--accent-button-top), var(--accent-button-bottom));color:#061008;box-shadow:0 0 18px rgba(var(--accent-rgb), .16)}.tutorial-arrow{color:var(--green-light);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .75));font-size:25px;line-height:1;animation:1s ease-in-out infinite alternate tutorial-arrow-bob;position:absolute;left:50%}.tutorial-arrow.above{bottom:-24px;transform:translate(-50%)rotate(90deg)}.tutorial-arrow.below{top:-24px;transform:translate(-50%)rotate(-90deg)}@keyframes tutorial-arrow-bob{0%{margin-top:-2px}to{margin-top:3px}}@media (height<=520px){.tutorial-card{overflow-y:auto}.tutorial-arrow{display:none}}@media (width<=1050px){.site-shell{place-items:start center;padding:18px}.app-frame{min-height:calc(100vh - 36px)}.topbar{grid-template-columns:1fr auto}.main-nav{display:none}.mobile-nav{display:flex}.app-body{grid-template-columns:1fr 300px}.game-column{padding:30px 26px}.timer-controls{justify-content:flex-start}.song-grid{grid-template-columns:1fr}}@media (width<=900px){.app-body{display:block}.game-column{border-right:0}.side-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;padding-top:0;display:grid}.side-card{margin-bottom:0}}@media (width<=760px){.site-shell{padding:0;display:block}.app-frame{border-width:0;border-radius:0;width:100%;min-height:100vh}.topbar{height:70px;padding:0 16px}.room-code{display:none}.room-meta{gap:8px}.donation-button{min-height:36px;padding:0 10px}.tutorial-launch{min-height:36px;padding:0 9px}.tutorial-launch strong,.donation-label-wide{display:none}.donation-label-compact{display:inline}.theme-switch{gap:5px;padding:0 7px}.palette-popover{width:auto;position:fixed;top:78px;left:12px;right:12px}.color-hint{position:fixed;top:72px;right:14px}.status-strip{padding:0 16px}.status-strip p{display:none}.game-column{border-right:0;padding:26px 16px}.round-heading{align-items:flex-start}.current-vibe{width:100%;padding:11px 13px 12px}.current-vibe strong{font-size:13px}.timer-panel{padding:22px 18px 25px}.timer-controls{width:100%}.play-button{width:58px;height:58px}.song-form{grid-template-columns:auto 1fr;height:auto;padding:9px}.song-form button{grid-column:1/3;width:100%}.section-title-row{align-items:flex-start;gap:12px}.lock-note{text-align:right;max-width:100px;line-height:1.5}.side-column{padding:0 16px 28px;display:block}.side-card{margin-bottom:14px}.app-footer{height:auto;min-height:66px;padding:10px 16px}.app-footer>span:first-child{display:none}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:8px 12px}.vibe-actions{flex-wrap:wrap}.vibe-actions small{width:100%;margin-left:0}.genre-backdrop{place-items:stretch stretch;padding:0}.genre-modal{border:0;border-radius:0;width:100%;min-height:100vh;max-height:100vh}.genre-modal-header{padding:20px 16px 16px}.genre-tools{grid-template-columns:1fr;padding:14px 16px 10px}.random-genre{height:40px}.genre-categories{padding:0 16px 12px}.genre-result-row{padding:10px 16px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px 24px}.youtube-consent-gate{grid-template-columns:auto 1fr;padding:22px 16px}.youtube-consent-gate button{grid-column:1/-1;width:100%}.legal-backdrop{padding:0}.legal-modal{border:0;border-radius:0;width:100%;min-height:100vh;max-height:100vh}.legal-modal>header{padding:20px 16px 16px}.legal-modal>header h2{font-size:24px}.legal-modal>nav{padding:10px 16px;overflow-x:auto}.legal-content{padding:20px 16px 32px}.youtube-consent-control{flex-direction:column;align-items:stretch}.youtube-consent-control button{width:100%}.tutorial-card{padding:16px}.tutorial-card h2{font-size:18px}}@media (width<=430px){.timer-controls{grid-template-columns:1fr;align-items:stretch;display:grid}.custom-time-control,.start-round-button{width:100%}.play-button{justify-self:start}.tutorial-card>footer{flex-direction:column-reverse;align-items:stretch}.tutorial-card>footer>div{grid-template-columns:1fr 1fr;display:grid}.tutorial-card>footer button{width:100%}.tutorial-skip{min-height:28px!important}.confirm-lobby-card>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}