._shell_9ov8o_1{min-height:100vh;background:repeating-linear-gradient(90deg,rgba(245,240,230,.035) 0 1px,transparent 1px 78px),repeating-linear-gradient(0deg,rgba(245,240,230,.025) 0 1px,transparent 1px 78px),linear-gradient(135deg,rgba(79,209,139,.08),transparent 38%,rgba(125,162,255,.06)),#101112;color:var(--paper);padding:clamp(24px,3vw,34px) clamp(18px,4vw,46px) clamp(42px,5vw,58px)}._sectionTabs_9ov8o_11{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}._sectionTab_9ov8o_11{min-height:42px;border:1px solid rgba(245,240,230,.14);background:#f5f0e612;color:#f5f0e6b8}._sectionTabSelected_9ov8o_25{border-color:#4fd18bad;background:#4fd18b29;color:#b7ffd6}._workspace_9ov8o_31{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:clamp(20px,2.4vw,28px);align-items:start}._listWorkspace_9ov8o_38{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.4vw,28px);align-items:start}._ingestWorkspace_9ov8o_45{grid-template-columns:minmax(0,1fr)}._backdrop_emuyt_1{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#1213139e;padding:clamp(8px,1.6vw,20px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._modal_emuyt_12{width:min(1800px,calc(100vw - 16px));height:min(1120px,calc(100svh - 16px));min-height:min(920px,calc(100svh - 16px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:16px;border:2px solid var(--sketch-line);border-radius:10px;background:linear-gradient(90deg,rgba(29,27,22,.04) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.04) 1px,transparent 1px),var(--sketch-paper-strong);background-size:24px 24px;box-shadow:9px 10px 0 var(--sketch-line);color:var(--sketch-ink);padding:clamp(16px,3vw,26px);overflow:hidden}._modal_emuyt_12._disclaimerDismissed_emuyt_31{grid-template-rows:auto auto auto minmax(0,1fr)}._disclaimer_emuyt_31{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;border:2px solid color-mix(in srgb,var(--sketch-red) 58%,var(--sketch-line));border-radius:10px;background:color-mix(in srgb,var(--sketch-red) 12%,var(--sketch-paper-strong));color:#651a15;padding:16px 12px;font-weight:850;line-height:1.35}._disclaimerIcon_emuyt_49{margin-top:1px;color:var(--sketch-red);stroke-width:2.3;flex:0 0 auto}._modal_emuyt_12 ._disclaimer_emuyt_31 ._disclaimerClose_emuyt_56{width:28px;min-width:28px;min-height:28px;align-self:start;border:2px solid color-mix(in srgb,var(--sketch-red) 58%,var(--sketch-line));border-radius:50%;background:var(--sketch-paper-strong);color:#651a15;box-shadow:none;padding:0}._modal_emuyt_12 ._disclaimer_emuyt_31 ._disclaimerClose_emuyt_56:hover:not(:disabled){background:color-mix(in srgb,var(--sketch-red) 16%,var(--sketch-paper-strong));box-shadow:none;transform:none}._disclaimerClose_emuyt_56 svg{width:15px;height:15px;stroke-width:3}._disclaimerCopy_emuyt_81{display:grid;gap:9px;min-width:0}._disclaimerCopy_emuyt_81 p{margin:0;color:inherit;font-size:14px;font-weight:inherit;line-height:inherit}._disclaimerFace_emuyt_95{display:inline-block;width:1.35em;height:1.35em;margin-left:.28em;object-fit:contain;vertical-align:-.28em}._header_emuyt_104{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}._headerCopy_emuyt_111{min-width:0}._title_emuyt_115{margin:0;font-size:clamp(30px,4vw,48px);line-height:1}._tools_emuyt_121{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,240px) minmax(230px,auto);gap:12px;align-items:end}._field_emuyt_128,._ratingFilter_emuyt_129,._extraFilter_emuyt_130{min-width:0}._field_emuyt_128{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px}._fieldLabel_emuyt_141{grid-column:2;color:var(--sketch-muted);font-size:12px;font-weight:900}._filterLabel_emuyt_148{display:inline-flex;align-items:center;gap:9px;color:var(--sketch-muted)}._filterLabel_emuyt_148 ._fieldLabel_emuyt_141{grid-column:auto}._field_emuyt_128 select,._search_emuyt_160 input{grid-column:1 / -1}._ratingFilter_emuyt_129,._extraFilter_emuyt_130,._categoryFilter_emuyt_166{display:grid;gap:8px;min-width:0}._categoryFilter_emuyt_166{grid-template-columns:minmax(0,1fr) minmax(210px,auto);align-items:end;gap:12px}._categoryFilterGroup_emuyt_178{display:grid;gap:10px;min-width:0}._filterList_emuyt_184{display:flex;flex-wrap:wrap;gap:7px}._categoryFilter_emuyt_166 ._filterList_emuyt_184{gap:8px}._filterList_emuyt_184 ._filterPill_emuyt_194{min-height:38px;border-radius:999px;background:#fff;color:var(--sketch-ink);padding:0 11px}._categoryFilter_emuyt_166 ._filterPill_emuyt_194{padding-inline:13px}._ratingFilter_emuyt_129 ._filterPill_emuyt_194._ratingSelected_emuyt_206,._extraFilter_emuyt_130 ._filterPill_emuyt_194._verifiedSelected_emuyt_207,._categoryFilter_emuyt_166 ._filterPill_emuyt_194._categorySelected_emuyt_208{background:color-mix(in srgb,var(--sketch-blue) 48%,var(--sketch-paper-strong));border-color:var(--sketch-blue);color:#101b3b}._modal_emuyt_12 .playlist-picker{grid-template-columns:repeat(auto-fill,minmax(min(218px,100%),1fr));justify-content:stretch;align-items:start;gap:12px;min-height:0;overflow:auto;padding:4px 10px 12px 2px}._modal_emuyt_12 .playlist-tile{aspect-ratio:1 / 1;min-height:0}._emptyState_emuyt_229{display:grid;place-items:center;align-content:center;justify-self:stretch;align-self:stretch;min-height:0;padding:32px 16px;color:var(--sketch-ink);text-align:center;transform:translateY(-10%)}._emptyIcon_emuyt_242{font-size:116px;line-height:1}._emptyTitle_emuyt_247{max-width:100%;margin-top:16px;font-size:42px;font-weight:950;line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}._emptyResetButton_emuyt_257{justify-self:center;width:min(280px,100%);margin-top:28px}._loading_emuyt_263{display:grid;place-items:center;align-content:center;gap:14px;min-height:0;border:3px solid var(--sketch-line);border-radius:10px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--sketch-blue) 18%,transparent) 0 18%,transparent 19%),color-mix(in srgb,var(--sketch-paper-strong) 92%,var(--sketch-blue));color:var(--sketch-ink);padding:clamp(28px,5vw,54px)}._loading_emuyt_263 strong{font-size:clamp(20px,3vw,32px);line-height:1}._spinner_emuyt_283{display:inline-grid;place-items:center;width:78px;height:78px;border:4px solid var(--sketch-line);border-radius:50%;background:conic-gradient(from 0deg,var(--sketch-green),var(--sketch-blue),var(--sketch-red),var(--sketch-green)),var(--sketch-paper-strong);color:var(--sketch-ink);animation:_spin_emuyt_283 .82s linear infinite}._spinner_emuyt_283 svg{width:34px;height:34px}@media(max-width:900px){._tools_emuyt_121,._categoryFilter_emuyt_166{grid-template-columns:1fr}._modal_emuyt_12{width:min(100%,calc(100vw - 20px))}}@media(max-width:620px){._backdrop_emuyt_1{padding:10px}._modal_emuyt_12{width:calc(100vw - 20px);height:calc(100svh - 20px);min-height:0;padding:14px;gap:12px}._disclaimer_emuyt_31{gap:10px;padding:14px 10px}._disclaimerCopy_emuyt_81 p{font-size:13px;line-height:1.28}._modal_emuyt_12 .playlist-picker{grid-template-columns:1fr}._modal_emuyt_12 .playlist-tile{min-height:0}._emptyState_emuyt_229{padding:24px 8px;transform:translateY(-6%)}._emptyIcon_emuyt_242{font-size:88px}._emptyTitle_emuyt_247{font-size:28px}}._guide_op0o7_1{--guide-gap: clamp(92px, 6vw, 132px);--guide-arrow-clearance: clamp(12px, 1.2vw, 18px);width:min(1580px,100%);max-width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--guide-gap);align-items:stretch;justify-self:center;align-self:center;margin:0;padding:0;list-style:none}._card_op0o7_19{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:clamp(12px,1.35vw,18px);max-width:100%;min-width:0;min-height:clamp(310px,26vw,420px);border:2px solid rgba(245,240,230,.22);border-radius:28px 24px 30px 25px;background:#f5f0e612;padding:clamp(18px,2vw,28px);text-align:left}._card_op0o7_19:not(:last-child):after{content:"";position:absolute;top:50%;left:calc(100% + var(--guide-arrow-clearance));z-index:3;width:min(108px,calc(var(--guide-gap) - (var(--guide-arrow-clearance) * 2)));height:82px;background:center / 100% 100% no-repeat;pointer-events:none;transform:translateY(-50%)}._card_op0o7_19:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg width='128' height='104' viewBox='0 0 128 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 91C42 61 66 31 59 14C54 2 31 9 24 29C15 55 42 77 76 86C91 90 105 89 116 81' stroke='%231D1B16' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M99 64L118 80L102 98' stroke='%231D1B16' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-50%) rotate(-5deg)}._card_op0o7_19:nth-child(2):after{top:48%;background-image:url("data:image/svg+xml,%3Csvg width='132' height='76' viewBox='0 0 132 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 33C35 66 80 58 119 14' stroke='%231D1B16' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M91 16L120 12L114 40' stroke='%231D1B16' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-50%) rotate(3deg)}._top_op0o7_59{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}._top_op0o7_59 span{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:#7da2ff2e;color:var(--blue);padding:6px 12px;font-size:clamp(12px,.95vw,14px);font-weight:900;line-height:1}._top_op0o7_59 svg{color:var(--green)}._card_op0o7_19 strong{min-width:0;color:var(--paper);font-size:clamp(24px,2.25vw,34px);line-height:1;overflow-wrap:anywhere}._card_op0o7_19 small{min-width:0;color:#f5f0e6a3;font-size:clamp(15px,1.1vw,18px);line-height:1.4;overflow-wrap:anywhere}._preview_op0o7_100{align-self:end;display:grid;gap:clamp(10px,1vw,14px);min-width:0;margin-top:clamp(8px,1.4vw,18px)}._roundRow_op0o7_108,._resultPill_op0o7_109,._scoreRow_op0o7_110,._choice_op0o7_111{display:grid;align-items:center;min-width:0;border:1px solid rgba(245,240,230,.16);background:#f5f0e614}._roundRow_op0o7_108{grid-template-columns:minmax(0,1fr) auto;gap:10px;border-radius:999px;padding:11px 14px}._roundRow_op0o7_108 span,._roundRow_op0o7_108 b,._resultPill_op0o7_109 span,._resultPill_op0o7_109 b{min-width:0;font-weight:900}._roundRow_op0o7_108 b,._resultPill_op0o7_109 b{display:inline-flex;align-items:center;gap:6px;color:var(--green)}._wave_op0o7_142{display:grid;grid-template-columns:repeat(5,minmax(10px,1fr));align-items:end;gap:8px;height:clamp(64px,6.4vw,94px);padding:4px 6px}._wave_op0o7_142 i{display:block;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--green),rgba(125,162,255,.62))}._wave_op0o7_142 i:nth-child(1){height:34%}._wave_op0o7_142 i:nth-child(2){height:74%}._wave_op0o7_142 i:nth-child(3){height:48%}._wave_op0o7_142 i:nth-child(4){height:88%}._wave_op0o7_142 i:nth-child(5){height:56%}._progress_op0o7_177{height:12px;border:1px solid rgba(245,240,230,.22);border-radius:999px;background:#f5f0e61a;overflow:hidden}._progress_op0o7_177 span{display:block;width:62%;height:100%;border-radius:inherit;background:var(--green)}._answersPreview_op0o7_193{gap:10px}._choice_op0o7_111{grid-template-columns:28px minmax(0,1fr) auto;gap:10px;min-height:50px;border-radius:999px;padding:8px 12px}._choice_op0o7_111 em{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#7da2ff47;color:var(--blue);font-style:normal;font-weight:900}._choice_op0o7_111 b{overflow:hidden;color:var(--paper);font-weight:900;text-overflow:ellipsis;white-space:nowrap}._choiceSelected_op0o7_225{border-color:#4fd18b6b;background:#4fd18b2e}._choiceSelected_op0o7_225 svg{color:var(--green)}._resultPill_op0o7_109{grid-template-columns:auto minmax(0,1fr);gap:8px 10px;border-radius:18px;padding:14px}._resultPill_op0o7_109 svg{grid-row:span 2;color:var(--green)}._scoreRow_op0o7_110{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;min-height:48px;border-radius:14px;padding:8px 10px}._scoreRow_op0o7_110 span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f5f0e624;color:var(--amber);font-weight:900}._scoreRow_op0o7_110 strong{overflow:hidden;color:var(--paper);font-size:16px;text-overflow:ellipsis;white-space:nowrap}._scoreRow_op0o7_110 b{color:var(--green);font-weight:900}._winner_op0o7_278{border-color:#7da2ff5c;background:#7da2ff29}@media(max-width:900px){._guide_op0o7_1{--guide-gap: 70px;--guide-arrow-clearance: 14px;grid-template-columns:1fr;gap:var(--guide-gap);width:min(560px,100%)}._card_op0o7_19{min-height:0}._card_op0o7_19:not(:last-child):after{top:calc(100% + var(--guide-arrow-clearance));left:50%;width:38px;height:calc(var(--guide-gap) - (var(--guide-arrow-clearance) * 2));background-image:url("data:image/svg+xml,%3Csvg width='44' height='76' viewBox='0 0 44 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6C32 22 14 34 24 55' stroke='%231D1B16' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 48L24 61L34 49' stroke='%231D1B16' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translate(-50%) rotate(-2deg)}._card_op0o7_19:nth-child(2):after{top:calc(100% + var(--guide-arrow-clearance));transform:translate(-50%) rotate(2deg)}}@media(max-width:620px){._guide_op0o7_1{--guide-gap: 8px;--guide-arrow-clearance: 0px;grid-template-columns:1fr;gap:var(--guide-gap)}._card_op0o7_19{grid-template-rows:auto auto;min-height:0;gap:8px;padding:12px 14px}._card_op0o7_19:not(:last-child):after{content:none}._top_op0o7_59 span{min-height:28px;padding:5px 9px;font-size:12px}._top_op0o7_59 svg{width:20px;height:20px}._card_op0o7_19 strong{font-size:20px;line-height:1.05}._card_op0o7_19 small,._preview_op0o7_100{display:none}}:root{font-family:Comic Sans MS,Trebuchet MS,ui-rounded,system-ui,sans-serif;color:#151515;background:#f6f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-page-bg: #f6f4ef;--ink: #151515;--muted: #6f7169;--paper: #f3f1ec;--paper-strong: #fffdfa;--line: rgba(21, 21, 21, .12);--green: #4fd18b;--red: #eb5a4f;--amber: #7da2ff;--blue: #5d8cff;--magenta: #d85dff;--radius: 8px}html{min-height:100%;background:var(--app-page-bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:var(--app-page-bg)}#root{min-height:100vh;min-height:100svh;background:var(--app-page-bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;border-radius:var(--radius);background:var(--ink);color:#fff;padding:0 18px;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}button:hover:not(:disabled),a:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7;color:var(--ink);padding:0 14px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5d8cff33}a{color:inherit;text-decoration:none}.clipboard-copy-fallback{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.brand-cluster{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.brand-feedback-badge{--feedback-badge-line: var(--home-line, var(--sketch-line, #1d1b16));--feedback-badge-bg: #2aabee;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;max-width:100%;min-height:36px;gap:7px;border:2px solid var(--feedback-badge-line);border-radius:999px 820px 940px 760px;background:var(--feedback-badge-bg);color:#fff;padding:0 12px;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:3px 4px color-mix(in srgb,var(--feedback-badge-line) 82%,transparent);transform:rotate(1deg);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.brand-feedback-badge:hover{background:#229ed9;transform:translate(-1px,-2px) rotate(1deg);box-shadow:4px 5px color-mix(in srgb,var(--feedback-badge-line) 82%,transparent)}.brand-feedback-badge:focus-visible{outline:3px solid color-mix(in srgb,var(--feedback-badge-bg) 42%,#fff);outline-offset:3px}.brand-feedback-icon{width:17px;height:17px;flex:0 0 auto;fill:currentColor}.brand-feedback-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-language-switch{position:fixed;top:18px;right:18px;z-index:50}.home-page{--home-ink: #1d1b16;--home-paper: #fff;--home-paper-strong: #fff;--home-line: #1d1b16;--home-muted: #625f58;--home-accent: #8fa8ff;--home-blue: #5e8bff;--home-red: #ff6b5f;--home-green: #5fd37b;--home-purple: #a474ff;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:clamp(14px,2.2vw,28px);padding:clamp(18px,3vw,48px);background:var(--home-paper);color:var(--home-ink);overflow-x:hidden;font-family:Comic Sans MS,Trebuchet MS,ui-rounded,system-ui,sans-serif;position:relative}.home-page:after{content:none}.home-backdrop{display:none}.home-backdrop:before{content:none}.home-backdrop:after{content:none}.home-shell{width:min(1280px,100%);min-height:min(700px,calc(100svh - clamp(136px,13vw,190px)));display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.78fr);grid-template-areas:"hero doodle" "join doodle";align-items:center;gap:clamp(22px,3.6vw,46px);align-self:start;margin-top:clamp(58px,8.8vh,82px);padding:0;position:relative;overflow:visible;transform:none;z-index:1}.home-shell:before{content:none}.home-shell:after{content:none}.home-shell>*{position:relative;z-index:1}.home-form-page{--sketch-ink: var(--home-ink);--sketch-paper: var(--home-paper);--sketch-paper-strong: var(--home-paper-strong);--sketch-muted: var(--home-muted);--sketch-accent: var(--home-accent);--sketch-red: var(--home-red);--sketch-blue: var(--home-blue);--sketch-green: var(--home-green);--sketch-purple: var(--home-purple);--sketch-line: var(--home-line)}.home-page .home-form-shell{width:min(760px,100%);display:grid;align-self:center;justify-self:center;margin-top:0;position:relative;z-index:1}.home-page .create-room-shell{transform:translateY(clamp(-78px,-6vh,-36px))}.home-page .join-room-shell{transform:translateY(clamp(-92px,-7vh,-42px))}.home-page .home-form-panel{width:100%;border:3px solid var(--home-line);border-radius:20px 14px 24px 16px;background:var(--home-paper-strong);color:var(--home-ink);padding:clamp(26px,4vw,46px);box-shadow:7px 8px color-mix(in srgb,var(--home-purple) 62%,transparent);transform:rotate(-.35deg)}.home-page .home-form-panel form{display:grid;gap:clamp(15px,2vw,20px);margin-top:28px}.home-page .home-form-panel label,.home-page .home-form-panel .field-label,.home-page .home-form-panel .round-count-input{color:var(--home-muted);font-size:14px;font-weight:850}.home-page .home-form-panel label,.home-page .home-form-panel .round-count-input{display:grid;gap:8px}.home-page .home-form-panel input,.create-room-page .playlist-modal input,.create-room-page .playlist-modal select{border:2px solid var(--home-line);border-radius:13px 11px 15px 10px;background:#fff;color:var(--home-ink);box-shadow:inset 3px 3px #1d1b1614;font-weight:850}.home-page .home-form-panel input:focus,.create-room-page .playlist-modal input:focus,.create-room-page .playlist-modal select:focus{border-color:var(--home-blue);box-shadow:inset 3px 3px #1d1b1614,0 0 0 3px color-mix(in srgb,var(--home-blue) 24%,transparent)}.create-room-panel .round-count-input.light input{width:min(180px,100%);max-width:180px;background:#fff}.create-room-panel .round-count-label+.round-count-input{margin-top:-8px}.create-room-panel .round-count-input span{color:inherit;font-size:13px;font-weight:800}.create-room-panel .selected-playlist-card,.create-room-panel .empty-playlist-state{border-color:var(--home-line);background:var(--home-paper-strong);color:var(--home-ink)}.home-page .home-form-panel button,.create-room-page .playlist-modal button{min-height:46px;border:2px solid var(--home-line);border-radius:999px 860px 920px 780px;background:var(--home-accent);color:#101b3b;padding:0 18px;box-shadow:4px 5px 0 var(--home-line);font-weight:950}.home-page .home-form-panel .secondary-form-action,.create-room-page .playlist-modal .icon-button{background:var(--home-paper-strong);color:var(--home-ink)}.home-page .home-form-panel button[type=submit]{justify-self:start;background:var(--home-red);color:#fffdf2}.home-page .home-form-panel button:hover:not(:disabled),.create-room-page .playlist-modal button:hover:not(:disabled){transform:translate(-1px,-2px) rotate(-.5deg);box-shadow:6px 7px 0 var(--home-line)}.home-topbar{width:min(1280px,100%);display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1}.home-hero{grid-area:hero;display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2vw,24px);padding:0;animation:heroRise .52s ease both}.home-page .brand-mark,.brand-small{display:inline-flex;align-items:center;gap:var(--brand-logo-gap, 10px);font-weight:800}.home-page .brand-mark,.room-shell .brand-small{--brand-logo-accent: var(--home-accent, var(--sketch-accent, #8fa8ff));--brand-logo-line: var(--home-line, var(--sketch-line, #1d1b16));--brand-logo-gap: 9px;--brand-logo-icon-size: 26px;--brand-logo-padding: 7px 12px;--brand-logo-font-size: clamp(17px, 1.9vw, 22px);width:max-content;border:2px solid var(--brand-logo-line);border-radius:999px 840px 900px 780px;background:var(--brand-logo-accent);color:#101b3b;padding:var(--brand-logo-padding);font-size:var(--brand-logo-font-size);box-shadow:4px 5px 0 var(--brand-logo-line);transform:rotate(-1.5deg)}.home-page .brand-mark svg,.room-shell .brand-small svg{width:var(--brand-logo-icon-size);height:var(--brand-logo-icon-size)}.home-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.home-page .language-toggle{min-height:40px;border:2px solid var(--home-line);border-radius:999px 820px 960px 740px;background:var(--home-blue);color:#fffdf2;padding:0 13px;font-size:14px;font-weight:900;box-shadow:3px 4px color-mix(in srgb,var(--home-line) 82%,transparent)}.hero-kicker{width:max-content;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--home-line);border-radius:12px 16px 10px 18px;background:var(--home-green);color:#102313;padding:8px 12px;font-size:15px;font-weight:900;text-transform:uppercase;transform:rotate(1.4deg)}.home-hero h1{max-width:720px;margin:0;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:0;text-wrap:balance;text-shadow:3px 3px 0 var(--home-accent)}.home-hero p{max-width:500px;margin:0;color:var(--home-muted);font-size:clamp(16px,1.55vw,20px);line-height:1.5;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.primary-link,.secondary-link,.ghost-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:var(--radius);padding:0 18px;transition:transform .16s ease,background .16s ease}.home-page .primary-link,.home-page .secondary-link{min-height:58px;border:3px solid var(--home-line);border-radius:16px 20px 14px 18px;padding:0 20px;color:var(--home-ink);font-size:17px;font-weight:950;box-shadow:5px 6px 0 var(--home-line)}.home-page .primary-link{background:var(--home-red);color:#fffdf2}.home-page .secondary-link{background:var(--home-paper-strong)}.home-page .primary-link:hover,.home-page .secondary-link:hover,.home-page .language-toggle:hover{transform:translateY(-3px) rotate(-1deg)}.secondary-link,.ghost-link{border:1px solid rgba(245,240,230,.22);color:var(--paper)}.home-join{grid-area:join;align-self:end;max-width:640px;border-radius:20px 14px 24px 16px;border:3px solid var(--home-line);background:var(--home-paper-strong);color:var(--home-ink);padding:clamp(20px,3vw,32px);box-shadow:7px 8px color-mix(in srgb,var(--home-purple) 62%,transparent);transform:rotate(.7deg)}.home-join h2,.form-panel h1{margin:0 0 8px;font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:0}.home-page .home-join p,.form-panel p{margin:0;color:var(--home-muted);font-weight:800}.home-join form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:22px}.home-join input{min-height:56px;border:2px solid var(--home-line);border-radius:12px 18px 12px 16px;background:color-mix(in srgb,var(--home-paper) 88%,#fff 12%);color:var(--home-ink);font-size:22px;font-weight:950;letter-spacing:.08em}.home-join button{min-height:56px;border:2px solid var(--home-line);border-radius:16px 12px 18px;background:var(--home-accent);color:#101b3b;font-weight:950;box-shadow:4px 5px 0 var(--home-line)}.home-doodle{grid-area:doodle;min-height:clamp(560px,43vw,700px);position:relative;align-self:stretch;animation:doodlePop .62s .12s ease both}.doodle-card,.doodle-note,.doodle-steps span{border:3px solid var(--home-line);background:var(--home-paper-strong);color:var(--home-ink);box-shadow:6px 7px color-mix(in srgb,var(--home-line) 86%,transparent)}.doodle-card{position:absolute;display:grid;gap:10px;border-radius:18px 22px 16px 26px;padding:18px}.doodle-card--round{z-index:1;width:min(460px,92%);min-height:320px;left:0;top:7%;grid-template-rows:auto auto minmax(0,1fr) auto;padding:22px 24px 24px;background:color-mix(in srgb,var(--home-blue) 22%,var(--home-paper-strong));transform:rotate(-4deg)}.doodle-card--round span,.doodle-card--score span{font-size:14px;font-weight:950;text-transform:uppercase}.doodle-card--round strong{max-width:none;font-size:clamp(34px,3.35vw,48px);line-height:1}.doodle-card--answers{z-index:3;width:min(390px,80%);right:-1%;top:45%;background:color-mix(in srgb,var(--home-accent) 26%,var(--home-paper-strong));transform:rotate(3.4deg)}.doodle-card--answers button{justify-content:flex-start;min-height:48px;border:2px solid var(--home-line);border-radius:999px 780px 920px 720px;background:var(--home-paper-strong);color:var(--home-ink);font-weight:950;box-shadow:3px 4px color-mix(in srgb,var(--home-line) 84%,transparent)}.doodle-card--answers button:first-child{background:var(--home-green);color:#102313}.doodle-card--score{z-index:4;width:min(240px,56%);left:2%;bottom:4%;background:color-mix(in srgb,var(--home-red) 18%,var(--home-paper-strong));transform:rotate(4deg)}.doodle-card--score strong{font-size:48px;line-height:.9}.doodle-card--score small{font-size:15px;font-weight:950}.doodle-note{position:absolute;z-index:5;right:0;bottom:13%;width:min(300px,58%);display:flex;align-items:center;gap:8px;border-radius:12px 10px 14px 8px;background:var(--home-accent);color:#101b3b;padding:12px;font-size:15px;font-weight:950;line-height:1.25;transform:rotate(-5deg)}.doodle-steps{position:absolute;inset:auto 5% 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.doodle-steps span{border-width:2px;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:950}.doodle-wave{align-self:end;display:flex;align-items:end;gap:7px;width:max-content;height:76px;margin-top:12px}.doodle-wave i{width:20px;border:2px solid var(--home-line);border-radius:999px;background:var(--home-red);transform-origin:bottom;animation:waveBounce .78s ease-in-out infinite alternate}.doodle-wave i:nth-child(1){height:34px}.doodle-wave i:nth-child(2){height:66px;animation-delay:.11s}.doodle-wave i:nth-child(3){height:48px;animation-delay:.21s}.doodle-wave i:nth-child(4){height:60px;animation-delay:.32s}.form-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;gap:clamp(20px,3vw,30px);align-items:center;justify-content:center;padding:clamp(24px,4vw,44px) clamp(16px,4vw,36px);background:var(--paper);overflow-x:hidden}.form-shell .ghost-link{align-self:flex-start;margin-left:clamp(0px,8vw,96px)}.form-panel{width:min(980px,100%);border-radius:var(--radius);background:var(--paper);padding:clamp(28px,5vw,52px)}.form-panel form{display:grid;gap:clamp(16px,2vw,20px);margin-top:28px}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:700}.field-label{color:var(--muted);font-size:14px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.playlist-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.playlist-tile{min-height:238px;display:grid;grid-template-rows:118px auto auto 1fr auto;align-items:start;justify-items:start;gap:8px;border:2px solid transparent;background:#fffdf7;color:var(--ink);padding:10px;text-align:left;position:relative;overflow:hidden}.playlist-tile:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--green),var(--amber),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.playlist-tile:hover:after,.playlist-tile.selected:after{transform:scaleX(1)}.playlist-tile img{width:100%;height:118px;border-radius:6px;object-fit:cover}.playlist-tile span{font-size:18px;font-weight:900}.playlist-tile strong{color:var(--blue);font-size:12px}.playlist-tile small{color:var(--muted);line-height:1.35}.playlist-tile.selected{border-color:var(--green);box-shadow:0 0 0 4px #4fd18b33}.empty-playlist-state{display:grid;gap:8px;border:1px dashed rgba(21,21,21,.2);border-radius:var(--radius);background:#fffdf7;color:var(--muted);padding:18px;line-height:1.45}.empty-playlist-state strong{color:var(--ink);font-size:18px}.round-count-picker{display:flex;flex-wrap:wrap;gap:10px}.round-count-picker button{min-width:58px;border:1px solid rgba(245,240,230,.14);background:#f5f0e614;color:var(--paper);font-weight:900}.round-count-picker.light button{border-color:var(--line);background:#fffdf7;color:var(--ink)}.round-count-picker button.selected{border-color:#4fd18bc7;background:var(--green);color:#07110c;animation:choiceLock .32s ease both}.round-count-input{display:grid;gap:8px;color:#f5f0e6ad;font-size:14px;font-weight:800}.round-count-input input{width:min(180px,100%);max-width:180px;background:#f5f0e6eb}.round-count-input.light{color:var(--muted)}.round-count-input.light input{background:#fffdf7}.round-count-input span{color:inherit;font-size:13px;font-weight:700}.form-error{display:flex;align-items:flex-start;gap:10px;margin:0;border:2px solid color-mix(in srgb,var(--red) 58%,var(--ink));border-radius:10px;background:color-mix(in srgb,var(--red) 12%,#fffdf7);color:#651a15;padding:11px 12px;font-weight:850;line-height:1.35;box-shadow:none}.form-error svg{flex:0 0 auto;margin-top:1px;color:var(--red);stroke-width:3}.form-error span{min-width:0}.spin{animation:spin .9s linear infinite}.room-shell{--room-layout-padding: clamp(10px, 1.4vw, 16px);display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;height:100svh;min-height:100vh;min-height:100svh;background:repeating-linear-gradient(90deg,rgba(245,240,230,.035) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(245,240,230,.026) 0 1px,transparent 1px 72px),linear-gradient(180deg,#0e1011,#151211 52%,#0f1112);color:var(--paper);overflow:hidden}.room-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-bottom:0;background:transparent;position:sticky;top:0;z-index:10;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.room-header .brand-cluster{flex:0 1 auto;flex-wrap:nowrap;min-width:0}.brand-small{color:#101b3b;letter-spacing:0}.room-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;margin-left:auto}.room-shell .streamer-mode-toggle{--streamer-mode-toggle-bg: var(--sketch-red, #ff6b5f);display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--streamer-mode-toggle-bg);color:#fff;font-size:14px;line-height:1;box-shadow:none}.room-shell .streamer-mode-toggle.is-on{--streamer-mode-toggle-bg: var(--sketch-green, #63d980)}.room-shell .streamer-mode-control{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.room-shell .room-meta :is(.streamer-mode-toggle,.join-code,.join-link){min-height:40px;border:2px solid var(--sketch-line, #1d1b16);border-radius:999px 820px 950px 790px;padding:0 13px}.room-shell .streamer-mode-toggle:hover:not(:disabled),.room-shell .streamer-mode-toggle:focus-visible,.room-shell .streamer-mode-toggle:active:not(:disabled){border-color:var(--sketch-line, #1d1b16);background:var(--streamer-mode-toggle-bg);color:#fff;box-shadow:none}.room-shell .streamer-mode-toggle-icon{width:16px;height:16px;flex:0 0 16px;color:currentColor}.room-shell .streamer-mode-toggle-text{font-weight:900;line-height:1;white-space:nowrap;text-transform:none}.room-shell .streamer-mode-popup{position:absolute;top:calc(100% + 9px);right:0;z-index:40;width:min(300px,calc(100vw - 24px));padding:10px 12px;border:2px solid var(--sketch-line, #1d1b16);border-radius:8px;background:#fffdfa;box-shadow:3px 4px #1d1b162e;color:#1d1b16;font-size:13px;font-weight:800;line-height:1.3;opacity:0;pointer-events:none;text-align:left;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .15s ease,transform .15s ease}.room-shell .streamer-mode-popup:before{content:"";position:absolute;top:-8px;right:24px;width:12px;height:12px;border-top:2px solid var(--sketch-line, #1d1b16);border-left:2px solid var(--sketch-line, #1d1b16);background:#fffdfa;transform:rotate(45deg)}.room-shell .streamer-mode-popup strong{font-weight:1000}.room-shell .streamer-mode-control:hover .streamer-mode-popup,.room-shell .streamer-mode-control:focus-within .streamer-mode-popup{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.connection-label-short,.streamer-mode-toggle-short{display:none}.connection-label,.connection-label-short,.streamer-mode-toggle-short{font-weight:900;line-height:1;white-space:nowrap}.room-share{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;border:0;background:transparent;padding:0}.connection{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:2px solid #1d1b16;border-radius:999px 820px 920px 780px;background:#fffdfa;color:#1d1b16;padding:5px 9px;font-size:12px;font-weight:900;line-height:1}.connection i{width:9px;height:9px;flex:0 0 9px;border-radius:999px;background:#f0a83a}.connection.is-connected i{background:var(--green)}.connection.is-disconnected i{background:var(--red)}.join-code,.join-link{position:relative;display:inline-grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid rgba(245,240,230,.18);background:#f5f0e61a;color:var(--paper);padding:0 12px;box-shadow:none}.join-link{flex:0 0 auto}.join-code strong,.join-link strong{font-weight:900;letter-spacing:0;line-height:1}.join-code svg,.join-link svg{flex:0 0 auto}.join-code:hover:not(:disabled),.join-code:focus-visible,.join-link:hover:not(:disabled),.join-link:focus-visible,.join-code.is-copied,.join-link.is-copied{background:#4fd18b2e;color:var(--green)}.room-share-feedback{position:absolute;top:calc(100% + 8px);right:0;z-index:2;border-radius:999px;background:var(--green);color:#07110c;padding:5px 9px;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;opacity:1;pointer-events:none;transform:translateY(0);transition:opacity .14s ease,transform .14s ease}.room-share-feedback:empty{opacity:0;transform:translateY(-4px)}.join-code em,.join-link em{position:absolute;top:42px;right:0;border-radius:6px;background:var(--green);color:#07110c;padding:5px 8px;font-size:12px;font-style:normal;white-space:nowrap}.game-layout{--room-sidebar-scrollbar-gutter: 18px;--room-sidebar-scrollbar-offset: 4px;display:grid;grid-template-columns:minmax(260px,clamp(300px,24vw,380px)) minmax(0,1fr);gap:clamp(12px,1.6vw,18px);align-items:stretch;min-height:0;height:100%;overflow:hidden;padding:clamp(2px,.5vw,6px) var(--room-layout-padding) var(--room-layout-padding);transition:grid-template-columns .56s cubic-bezier(.2,.9,.18,1),gap .42s ease}.room-shell .game-layout{align-items:stretch}.game-layout aside{position:relative;top:auto;display:grid;align-content:start;align-self:stretch;gap:12px;min-width:0;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;margin-right:calc(var(--room-sidebar-scrollbar-offset) * -1);padding-right:var(--room-sidebar-scrollbar-gutter);clip-path:inset(0 0 0 0);transform-origin:left center;transition:opacity .3s ease,transform .52s cubic-bezier(.2,.9,.18,1),filter .42s ease,clip-path .52s cubic-bezier(.2,.9,.18,1),max-height .52s cubic-bezier(.2,.9,.18,1)}.game-layout--final-focus{grid-template-columns:minmax(0,0fr) minmax(0,1fr);gap:0}.game-layout--final-focus aside{max-width:0;max-height:0;opacity:0;overflow:hidden;filter:blur(8px);clip-path:inset(0 100% 0 0);transform:translate(-28px) scale(.96);pointer-events:none}.panel,.stage,.volume-mixer{border:1px solid rgba(79,209,139,.18);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),#121818e6;box-shadow:inset 0 0 0 1px #ffffff08,0 20px 50px #0000003d}.panel,.volume-mixer{padding:12px}.panel-empty{margin:0;color:#f5f0e69e;line-height:1.45}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.panel-title h2{margin:0;font-size:16px;line-height:1.2}.volume-mixer{display:grid;gap:8px}.volume-mixer .panel-title{margin-bottom:2px}.room-shell .mute-button{width:24px;min-width:24px;min-height:24px;border:0;background:transparent;color:#f5f0e6a8;box-shadow:none;padding:0}.room-shell .mute-button:hover:not(:disabled){background:#f5f0e614;box-shadow:none}.room-shell .mute-button.is-muted{color:var(--red)}.mixer-row{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:8px;color:#f5f0e6ad;font-size:12px}.mixer-row b{color:var(--paper);text-align:right}.mixer-slider{--range-track-bg: color-mix(in srgb, var(--sketch-accent, #8fa8ff) 28%, #fff);--range-fill-bg: var(--sketch-green, var(--green));--range-thumb-bg: var(--sketch-green, var(--green));position:relative;display:grid;align-items:center;min-width:0;height:30px;min-height:30px}.mixer-slider.is-muted{--range-fill-bg: rgba(29, 27, 22, .22);--range-thumb-bg: rgba(29, 27, 22, .22)}.room-shell .filled-range{--range-fill: 0%;--range-track-height: 9px;--range-track-bg: color-mix(in srgb, var(--sketch-accent, #8fa8ff) 28%, #fff);--range-fill-bg: var(--sketch-green, #5fd37b);--range-line: var(--sketch-line, #1d1b16);--range-thumb-size: 23px;--range-thumb-offset: -9px;--range-thumb-bg: var(--sketch-green, #5fd37b);--range-thumb-shadow: 2px 2px 0 var(--range-line);appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-height:30px;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;outline:none}.room-shell .filled-range::-webkit-slider-runnable-track{box-sizing:border-box;height:var(--range-track-height);border:2px solid var(--range-line);border-radius:999px;background:linear-gradient(90deg,var(--range-fill-bg) 0%,var(--range-fill-bg) var(--range-fill),var(--range-track-bg) var(--range-fill),var(--range-track-bg) 100%)}.room-shell .filled-range:focus-visible::-webkit-slider-runnable-track{border-color:var(--sketch-blue, #5e8bff);box-shadow:0 0 0 3px #5e8bff2e}.room-shell .filled-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);margin-top:var(--range-thumb-offset);border:2px solid var(--range-line);border-radius:50%;background:var(--range-thumb-bg);box-shadow:var(--range-thumb-shadow)}.room-shell .filled-range::-moz-range-track{box-sizing:border-box;height:var(--range-track-height);border:2px solid var(--range-line);border-radius:999px;background:linear-gradient(90deg,var(--range-fill-bg) 0%,var(--range-fill-bg) var(--range-fill),var(--range-track-bg) var(--range-fill),var(--range-track-bg) 100%)}.room-shell .filled-range:focus-visible::-moz-range-track{border-color:var(--sketch-blue, #5e8bff);box-shadow:0 0 0 3px #5e8bff2e}.room-shell .filled-range::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);border:2px solid var(--range-line);border-radius:50%;background:var(--range-thumb-bg);box-shadow:var(--range-thumb-shadow)}.room-shell .filled-range:disabled{--range-fill-bg: rgba(29, 27, 22, .22);--range-thumb-bg: color-mix(in srgb, var(--range-line) 22%, var(--paper, #fffdfa));cursor:not-allowed;opacity:1}.mixer-row .filled-range{--range-track-bg: color-mix(in srgb, var(--sketch-accent, #8fa8ff) 28%, #fff);--range-fill-bg: var(--sketch-green, var(--green));--range-thumb-bg: var(--sketch-green, var(--green));position:relative;z-index:1;grid-area:1 / 1;height:100%;min-height:100%}.player-list{display:grid;gap:2px}.player-row{display:grid;grid-template-columns:8px 30px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:40px;border-top:1px solid rgba(245,240,230,.08);padding:6px 0}.player-row div{min-width:0}.player-row strong,.scoreboard strong,.final-leaderboard strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name{display:inline-grid;grid-template-columns:minmax(0,auto);align-items:center;gap:4px;max-width:100%;min-width:0;position:relative;vertical-align:top}.player-name.has-toggle{grid-template-columns:minmax(0,auto);padding-right:20px}.player-name strong{min-width:0}.player-name.is-shimmering strong,.nickname-shimmer{background:linear-gradient(90deg,var(--sketch-ink, var(--ink)) 0%,#4fd18b 20%,#fff1a6 40%,#7da2ff 62%,#ff9dd8 80%,var(--sketch-ink, var(--ink)) 100%);background-size:260% 100%;background-repeat:repeat-x;background-clip:text;color:transparent;filter:saturate(1.12);text-shadow:0 0 14px rgba(79,209,139,.28),0 0 24px rgba(125,162,255,.18);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:nicknameShimmer 5.6s linear infinite}.player-name-toggle{position:absolute;top:calc(50% + 2px);right:0;width:18px;min-width:18px;min-height:18px;border:1px solid transparent;background:transparent;color:var(--sketch-ink, var(--ink));opacity:0;padding:0;pointer-events:none;box-shadow:none;transform:translateY(-50%)}.room-shell .player-name-toggle{width:18px;min-width:18px;min-height:18px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--sketch-ink, var(--ink));padding:0;box-shadow:none;transform:translateY(-50%)}.player-name-toggle svg{width:13px;height:13px}.player-name-toggle:hover:not(:disabled),.player-name-toggle:focus-visible{border-color:#f5f0e62e;background:#f5f0e614;color:var(--sketch-ink, var(--ink));box-shadow:none;transform:translateY(-50%)}.room-shell .player-name-toggle:hover:not(:disabled),.room-shell .player-name-toggle:focus-visible{border-color:#f5f0e62e;background:#f5f0e614;color:var(--sketch-ink, var(--ink));box-shadow:none;transform:translateY(-50%)}.room-shell .player-name-toggle:active:not(:disabled){box-shadow:none;transform:translateY(-50%)}.player-name-toggle:disabled{color:#f5f0e65c}.player-row:hover .player-name-toggle,.player-row:focus-within .player-name-toggle,.scoreboard-row:hover .player-name-toggle,.scoreboard-row:focus-within .player-name-toggle,.spectator-row:hover .player-name-toggle,.spectator-row:focus-within .player-name-toggle,.player-name:focus-within .player-name-toggle{opacity:1;pointer-events:auto}.player-role{display:block;color:#f5f0e699;font-size:11px}.player-role--kick-countdown{color:var(--amber)}.player-self-badge{justify-self:end;min-width:34px;border-radius:999px;border:2px solid var(--sketch-line, rgba(21, 21, 21, .28));background:color-mix(in srgb,var(--sketch-blue, var(--blue)) 42%,var(--sketch-paper-strong, #fffdfa));color:var(--sketch-ink, var(--ink));padding:2px 8px;font-size:11px;font-style:normal;font-weight:900;line-height:1.1;text-align:center;box-shadow:1px 2px 0 var(--sketch-line, rgba(21, 21, 21, .28))}.player-row.is-spectator{opacity:.86}.spectator-panel{border-color:#8fa8ff47;background:linear-gradient(135deg,rgba(143,168,255,.13),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.045),transparent),#121818e6}.spectator-panel-copy{margin:4px 0 10px;color:#f5f0e6ad;font-size:12px;line-height:1.35}.spectator-list{display:grid;gap:6px}.spectator-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;padding:6px 8px}.spectator-row>div{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:0;min-height:var(--player-avatar-size, 30px)}.spectator-row strong,.spectator-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-row strong{line-height:1.05}.spectator-status{position:absolute;top:calc(50% + .62em);left:0;width:100%;color:#f5f0e69e;font-size:11px;line-height:1.15}.player-kick-button{width:28px;min-width:28px;min-height:28px;border:1px solid transparent;background:transparent;color:var(--red);padding:0;box-shadow:none}.room-shell .player-kick-button{min-height:28px;border:1px solid transparent;background:transparent;color:var(--red);padding:0;box-shadow:none;transform:none}.room-shell .player-kick-button svg{color:var(--red);stroke:currentcolor}.player-kick-button:hover:not(:disabled){border-color:#eb5a4f3d;background:#eb5a4f14;color:#ffaaa2;box-shadow:none}.room-shell .player-kick-button:hover:not(:disabled){border-color:#eb5a4f3d;background:#eb5a4f14;color:var(--red);box-shadow:none;transform:none}.room-shell .player-kick-button:active:not(:disabled){transform:none}.player-device-stack{display:inline-flex;align-items:center;gap:2px}.player-device,.player-os{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;color:#f5f0e6a8}.player-os--windows{color:#9db8ff}.player-os--android{color:#8ce8a7}.player-os--linux{color:#f5f0e6}.player-os-brand{width:15px;height:15px;display:block;overflow:visible}.player-os-brand path,.player-os-brand circle{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.player-os--android .player-os-brand circle{fill:currentColor;stroke:none}.player-os-mark--windows{display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:1.5px;transform:skewY(-4deg)}.player-os-mark--windows i{display:block;background:currentColor}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--red)}.status-dot.online{background:var(--green)}.player-avatar{--player-avatar-size: 30px;--player-avatar-line: var(--sketch-line, #1d1b16);position:relative;display:block;width:var(--player-avatar-size);height:var(--player-avatar-size);flex:0 0 var(--player-avatar-size);border:1px solid var(--player-avatar-line);border-radius:45% 55% 51% 49%/52% 44% 56% 48%;background:color-mix(in srgb,var(--blue) 14%,var(--paper));box-shadow:2px 3px 0 var(--player-avatar-line);overflow:hidden;object-fit:cover;object-position:center;transform:rotate(var(--player-avatar-tilt, 0deg));transform-origin:center}.scoreboard{display:grid;gap:2px;margin:0;padding:0;list-style:none}.room-shell .scoreboard-panel{padding:clamp(16px,2vw,20px)}.room-shell .scoreboard-panel .scoreboard{padding-block:2px 4px}.scoreboard li{display:grid;grid-template-columns:30px 30px minmax(0,1fr) minmax(34px,auto);align-items:center;gap:8px;min-height:40px;padding:6px 0;position:relative;isolation:isolate;transition:color .22s ease,opacity .22s ease;will-change:transform}.scoreboard li.is-self{grid-template-columns:minmax(34px,auto) 30px 30px minmax(0,1fr) minmax(34px,auto)}.scoreboard li:before{content:"";position:absolute;inset:3px -7px;z-index:0;border-radius:10px 8px 12px 9px;background:linear-gradient(90deg,rgba(79,209,139,.18),rgba(143,168,255,.12),transparent 78%);opacity:0;transform:scaleX(.92);transform-origin:left center;pointer-events:none}.scoreboard li>:where(span,img,strong,b,.scoreboard-player,.scoreboard-self-badge){position:relative;z-index:1}.scoreboard-player{display:flex;align-items:center;gap:6px;min-width:0}.scoreboard-player strong{min-width:0}.scoreboard-self-badge{flex:0 0 auto;min-width:auto;padding-inline:7px}.scoreboard>li>.scoreboard-self-badge{justify-self:start}.scoreboard-rank{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#f5f0e61a;color:var(--amber);font-weight:900}.scoreboard-medal{position:relative;isolation:isolate;width:26px;height:26px;border:2px solid rgba(21,21,21,.68);border-radius:50%;background:var(--medal-fill);color:#151515;font-size:12px;line-height:1}.scoreboard-medal:before,.scoreboard-medal:after{content:"";position:absolute;z-index:-1;bottom:-7px;width:8px;height:11px;border:1px solid rgba(21,21,21,.42);border-top:0;background:color-mix(in srgb,var(--medal-fill) 54%,var(--blue))}.scoreboard-medal:before{left:4px;transform:rotate(10deg)}.scoreboard-medal:after{right:4px;transform:rotate(-10deg)}.scoreboard-medal.place-1{--medal-fill: #f2c14e}.scoreboard-medal.place-2{--medal-fill: #cfd5df}.scoreboard-medal.place-3{--medal-fill: #d69a61}.scoreboard li.score-pop{color:#b7ffd6}.scoreboard li.score-pop:before{animation:scoreboardScorePulse 1.1s ease-out both}.scoreboard li.score-pop b{color:var(--green);animation:scoreNumberPop .52s cubic-bezier(.2,.9,.18,1) both}.scoreboard li.is-ranking-up{z-index:3}.scoreboard li.is-ranking-up:before{animation:scoreboardRowRiseGlow .76s ease-out both}.scoreboard li.is-ranking-down{color:#f5f0e6bd;z-index:1}.scoreboard li.is-ranking-down:before{animation:scoreboardRowDropGlow .62s ease-out both}.scoreboard li.is-ranking-up strong{animation:nicknameRankRise .76s cubic-bezier(.2,.9,.18,1) both}.scoreboard li.is-ranking-down strong{animation:nicknameRankDrop .62s ease-out both}.scoreboard li.is-ranking-up .scoreboard-rank{animation:rankBadgeLift .72s cubic-bezier(.2,.9,.18,1) both}.scoreboard li.is-ranking-down .scoreboard-rank{animation:rankBadgeSettle .62s ease-out both}.scoreboard li.is-new-leader .scoreboard-rank{animation:leaderMedalPop .88s cubic-bezier(.2,.9,.18,1) both}.scoreboard b{justify-self:end;min-width:34px;padding-inline:4px;position:relative;text-align:right;white-space:nowrap}.scoreboard b em{position:absolute;right:4px;top:-26px;color:var(--green);font-size:13px;font-style:normal;animation:scoreFloat 1.2s ease forwards}.stage{min-height:0;height:100%;max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,24px);padding:clamp(14px,2.4vw,30px);position:relative;overflow:hidden;transform-origin:center center;transition:border-color .42s ease,box-shadow .52s ease,transform .52s cubic-bezier(.2,.9,.18,1)}.game-layout--final-focus .stage{border-color:#4fd18b4d;box-shadow:inset 0 0 0 1px #ffffff0a,0 26px 70px #00000047;animation:finalStageFocusIn .62s cubic-bezier(.2,.9,.18,1) both}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,transparent,black 12%,black 80%,transparent);mask-image:linear-gradient(180deg,transparent,black 12%,black 80%,transparent)}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 35%,rgba(79,209,139,.08) 45%,transparent 55% 100%);transform:translate(-120%);animation:stageSweep 5.6s ease-in-out infinite}.stage>*{position:relative;z-index:1}.stage--round-active{align-content:stretch;grid-template-rows:auto minmax(0,1fr)}.stage--round-active .round-playfield{grid-row:2 / -1;width:min(1080px,100%);min-height:0;display:grid;align-content:center;justify-items:center;align-self:stretch;justify-self:center;gap:clamp(60px,6svh,70px)}.stage--round-active .round-active{align-self:center;margin-top:0}.stage--round-active .choice-grid{align-self:start}.stage.stage--countdown{min-height:0;height:100%;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.stage.stage--finished{--stage-toolbar-sticky-top: 0px;grid-template-rows:auto minmax(0,auto);align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.stage-toolbar{--stage-control-height: 34px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;min-width:0;position:relative;z-index:3}.stage.stage--finished .stage-toolbar{position:sticky;top:var(--stage-toolbar-sticky-top);z-index:6}.stage-controls{display:flex;flex:1 1 320px;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:min(100%,320px)}.stage.stage--with-lobby-settings{align-content:start;grid-template-rows:auto;max-height:none;overflow:visible}.stage--with-lobby-settings .stage-toolbar{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.stage-lobby-settings-slot,.stage-room-invite-slot{display:flex;flex:0 1 auto;justify-content:center;width:100%;min-width:0}.stage-lobby-settings-slot .lobby-settings-panel,.stage-room-invite-slot .room-invite-panel{width:min(560px,100%);text-align:left}.stage--with-lobby-settings .lobby-state{grid-row:auto;min-height:0;align-content:start}.room-shell .stage-toolbar .volume-mixer{--stage-mixer-width: clamp(160px, 15vw, 190px);display:flex;flex:0 1 var(--stage-mixer-width);align-items:center;gap:6px;width:min(var(--stage-mixer-width),100%);max-width:100%;min-width:0;height:var(--stage-control-height);min-height:var(--stage-control-height);border:2px solid var(--sketch-line, #1d1b16);border-radius:999px 820px 920px 780px;background:var(--sketch-paper-strong, #fffdfa);box-shadow:none;padding:2px 8px}.room-shell .stage-toolbar .volume-mixer .panel-title{display:none}.room-shell .stage-toolbar .mixer-row{flex:1 1 auto;grid-template-columns:18px minmax(54px,1fr) 3ch;gap:6px;width:100%;min-width:0;font-size:13px;font-weight:900;line-height:1;color:var(--sketch-ink, #1d1b16)}.room-shell .stage-toolbar .mixer-row b{color:var(--sketch-ink, #1d1b16);line-height:1}.room-shell .stage-toolbar .mute-button{width:18px;min-width:18px;min-height:18px;color:var(--sketch-muted, #675f50)}.room-shell .stage-toolbar .mute-button svg{width:14px;height:14px}.room-shell .stage-toolbar .mixer-slider{height:22px;min-height:22px}.room-shell .stage-toolbar .filled-range{--range-track-height: 7px;--range-thumb-size: 18px;--range-thumb-offset: -7px;--range-thumb-shadow: 1px 1px 0 var(--range-line)}.host-controls{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px}.host-controls button{min-height:0;background:#f5f0e61a;color:var(--paper);padding:10px 12px;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap}.host-controls button:disabled{cursor:not-allowed;opacity:.58;transform:none}.room-shell .host-controls .end-game-button{background:var(--sketch-red, #ff6b5f);color:#21110f}.stage-topline{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-start;align-self:flex-start;flex-wrap:wrap;gap:16px;width:fit-content;max-width:100%;min-width:0;color:#f5f0e69e;text-transform:uppercase;font-size:12px;font-weight:900;border:1px solid rgba(245,240,230,.1);border-radius:var(--radius);background:#00000038;padding:10px 12px}.room-shell .stage-toolbar .stage-topline{min-height:var(--stage-control-height);padding:0 11px}.icon-button{width:44px;padding:0}.countdown,.lobby-state,.round-active,.round-paused,.finished{display:grid;place-items:center;align-content:center;text-align:center;min-height:min(280px,100%)}.stage.is-paused .round-active,.stage.is-paused .choice-grid{opacity:.26;filter:grayscale(34%) blur(1px);transform:scale(.985);transition:opacity .18s ease,filter .18s ease,transform .18s ease;pointer-events:none}.stage.is-paused:after,.stage.is-paused .round-active *,.stage.is-paused .round-active *:before,.stage.is-paused .round-active *:after{animation-play-state:paused}.round-pause-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border-radius:inherit;background:#fffdfad1;color:var(--sketch-ink, var(--ink));-webkit-backdrop-filter:blur(2px) saturate(.78);backdrop-filter:blur(2px) saturate(.78);animation:pauseOverlayIn .18s ease both;pointer-events:none}.round-pause-overlay h1{display:inline-flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,18px);margin:0;color:currentColor;font-size:clamp(48px,7vw,90px);font-weight:900;line-height:1;letter-spacing:0}.round-pause-overlay h1 svg{flex:0 0 auto;width:clamp(44px,5vw,64px);height:clamp(44px,5vw,64px);color:currentColor;stroke-width:2.4}.round-audio-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border-radius:inherit;background:#fffdfabd;-webkit-backdrop-filter:blur(2px) saturate(.86);backdrop-filter:blur(2px) saturate(.86);animation:pauseOverlayIn .18s ease both;pointer-events:none}.round-audio-overlay button{pointer-events:auto;min-height:58px;padding-inline:clamp(18px,4vw,32px);font-size:clamp(16px,2vw,24px)}.round-audio-overlay button svg{flex:0 0 auto}.end-game-confirm-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#100e0c9e;padding:clamp(16px,3vw,34px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.end-game-confirm-modal{position:relative;display:grid;gap:18px;width:min(460px,100%);border:2px solid var(--sketch-line, #1d1b16);border-radius:8px;background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, #1d1b16);box-shadow:5px 6px 0 var(--sketch-line, #1d1b16);padding:22px}.room-shell .end-game-confirm-close{position:absolute;top:12px;right:12px;width:34px;min-width:34px;min-height:34px;background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, #1d1b16);padding:0}.end-game-confirm-copy{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding-right:42px}.end-game-confirm-icon{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--sketch-line, #1d1b16);border-radius:50%;background:var(--sketch-red, #ff6b5f);color:#21110f}.end-game-confirm-copy h2{margin:0;color:var(--sketch-ink, #1d1b16);font-size:clamp(22px,3vw,30px);font-weight:950;line-height:1.05}.end-game-confirm-copy p{margin:8px 0 0;color:var(--sketch-muted, #585044);font-size:15px;font-weight:750;line-height:1.35}.end-game-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.room-shell .end-game-confirm-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px}.room-shell .end-game-confirm-actions .secondary-action{background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, #1d1b16)}.countdown{grid-row:2 / -1;z-index:2;min-height:min(360px,100%);border-radius:inherit;background:transparent;pointer-events:none}.countdown span{color:#f5f0e6b8;font-weight:900;text-transform:uppercase}.countdown strong{font-size:clamp(64px,14vw,150px);line-height:1;color:var(--green);animation:countdownBeat .9s ease-in-out infinite}.lobby-state h1,.round-active h1,.round-paused h1,.finished h1{margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1;letter-spacing:0}.round-paused h1{display:inline-flex;align-items:center;justify-content:center;gap:14px}.round-paused h1 svg{flex:0 0 auto}.lobby-state p,.round-active p,.finished p{max-width:520px;margin:10px 0 16px;color:#f5f0e6ad;font-size:16px;line-height:1.5}.lobby-state{grid-row:2 / -1;width:100%;align-content:center;justify-items:center;gap:14px}.lobby-share{--lobby-share-gap: 28px;--lobby-share-qr-size: clamp(148px, 13vw, 176px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--lobby-share-gap);width:min(840px,100%);margin-top:20px;padding-bottom:16px;text-align:left}.lobby-share-fields{display:grid;gap:12px;align-self:center;min-width:0}.lobby-share-field{display:grid;gap:6px;min-width:0;color:var(--sketch-ink, var(--ink));font-size:14px;font-weight:900;line-height:1}.lobby-share-control{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:10px;min-width:0}.lobby-share-control input{min-width:0;min-height:52px;overflow:hidden;padding-inline:16px;font-size:15px;text-overflow:ellipsis}.room-shell .lobby-share-control button{width:52px;min-width:52px;min-height:52px;border-radius:13px 11px 15px 10px;background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, var(--ink));padding:0;box-shadow:2px 3px 0 var(--sketch-line, #1d1b16)}.room-shell .lobby-share-control button svg{width:20px;height:20px}.room-shell .lobby-share-control button:hover:not(:disabled),.room-shell .lobby-share-control button:focus-visible,.room-shell .lobby-share-control button.is-copied{background:color-mix(in srgb,var(--sketch-green, var(--green)) 44%,var(--sketch-paper-strong, #fffdfa));color:#103315;transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--sketch-line, #1d1b16)}.room-shell .lobby-share-control button:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 2px 0 var(--sketch-line, #1d1b16)}.lobby-share-qr{display:grid;place-items:center;width:var(--lobby-share-qr-size);aspect-ratio:1;border:2px solid var(--sketch-line, #1d1b16);border-radius:16px 13px 18px 12px;background:var(--sketch-paper-strong, #fffdfa);padding:8px;box-shadow:3px 4px 0 var(--sketch-line, #1d1b16)}.lobby-share-qr svg{width:100%;height:100%;display:block}.lobby-share-feedback{position:absolute;right:calc(var(--lobby-share-qr-size) + var(--lobby-share-gap));bottom:0;left:0;min-height:16px;color:#1e7b43;font-size:12px;font-weight:900;line-height:1;text-align:right;opacity:1;transition:opacity .14s ease}.lobby-share-feedback:empty{opacity:0}.lobby-state h1{width:min(1680px,100%);font-size:clamp(30px,3.8vw,48px);text-align:center;text-wrap:balance}.lobby-state-ellipsis{display:inline-flex;justify-content:flex-start;width:3ch;white-space:nowrap;text-align:left}.lobby-state-ellipsis span{opacity:.18;animation:lobbyEllipsisDot 1.2s ease-in-out infinite}.lobby-state-ellipsis span:nth-child(2){animation-delay:.16s}.lobby-state-ellipsis span:nth-child(3){animation-delay:.32s}.lobby-state>p{text-align:center;margin-bottom:4px}.final-screen{grid-row:2 / -1;width:min(1240px,100%);align-self:stretch;justify-self:center;align-content:center;justify-items:center;gap:clamp(12px,1.8vw,22px);min-height:auto;padding-block:clamp(8px,1.8vw,22px);animation:arenaIn .42s ease both}.stage.stage--finished .final-screen{align-self:start;align-content:start;min-height:max-content;padding-block:clamp(14px,2svh,26px) clamp(30px,5svh,58px)}.final-hero{width:min(940px,100%);display:grid;justify-items:center}.final-screen h1{max-width:min(18ch,100%);font-size:clamp(34px,4.4vw,58px);text-align:center;text-wrap:balance}.final-screen--players-1,.final-screen--players-2{width:min(1180px,100%)}.final-podium{width:min(850px,100%);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) minmax(0,.98fr);align-items:end;gap:clamp(8px,2vw,18px);margin:0;padding:0;list-style:none}.final-podium--count-1{width:min(340px,100%);grid-template-columns:1fr}.final-podium--count-2{width:min(640px,100%);grid-template-columns:minmax(0,1.08fr) minmax(0,.98fr)}.final-podium--count-1 .final-podium-place-1{--podium-height: clamp(116px, 12vw, 148px)}.final-podium--count-2 .final-podium-place-1{--podium-height: clamp(140px, 16vw, 176px)}.final-podium-place{--podium-metal: var(--sketch-blue);--podium-height: clamp(96px, 10vw, 126px);display:grid;align-content:end;justify-items:center;min-width:0;gap:0;animation:rankIn .42s ease both}.final-podium-place-1{--podium-metal: #efb939;--podium-height: clamp(124px, 14vw, 168px);grid-column:2}.final-podium-place-2{--podium-metal: #c9d0dc;--podium-height: clamp(110px, 12vw, 142px);grid-column:3}.final-podium-place-3{--podium-metal: #c97a43;--podium-height: clamp(94px, 10vw, 120px);grid-column:1}.final-podium--count-1 .final-podium-place,.final-podium--count-2 .final-podium-place-1{grid-column:1}.final-podium--count-2 .final-podium-place-2{grid-column:2}.final-medal{--final-medal-ribbon-gap: 4px;display:grid;place-items:center;z-index:2;width:clamp(50px,5.6vw,66px);height:clamp(50px,5.6vw,66px);margin-bottom:clamp(-24px,-2.2vw,-16px);box-shadow:0 5px color-mix(in srgb,var(--sketch-line) 18%,transparent);font-size:clamp(20px,2vw,28px)}.final-medal:before,.final-medal:after{bottom:clamp(-14px,-1.3vw,-10px);width:clamp(14px,1.5vw,18px);height:clamp(18px,2vw,24px)}.final-medal:before{right:auto;left:50%;transform:translate(calc(-100% - var(--final-medal-ribbon-gap))) rotate(10deg)}.final-medal:after{right:auto;left:50%;transform:translate(var(--final-medal-ribbon-gap)) rotate(-10deg)}.final-podium-place-1 .final-medal{width:clamp(62px,6.8vw,82px);height:clamp(62px,6.8vw,82px);font-size:clamp(24px,2.5vw,34px)}.final-podium-column{width:100%;min-height:var(--podium-height);display:grid;align-content:center;justify-items:center;gap:7px;border:2px solid var(--sketch-line);border-radius:22px 20px 10px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--podium-metal) 48%,var(--sketch-paper-strong)),transparent 62%),color-mix(in srgb,var(--podium-metal) 20%,var(--sketch-paper-strong));padding:clamp(20px,2.4vw,28px) clamp(8px,1.3vw,14px) clamp(10px,1.4vw,14px)}.final-podium-column .player-avatar{--player-avatar-size: clamp(38px, 4.8vw, 58px);margin-bottom:2px}.final-podium-column strong,.final-podium-column b{width:100%;overflow:hidden;color:var(--sketch-ink);text-align:center;text-overflow:ellipsis;white-space:nowrap}.final-podium-column strong{font-size:clamp(17px,1.9vw,24px)}.final-podium-column b{color:color-mix(in srgb,var(--sketch-ink) 74%,transparent);font-size:clamp(13px,1.35vw,16px)}.final-results-grid{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:clamp(14px,2vw,24px);text-align:left}.final-results-grid--solo{grid-template-columns:minmax(0,640px);justify-content:center}.final-results-grid--compact{width:min(900px,100%);grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(16px,2.2vw,24px)}.final-screen--players-1 .final-results-grid--compact{width:min(900px,100%);grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.final-results-grid--compact.final-results-grid--solo{grid-template-columns:minmax(280px,360px)}.final-results-grid--with-tracks.final-results-grid--solo{grid-template-columns:minmax(280px,640px)}.final-results-grid--with-tracks.final-results-grid--solo .final-rating-playlist-card{width:min(360px,100%);justify-self:center}.final-score-board{display:grid;gap:10px;min-width:0}.final-score-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:2px solid color-mix(in srgb,var(--sketch-line) 24%,transparent);padding-bottom:10px}.final-score-summary span{color:var(--sketch-muted);font-size:12px;font-weight:900;text-transform:uppercase}.final-leaderboard{width:100%;display:grid;gap:0;margin:0;padding:0;list-style:none}.final-leaderboard li{display:grid;grid-template-columns:36px 30px minmax(0,1fr) minmax(48px,auto);align-items:center;gap:10px;min-height:38px;border-top:2px solid color-mix(in srgb,var(--sketch-line) 16%,transparent);background:transparent;padding:6px 0;text-align:left;animation:rankIn .42s ease both}.final-leaderboard li:first-child{border-top:0}.final-leaderboard li.winner{color:var(--sketch-ink)}.final-leaderboard span{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--sketch-line);border-radius:999px;background:color-mix(in srgb,var(--sketch-blue) 18%,var(--sketch-paper-strong));color:var(--sketch-ink);font-weight:900}.final-leaderboard .scoreboard-medal{background:var(--medal-fill);color:var(--sketch-ink)}.final-leaderboard b{justify-self:end;color:var(--sketch-ink)}.final-played-tracks{grid-column:1 / -1;display:grid;gap:10px;min-width:0}.final-played-tracks-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:2px solid color-mix(in srgb,var(--sketch-line) 24%,transparent);padding-bottom:10px}.final-played-tracks-heading span{color:var(--sketch-muted);font-size:12px;font-weight:900;text-transform:uppercase}.final-played-tracks-heading b{color:var(--sketch-ink);font-size:12px;font-weight:900;white-space:nowrap}.final-track-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.final-track-row{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:58px;border-top:2px solid color-mix(in srgb,var(--sketch-line) 16%,transparent);color:var(--sketch-ink);padding:8px 0;text-align:left;text-decoration:none;transition:color .16s ease,transform .16s ease}.final-track-list li:first-child .final-track-row{border-top:0}.final-track-row--link:hover,.final-track-row--link:focus-visible{color:#101b3b;transform:translate(2px)}.final-track-row--link:focus-visible{outline:3px solid color-mix(in srgb,var(--sketch-accent) 76%,transparent);outline-offset:3px;border-radius:8px}.final-track-row img,.final-track-cover-placeholder{width:42px;height:42px;border:2px solid var(--sketch-line);border-radius:8px;background:color-mix(in srgb,var(--sketch-blue) 16%,var(--sketch-paper-strong));object-fit:cover}.final-track-cover-placeholder{display:grid;place-items:center;color:var(--sketch-muted)}.final-track-copy{display:grid;gap:2px;min-width:0}.final-track-copy small{color:var(--sketch-muted);font-size:11px;font-weight:900;line-height:1;text-transform:uppercase}.final-track-copy strong,.final-track-copy em{overflow:hidden;max-width:100%;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.final-track-copy strong{font-size:15px;font-weight:900}.final-track-copy em{color:var(--sketch-muted);font-size:12px;font-style:normal;font-weight:800}.final-track-row>svg{justify-self:end;color:var(--sketch-muted)}.round-active{width:min(700px,100%);min-height:auto;align-self:end;justify-self:center;justify-items:center;gap:clamp(8px,1.2vw,12px);margin-top:0;margin-bottom:0;padding:6px;animation:arenaIn .42s ease both}.round-active-copy{display:grid;justify-items:center;gap:10px}.round-active-copy p{margin:0}.round-timer{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:clamp(44px,6svh,54px);border:0;border-radius:var(--radius);background:#f5f0e614;color:var(--paper);padding:8px 14px;font-weight:900;line-height:1}.round-timer svg{width:clamp(30px,4vw,48px);height:clamp(30px,4vw,48px);color:var(--ink)}.round-timer strong{font-size:clamp(28px,4.8vw,50px);letter-spacing:0}.round-timer.is-danger,.round-timer.is-danger svg,.round-timer.is-danger strong{color:var(--red)}.round-reveal-screen{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(16px,2.2vw,30px);width:min(1480px,100%);align-content:center;justify-self:center;min-height:0;height:100%;animation:arenaIn .42s ease both}.reveal-hero{display:grid;align-content:end;min-height:clamp(240px,44svh,420px);border-radius:clamp(16px,2vw,26px);overflow:hidden;position:relative;background:#0b0c0d}.reveal-hero--link{color:inherit;cursor:pointer;text-decoration:none}.reveal-hero--link:focus-visible{outline:4px solid rgba(255,108,101,.78);outline-offset:-8px}.reveal-hero--link:hover img,.reveal-hero--link:focus-visible img{opacity:.9;transform:scale(1.012)}.reveal-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .18s ease,transform .18s ease}.reveal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78));pointer-events:none}.reveal-hero>div{position:relative;z-index:1;min-width:0;padding:clamp(22px,3vw,36px)}.reveal-hero h1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin:0;max-width:min(100%,13ch);font-size:clamp(28px,3.7vw,54px);line-height:1.02;letter-spacing:0;overflow-wrap:anywhere;text-overflow:ellipsis}.reveal-hero p{overflow:hidden;margin:10px 0 0;max-width:100%;color:#f5f0e6c7;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.round-reveal-details{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:clamp(18px,2.2vw,28px);min-width:0;min-height:0;height:100%;max-height:100%;overflow:hidden}.round-reveal-summary{display:grid;gap:clamp(10px,1.5vw,16px);min-width:0}.round-answer-line{display:grid;gap:5px;min-width:0;width:100%}.round-answer-line span{color:#f5f0e69e;font-size:12px;font-weight:900;text-transform:uppercase}.round-answer-line b{display:block;min-width:0;max-width:100%;overflow:hidden;color:var(--green);font-size:clamp(20px,2.2vw,28px);text-overflow:ellipsis;white-space:nowrap}.round-answer-line.wrong b{color:var(--red)}.my-round-result{--round-result-value-size: clamp(32px, 4vw, 50px);display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:clamp(18px,3vw,28px);align-items:stretch;width:min(620px,100%);border:0;border-radius:clamp(14px,1.7vw,22px);background:linear-gradient(90deg,rgba(79,209,139,.16) 0%,rgba(245,240,230,.075) 58%,transparent 100%);overflow:hidden;padding:clamp(12px,1.4vw,16px);box-shadow:none}.my-round-result.wrong{background:linear-gradient(90deg,rgba(235,90,79,.16) 0%,rgba(245,240,230,.075) 58%,transparent 100%)}.my-round-metric{display:grid;grid-template-rows:16px minmax(0,1fr);align-content:start;align-items:start;gap:12px;min-width:0;min-height:clamp(78px,6vw,96px);overflow:hidden;border-radius:0;background:transparent;padding:0}.my-round-metric span{display:flex;align-items:center;color:#f5f0e69e;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase}.my-round-metric strong{display:block;align-self:end;max-width:100%;min-width:0;color:var(--green);font-size:var(--round-result-value-size);font-variant-numeric:tabular-nums;line-height:1;overflow-wrap:normal;white-space:nowrap}.my-round-result.wrong .my-round-metric strong{color:var(--red)}.my-round-metric b{display:inline-flex;align-items:center;gap:10px;align-self:end;max-width:100%;min-width:0;color:var(--paper);font-size:var(--round-result-value-size);font-variant-numeric:tabular-nums;font-weight:900;line-height:1;white-space:nowrap}.my-round-metric b svg{flex:0 0 auto;width:clamp(28px,3vw,38px);height:clamp(28px,3vw,38px)}.my-round-metric-time{min-width:max-content;padding-left:clamp(18px,2vw,26px);background:linear-gradient(#f5f0e62e,#f5f0e62e) left top / 2px 100% no-repeat;justify-items:start}.round-results-panel{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:12px;min-height:0;border:0;border-radius:0;background:transparent;overflow:hidden;padding:0}.round-results-list{--round-result-row-min-height: 52px;--round-result-row-padding-block: 5px;display:grid;align-items:stretch;gap:0;min-height:0;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 0 0;scrollbar-gutter:stable;list-style:none}.round-result-row{display:grid;grid-template-columns:36px 30px minmax(0,1fr) minmax(104px,max-content) minmax(72px,10ch);grid-template-areas:"rank avatar name time points";align-items:center;justify-items:start;column-gap:10px;row-gap:0;min-height:var(--round-result-row-min-height);border:0;border-top:2px solid rgba(245,240,230,.12);border-radius:0;background:transparent;padding:var(--round-result-row-padding-block) 0;text-align:left;animation:rankIn .42s ease both}.round-result-rank{grid-area:rank;display:grid;place-items:center;width:30px;height:30px;border:2px solid rgba(245,240,230,.2);border-radius:999px;background:#7da2ff2e;color:var(--amber);font-weight:900}.round-result-row .player-avatar{grid-area:avatar;align-self:center}.round-result-rank.scoreboard-medal{border-color:#151515ad;background:var(--medal-fill);color:#151515}.round-result-player{grid-area:name;display:grid;align-self:center;align-content:center;justify-self:stretch;gap:1px;min-width:0;min-height:34px}.round-result-row strong,.round-result-answer{display:block;max-width:100%;min-width:0;overflow:hidden;line-height:1.06;text-overflow:ellipsis;white-space:nowrap}.round-result-answer{color:#f5f0e69e;font-size:12px;font-weight:800}.round-result-row small{grid-area:time;display:inline-flex;align-items:center;justify-self:end;gap:6px;min-width:0;color:#f5f0e69e;font-size:13px;white-space:nowrap}.round-result-row small svg{flex:0 0 auto}.round-result-row b{grid-area:points;justify-self:end;max-width:10ch;min-width:0;color:#b7ffd6;font-variant-numeric:tabular-nums;line-height:1.05;overflow-wrap:normal;text-align:right;white-space:nowrap}.round-result-row.wrong b{color:#ffbeb8}.round-result-row.unanswered strong,.round-result-row.unanswered small{color:#f5f0e685}.round-result-row.unanswered .round-result-rank:not(.scoreboard-medal){background:#f5f0e614;color:#f5f0e69e}.round-result-no-answer{font-size:12px;font-weight:900;text-transform:uppercase}.round-results-empty{margin:0;border:1px solid rgba(245,240,230,.12);border-radius:15px 12px 16px 13px;background:#f5f0e60f;padding:14px;color:#f5f0e69e}.answer-log span{border:1px solid rgba(245,240,230,.12);border-radius:999px;padding:7px 10px;color:#f5f0e6b8;font-size:13px}.answer-log .correct{border-color:#4fd18b5c;color:#b7ffd6}.answer-log .wrong{border-color:#eb5a4f5c;color:#ffbeb8}.answer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-top:1px solid rgba(245,240,230,.1);padding-top:18px}.choice-grid{width:min(1080px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;justify-self:center;gap:clamp(8px,1.4vw,12px)}.choice-button{min-height:clamp(64px,8svh,76px);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;justify-content:center;border:1px solid rgba(245,240,230,.16);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent),#f5f0e614;color:var(--paper);padding:10px clamp(32px,4vw,44px);text-align:center;box-shadow:inset 0 0 0 1px #ffffff05;position:relative;overflow:hidden}.choice-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:translate(-110%);transition:transform .26s ease}.choice-button:hover:not(:disabled):after{transform:translate(110%)}.choice-button strong{grid-column:1;grid-row:1;align-self:center;justify-self:center;max-width:100%;overflow-wrap:anywhere;position:relative;z-index:1;font-size:clamp(13px,1.2vw,16px);line-height:1.18}.choice-check-icon{grid-column:1;grid-row:1;justify-self:end;position:relative;z-index:1}.choice-button.selected{border-color:#4fd18bb3;background:#4fd18b29;color:#dffff0;animation:choiceLock .38s ease both}.lobby-settings-panel{display:grid;gap:12px;border-color:var(--sketch-line, #1d1b16);background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, #1d1b16)}.game-layout aside .lobby-settings-panel,.stage-lobby-settings-slot .lobby-settings-panel{padding:14px}.lobby-settings-panel .panel-title{color:var(--sketch-ink, #1d1b16);margin-bottom:0}.game-layout aside .lobby-settings-panel .selected-playlist-field,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-field{gap:10px}.game-layout aside .lobby-settings-panel .selected-playlist-card,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card{grid-template-columns:58px minmax(0,1fr);min-height:72px;gap:10px;padding:8px}.game-layout aside .lobby-settings-panel .selected-playlist-card img,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card img{width:58px;height:58px}.game-layout aside .lobby-settings-panel .selected-playlist-card span,.game-layout aside .lobby-settings-panel .selected-playlist-card small,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card span,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card small{font-size:11px}.game-layout aside .lobby-settings-panel .selected-playlist-card span,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card span{color:var(--sketch-ink, #1d1b16)}.game-layout aside .lobby-settings-panel .selected-playlist-card strong,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card strong{font-size:17px;line-height:1.1}.game-layout aside .lobby-settings-panel .selected-playlist-card--button,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card--button{width:100%;min-width:0;border-radius:8px;background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, #1d1b16);text-align:left;transform:none}.game-layout aside .lobby-settings-panel .selected-playlist-card--button:hover:not(:disabled),.game-layout aside .lobby-settings-panel .selected-playlist-card--button:focus-visible,.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card--button:hover:not(:disabled),.stage-lobby-settings-slot .lobby-settings-panel .selected-playlist-card--button:focus-visible{background:color-mix(in srgb,var(--sketch-accent, #8fa8ff) 18%,var(--sketch-paper-strong, #fffdfa));box-shadow:4px 5px 0 var(--sketch-line, #1d1b16);transform:translate(-1px,-1px)}.lobby-settings-grid{display:grid;grid-template-columns:1fr;gap:10px}.lobby-settings-grid label{min-width:0;gap:6px;color:var(--sketch-ink, #1d1b16);font-size:12px;font-weight:900}.lobby-settings-grid label>span{display:inline-flex;align-items:center;gap:5px;min-width:0;line-height:1.15}.lobby-settings-grid label>span b{margin-left:auto;color:var(--sketch-ink, #1d1b16);font-size:13px;line-height:1}.lobby-settings-grid label>span svg{flex:0 0 auto}.lobby-settings-grid input{width:100%;min-width:0;min-height:42px;padding-inline:10px;font-size:15px;font-weight:900}.lobby-settings-grid input[type=range]{min-height:30px;padding:0}.lobby-settings-start-button{width:100%;justify-self:stretch;min-height:46px;margin-top:2px;background:var(--sketch-accent, #8fa8ff);color:#101b3b;font-size:15px;font-weight:900;line-height:1}.lobby-settings-start-button svg{flex:0 0 auto}.room-invite-panel{display:grid;gap:12px;border-color:var(--sketch-line, #1d1b16);background:var(--sketch-paper-strong, #fffdfa);color:var(--sketch-ink, #1d1b16);padding:14px}.room-invite-panel .panel-title{color:var(--sketch-ink, #1d1b16);margin-bottom:0}.room-invite-panel .lobby-share{--lobby-share-gap: 12px;--lobby-share-qr-size: clamp(132px, min(52vw, 24svh), 168px);grid-template-columns:1fr;justify-items:stretch;width:100%;margin-top:0;padding-bottom:0;gap:var(--lobby-share-gap)}.room-invite-panel .lobby-share-fields{order:2;gap:10px}.room-invite-panel .lobby-share-field{font-size:12px}.room-invite-panel .lobby-share-control{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.room-invite-panel .lobby-share-control input{min-height:44px;padding-inline:10px;font-size:13px}.room-shell .room-invite-panel .lobby-share-control button{width:44px;min-width:44px;min-height:44px}.room-invite-panel .lobby-share-qr{order:1;justify-self:center;width:var(--lobby-share-qr-size);border-radius:12px 10px 14px 9px}.room-invite-panel .lobby-share-feedback{position:static;min-height:14px;text-align:center}.restart-panel{width:min(560px,100%);display:grid;gap:14px;border-top:1px solid rgba(245,240,230,.1);padding-top:18px;text-align:left}.game-layout aside .restart-panel{width:100%;gap:12px;margin-top:4px;padding:14px}.game-layout aside .restart-panel>div:first-child{gap:3px}.game-layout aside .restart-panel>div:first-child strong{font-size:17px;line-height:1.1}.game-layout aside .restart-panel>div:first-child span{font-size:12px;line-height:1.35}.game-layout aside .restart-panel .selected-playlist-card{grid-template-columns:58px minmax(0,1fr);min-height:72px;gap:10px;padding:8px}.game-layout aside .restart-panel .selected-playlist-card img{width:58px;height:58px}.game-layout aside .restart-panel .round-count-input input{width:100%;max-width:none;min-height:44px}.game-layout aside .restart-panel .secondary-form-action,.game-layout aside .restart-panel>button{min-height:44px;padding-inline:14px}.admin-shell{min-height:100vh;min-height:100svh;background:repeating-linear-gradient(90deg,rgba(245,240,230,.035) 0 1px,transparent 1px 78px),repeating-linear-gradient(0deg,rgba(245,240,230,.025) 0 1px,transparent 1px 78px),linear-gradient(135deg,rgba(79,209,139,.08),transparent 38%,rgba(125,162,255,.06)),#101112;color:var(--paper);padding:clamp(24px,3vw,34px) clamp(18px,4vw,46px) clamp(42px,5vw,58px)}.admin-header,.admin-section-tabs,.admin-workspace{width:min(1880px,100%);margin-inline:auto}.admin-workspace{min-width:0}.admin-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(14px,2vw,20px);margin-bottom:18px;padding:clamp(14px,2vw,18px)}.admin-header h1{margin:0 0 6px;font-size:clamp(30px,4vw,44px);line-height:1.04;letter-spacing:0}.admin-header p,.source-panel p{margin:0;color:#f5f0e6ad;line-height:1.5}.admin-header-copy{display:grid;gap:10px}.admin-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.admin-secret-shimmer{width:42px;min-width:42px;padding-inline:0}.admin-stats{display:flex;flex-wrap:wrap;gap:8px}.admin-stats span{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid rgba(245,240,230,.12);border-radius:999px;background:#f5f0e60f;color:#f5f0e6a8;padding:0 10px;font-size:12px;font-weight:800}.admin-stats b{color:var(--green);font-size:15px}.ingest-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ingest-stat-grid span,.ingest-process-summary>span,.ingest-detected{border:1px solid rgba(245,240,230,.12);border-radius:var(--radius);background:#f5f0e60f;padding:12px}.ingest-stat-grid span,.ingest-process-summary>span{display:grid;gap:3px;color:#f5f0e69e;line-height:1.15;font-size:12px;font-weight:900}.ingest-stat-grid small,.ingest-process-summary small{color:inherit;font-size:inherit;font-weight:inherit}.ingest-stat-grid b,.ingest-process-summary b{color:var(--green);font-size:28px;line-height:1}.ingest-stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ingest-stat-grid.compact span{padding:10px}.ingest-stat-grid.compact b{font-size:20px}.ingest-detected{display:grid;gap:5px;color:#f5f0e69e;line-height:1.35}.ingest-detected span{font-size:12px;font-weight:900}.ingest-detected strong{color:#f5f0e6c7}.ingest-detected.supported{border-color:#4fd18b6b;background:#4fd18b1a}.ingest-detected.supported strong{color:#b7ffd6}.ingest-detected.unsupported{border-color:#eb5a4f57;background:#eb5a4f1a}.ingest-main-panel{align-content:start;gap:clamp(18px,2vw,24px);min-width:0}.ingest-process-summary{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:clamp(10px,1.2vw,14px)}.ingest-process-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:clamp(18px,2vw,24px);align-items:start}.ingest-process-grid>*{min-width:0}.ingest-process-grid>div:first-child{display:grid;gap:14px}.ingest-job-list,.ingest-worker-list{display:grid;gap:12px}.ingest-job-row{display:grid;grid-template-columns:minmax(118px,150px) minmax(220px,1fr) minmax(240px,320px) auto;gap:12px 16px;align-items:center;min-width:0;border:1px solid rgba(245,240,230,.1);border-radius:14px;background:#f5f0e60e;padding:14px}.ingest-job-row.processing{border-color:#7da2ff7a}.ingest-job-row.done{border-color:#4fd18b75}.ingest-job-row.failed{border-color:#eb5a4f7a}.ingest-job-row.canceled{border-color:#f5f0e638}.ingest-job-status,.ingest-job-copy,.ingest-job-meta{display:grid;min-width:0;gap:6px}.ingest-job-progress{appearance:none;grid-column:1 / -1;overflow:hidden;width:100%;height:8px;padding:0;border:0;border-radius:999px;background:#f5f0e61a}.ingest-job-progress::-webkit-progress-bar{border-radius:inherit;background:#f5f0e61a}.ingest-job-progress::-webkit-progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd18beb,#7da2ffeb);transition:width .22s ease}.ingest-job-progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#4fd18beb,#7da2ffeb)}.ingest-job-status{align-content:start;color:#f5f0e69e;font-size:12px;font-weight:900}.ingest-job-status svg{color:var(--green)}.ingest-job-status strong,.ingest-job-copy strong{overflow:hidden;color:var(--paper);text-overflow:ellipsis;white-space:nowrap}.ingest-job-copy a,.ingest-job-copy span,.ingest-job-meta span{overflow:hidden;color:#f5f0e694;font-size:12px;line-height:1.35;text-overflow:ellipsis}.ingest-job-copy a{white-space:nowrap}.ingest-job-copy span{white-space:normal}.ingest-job-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:right;gap:6px 10px;font-weight:800}.ingest-job-meta span{max-width:100%;white-space:nowrap}.ingest-job-meta b{color:var(--green)}.ingest-job-actions{display:flex;justify-content:flex-end;min-width:44px}.ingest-job-actions .icon-button{width:40px;min-width:40px;min-height:40px;padding:0}.ingest-workers{display:grid;align-content:start;gap:14px;min-width:0;padding-top:4px}.ingest-worker-list{grid-template-columns:1fr}.ingest-worker-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgba(245,240,230,.1);border-radius:14px;background:#f5f0e60e;padding:11px 12px}.ingest-worker-row.processing{border-color:#7da2ff7a;background:#7da2ff1a}.ingest-worker-row span{display:grid;min-width:0;gap:3px}.ingest-worker-row strong,.ingest-worker-row small,.ingest-worker-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingest-worker-row small,.ingest-worker-row em{color:#f5f0e694;font-size:12px;font-style:normal;font-weight:800}.ingest-worker-row em{grid-column:1 / -1;white-space:normal;overflow-wrap:anywhere}.admin-tools-panel,.admin-entity-panel,.admin-inline-editor{display:grid;gap:16px}.admin-tool-filters{display:grid;gap:12px;border-top:1px solid rgba(245,240,230,.12);margin-top:4px;padding-top:16px}.admin-filter-panel .admin-tool-filters{border-top:0;margin-top:0;padding-top:0}.admin-entity-list{display:grid;gap:12px}.admin-inline-editor{border-top:1px solid rgba(245,240,230,.12);margin-top:4px;padding-top:18px}.admin-grid{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr) minmax(250px,320px);gap:clamp(20px,2.4vw,28px);align-items:start}.admin-grid.library-grid{grid-template-columns:minmax(300px,360px) minmax(260px,320px) minmax(0,1fr)}.admin-login{width:min(520px,100%);display:grid;gap:24px;margin:8vh auto 0;border:1px solid rgba(245,240,230,.12);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent),#121818f0;padding:clamp(22px,5vw,40px)}.admin-login-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.admin-login h1{margin:10px 0 8px;font-size:clamp(32px,6vw,54px);line-height:1}.admin-login p,.admin-hint{margin:0;color:#f5f0e6ad;line-height:1.45}.admin-panel{border:1px solid rgba(245,240,230,.12);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent),#121818eb;padding:clamp(18px,2.2vw,24px);box-shadow:0 22px 54px #0000003d}.admin-sidebar-stack{position:sticky;top:clamp(16px,2.4vw,28px);display:grid;gap:clamp(18px,2vw,22px);max-height:calc(100vh - clamp(32px,4.8vw,56px));overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-gutter:stable}.admin-form{display:grid;gap:14px}.admin-panel label{color:#f5f0e6ad}.admin-form.two-col,.track-form{grid-template-columns:repeat(2,minmax(0,1fr))}.track-form-actions{display:grid;gap:10px}.secondary-admin-action{border:1px solid rgba(245,240,230,.12);background:#f5f0e614;color:var(--paper)}.secondary-admin-action.selected{border-color:#4fd18b9e;background:#4fd18b24;color:#b7ffd6}.admin-playlist-stack{display:grid;gap:12px}.admin-playlist-library{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch}.admin-playlist-library .playlist-tile-shell,.admin-playlist-library .playlist-tile{min-height:280px}.admin-playlist-editor-workspace{grid-template-columns:minmax(0,1fr)}.admin-playlist-editor-screen{border-top:0;margin-top:0;padding-top:clamp(18px,2.2vw,24px)}.admin-editor-topbar{display:flex;align-items:center;justify-content:flex-start}.admin-editor-back{width:max-content;padding-inline:14px 16px}.admin-playlist-stack.loading{opacity:.72}.admin-list-more{display:flex;justify-content:center;padding-top:14px}.admin-list-more button{width:max-content;min-width:160px}.admin-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-list-toolbar{display:grid;gap:14px}.admin-list-toolbar-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px}.admin-toolbar-copy{display:grid;flex:1 1 240px;min-width:0;gap:3px}.admin-toolbar-copy strong{color:var(--paper);font-size:17px}.admin-toolbar-copy span{color:#f5f0e694;font-size:12px;font-weight:800}.admin-toolbar-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.admin-toolbar-actions button{min-width:0;min-height:44px;white-space:nowrap}.admin-toolbar-actions>.spin{flex:0 0 auto;color:var(--green)}.admin-top-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;align-items:start}.track-top-filters,.category-top-filters{grid-template-columns:minmax(min(100%,320px),min(100%,560px))}.track-top-filters{grid-template-columns:minmax(min(100%,320px),560px) minmax(280px,1fr)}.track-bulk-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.track-bulk-actions span{flex:1 1 130px;color:#f5f0e694;font-size:12px;font-weight:900}.track-bulk-actions button{min-width:0;min-height:44px;padding-inline:12px;white-space:nowrap}.playlist-top-filters{grid-template-columns:minmax(min(100%,260px),1.25fr) minmax(min(100%,180px),.72fr) minmax(min(100%,220px),.9fr) minmax(min(100%,300px),1.45fr)}.admin-top-filters .admin-search,.admin-top-filters .admin-sort-control select{min-height:48px}.admin-top-filters .admin-sort-control,.admin-top-filters .admin-filter-group,.admin-top-filters .admin-search-control{min-width:0}.admin-list-heading>div:first-child{display:grid;gap:3px}.admin-list-heading strong{color:var(--paper);font-size:17px}.admin-list-heading span{color:#f5f0e694;font-size:12px;font-weight:800}.track-list-heading-copy{flex:1 1 auto;min-width:0}.track-list-heading-controls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:12px}.admin-playlist-filters{display:grid;gap:12px;margin-top:12px}.admin-sort-control,.admin-filter-group,.admin-category-picker,.admin-search-control{display:grid;gap:8px}.admin-sort-control>span,.admin-filter-group>span,.admin-category-picker>span,.admin-control-label{display:inline-flex;align-items:center;gap:7px;color:#f5f0e6ad;font-size:12px;font-weight:900}.admin-sort-control select{min-height:46px}.admin-filter-group div,.admin-category-picker div{display:flex;flex-wrap:wrap;gap:7px}.admin-filter-group button,.admin-category-picker button{min-height:34px;border:1px solid rgba(245,240,230,.13);border-radius:999px;background:#f5f0e612;color:#f5f0e6bd;padding:0 11px;font-size:12px;font-weight:900}.admin-filter-group button.selected,.admin-category-picker button.selected{border-color:#7da2ffb3;background:#7da2ff2e;color:#dce6ff}.admin-form-wide,.admin-create-playlist-form .admin-category-picker{grid-column:1 / -1}.admin-playlist-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;justify-content:stretch;gap:12px;min-height:72px;border:1px solid rgba(245,240,230,.12);background:#f5f0e60f;color:var(--paper);padding:10px 12px;text-align:left}.admin-playlist-card img,.track-row img{width:58px;height:58px;border-radius:6px;object-fit:cover}.admin-playlist-card img{grid-row:1 / span 4}.admin-playlist-card span{overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.admin-playlist-card small{color:#f5f0e69e}.admin-playlist-description{grid-column:2 / -1;display:-webkit-box;overflow:hidden;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.admin-playlist-categories{grid-column:2 / -1}.admin-playlist-card.selected{border-color:#4fd18bc7;background:#4fd18b24}.admin-editor{display:grid;gap:18px}.admin-editor-hero{min-height:220px;display:grid;align-content:end;border-radius:var(--radius);overflow:hidden;position:relative;background:#070808}.admin-editor-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.admin-editor-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(0,0,0,.8))}.admin-editor-hero-copy{position:relative;z-index:1;padding:20px}.admin-editor-actions{position:absolute;z-index:2;top:12px;right:12px;display:flex;gap:8px}.admin-shell .admin-editor-actions .icon-button,.admin-shell .admin-editor-actions .file-upload{width:42px;min-width:42px;min-height:42px;border-radius:50%;padding:0}.admin-shell .admin-editor-actions .file-upload[aria-disabled=true]{pointer-events:none;opacity:.5}.admin-playlist-edit-form{gap:12px 14px}.admin-editor-hero-copy h2{margin:0 0 6px;font-size:clamp(28px,4vw,44px);line-height:1}.admin-editor-hero-copy p{max-width:680px;margin:0;color:#f5f0e6b8}.file-upload{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(245,240,230,.14);border-radius:var(--radius);background:#f5f0e614;color:var(--paper);cursor:pointer}.file-upload input{display:none}.track-edit-modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0a0c0ca3;padding:clamp(16px,3vw,34px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.track-edit-modal{width:min(760px,calc(100vw - 36px));max-height:min(840px,calc(100svh - 36px));display:grid;gap:18px;overflow-y:auto}.admin-action-modal{align-content:start}.playlist-create-modal,.ingest-create-modal{width:min(680px,calc(100vw - 36px))}.category-edit-modal{width:min(560px,calc(100vw - 36px))}.track-edit-modal-header{display:grid;grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:12px}.track-edit-modal-header img{width:64px;height:64px;border-radius:8px;object-fit:cover}.category-edit-modal-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:#f5f0e614;color:var(--paper)}.track-edit-modal-header div{min-width:0}.track-edit-modal-header span,.track-edit-modal-header small{color:#f5f0e69e;font-size:12px;font-weight:900}.track-edit-modal-header h2{overflow:hidden;margin:2px 0 4px;color:var(--paper);font-size:clamp(24px,4vw,34px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.category-edit-modal-header small{display:inline-flex;align-items:center;gap:5px}.track-edit-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.track-edit-modal-form .track-form-field-wide,.track-edit-modal-form .track-form-actions{grid-column:1 / -1}.track-edit-modal-form .file-upload{align-self:end;min-width:0}.track-edit-modal-form .track-form-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}.track-edit-modal-form.is-creating .track-form-actions,.category-create-modal-form .track-form-actions{grid-template-columns:1fr}.track-edit-modal-form .track-form-actions button{min-width:0}.category-edit-modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-edit-modal-form .track-form-actions{grid-column:1 / -1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}.category-edit-modal-form .track-form-actions button{min-width:0}.playlist-create-modal-form{gap:14px}.playlist-create-modal-form .admin-category-picker{grid-column:1 / -1}.ingest-modal-form{gap:14px}.danger-button{background:#eb5a4f29;color:#ffbeb8}.track-list{--track-card-min: min(100%, max(280px, calc((100% - 24px) / 3)));display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--track-card-min),1fr));align-items:stretch;gap:12px}.compact-track-list{max-height:620px;margin-top:0;overflow:auto;padding-right:4px}.track-list-panel .track-list{margin-top:16px}.track-list p,.empty-admin-state{color:#f5f0e6ad}.track-list>.empty-list-state{grid-column:1 / -1}.empty-list-state{display:grid;gap:6px;border:1px dashed rgba(245,240,230,.18);border-radius:var(--radius);background:#f5f0e60b;color:#f5f0e6a3;padding:16px;line-height:1.45}.empty-list-state strong{color:var(--paper)}.track-row{display:grid;grid-template-columns:28px 56px minmax(0,1fr) 38px;grid-template-areas:"select cover copy actions";align-content:center;align-items:center;gap:10px;min-height:88px;border:1px solid rgba(245,240,230,.1);border-radius:var(--radius);background:#f5f0e60e;padding:10px;animation:rankIn .3s ease both}.admin-entity-row.selected{border-color:#4fd18bc7;background:#4fd18b1f}.admin-entity-row.bulk-selected{border-color:#7da2ff94;background:#7da2ff1a}.track-row strong,.track-row span,.track-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row span{color:#f5f0e69e;font-size:13px}.track-row small{color:#f5f0e67a;font-size:12px}.track-row img{grid-area:cover;width:56px;height:56px}.track-row-select{grid-area:select;display:grid;place-items:center;min-width:28px;min-height:44px;cursor:pointer}.track-row-select input{width:18px;height:18px;accent-color:var(--green);cursor:pointer}.track-row-copy{grid-area:copy;display:grid;align-content:center;gap:4px;min-width:0}.admin-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.track-row .admin-row-actions{flex-direction:column;grid-area:actions;align-items:center;justify-content:center;gap:6px;min-width:38px}.track-row .admin-row-actions .icon-button{min-width:36px;width:36px;min-height:36px}.admin-row-actions .secondary-admin-action{min-height:38px;padding-inline:12px}.admin-row-actions .icon-button{min-height:40px;min-width:40px;width:40px;padding:0}.admin-category-list{display:grid;gap:10px}.admin-category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(245,240,230,.1);border-radius:var(--radius);background:#f5f0e60e;padding:12px 14px}.admin-category-row span{display:grid;gap:5px;min-width:0}.admin-category-row strong,.admin-category-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-category-row small{display:inline-flex;align-items:center;gap:5px;color:#f5f0e69e;font-size:12px}.admin-category-row em{border:1px solid rgba(245,240,230,.12);border-radius:999px;color:#f5f0e6a8;font-size:12px;font-style:normal;font-weight:900;padding:6px 9px}.source-panel{display:grid;gap:14px}.composition-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.composition-head h3{margin:0 0 4px;font-size:20px}.composition-head span{color:#f5f0e69e;font-size:13px;font-weight:800}.composition-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,220px) repeat(3,auto);gap:12px;align-items:center}.admin-search,.admin-sort-inline{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;border:1px solid rgba(245,240,230,.14);border-radius:var(--radius);background:#f5f0e614;color:#f5f0e6a8;padding:0 12px}.admin-search input,.admin-sort-inline select{min-height:44px;border:0;background:transparent;color:var(--paper);padding:0}.admin-search input:focus,.admin-sort-inline select:focus{box-shadow:none}.admin-search input::placeholder{color:#f5f0e66b}.composition-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.composition-list.is-empty{grid-template-columns:1fr}.composition-row{position:relative;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;border:1px solid rgba(245,240,230,.1);border-radius:var(--radius);background:#f5f0e60e;cursor:pointer;padding:12px 14px;transition:border .16s ease,background .16s ease}.composition-row:before{position:absolute;inset:0;border-radius:inherit;background:#f5f0e617;content:"";opacity:0;pointer-events:none;transition:opacity .1s ease-out}.composition-row:hover:before{opacity:1}.composition-row>*{position:relative;z-index:1}.composition-row:focus-within{outline:2px solid rgba(79,209,139,.68);outline-offset:4px}.composition-row.selected{border-color:#4fd18bb3;background:#4fd18b1f}.composition-row-check{position:absolute;overflow:hidden;width:1px;height:1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px;padding:0;white-space:nowrap}.composition-row img{width:58px;height:58px;border-radius:6px;object-fit:cover}.composition-row span{min-width:0}.composition-row strong,.composition-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composition-row small{color:#f5f0e69e}.restart-panel>div:first-child{display:grid;gap:4px}.restart-panel>div:first-child strong{font-size:20px}.restart-panel>div:first-child span{color:#f5f0e69e}.restart-panel .playlist-tile{background:#f5f0e614;color:var(--paper)}.restart-panel .playlist-tile small{color:#f5f0e69e}.answer-form input{background:#f5f0e6eb}.answer-form button{background:var(--green);color:#07110c;font-weight:900}.form-shell,.room-shell,.admin-shell{--sketch-ink: #1d1b16;--sketch-paper: #f6f4ef;--sketch-paper-strong: #fffdfa;--sketch-muted: #675f50;--sketch-accent: #8fa8ff;--sketch-red: #ff6b5f;--sketch-blue: #5e8bff;--sketch-green: #63d980;--sketch-purple: #a474ff;--sketch-line: #1d1b16;--sketch-shadow: 4px 5px 0 var(--sketch-line);min-height:100vh;background:radial-gradient(circle at 12% 16%,rgba(143,168,255,.2),transparent 28%),radial-gradient(circle at 88% 18%,rgba(94,139,255,.18),transparent 30%),linear-gradient(90deg,rgba(29,27,22,.055) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.055) 1px,transparent 1px),var(--sketch-paper);background-size:auto,auto,32px 32px,32px 32px,auto;color:var(--sketch-ink);font-family:Comic Sans MS,Trebuchet MS,ui-rounded,system-ui,sans-serif;letter-spacing:0}.form-shell *,.room-shell *,.admin-shell *{letter-spacing:0}.room-shell,.room-shell *{--room-scrollbar-thumb: #5f5a52;scrollbar-color:var(--room-scrollbar-thumb) transparent;scrollbar-width:thin}.room-shell::-webkit-scrollbar,.room-shell *::-webkit-scrollbar{width:8px;height:8px}.room-shell::-webkit-scrollbar-track,.room-shell *::-webkit-scrollbar-track{border:0;border-radius:999px 870px 960px 810px;background:transparent}.room-shell::-webkit-scrollbar-thumb,.room-shell *::-webkit-scrollbar-thumb{min-height:48px;border:2px solid transparent;border-radius:999px 820px 940px 760px;background:linear-gradient(var(--room-scrollbar-thumb),var(--room-scrollbar-thumb)) padding-box,linear-gradient(var(--sketch-line, #1d1b16),var(--sketch-line, #1d1b16)) border-box;box-shadow:inset 0 0 0 1px var(--sketch-line, #1d1b16)}.room-shell::-webkit-scrollbar-thumb:hover,.room-shell *::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--room-scrollbar-thumb),var(--room-scrollbar-thumb)) padding-box,linear-gradient(var(--sketch-line, #1d1b16),var(--sketch-line, #1d1b16)) border-box}.room-shell::-webkit-scrollbar-corner,.room-shell *::-webkit-scrollbar-corner{background:transparent}.form-shell h1,.form-shell h2,.form-shell h3,.room-shell h1,.room-shell h2,.room-shell h3,.admin-shell h1,.admin-shell h2,.admin-shell h3{color:var(--sketch-ink);text-transform:none}.form-panel,.panel,.stage,.volume-mixer,.restart-panel,.admin-login,.admin-panel,.admin-editor{border:2px solid var(--sketch-line);border-radius:18px 15px 20px 16px;background:color-mix(in srgb,var(--sketch-paper-strong) 94%,transparent);color:var(--sketch-ink);box-shadow:var(--sketch-shadow)}.form-shell .form-panel{padding:clamp(30px,5vw,56px)}.room-shell .panel,.room-shell .volume-mixer,.room-shell .restart-panel,.admin-shell .admin-login,.admin-shell .admin-panel,.admin-shell .admin-editor{padding:12px}.admin-shell .admin-login{padding:clamp(24px,4vw,42px)}.room-shell .stage{padding:16px}.form-panel,.admin-login,.admin-panel,.admin-editor{transform:rotate(-.18deg)}.admin-list-panel.admin-entity-panel{transform:none}.stage,.restart-panel{transform:rotate(.15deg)}.form-panel p,.room-shell p,.admin-header p,.admin-login p,.admin-hint,.track-list p,.empty-admin-state,.empty-list-state,.restart-panel>div:first-child span{color:var(--sketch-muted)}.form-panel h1,.panel-title h2,.admin-login h1,.admin-panel h2,.admin-editor-hero-copy h2,.round-active h1,.round-paused h1,.finished h1,.reveal-hero h1{font-weight:900;line-height:1.02}.form-shell button,.form-shell .primary-link,.form-shell .secondary-link,.form-shell .ghost-link,.room-shell button,.room-shell .primary-link,.room-shell .secondary-link,.room-shell .ghost-link,.admin-shell button,.admin-shell .primary-link,.admin-shell .secondary-link,.admin-shell .ghost-link,.admin-shell .file-upload,.secondary-admin-action{min-height:44px;border:2px solid var(--sketch-line);border-radius:999px 860px 920px 780px;background:var(--sketch-accent);color:#101b3b;box-shadow:4px 5px 0 var(--sketch-line);font-weight:900;text-transform:none}.form-shell .secondary-link,.form-shell .ghost-link,.room-shell .secondary-link,.room-shell .ghost-link,.admin-shell .secondary-link,.admin-shell .ghost-link,.secondary-admin-action,.file-upload{background:var(--sketch-paper-strong);color:var(--sketch-ink)}.form-shell button:hover:not(:disabled),.form-shell .primary-link:hover,.form-shell .secondary-link:hover,.form-shell .ghost-link:hover,.room-shell button:hover:not(:disabled),.room-shell .primary-link:hover,.room-shell .secondary-link:hover,.room-shell .ghost-link:hover,.admin-shell button:hover:not(:disabled),.admin-shell .primary-link:hover,.admin-shell .secondary-link:hover,.admin-shell .ghost-link:hover,.admin-shell .file-upload:hover,.secondary-admin-action:hover{transform:translate(-1px,-2px) rotate(-.5deg);box-shadow:6px 7px 0 var(--sketch-line)}.form-shell button:active:not(:disabled),.room-shell button:active:not(:disabled),.admin-shell button:active:not(:disabled),.form-shell .primary-link:active,.form-shell .secondary-link:active,.form-shell .ghost-link:active,.room-shell .primary-link:active,.room-shell .secondary-link:active,.room-shell .ghost-link:active,.admin-shell .primary-link:active,.admin-shell .secondary-link:active,.admin-shell .ghost-link:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--sketch-line)}.language-toggle,.form-shell .language-toggle,.room-shell .language-toggle,.admin-shell .language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:auto;min-height:40px;border:2px solid var(--sketch-line, #1d1b16);border-radius:999px 820px 960px 740px;background:var(--sketch-blue, #5e8bff);color:#fff;padding:0 13px;box-shadow:3px 4px color-mix(in srgb,var(--sketch-line, #1d1b16) 82%,transparent);font-size:14px;font-weight:900;line-height:1;text-transform:none}.language-toggle:hover:not(:disabled),.form-shell .language-toggle:hover:not(:disabled),.room-shell .language-toggle:hover:not(:disabled),.admin-shell .language-toggle:hover:not(:disabled){background:var(--sketch-blue, #5e8bff);color:#fff;transform:translateY(-3px) rotate(-1deg);box-shadow:3px 4px color-mix(in srgb,var(--sketch-line, #1d1b16) 82%,transparent)}.admin-shell .danger-button,.danger-button{background:var(--sketch-red);color:#21110f}.form-shell input,.form-shell select,.room-shell input,.room-shell select,.admin-shell input,.admin-shell select,.admin-shell textarea,.answer-form input{border:2px solid var(--sketch-line);border-radius:13px 11px 15px 10px;background:#fffef7;color:var(--sketch-ink);box-shadow:inset 3px 3px #1d1b1614;font-weight:800}.form-shell input:focus,.form-shell select:focus,.room-shell input:focus,.room-shell select:focus,.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus,.answer-form input:focus{border-color:var(--sketch-blue);box-shadow:0 0 0 3px #5e8bff33,inset 3px 3px #1d1b1614}.form-shell label,.field-label,.admin-panel label,.round-count-input span,.playlist-tile small,.admin-playlist-card small,.track-row span,.composition-row small,.scoreboard li span,.player-role,.mixer-row span,.mixer-row b,.round-result-row small{color:var(--sketch-muted)}.player-role--kick-countdown{color:var(--sketch-blue)}.form-error,.room-shell .form-error,.admin-shell .form-error{border:2px solid color-mix(in srgb,var(--sketch-red) 58%,var(--sketch-line));border-radius:10px;background:color-mix(in srgb,var(--sketch-red) 12%,var(--sketch-paper-strong));color:#651a15;box-shadow:none;font-weight:850}.playlist-tile,.admin-playlist-card,.track-row,.composition-row,.empty-list-state,.empty-playlist-state,.panel-empty{border:2px solid var(--sketch-line);border-radius:14px 11px 16px 12px;background:var(--sketch-paper-strong);color:var(--sketch-ink);box-shadow:3px 4px 0 var(--sketch-line)}.player-row,.scoreboard li,.final-leaderboard li,.round-result-row{border:0;border-top:2px solid color-mix(in srgb,var(--sketch-line) 16%,transparent);border-radius:0;background:transparent;color:var(--sketch-ink);box-shadow:none}.player-device,.player-os{background:color-mix(in srgb,var(--sketch-accent) 18%,var(--sketch-paper-strong));color:var(--sketch-muted)}.player-list .player-row:first-child,.scoreboard li:first-child,.final-leaderboard li:first-child,.round-result-row:first-child{border-top:0}.scoreboard li{grid-template-columns:30px 30px minmax(0,1fr) minmax(36px,auto);padding:8px 10px}.scoreboard li.is-self{grid-template-columns:minmax(34px,auto) 30px 30px minmax(0,1fr) minmax(36px,auto)}.room-shell .player-avatar{--player-avatar-line: var(--sketch-line);box-shadow:2px 3px 0 var(--sketch-line)}.scoreboard b,.final-leaderboard b,.final-screen>p{color:var(--sketch-ink);font-weight:900}.scoreboard li.score-pop{color:var(--sketch-ink)}.scoreboard li.score-pop b{color:#1f7a3d}.scoreboard li.is-ranking-up:before,.scoreboard li.score-pop:before{background:linear-gradient(90deg,color-mix(in srgb,var(--sketch-green) 32%,transparent),color-mix(in srgb,var(--sketch-accent) 16%,transparent),transparent 78%)}.scoreboard li.is-ranking-down{color:color-mix(in srgb,var(--sketch-ink) 74%,var(--sketch-muted))}.scoreboard li.is-ranking-down:before{background:linear-gradient(90deg,color-mix(in srgb,var(--sketch-accent) 20%,transparent),color-mix(in srgb,var(--sketch-muted) 10%,transparent),transparent 76%)}.scoreboard b em{color:#1f7a3d}:is(.scoreboard,.final-leaderboard,.round-results-list) .scoreboard-medal{color:var(--sketch-ink)}:is(.scoreboard,.final-leaderboard,.round-results-list) .scoreboard-medal:before,:is(.scoreboard,.final-leaderboard,.round-results-list) .scoreboard-medal:after{border-color:var(--sketch-line)}.round-result-row{grid-template-columns:36px 30px minmax(0,1fr) minmax(94px,max-content) minmax(72px,10ch);min-height:var(--round-result-row-min-height);padding:var(--round-result-row-padding-block) 0}.round-result-rank,.scoreboard-rank:not(.scoreboard-medal){display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--sketch-line);border-radius:999px;background:color-mix(in srgb,var(--sketch-blue) 18%,var(--sketch-paper-strong));color:var(--sketch-ink);font-weight:900}.round-result-rank.scoreboard-medal{background:var(--medal-fill);color:var(--sketch-ink)}.empty-list-state,.empty-playlist-state,.panel-empty{padding:16px}.playlist-tile,.admin-playlist-card,.choice-button,.composition-row,.track-row{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.playlist-tile:hover,.admin-playlist-card:hover,.composition-row:hover,.track-row:hover{transform:translate(-1px,-2px) rotate(-.4deg);box-shadow:5px 6px 0 var(--sketch-line)}.playlist-tile.selected,.admin-playlist-card.selected,.composition-row.selected,.secondary-admin-action.selected,.choice-button.selected{border-color:var(--sketch-line);background:color-mix(in srgb,var(--sketch-green) 48%,var(--sketch-paper-strong));color:#132514}.composition-row.selected{box-shadow:3px 4px 0 var(--sketch-line),0 0 0 4px color-mix(in srgb,var(--sketch-green) 28%,transparent)}.playlist-tile img,.admin-playlist-card img,.track-row img,.composition-row img,.admin-editor-hero img,.reveal-hero img{border:2px solid var(--sketch-line);border-radius:10px 8px 12px 9px}.playlist-tile:after{background:linear-gradient(180deg,transparent 30%,rgba(29,27,22,.78))}.admin-header{border-bottom:2px solid var(--sketch-line);background:linear-gradient(90deg,rgba(29,27,22,.045) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.045) 1px,transparent 1px),var(--sketch-paper-strong);background-size:26px 26px;color:var(--sketch-ink);box-shadow:0 5px 0 var(--sketch-line)}.room-header{border-bottom:0;background:transparent;color:var(--sketch-ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.admin-header h1{width:max-content;border:2px solid var(--sketch-line);border-radius:999px 820px 920px 760px;background:var(--sketch-accent);color:#101b3b;box-shadow:4px 5px 0 var(--sketch-line);padding:8px 14px;transform:rotate(-.8deg)}.room-meta{color:var(--sketch-ink)}.connection,.admin-stats span,.stage-topline,.host-controls button,.composition-head span{border:2px solid var(--sketch-line);border-radius:999px 820px 950px 790px;background:var(--sketch-paper-strong);color:var(--sketch-ink);box-shadow:3px 4px 0 var(--sketch-line);padding:7px 11px}.admin-shell .ingest-main-panel{padding:clamp(18px,2vw,24px)}.admin-shell .ingest-process-summary>span{min-height:66px;border:2px solid var(--sketch-line);border-radius:14px 12px 15px 13px;background:var(--sketch-paper-strong);color:var(--sketch-muted);box-shadow:3px 4px 0 var(--sketch-line);padding:12px 14px}.admin-shell .ingest-workers{border:0;background:transparent;box-shadow:none;padding-inline:0}.admin-shell .ingest-job-row,.admin-shell .ingest-worker-row{border-radius:14px 12px 15px 13px}.room-shell .connection{min-height:30px;background:var(--sketch-paper-strong);color:var(--sketch-ink);padding:5px 9px;font-size:12px}.room-shell .connection i{border:1px solid var(--sketch-line);background:#f0a83a}.room-shell .connection.is-connected i,.status-dot.online{color:#103315;background:var(--sketch-green)}.room-shell .connection.is-disconnected i{background:var(--sketch-red)}.room-shell .room-share{border:0;background:transparent;box-shadow:none}.room-shell .join-code,.room-shell .join-link{border:2px solid var(--sketch-line);border-radius:999px 820px 950px 790px;box-shadow:2px 3px 0 var(--sketch-line);color:var(--sketch-ink)}.room-shell .join-code,.room-shell .join-link{background:var(--sketch-paper-strong)}.room-shell .join-code:hover:not(:disabled),.room-shell .join-code:focus-visible,.room-shell .join-link:hover:not(:disabled),.room-shell .join-link:focus-visible,.room-shell .join-code.is-copied,.room-shell .join-link.is-copied{background:color-mix(in srgb,var(--sketch-green) 44%,var(--sketch-paper-strong));color:#103315}.room-shell .room-share-feedback{border:2px solid var(--sketch-line);background:var(--sketch-green);color:#103315;box-shadow:2px 3px 0 var(--sketch-line)}.join-code em,.join-link em{color:var(--sketch-ink)}.stage{overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(143,168,255,.24),transparent 24%),radial-gradient(circle at 88% 16%,rgba(255,107,95,.15),transparent 24%),var(--sketch-paper-strong)}.stage:before{width:210px;height:210px;left:-70px;top:-80px;border:2px solid color-mix(in srgb,var(--sketch-blue) 72%,transparent);border-radius:48% 52% 46% 54%;background:transparent;filter:none;opacity:.7}.stage:after{width:230px;height:120px;right:-82px;bottom:-42px;border:2px solid color-mix(in srgb,var(--sketch-red) 68%,transparent);border-radius:50%;background:transparent;filter:none;opacity:.72;animation:none}.host-controls{gap:12px}.room-shell .host-controls button{min-height:34px}.host-controls button svg{width:14px;height:14px}.icon-button{width:46px;min-width:46px;border-radius:50% 46% 52% 44%;padding:0}.room-shell .mute-button{width:24px;min-width:24px;min-height:24px;border:0;background:transparent;color:var(--sketch-muted);box-shadow:none;padding:0}.room-shell .mute-button:hover:not(:disabled){background:color-mix(in srgb,var(--sketch-line) 7%,transparent);box-shadow:none;transform:none}.room-shell .mute-button.is-muted{color:var(--sketch-red)}.room-shell .mixer-slider .filled-range{--range-track-bg: color-mix(in srgb, var(--sketch-accent) 28%, #fff);--range-fill-bg: var(--sketch-green);--range-thumb-bg: var(--sketch-green)}.room-shell .mixer-slider.is-muted .filled-range{--range-fill-bg: rgba(29, 27, 22, .22);--range-thumb-bg: rgba(29, 27, 22, .22)}.countdown,.round-active,.round-paused,.finished{color:var(--sketch-ink)}.countdown span,.round-active p,.round-paused p,.finished p,.reveal-hero p{color:var(--sketch-muted)}.countdown strong{color:var(--sketch-ink);text-shadow:none}.round-active-visual{width:min(460px,82vw);height:clamp(170px,min(24vw,28svh),240px);position:relative;display:grid;justify-self:center;place-items:center;margin-inline:auto}.dance-scene{position:relative;width:100%;height:100%;overflow:visible;border:0;border-radius:25px 18px 29px 20px;background:transparent;box-shadow:none;animation:danceSceneFloat 2.2s ease-in-out infinite}.dance-scene:before{content:"";position:absolute;z-index:0;inset:-12px -20px 18px;border:0;border-radius:42% 58% 46% 54%;background:linear-gradient(90deg,rgba(29,27,22,.055) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.055) 1px,transparent 1px);background-size:28px 28px;opacity:.8;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,black 0 42%,rgba(0,0,0,.62) 60%,transparent 82%);mask-image:radial-gradient(ellipse at center,black 0 42%,rgba(0,0,0,.62) 60%,transparent 82%)}.dance-scene:after{content:"";position:absolute;right:8%;bottom:44px;left:8%;height:10px;z-index:2;border:2px solid var(--sketch-line);border-radius:999px 860px 920px 780px;background:color-mix(in srgb,var(--sketch-accent) 58%,var(--sketch-paper-strong));box-shadow:3px 4px 0 var(--sketch-line)}.beat-ring,.dance-scribble,.dance-note,.stickman,.dance-speaker{position:absolute}.beat-ring{z-index:0;inset:19%;border:2px solid color-mix(in srgb,var(--sketch-blue) 70%,transparent);border-radius:999px;opacity:0;animation:beatRing 1.7s ease-out infinite}.beat-ring--two{inset:10%;border-color:color-mix(in srgb,var(--sketch-purple) 62%,transparent);animation-delay:.52s}.dance-scribble{z-index:1;width:96px;height:52px;border:2px solid var(--sketch-line);border-radius:54% 46% 48% 52%;background:transparent;opacity:.78;animation:danceScribbleDrift 2.6s ease-in-out infinite}.dance-scribble--one{top:26px;left:28px;border-color:color-mix(in srgb,var(--sketch-green) 76%,var(--sketch-line))}.dance-scribble--two{right:28px;bottom:88px;width:112px;height:58px;border-color:color-mix(in srgb,var(--sketch-red) 68%,var(--sketch-line));animation-delay:-.9s}.dance-note{--note-rotate: -12deg;z-index:4;width:22px;height:18px;border:2px solid var(--sketch-line);border-top:0;border-left:0;border-radius:48% 52% 54% 46%;background:var(--sketch-accent);animation:danceNoteFloat 1.6s ease-in-out infinite}.dance-note:before,.dance-note:after{content:"";position:absolute;display:block;background:var(--sketch-line);border-radius:999px}.dance-note:before{right:-5px;bottom:7px;width:5px;height:42px}.dance-note:after{right:-22px;bottom:44px;width:25px;height:5px;transform:rotate(18deg)}.dance-note--one{top:72px;left:16%;background:var(--sketch-green)}.dance-note--two{--note-rotate: 13deg;top:38px;right:20%;background:var(--sketch-red);animation-delay:-.52s}.dance-note--three{--note-rotate: 8deg;top:118px;right:10%;background:var(--sketch-purple);animation-delay:-1.02s}.stickman{--x: -50%;--scale: 1;--tilt: 0deg;--tilt-bounce: 4deg;--stick-fill: var(--sketch-accent);z-index:3;bottom:70px;left:50%;width:88px;height:168px;transform-origin:50% 100%;animation:stickmanBounce .72s cubic-bezier(.34,1.56,.64,1) infinite}.stickman--left{--scale: .86;--tilt: -7deg;--tilt-bounce: 4deg;--stick-fill: var(--sketch-green);bottom:60px;left:22%;animation-delay:-.12s}.stickman--center{--scale: 1.06;--tilt: 2deg;--tilt-bounce: -4deg;--stick-fill: var(--sketch-accent);bottom:76px;animation-delay:-.32s}.stickman--right{--scale: .9;--tilt: 7deg;--tilt-bounce: -5deg;--stick-fill: var(--sketch-red);bottom:62px;left:76%;animation-delay:-.23s}.stickman span{position:absolute;display:block}.stickman-head{top:0;left:50%;width:42px;height:42px;margin-left:-21px;border:2px solid var(--sketch-line);border-radius:48% 52% 44% 56%;background:var(--stick-fill);box-shadow:3px 4px 0 var(--sketch-line);animation:stickmanHeadBob .72s ease-in-out infinite}.stickman-body{top:46px;left:50%;width:7px;height:58px;margin-left:-3px;border-radius:999px;background:var(--sketch-line)}.stickman-arm,.stickman-leg{left:50%;width:58px;height:7px;margin-left:-3px;border-radius:999px;background:var(--sketch-line);transform-origin:3px 50%}.stickman-arm{top:62px}.stickman-arm--left{animation:stickmanArmLeft .72s ease-in-out infinite}.stickman-arm--right{animation:stickmanArmRight .72s ease-in-out infinite}.stickman-leg{top:101px;width:62px}.stickman-leg--left{animation:stickmanLegLeft .72s ease-in-out infinite}.stickman-leg--right{animation:stickmanLegRight .72s ease-in-out infinite}.stickman--left .stickman-arm,.stickman--left .stickman-leg{animation-delay:-.12s}.stickman--center .stickman-arm,.stickman--center .stickman-leg{animation-delay:-.32s}.stickman--right .stickman-arm,.stickman--right .stickman-leg{animation-delay:-.23s}.dance-speaker{z-index:5;bottom:25px;left:50%;width:112px;height:58px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:center;border:2px solid var(--sketch-line);border-radius:14px 11px 16px 12px;background:color-mix(in srgb,var(--sketch-purple) 44%,var(--sketch-paper-strong));box-shadow:4px 5px 0 var(--sketch-line);padding:10px 14px;transform:translate(-50%) rotate(-1deg)}.dance-speaker:before{content:"";position:absolute;top:-11px;left:28px;width:52px;height:12px;border:2px solid var(--sketch-line);border-bottom:0;border-radius:999px 999px 0 0;background:var(--sketch-paper-strong)}.dance-speaker span{display:block;aspect-ratio:1;border:2px solid var(--sketch-line);border-radius:999px;background:radial-gradient(circle,var(--sketch-line) 0 18%,transparent 20%),repeating-radial-gradient(circle,var(--sketch-paper-strong) 0 5px,rgba(29,27,22,.12) 6px 9px);animation:speakerThump .72s ease-in-out infinite}.dance-speaker span:nth-child(2){animation-delay:-.36s}.round-paused h1{color:var(--sketch-ink)}.round-paused h1 svg{color:var(--sketch-red)}.round-audio-overlay{background:#fffdfad1;color:var(--sketch-ink)}.round-audio-overlay button{background:var(--sketch-accent);color:#101b3b;transform:rotate(-.8deg)}.round-timer{border:0;border-radius:999px 820px 950px 790px;background:var(--sketch-paper-strong);color:var(--sketch-ink);padding:8px 15px}.round-timer svg{color:var(--sketch-ink)}.round-timer strong{color:var(--sketch-ink)}.round-timer.is-danger,.round-timer.is-danger svg,.round-timer.is-danger strong{color:var(--sketch-red)}.round-reveal-screen{border:0;background:transparent;box-shadow:none;color:var(--sketch-ink)}.reveal-hero{border:0;border-radius:24px 18px 28px 20px;background:#090907;box-shadow:none}.reveal-hero:after,.admin-editor-hero:after{background:linear-gradient(180deg,transparent 18%,rgba(29,27,22,.86))}.reveal-hero h1,.reveal-hero p,.admin-editor-hero-copy h2,.admin-editor-hero-copy p{color:#fff7dd;text-shadow:2px 2px 0 rgba(29,27,22,.82)}.round-answer-line.correct b,.my-round-metric-score strong{color:var(--sketch-green)}.round-answer-line.wrong b,.my-round-result.wrong .my-round-metric-score strong,.round-result-row.wrong b{color:var(--sketch-red)}.my-round-result{border:0;border-radius:clamp(14px,1.7vw,22px);background:linear-gradient(90deg,color-mix(in srgb,var(--sketch-green) 14%,transparent) 0%,color-mix(in srgb,var(--sketch-paper-strong) 38%,transparent) 58%,transparent 100%);overflow:hidden;box-shadow:none}.my-round-result.wrong{background:linear-gradient(90deg,color-mix(in srgb,var(--sketch-red) 14%,transparent) 0%,color-mix(in srgb,var(--sketch-paper-strong) 38%,transparent) 58%,transparent 100%)}.round-answer-line span,.my-round-metric span{color:var(--sketch-muted)}.my-round-metric b{color:var(--sketch-ink)}.my-round-metric{background:transparent}.my-round-metric-time{background:linear-gradient(color-mix(in srgb,var(--sketch-line) 14%,transparent),color-mix(in srgb,var(--sketch-line) 14%,transparent)) left top / 2px 100% no-repeat}.my-round-metric-score strong{color:var(--sketch-green)}.round-result-row{border:0;border-top:2px solid color-mix(in srgb,var(--sketch-line) 16%,transparent);border-radius:0;background:transparent;color:var(--sketch-ink);box-shadow:none}.round-result-row:first-child{border-top:0}.round-result-row.correct,.round-result-row.wrong{background:transparent}.round-result-row strong,.round-result-row small,.answer-log span{color:var(--sketch-ink)}.round-result-row.correct b{color:#1f7a3d}.round-result-row small,.round-result-answer{color:var(--sketch-muted)}.round-result-row.unanswered strong,.round-result-row.unanswered small,.round-result-row.unanswered .round-result-rank:not(.scoreboard-medal){color:color-mix(in srgb,var(--sketch-ink) 58%,transparent)}.round-result-row.unanswered .round-result-rank:not(.scoreboard-medal){background:color-mix(in srgb,var(--sketch-paper-strong) 42%,transparent)}.round-results-panel,.round-results-list{border:0;background:transparent;box-shadow:none}.room-shell .final-screen>p,.room-shell .final-leaderboard span,.room-shell .final-leaderboard strong,.room-shell .final-leaderboard b{color:var(--sketch-ink);font-weight:900}.answer-log .correct{background:color-mix(in srgb,var(--sketch-green) 42%,var(--sketch-paper-strong))}.answer-log .wrong{background:color-mix(in srgb,var(--sketch-red) 36%,var(--sketch-paper-strong))}.choice-grid{align-items:stretch;align-self:start;width:min(1080px,100%);justify-self:center;gap:clamp(8px,1vw,12px)}.room-shell .choice-button{min-height:clamp(58px,7.2svh,74px);grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;justify-content:center;border:2px solid var(--sketch-line);border-radius:18px 13px 20px 15px;background:var(--sketch-paper-strong);color:var(--sketch-ink);box-shadow:3px 4px 0 var(--sketch-line);padding:10px 36px;text-align:center}.room-shell .choice-button:nth-child(2n){transform:none}.room-shell .choice-button:nth-child(odd){transform:none}.room-shell .choice-button:hover:not(:disabled){transform:none;background:color-mix(in srgb,var(--sketch-accent) 36%,var(--sketch-paper-strong));box-shadow:3px 4px 0 var(--sketch-line)}.room-shell .choice-button:after{background:linear-gradient(90deg,transparent,rgba(143,168,255,.28),transparent)}.room-shell .choice-button strong{justify-self:center;color:var(--sketch-ink);font-size:clamp(13px,1.05vw,16px)}.room-shell .choice-check-icon{color:var(--sketch-ink)}.room-shell .choice-button.selected{border-color:var(--sketch-line);background:color-mix(in srgb,var(--sketch-green) 48%,var(--sketch-paper-strong));color:#132514}.room-shell .lobby-guide li{border:2px solid var(--sketch-line);background:linear-gradient(90deg,rgba(29,27,22,.035) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.035) 1px,transparent 1px),color-mix(in srgb,var(--sketch-paper-strong) 94%,transparent);background-size:26px 26px,26px 26px,auto;color:var(--sketch-ink);box-shadow:4px 5px 0 var(--sketch-line)}.room-shell .lobby-guide-card--listen{transform:rotate(-.35deg)}.room-shell .lobby-guide-card--choose{transform:rotate(.18deg)}.room-shell .lobby-guide-card--score{transform:rotate(-.12deg)}.room-shell .lobby-guide-top span{border:2px solid color-mix(in srgb,var(--sketch-blue) 62%,var(--sketch-line));background:color-mix(in srgb,var(--sketch-blue) 24%,var(--sketch-paper-strong));color:#10245e;box-shadow:1px 2px 0 var(--sketch-line)}.room-shell .lobby-guide-top svg{color:var(--sketch-green)}.room-shell .lobby-guide strong,.room-shell .guide-choice b,.room-shell .guide-score-row strong{color:var(--sketch-ink)}.room-shell .lobby-guide small,.room-shell .guide-result-pill span{color:var(--sketch-muted)}.room-shell .guide-round-row,.room-shell .guide-result-pill,.room-shell .guide-score-row,.room-shell .guide-choice,.room-shell .guide-progress{border:2px solid var(--sketch-line);background:color-mix(in srgb,var(--sketch-paper-strong) 80%,transparent)}.room-shell .guide-round-row b,.room-shell .guide-result-pill b,.room-shell .guide-score-row b{color:#176b39}.room-shell .guide-wave i,.room-shell .guide-progress span{border:2px solid var(--sketch-line);background:color-mix(in srgb,var(--sketch-green) 76%,var(--sketch-paper-strong));box-shadow:2px 3px 0 var(--sketch-line)}.room-shell .guide-progress span{border:0;box-shadow:none}.room-shell .guide-choice em,.room-shell .guide-score-row span{background:color-mix(in srgb,var(--sketch-blue) 42%,var(--sketch-paper-strong));color:#10245e;box-shadow:1px 2px 0 var(--sketch-line)}.room-shell .guide-choice.selected,.room-shell .guide-score-row.winner{border-color:var(--sketch-line);background:color-mix(in srgb,var(--sketch-green) 42%,var(--sketch-paper-strong))}.admin-grid,.game-layout{align-items:start}.admin-grid>*,.admin-workspace>*,.game-layout>*,.admin-form.two-col>*,.composition-tools>*,.admin-editor,.admin-panel{min-width:0}.admin-grid.library-grid{grid-template-columns:minmax(280px,320px) minmax(230px,280px) minmax(0,1fr)}.admin-section-tabs button,.admin-filter-group button,.admin-category-picker button{border:2px solid var(--sketch-line);background:var(--sketch-paper-strong);color:var(--sketch-ink)}.admin-section-tabs button.selected,.admin-filter-group button.selected,.admin-category-picker button.selected{border-color:var(--sketch-blue);background:color-mix(in srgb,var(--sketch-blue) 32%,var(--sketch-paper-strong));color:#101b3b}.admin-list-heading strong,.admin-playlist-card span,.admin-category-row strong{color:var(--sketch-ink)}.admin-list-heading span,.admin-sort-control>span,.admin-filter-group>span,.admin-category-picker>span,.admin-control-label,.admin-playlist-card small,.admin-playlist-card .admin-playlist-categories,.admin-category-row small,.admin-category-row em{color:var(--sketch-muted)}.admin-sort-control select{border:2px solid var(--sketch-line);background:var(--sketch-paper-strong);color:var(--sketch-ink)}.admin-header{align-items:flex-start;border:2px solid var(--sketch-line);border-radius:18px 16px 20px 15px;background:linear-gradient(90deg,rgba(29,27,22,.035) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.035) 1px,transparent 1px),var(--sketch-paper-strong);background-size:24px 24px}.admin-header-copy{gap:12px}.admin-header h1{width:auto;max-width:100%;border:0;border-radius:0;background:transparent;color:var(--sketch-ink);padding:0;margin-bottom:8px;transform:none;font-size:clamp(30px,4vw,44px);overflow-wrap:anywhere}.admin-stats b,.admin-toolbar-copy strong{color:var(--sketch-ink)}.admin-toolbar-copy span{color:var(--sketch-muted)}.admin-category-row,.track-row{border:2px solid var(--sketch-line);background:var(--sketch-paper-strong);box-shadow:3px 4px 0 var(--sketch-line)}.admin-entity-row.selected{border-color:var(--sketch-line);background:color-mix(in srgb,var(--sketch-green) 30%,var(--sketch-paper-strong))}.admin-entity-row.bulk-selected{border-color:var(--sketch-line);background:color-mix(in srgb,var(--sketch-accent) 22%,var(--sketch-paper-strong))}.admin-tool-filters,.admin-inline-editor,.admin-top-filters{border-color:color-mix(in srgb,var(--sketch-line) 55%,transparent)}.admin-category-row em{background:color-mix(in srgb,var(--sketch-accent) 24%,var(--sketch-paper-strong))}.admin-login,.admin-panel{background:linear-gradient(90deg,rgba(29,27,22,.04) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.04) 1px,transparent 1px),var(--sketch-paper-strong);background-size:24px 24px}.track-edit-modal,.category-edit-modal{border:4px solid var(--sketch-line);border-radius:18px 13px 20px 15px;box-shadow:9px 10px 0 var(--sketch-line);color:var(--sketch-ink)}.track-edit-modal-header img,.category-edit-modal-icon{border:2px solid var(--sketch-line);box-shadow:3px 4px 0 var(--sketch-line)}.category-edit-modal-icon{background:var(--sketch-paper-strong);color:var(--sketch-ink)}.track-edit-modal-header h2{color:var(--sketch-ink)}.track-edit-modal-header span,.track-edit-modal-header small{color:var(--sketch-muted)}.admin-form button,.file-upload{min-height:48px}.admin-playlist-card.selected:before{border-color:var(--sketch-line)}.admin-editor-hero{border:2px solid var(--sketch-line);border-radius:18px 13px 20px 15px;background:#15120e;box-shadow:var(--sketch-shadow)}.admin-search,.admin-sort-inline{border:2px solid var(--sketch-line);border-radius:14px 11px 16px 12px;background:var(--sketch-paper-strong);color:var(--sketch-muted);box-shadow:3px 4px 0 var(--sketch-line)}.admin-search input,.admin-sort-inline select{border:0;border-radius:0;background:transparent;color:var(--sketch-ink);box-shadow:none;padding:0}.admin-search input:focus,.admin-sort-inline select:focus{border:0;box-shadow:none}.admin-search input::placeholder{color:color-mix(in srgb,var(--sketch-muted) 72%,transparent)}.restart-panel .playlist-tile{background:var(--sketch-paper-strong);color:var(--sketch-ink)}.game-layout aside .restart-panel{padding:14px}.restart-panel .selected-playlist-card strong{font-size:16px;line-height:1.1}.restart-panel .secondary-form-action{width:100%;justify-self:stretch}.game-layout aside .restart-panel .round-count-input{gap:7px;color:var(--sketch-muted);font-size:12px}.game-layout aside .restart-panel .round-count-input input,.game-layout aside .restart-panel .secondary-form-action,.game-layout aside .restart-panel>button{min-height:44px;font-size:14px}.form-shell{position:relative}.form-shell .ghost-link{position:fixed;top:14px;left:14px;z-index:35;align-self:auto;margin-left:0}.selected-playlist-field{display:grid;gap:12px}.selected-playlist-card{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:14px;min-height:112px;border:2px solid var(--sketch-line);border-radius:8px;background:var(--sketch-paper-strong);box-shadow:3px 4px 0 var(--sketch-line);color:var(--sketch-ink);padding:8px}.selected-playlist-card img{width:94px;height:94px;border:2px solid var(--sketch-line);border-radius:5px;object-fit:cover}.selected-playlist-card div{min-width:0;display:grid;gap:5px}.selected-playlist-card span{color:var(--sketch-muted);font-size:12px;font-weight:900;text-transform:uppercase}.selected-playlist-card strong{overflow:hidden;color:var(--sketch-ink);font-size:clamp(22px,3vw,32px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.selected-playlist-card small{color:var(--sketch-muted);font-weight:800}.game-layout aside .restart-panel .selected-playlist-card span,.game-layout aside .restart-panel .selected-playlist-card small{font-size:11px}.secondary-form-action{justify-self:start}.admin-header p,.admin-login p,.admin-hint,.admin-panel label,.admin-stats span,.ingest-stat-grid span,.ingest-process-summary>span,.ingest-process-summary small,.ingest-detected,.ingest-job-status,.ingest-job-copy a,.ingest-job-copy span,.ingest-job-meta span,.ingest-worker-row small,.ingest-worker-row em,.track-row span,.track-row small,.track-list p,.empty-admin-state,.empty-list-state,.composition-head span,.composition-row small,.restart-panel>div:first-child span,.restart-panel .playlist-tile small{color:var(--sketch-muted)}.admin-stats b,.ingest-stat-grid b,.ingest-detected strong,.ingest-job-status strong,.ingest-job-copy strong,.ingest-worker-row strong,.track-row strong,.empty-list-state strong,.composition-row strong,.restart-panel>div:first-child strong{color:var(--sketch-ink)}.admin-playlist-card,.track-row,.composition-row,.ingest-job-row,.ingest-worker-row{color:var(--sketch-ink)}.playlist-tile-shell{display:grid;gap:8px;align-content:start;min-width:0}.playlist-tile-shell .playlist-tile{width:100%}.playlist-rate-control{display:flex;flex-wrap:wrap;gap:6px}.form-shell .playlist-rate-control button,.room-shell .playlist-rate-control button{width:34px;min-height:34px;border-radius:50%;background:var(--sketch-paper-strong);color:var(--sketch-muted);padding:0}.form-shell .playlist-rate-control button.selected,.room-shell .playlist-rate-control button.selected{background:var(--sketch-accent);color:#101b3b}.playlist-loading-card{pointer-events:none}.skeleton-block,.skeleton-line{display:block;overflow:hidden;border-radius:10px;background:linear-gradient(90deg,#1d1b1614,#8fa8ff3d,#1d1b1614);background-size:220% 100%;animation:skeletonSweep 1.2s ease-in-out infinite}.skeleton-block.cover{width:90px;height:90px;border:3px solid var(--sketch-line)}.skeleton-line{width:100%;height:14px}.skeleton-line.short{width:42%}.skeleton-line.title{width:72%;height:30px}.playlist-tile{min-height:230px;align-content:end;grid-template-rows:1fr auto auto auto auto;border-radius:6px;background:#18140f;color:#fff7dd;padding:14px;isolation:isolate}.form-shell .playlist-tile,.room-shell .playlist-tile,.admin-shell .admin-playlist-card{border-radius:6px}.playlist-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;opacity:.9}.playlist-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1213130f 18%,#12131352 48%,#121313e0)}.playlist-tile:after{inset:auto 0 0;height:5px;border-radius:0;background:var(--sketch-accent)}.playlist-tile .playlist-name{color:#fff7dd;font-size:20px;font-weight:950;line-height:1.05;text-shadow:2px 2px 0 rgba(29,27,22,.82)}.playlist-tile .playlist-track-count,.playlist-tile .playlist-description,.playlist-tile .playlist-rating{color:#fff7dddb}.playlist-tile .playlist-track-count{font-size:12px}.playlist-tile .playlist-description{display:-webkit-box;min-height:38px;overflow:hidden;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlist-tile .playlist-rating{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border:2px solid rgba(255,247,221,.58);border-radius:999px;background:#1213137a;padding:4px 8px;font-size:12px;font-weight:900}.playlist-tile.selected{background:#18140f;color:#fff7dd;box-shadow:0 0 0 4px color-mix(in srgb,var(--sketch-green) 56%,transparent),5px 6px 0 var(--sketch-line)}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile{grid-template-areas:". ." "name name" "description description" "tracks tracks" "categories categories" "badge rating";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto auto auto auto auto;gap:7px 10px;align-content:end;justify-items:start;position:relative;overflow:hidden;border:4px solid var(--sketch-line);border-radius:8px;background:#18140f;color:#fff7dd;padding:14px}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile:before{display:block}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile:after{content:none;display:none}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile .playlist-name{grid-area:name;display:-webkit-box;overflow:hidden;color:#fff7dd;font-size:clamp(18px,1.6vw,23px);line-height:1.08;text-shadow:2px 2px 0 rgba(29,27,22,.82);-webkit-box-orient:vertical;-webkit-line-clamp:2}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile .playlist-description{grid-area:description;display:-webkit-box;min-height:0;max-width:100%;overflow:hidden;color:#fff7ddd6;font-size:13px;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:2}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile .playlist-track-count{grid-area:tracks;color:#fff7dde6;font-size:13px;line-height:1.1}.playlist-card-categories{grid-area:categories;display:flex;flex-wrap:wrap;align-content:start;gap:7px;max-height:58px;overflow:hidden}.playlist-card-categories small{border:2px solid rgba(255,247,221,.44);border-radius:999px;background:#1213136b;color:#fff7dd;padding:3px 8px;font-size:11px;font-weight:900}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile .playlist-rating{grid-area:rating;position:static;align-self:end;justify-self:end;gap:5px;border:2px solid rgba(255,247,221,.58);border-radius:999px;background:#1213138f;color:#fff7dd;padding:5px 8px}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile .playlist-rating svg{width:16px;height:16px}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile .playlist-rating b{font-size:15px;line-height:1}:is(.playlist-modal,.final-playlist-rating,.admin-playlist-library) .playlist-tile.selected{border-color:var(--sketch-green);color:#fff7dd}.admin-playlist-card{grid-template-columns:58px minmax(0,1fr) auto;border-radius:6px}.admin-playlist-card small:last-child{grid-column:2 / -1}.admin-editor-hero small{position:relative;z-index:1;display:inline-flex;width:max-content;max-width:100%;margin-top:10px;border:3px solid var(--sketch-line);border-radius:999px;background:var(--sketch-accent);color:#101b3b;box-shadow:3px 4px 0 var(--sketch-line);padding:5px 9px;font-size:12px;font-weight:900}.rating-field{display:grid;gap:8px;color:var(--sketch-muted);font-size:14px;font-weight:800}.rating-control{display:flex;flex-wrap:wrap;gap:7px}.rating-control button{width:42px;min-height:42px;border-radius:50% 46% 52% 44%;background:var(--sketch-paper-strong);color:var(--sketch-muted);padding:0;transition:background .16s ease,color .16s ease,transform .16s ease}.rating-control button.selected{background:var(--sketch-accent);color:#101b3b}.rating-control button.preview,.rating-control button:hover:not(:disabled),.rating-control button:focus-visible{background:color-mix(in srgb,var(--sketch-green) 74%,var(--sketch-paper-strong));color:#103315}.rating-control button.preview{transform:translateY(-1px)}.final-playlist-rating{width:100%;display:grid;align-content:start;justify-items:center;gap:12px;min-width:0}.final-playlist-rating-title{width:100%;color:var(--sketch-ink);font-size:13px;font-weight:900;text-transform:uppercase;text-align:center}.final-rating-playlist-card{width:100%;min-height:0;aspect-ratio:1 / 1}.final-playlist-rating .final-rating-playlist-card:hover{transform:none;box-shadow:3px 4px 0 var(--sketch-line)}.final-playlist-rating>small{justify-self:center;max-width:34ch;color:var(--sketch-muted);font-size:12px;font-style:normal;font-weight:800;line-height:1.35;text-align:center}.final-rating-control{justify-content:center;justify-self:center}[data-sonner-toaster]{--width: min(390px, calc(100vw - 28px) );font-family:Comic Sans MS,Trebuchet MS,ui-rounded,system-ui,sans-serif}[data-sonner-toast][data-styled=true].app-toast{position:relative;align-items:center;border:3px solid var(--sketch-line, var(--ink));border-radius:12px;background:linear-gradient(90deg,rgba(29,27,22,.04) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.04) 1px,transparent 1px),var(--sketch-paper-strong, var(--paper-strong));background-size:22px 22px;color:var(--sketch-ink, var(--ink));gap:11px;padding:13px 48px 13px 14px}[data-sonner-toast].app-toast [data-icon]{align-self:center;color:currentColor}[data-sonner-toast].app-toast .app-toast-icon{display:block;stroke-width:3}[data-sonner-toast].app-toast .app-toast-title{font-size:14px;font-weight:900;line-height:1.25}[data-sonner-toast].app-toast .app-toast-description{color:var(--sketch-muted, var(--muted));font-size:13px}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=success]{background:linear-gradient(90deg,rgba(29,27,22,.035) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.035) 1px,transparent 1px),color-mix(in srgb,var(--sketch-green, var(--green)) 22%,var(--sketch-paper-strong, var(--paper-strong)));background-size:22px 22px;border-color:var(--sketch-line, var(--ink));color:#143b24}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=error]{background:linear-gradient(90deg,rgba(29,27,22,.035) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.035) 1px,transparent 1px),color-mix(in srgb,var(--sketch-red, var(--red)) 20%,var(--sketch-paper-strong, var(--paper-strong)));background-size:22px 22px;border-color:var(--sketch-line, var(--ink));color:#4a1511}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=info]{background:linear-gradient(90deg,rgba(29,27,22,.035) 1px,transparent 1px),linear-gradient(rgba(29,27,22,.035) 1px,transparent 1px),color-mix(in srgb,var(--sketch-blue, var(--blue)) 20%,var(--sketch-paper-strong, var(--paper-strong)));background-size:22px 22px;border-color:var(--sketch-line, var(--ink));color:#13224f}[data-sonner-toast].app-toast .app-toast-close{position:absolute;top:50%;right:12px;left:auto;width:32px;min-height:32px;height:32px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:inherit;line-height:0;padding:0;transform:translateY(-50%);transition:color .16s ease,transform .16s ease,background .16s ease}[data-sonner-toast].app-toast .app-toast-close:hover,[data-sonner-toast].app-toast .app-toast-close:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent);transform:translateY(-50%)}[data-sonner-toast].app-toast .app-toast-close svg{width:16px;height:16px;stroke-width:3}@media(max-width:620px){[data-sonner-toaster]{--width: calc(100vw - 24px) }}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonSweep{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes heroRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes doodlePop{0%{opacity:0;transform:translateY(16px) rotate(1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes waveBounce{0%{transform:scaleY(.72)}to{transform:scaleY(1.08)}}@keyframes stageSweep{0%,58%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes countdownBeat{0%,to{transform:scale(1);text-shadow:0 0 0 rgba(79,209,139,0)}50%{transform:scale(1.04);text-shadow:0 0 38px rgba(79,209,139,.34)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes scoreFloat{0%{opacity:0;transform:translateY(8px) scale(.92)}20%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes scoreboardScorePulse{0%{opacity:0;transform:scaleX(.86) translate(-6px)}26%{opacity:1;transform:scaleX(1) translate(0)}to{opacity:0;transform:scaleX(1.05) translate(0)}}@keyframes scoreboardRowRiseGlow{0%{opacity:0;transform:scaleX(.82) translate(-8px)}28%{opacity:1;transform:scaleX(1) translate(0)}to{opacity:0;transform:scaleX(1.03) translate(4px)}}@keyframes scoreboardRowDropGlow{0%{opacity:0;transform:scaleX(.9) translate(5px)}32%{opacity:.7;transform:scaleX(1) translate(0)}to{opacity:0;transform:scaleX(1) translate(0)}}@keyframes nicknameRankRise{0%{color:inherit;text-shadow:none;transform:translateY(5px)}42%{color:var(--green);text-shadow:0 0 22px rgba(79,209,139,.34);transform:translateY(-2px)}to{color:inherit;text-shadow:none;transform:translateY(0)}}@keyframes nicknameRankDrop{0%{opacity:1;transform:translateY(-4px)}55%{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes nicknameShimmer{0%{background-position:0% 50%}to{background-position:162.5% 50%}}@keyframes lobbyEllipsisDot{0%,18%{opacity:.18}38%,72%{opacity:1}to{opacity:.18}}@keyframes rankBadgeLift{0%{transform:scale(.94) rotate(-4deg)}44%{transform:scale(1.14) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes rankBadgeSettle{0%{transform:scale(1.04) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes leaderMedalPop{0%{box-shadow:0 0 #f2c14e00;transform:scale(.92) rotate(-8deg)}45%{box-shadow:0 0 0 8px #f2c14e33;transform:scale(1.2) rotate(5deg)}to{box-shadow:0 0 #f2c14e00;transform:scale(1) rotate(0)}}@keyframes scoreNumberPop{0%{transform:scale(.94)}46%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rankIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes arenaIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes finalStageFocusIn{0%{opacity:.88;transform:translate(-12px) scale(.992)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pauseOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 #4fd18b00}to{box-shadow:0 0 54px #4fd18b38}}@keyframes danceSceneFloat{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.35deg)}}@keyframes beatRing{0%{opacity:0;transform:scale(.72)}18%{opacity:.56}to{opacity:0;transform:scale(1.24)}}@keyframes danceScribbleDrift{0%,to{transform:translateZ(0) rotate(-4deg)}50%{transform:translate3d(8px,-10px,0) rotate(5deg)}}@keyframes danceNoteFloat{0%{opacity:0;transform:translateY(18px) rotate(var(--note-rotate))}20%,78%{opacity:1}to{opacity:0;transform:translateY(-34px) rotate(calc(var(--note-rotate) + 14deg))}}@keyframes stickmanBounce{0%,to{transform:translate(var(--x)) translateY(0) scale(var(--scale)) rotate(var(--tilt))}50%{transform:translate(var(--x)) translateY(-12px) scale(var(--scale)) rotate(var(--tilt-bounce))}}@keyframes stickmanHeadBob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(5deg)}}@keyframes stickmanArmLeft{0%,to{transform:rotate(150deg)}50%{transform:rotate(205deg)}}@keyframes stickmanArmRight{0%,to{transform:rotate(30deg)}50%{transform:rotate(-24deg)}}@keyframes stickmanLegLeft{0%,to{transform:rotate(118deg)}50%{transform:rotate(146deg)}}@keyframes stickmanLegRight{0%,to{transform:rotate(62deg)}50%{transform:rotate(28deg)}}@keyframes speakerThump{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.dance-scene,.beat-ring,.dance-scribble,.dance-note,.stickman,.stickman-head,.stickman-arm,.stickman-leg,.dance-speaker span,.scoreboard li.score-pop:before,.scoreboard li.score-pop b,.scoreboard li.is-ranking-up:before,.scoreboard li.is-ranking-down:before,.scoreboard li.is-ranking-up strong,.scoreboard li.is-ranking-down strong,.player-name.is-shimmering strong,.nickname-shimmer,.scoreboard li.is-ranking-up .scoreboard-rank,.scoreboard li.is-ranking-down .scoreboard-rank,.scoreboard li.is-new-leader .scoreboard-rank,.game-layout--final-focus .stage{animation-duration:1ms;animation-iteration-count:1}.lobby-state-ellipsis span{opacity:1;animation:none}}@keyframes choiceLock{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@media(min-width:1800px){.home-page{padding:clamp(28px,2vw,48px)}.home-shell{width:min(1280px,100%);grid-template-columns:minmax(0,1fr) minmax(420px,.78fr)}.home-hero h1{font-size:clamp(72px,5.2vw,96px)}.home-hero p{max-width:780px;font-size:22px}.form-panel{width:min(1080px,100%)}.admin-playlists-workspace,.admin-tracks-workspace,.admin-categories-workspace{grid-template-columns:minmax(0,1fr)}.admin-playlist-library{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.track-list{--track-card-min: min(100%, max(300px, calc((100% - 36px)/4) ))}.playlist-modal{width:min(1800px,calc(100vw - 24px));height:min(1120px,calc(100svh - 24px))}}@media(min-width:1101px)and (max-width:1500px){.home-shell{gap:clamp(18px,2.4vw,32px);min-height:min(680px,calc(100svh - clamp(124px,12vw,170px)));padding:0}.home-hero h1{font-size:clamp(54px,5.6vw,72px)}.home-doodle{min-height:clamp(520px,41vw,640px)}.admin-shell{padding:clamp(18px,2.2vw,30px)}.admin-playlists-workspace,.admin-tracks-workspace,.admin-categories-workspace{grid-template-columns:minmax(0,1fr)}.admin-playlist-library{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.track-list{--track-card-min: min(100%, max(260px, calc((100% - 24px) / 3)))}.playlist-modal{width:min(1460px,calc(100vw - 24px));height:min(980px,calc(100svh - 24px))}}@media(min-width:1101px)and (max-width:1300px){.round-reveal-screen{grid-template-columns:minmax(260px,.82fr) minmax(430px,1.18fr)}.my-round-result{--round-result-value-size: 42px;gap:18px}.my-round-metric-time{padding-left:18px}}@media(max-width:1180px){.admin-shell{padding:clamp(16px,2.6vw,26px)}.admin-workspace,.admin-playlist-editor-workspace,.admin-playlists-workspace,.admin-tracks-workspace,.admin-ingest-workspace,.admin-categories-workspace,.admin-grid,.admin-grid.library-grid,.ingest-process-grid{grid-template-columns:1fr}.admin-sidebar-stack{position:static;max-height:none;overflow:visible;padding:0}.admin-header{grid-template-columns:1fr;align-items:stretch}.admin-header-actions{justify-content:flex-start}.admin-section-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-gutter:stable}.admin-section-tabs button{flex:0 0 auto}.ingest-process-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-tools{grid-template-columns:minmax(240px,1fr) minmax(170px,220px)}.playlist-top-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.room-shell{--room-header-block-size: 78px;height:auto;min-height:100vh;min-height:100svh;overflow-x:hidden;overflow-y:auto}.game-layout{grid-template-columns:1fr;justify-self:center;width:min(760px,100%);height:auto;min-height:0;margin-inline:auto;overflow:visible}.game-layout aside{order:2;position:static;max-height:none;margin-right:0;overflow:visible;padding-right:0}.game-layout--final-focus aside{max-height:0;overflow:hidden}.stage,.stage.stage--countdown,.stage.stage--round-active,.stage.stage--round-reveal,.stage.stage--finished{order:1;height:auto;min-height:calc(100svh - var(--room-header-block-size) - var(--room-layout-padding) * 2)}.stage.stage--finished{--stage-toolbar-sticky-top: calc(var(--room-header-block-size) + 6px);max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;touch-action:pan-y}}@media(max-width:900px){.home-shell{grid-template-columns:1fr;grid-template-areas:"hero" "join" "doodle";width:min(760px,100%);min-height:auto;transform:none}.game-layout,.admin-grid,.admin-playlists-workspace,.admin-tracks-workspace,.admin-ingest-workspace,.admin-categories-workspace,.ingest-process-grid{grid-template-columns:1fr}.game-layout{width:min(680px,100%)}.admin-grid.library-grid{grid-template-columns:1fr}.admin-sidebar-stack{position:static;max-height:none;overflow:visible;padding-right:0}.admin-header{grid-template-columns:1fr;align-items:stretch}.admin-header-actions{justify-content:flex-start}.home-hero{min-height:auto}.home-doodle{min-height:540px}.home-join{align-self:stretch;margin:0}.home-form-shell{width:min(640px,100%)}.room-header,.room-meta,.hero-actions{align-items:center}.room-header{position:static;flex-direction:row}.room-header .brand-cluster{width:auto;justify-content:flex-start}.room-share{max-width:100%}.room-meta{width:auto;justify-content:flex-end}.round-reveal-screen{align-content:start;grid-template-columns:1fr;grid-template-areas:"hero" "result" "results";height:auto}.round-reveal-details{height:auto;max-height:none}.round-results-list{max-height:min(44svh,420px)}.reveal-hero{min-height:320px}.round-reveal-summary,.my-round-result{width:100%}.my-round-metric-time{min-width:0;padding-left:0;background:none}.my-round-result,.final-results-grid,.admin-form.two-col,.track-form,.ingest-job-row,.ingest-process-summary,.composition-tools,.lobby-guide{grid-template-columns:1fr}.ingest-job-meta{justify-items:start;text-align:left}.track-row img{width:56px;height:56px}.track-edit-modal-form,.category-edit-modal-form{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start}.lobby-guide{gap:68px}.lobby-guide li{min-height:0}.final-results-grid{width:min(640px,100%)}.final-results-grid--compact,.final-screen--players-1 .final-results-grid--compact{grid-template-columns:1fr}}@media(min-width:621px)and (max-width:900px){.room-shell{--room-header-block-size: 60px}.room-header{gap:8px;min-height:0;overflow:hidden;padding:8px 10px}.room-header .brand-cluster{flex:0 1 auto;flex-wrap:nowrap;min-width:0;width:auto}.room-shell .brand-small{flex:0 0 auto;min-height:42px;gap:9px;padding:7px 12px;font-size:17px;line-height:1;white-space:nowrap}.room-shell .brand-small svg{width:26px;height:26px}.room-header .brand-feedback-badge{min-height:38px;padding:0 9px;font-size:12px}.room-meta{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}.room-shell .connection{width:auto;min-width:64px;min-height:32px;justify-content:center;gap:5px;overflow:hidden;padding:0 8px;color:var(--sketch-ink);font-size:11px;white-space:nowrap}.room-shell .connection i{width:10px;height:10px;flex-basis:10px}.room-shell .connection-label{display:none}.room-shell .connection-label-short{display:inline}.room-share{flex:0 0 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-end;width:auto;min-width:0}.room-shell .room-meta .join-code,.room-shell .room-meta .join-link{flex:0 1 auto;width:auto;min-width:0;min-height:38px;gap:5px;padding:0 8px}.room-shell .room-meta .join-code{min-width:70px}.room-shell .room-meta .join-link{min-width:68px}.room-share .join-code strong,.room-share .join-link strong{font-size:13px}.room-shell .room-meta .streamer-mode-toggle{width:auto;min-width:58px;min-height:38px;gap:5px;padding:0 8px;font-size:13px}.room-shell .streamer-mode-toggle-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.room-shell .streamer-mode-toggle-short{display:inline;font-size:12px}.room-shell .room-language-toggle{min-height:38px;gap:5px;padding:0 9px;font-size:13px;white-space:nowrap}.stage{padding:8px 10px}.room-shell .stage{transform:none}}@media(max-width:620px){.form-grid,.answer-form,.lobby-guide,.choice-grid{grid-template-columns:1fr}.lobby-guide{--guide-gap: 8px;gap:var(--guide-gap)}.lobby-guide-card{min-height:0;gap:8px;padding:12px 14px}.lobby-guide-card:not(:last-child):after{content:none}.lobby-guide-card strong{font-size:20px;line-height:1.05}.lobby-guide-card small,.lobby-guide .guide-preview{display:none}.lobby-share{--lobby-share-qr-size: clamp(204px, min(78vw, 36svh), 288px);grid-template-columns:1fr;justify-items:stretch;width:min(480px,100%);padding-bottom:0}.lobby-share-fields{order:2}.lobby-share-qr{order:1;justify-self:center;width:var(--lobby-share-qr-size)}.lobby-share-feedback{position:static;text-align:center}.lobby-settings-grid{grid-template-columns:1fr}.game-layout{width:100%}.room-shell{background:radial-gradient(circle at 12% 12%,rgba(143,168,255,.24),transparent 24%),radial-gradient(circle at 88% 16%,rgba(255,107,95,.15),transparent 24%),var(--sketch-paper-strong);background-size:auto}.room-shell .stage{border:0;border-radius:0;box-shadow:none;min-height:calc(100svh - var(--room-header-block-size));transform:none;width:100%}.home-page{align-content:stretch;align-items:center;grid-template-rows:auto minmax(0,1fr);gap:24px;min-height:100vh;min-height:100svh;padding:clamp(16px,5vw,24px)}.home-backdrop{background-image:none;background-position:center 42px;background-size:1080px auto;opacity:.72}.home-backdrop:before,.home-backdrop:after{content:none}.track-edit-modal-backdrop{align-items:stretch;padding:12px}.track-edit-modal{width:100%;max-height:calc(100svh - 24px)}.track-edit-modal-header{grid-template-columns:52px minmax(0,1fr) 40px}.track-edit-modal-header img,.category-edit-modal-icon{width:52px;height:52px}.home-shell{width:min(440px,100%);gap:18px;grid-template-areas:"hero" "join";justify-items:stretch;align-self:center;margin-top:0;padding:0;border:0;box-shadow:none}.home-topbar{width:min(440px,100%);align-items:center;flex-direction:row;justify-content:space-between;gap:12px}.home-actions{width:auto;margin-left:auto;justify-content:flex-end}.home-topbar .brand-cluster{flex:1 1 auto;gap:8px}.home-page .brand-mark{gap:7px;padding:6px 9px;font-size:16px}.home-page .brand-mark svg{width:22px;height:22px}.home-hero{padding:0;text-align:center;align-items:center}.hero-kicker,.home-doodle{display:none}.home-hero h1{font-size:clamp(30px,10.5vw,40px)}.home-hero p{max-width:34ch;font-size:15px;line-height:1.4}.hero-actions{width:100%;flex-direction:column}.home-page .primary-link,.home-page .secondary-link{width:100%}.doodle-card--round,.doodle-card--answers,.doodle-card--score,.doodle-note{width:auto;left:0;right:0}.doodle-card--round{top:0;min-height:220px;padding:16px}.doodle-card--round strong{font-size:clamp(26px,8vw,34px)}.doodle-card--answers{top:242px}.doodle-card--score{top:404px;bottom:auto}.doodle-card--score strong{font-size:38px}.doodle-note{bottom:18px;font-size:13px}.doodle-steps{display:none}.home-join{width:100%;padding:18px;text-align:center;transform:none}.home-join form{grid-template-columns:1fr}.home-form-shell{width:min(440px,100%);align-self:start;margin-top:0}.home-page .create-room-shell,.home-page .join-room-shell{transform:none}.home-form-panel{padding:22px 18px;transform:none}.home-form-panel h1{font-size:clamp(30px,9vw,40px)}.home-form-panel form{gap:14px;margin-top:18px}.home-form-panel button[type=submit],.home-form-panel .secondary-form-action{width:100%}.form-shell{align-items:stretch;justify-content:flex-start;gap:14px;padding:14px}.form-shell .ghost-link{position:relative;inset:auto;width:max-content;margin-left:0}.form-panel{padding:22px 18px}.selected-playlist-card{grid-template-columns:70px minmax(0,1fr);min-height:88px;gap:10px}.selected-playlist-card img{width:70px;height:70px}.selected-playlist-card strong{font-size:clamp(18px,6vw,24px)}.secondary-form-action{width:100%}.admin-shell{padding:12px}.admin-header{padding:14px}.admin-header h1{font-size:clamp(28px,10vw,38px)}.admin-header-actions,.admin-header-actions a,.admin-header-actions button{width:100%}.admin-section-tabs{flex-wrap:wrap;overflow-x:visible;margin-inline:-2px}.admin-section-tabs button{flex:1 1 calc(50% - 6px);min-height:40px;padding-inline:12px}.admin-panel{padding:14px}.admin-list-heading,.admin-list-toolbar-head,.composition-head{align-items:stretch;flex-direction:column}.admin-toolbar-actions{justify-content:flex-start}.admin-toolbar-actions button{flex:1 1 180px}.admin-top-filters,.playlist-top-filters,.track-top-filters,.category-top-filters{grid-template-columns:1fr}.track-list-heading-controls{justify-content:flex-start;flex-wrap:wrap}.composition-tools,.ingest-process-summary,.ingest-stat-grid,.ingest-stat-grid.compact,.admin-category-row{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start}.track-row{grid-template-columns:28px 52px minmax(0,1fr);grid-template-areas:"select cover copy" "actions actions actions"}.track-row .admin-row-actions{flex-direction:row;grid-column:1 / -1;justify-content:flex-start}.admin-editor-hero{min-height:260px}.admin-editor-hero-copy{padding:72px 16px 16px}.admin-editor-hero-copy h2{font-size:clamp(26px,8vw,34px);white-space:normal;overflow-wrap:anywhere}.playlist-modal-header{align-items:stretch;flex-direction:column}.playlist-modal-tools,.track-edit-modal-form .track-form-actions,.category-edit-modal-form .track-form-actions{grid-template-columns:1fr}.room-shell{--room-header-block-size: 60px}.room-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-height:0;overflow:hidden;padding:8px 10px}.room-header .brand-cluster{display:inline-flex;flex:0 1 auto;flex-wrap:nowrap;min-width:0;width:auto;justify-content:flex-start}.room-shell .brand-small{flex:0 0 auto;min-height:38px;gap:7px;padding:6px 9px;font-size:16px;line-height:1;white-space:nowrap}.room-shell .brand-small svg{width:22px;height:22px}.room-header .brand-feedback-badge{min-height:38px;padding:0 9px;font-size:12px}.room-shell .room-meta .streamer-mode-toggle{width:auto;min-width:58px;min-height:38px;gap:5px;padding:0 8px;font-size:13px}.room-shell .streamer-mode-toggle-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.room-shell .streamer-mode-toggle-short{display:inline;font-size:12px}.room-shell .room-meta .join-code,.room-shell .room-meta .join-link{flex:0 1 auto;width:auto;min-width:0;min-height:38px;gap:5px;padding:0 8px}.room-shell .room-meta .join-code{min-width:70px}.room-shell .room-meta .join-link{min-width:68px}.room-share .join-code strong,.room-share .join-link strong{font-size:13px}.room-meta{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px;min-width:0;width:auto;overflow:hidden}.room-share,.room-shell .connection{width:auto;min-width:0}.room-shell .connection{width:auto;min-width:64px;min-height:32px;justify-content:center;gap:5px;overflow:hidden;padding:0 8px;color:var(--sketch-ink);font-size:11px;white-space:nowrap}.room-shell .connection i{width:10px;height:10px;flex-basis:10px}.room-shell .connection-label{display:none}.room-shell .connection-label-short{display:inline}.room-share{flex:0 0 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-end}.room-shell .room-language-toggle{min-height:38px;gap:5px;padding:0 9px;font-size:13px;white-space:nowrap}.stage-toolbar{align-items:stretch;flex-direction:column;gap:8px}.stage-controls{flex:0 1 auto;width:100%;min-width:0;align-items:stretch;justify-content:flex-start}.host-controls{width:100%;max-width:100%}.room-shell .stage-toolbar .volume-mixer{--stage-mixer-width: 100%;flex-basis:100%;width:100%;margin-inline:0}.stage.stage--finished .stage-toolbar{align-items:center;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;gap:8px}.stage.stage--finished .stage-topline{flex:0 1 auto;width:auto;max-width:calc(100% - clamp(130px,45vw,176px) - 8px);justify-content:flex-start}.stage.stage--finished .stage-topline>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage.stage--finished .stage-controls{flex:1 1 auto;width:auto;min-width:0;align-items:center;justify-content:flex-end}.room-shell .stage.stage--finished .stage-toolbar .volume-mixer{--stage-mixer-width: clamp(130px, 45vw, 176px);flex:0 1 var(--stage-mixer-width);flex-basis:var(--stage-mixer-width);width:min(var(--stage-mixer-width),100%)}.round-result-row{--round-result-row-min-height: 66px;--round-result-row-padding-block: 6px;grid-template-columns:34px 30px minmax(0,1fr) minmax(68px,10ch);grid-template-areas:"rank avatar name points" "rank avatar time points";grid-template-rows:minmax(34px,auto) auto;gap:3px 10px}.round-result-row small{justify-self:start}.my-round-result{--round-result-value-size: clamp(28px, 10vw, 40px);gap:0;padding:10px 14px}.my-round-metric{grid-template-rows:none;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;min-height:0;padding-block:10px}.my-round-metric+.my-round-metric{border-top:2px solid color-mix(in srgb,var(--sketch-line) 14%,transparent)}.my-round-metric span{line-height:1.15}.my-round-metric strong,.my-round-metric b{align-self:center;justify-self:end}.my-round-metric b{gap:7px}.my-round-metric b svg{width:clamp(22px,7vw,30px);height:clamp(22px,7vw,30px)}.final-screen{gap:18px}.final-screen h1{font-size:clamp(34px,11vw,48px)}.final-podium{grid-template-columns:minmax(0,.92fr) minmax(0,1.05fr) minmax(0,.96fr);gap:6px}.final-podium--count-1{grid-template-columns:1fr}.final-podium--count-2{grid-template-columns:minmax(0,1.05fr) minmax(0,.96fr)}.final-podium-place{--podium-height: clamp(96px, 28vw, 118px)}.final-podium-place-1{--podium-height: clamp(126px, 36vw, 154px)}.final-podium-place-2{--podium-height: clamp(108px, 31vw, 134px)}.final-podium-place-3{--podium-height: clamp(94px, 27vw, 114px)}.final-medal{width:clamp(48px,15vw,60px);height:clamp(48px,15vw,60px);margin-bottom:clamp(-19px,-5vw,-14px);font-size:clamp(18px,5vw,24px)}.final-podium-place-1 .final-medal{width:clamp(56px,17vw,70px);height:clamp(56px,17vw,70px)}.final-podium-column{border-radius:14px 13px 7px 7px;padding:24px 6px 10px}.final-podium-column strong{font-size:clamp(15px,4.2vw,18px)}.final-podium-column b{font-size:clamp(11px,3.2vw,13px)}.final-score-summary{align-items:center}.round-active{width:100%;gap:18px;margin-top:0;margin-bottom:0}.stage--round-active .round-playfield{gap:clamp(22px,5svh,34px)}.round-active-visual{width:100%;height:clamp(200px,56vw,260px)}.stickman{width:76px;height:148px}.stickman--left{left:20%}.stickman--right{left:79%}.dance-speaker{width:96px;height:52px;padding:9px 12px}.game-layout{gap:0;padding:0}.game-layout aside{padding:12px}.stage{gap:clamp(14px,4svh,22px);padding:8px 10px}.stage-topline{width:100%;justify-content:center}.stage.stage--finished .stage-topline{width:auto;max-width:calc(100% - clamp(124px,46vw,164px) - 8px);justify-content:flex-start}.room-shell .stage-toolbar .volume-mixer{flex-wrap:nowrap}.room-shell .stage.stage--finished .stage-toolbar .volume-mixer{--stage-mixer-width: clamp(124px, 46vw, 164px)}.room-shell .stage-toolbar .volume-mixer .panel-title h2{display:none}.room-shell .stage-toolbar .mixer-row{grid-template-columns:24px minmax(0,1fr) 3ch}.stage--round-active .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.choice-button{min-height:clamp(60px,8.8svh,72px);padding:9px 28px 9px 12px}.choice-button strong{font-size:clamp(12px,3.4vw,14px)}.round-timer{gap:8px;min-height:48px;padding:7px 12px}.round-timer svg{width:34px;height:34px}.round-timer strong{font-size:clamp(30px,9.2vw,38px)}}@media(max-width:480px){.home-topbar .brand-feedback-badge,.room-header .brand-feedback-badge{width:42px;flex:0 0 42px;padding:0}.home-topbar .brand-feedback-text,.room-header .brand-feedback-text{display:none}.room-shell .brand-small{width:42px;justify-content:center;padding:0}.room-shell .brand-name{display:none}}@media(max-width:360px){.room-header{gap:4px;padding-inline:6px}.stage{padding-inline:6px}.room-shell .brand-small{width:40px;min-height:40px;justify-content:center;padding:0}.room-header .brand-feedback-badge{width:40px;flex-basis:40px;min-height:40px}.room-meta{gap:4px}.room-shell .connection{width:auto;min-width:56px;min-height:30px;justify-content:center;gap:4px;overflow:hidden;color:var(--sketch-ink);padding-inline:6px;font-size:11px}.room-share{gap:4px}.room-shell .room-meta .join-code{min-width:64px;min-height:40px;gap:4px;padding:0 6px}.room-shell .room-meta .join-link{width:40px;min-width:40px;min-height:40px;padding:0}.room-shell .room-meta .join-link strong{display:none}.room-shell .room-meta .streamer-mode-toggle{width:auto;min-width:52px;min-height:40px;gap:4px;padding-inline:6px;font-size:12px}.room-shell .room-language-toggle{min-height:40px;gap:4px;padding-inline:7px;font-size:12px}.room-shell .room-language-toggle svg{width:15px;height:15px}.stage.stage--finished .stage-toolbar{gap:6px}.stage.stage--finished .stage-topline{max-width:calc(100% - 122px);padding-inline:9px}.room-shell .stage.stage--finished .stage-toolbar .volume-mixer{--stage-mixer-width: 116px;padding-inline:5px}.room-shell .stage.stage--finished .stage-toolbar .mixer-row{grid-template-columns:18px minmax(34px,1fr) 2ch;gap:5px;font-size:12px}}@media(min-width:901px)and (max-height:1000px){.home-page{padding:clamp(14px,1.5vw,24px)}.home-shell{width:min(1280px,100%);gap:clamp(14px,2vw,28px);min-height:0;padding:0}.home-shell:before{inset:10px}.home-page .brand-mark{padding:7px 13px;font-size:clamp(17px,1.7vw,22px)}.home-page .language-toggle{min-height:36px;padding-inline:12px}.hero-kicker{padding:6px 10px;font-size:13px}.home-hero{gap:clamp(12px,1.5vw,18px)}.home-hero h1{font-size:clamp(42px,4.8vw,68px)}.home-hero p{max-width:560px;font-size:clamp(15px,1.2vw,18px);line-height:1.38}.home-page .primary-link,.home-page .secondary-link{min-height:50px;padding-inline:18px;font-size:16px;box-shadow:4px 5px 0 var(--home-line)}.home-join{max-width:600px;padding:clamp(16px,2vw,24px)}.home-join h2{font-size:clamp(26px,3.2vw,38px)}.home-page .home-join p{font-size:clamp(13px,1vw,15px);line-height:1.35}.home-join form{gap:10px;margin-top:16px}.home-join input,.home-join button{min-height:50px;font-size:19px}.home-doodle{min-height:clamp(470px,33vw,570px)}.doodle-card{padding:14px}.doodle-card--round{width:min(420px,90%);min-height:260px;top:5%;padding:18px}.doodle-card--round strong{font-size:clamp(30px,2.6vw,42px)}.doodle-wave{height:64px}.doodle-wave i:nth-child(1){height:28px}.doodle-wave i:nth-child(2){height:56px}.doodle-wave i:nth-child(3){height:40px}.doodle-wave i:nth-child(4){height:50px}.doodle-card--answers{width:min(360px,78%);top:46%}.doodle-card--answers button{min-height:42px}.doodle-card--score{width:min(220px,52%);bottom:3%}.doodle-card--score strong{font-size:40px}.doodle-note{bottom:11%;width:min(280px,56%);padding:10px;font-size:13px}.doodle-steps span{padding:6px 9px;font-size:12px}}@media(min-width:901px)and (max-height:820px){.home-page{padding:12px}.home-shell{gap:16px 26px;min-height:0;padding:0}.home-shell:before{inset:10px}.home-page .brand-mark{padding:7px 13px;font-size:20px}.hero-kicker{padding:6px 10px;font-size:13px}.home-hero{gap:12px}.home-hero h1{font-size:clamp(42px,4.8vw,58px)}.home-hero p{font-size:15px;line-height:1.35}.home-page .primary-link,.home-page .secondary-link{min-height:48px;padding-inline:16px;font-size:15px;box-shadow:3px 4px 0 var(--home-line)}.home-join{max-width:600px;padding:16px 18px}.home-join h2{font-size:clamp(26px,3vw,34px)}.home-page .home-join p{font-size:13px;line-height:1.3}.home-join form{gap:10px;margin-top:14px}.home-join input,.home-join button{min-height:46px;font-size:18px}.home-doodle{min-height:470px}.doodle-card{padding:14px}.doodle-card--round{top:4%;min-height:220px;padding:16px}.doodle-card--round strong{font-size:clamp(30px,3vw,40px)}.doodle-card--answers{top:43%}.doodle-card--answers button{min-height:42px}.doodle-card--score{bottom:1%}.doodle-card--score strong{font-size:38px}.doodle-note{display:none}.form-shell{gap:12px;padding:12px 24px}.form-panel{padding:24px 36px}.form-panel h1{font-size:clamp(34px,4vw,46px)}.form-panel form{gap:14px;margin-top:18px}.selected-playlist-card{grid-template-columns:78px minmax(0,1fr);min-height:94px}.selected-playlist-card img{width:78px;height:78px}.selected-playlist-card strong{font-size:clamp(22px,2.4vw,28px)}.lobby-state{gap:10px}.lobby-state h1{max-width:min(15ch,100%);font-size:clamp(28px,3.6vw,44px)}.lobby-state p{max-width:560px;margin:4px 0 8px;font-size:14px;line-height:1.35}.lobby-guide{--guide-gap: clamp(64px, 5vw, 92px);gap:var(--guide-gap);margin-top:0}.lobby-guide-card{min-height:clamp(250px,32vh,330px);gap:10px;padding:clamp(14px,1.5vw,18px)}.lobby-guide-card strong{font-size:clamp(22px,2vw,28px)}.lobby-guide-card small{font-size:13px;line-height:1.3}.lobby-guide .guide-preview{display:grid}}@media(min-width:760px)and (max-height:820px){.stage--round-active{grid-template-rows:auto minmax(0,1fr);align-items:center;gap:clamp(14px,3vh,24px) clamp(18px,3vw,36px)}.stage--round-active .round-playfield{grid-template-columns:minmax(260px,.95fr) minmax(300px,1.05fr);align-items:center;align-content:center;gap:clamp(14px,3vh,24px) clamp(18px,3vw,36px)}.stage--round-active .round-active{align-self:center;width:min(520px,100%)}.stage--round-active .round-active-visual{width:min(420px,100%);height:clamp(170px,32svh,240px)}.stage--round-active .choice-grid{grid-template-columns:1fr;align-self:center;width:min(520px,100%)}.stage--round-active .choice-button{min-height:clamp(54px,11svh,66px)}}@media(max-width:900px){.room-header,.room-meta{overflow:visible}}@media(max-width:360px){.room-shell .streamer-mode-popup{width:min(240px,calc(100vw - 16px));font-size:12px}}@media(max-height:640px){.room-header{position:static;min-height:0;padding-block:10px}.stage--round-active{gap:10px;padding:10px}.stage--round-active .round-playfield{gap:10px}.stage--round-active .round-active{gap:6px}.stage--round-active .round-active-visual{height:clamp(78px,16svh,104px);overflow:hidden}.stage--round-active .dance-scene{animation:none;transform:translateY(-54px) scale(.54);transform-origin:center bottom}.stage--round-active .choice-button{min-height:clamp(56px,10svh,64px);padding:6px 20px 6px 8px}.stage--round-active .choice-button strong{font-size:11px;line-height:1.05}.stage--round-active .round-timer{min-height:42px;padding-block:5px}.stage--round-active .round-timer svg{width:28px;height:28px}.stage--round-active .round-timer strong{font-size:clamp(26px,8vw,34px)}.room-shell .connection{width:auto;min-width:56px;justify-content:center;gap:4px;overflow:hidden;color:var(--sketch-ink);padding-inline:6px;font-size:11px}}@media(max-width:900px)and (max-height:640px){.stage{padding-block:10px}}@media(max-width:360px)and (max-height:640px){.stage{padding-inline:6px}}:root{--sketch-shadow: none}*,*:before,*:after{box-shadow:none!important;text-shadow:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.admin-search:focus-within,.admin-sort-inline:focus-within{outline:3px solid var(--sketch-blue);outline-offset:3px}.admin-search input:focus-visible,.admin-sort-inline select:focus-visible{outline:none}.admin-shell :focus-visible{outline-color:var(--sketch-blue)}
