@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--text);margin:0;font-family:DM Sans,Segoe UI,sans-serif;font-size:16px}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s,border-color .18s}button:disabled{cursor:default;opacity:.4}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:4px}button{color:inherit}button svg{flex-shrink:0}a{color:inherit}input,select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;outline:none;max-width:100%;min-height:47px;padding:11px 13px}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--brand);cursor:pointer}input[type=range]{accent-color:var(--brand);cursor:pointer;border:0;height:4px;min-height:0;padding:0}label{color:var(--muted);font-size:16px;font-weight:500;display:block}label>input,label>select{width:100%;margin-top:9px;display:block}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.6}h1,h2,h3,p{margin:0}h1,h2,h3,.logo{font-family:Space Grotesk,Segoe UI,sans-serif}h1{letter-spacing:-2.8px;font-weight:500;line-height:1.1}h1 span{color:var(--brand)}h2{letter-spacing:-.8px;font-weight:500}h3{letter-spacing:-.2px;font-weight:500}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:45px;max-width:1392px;height:99px;margin:auto;padding:0 44px;display:flex}.brand-button{background:0 0;border:0;flex-shrink:0;padding:0}.logo{letter-spacing:-1.4px;color:var(--brand);align-items:center;font-size:28px;font-weight:500;display:inline-flex}.logo-mark{background:var(--brand);width:39px;height:39px;color:var(--brand-ink);border-radius:12px;place-items:center;margin-right:10px;display:grid;transform:rotate(-7deg)}.logo>i{background:var(--brand);border-radius:50%;align-self:end;width:5px;height:5px;margin:0 0 5px 3px}.topbar nav{align-self:stretch;gap:28px;display:flex}.topbar nav>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:2px 0 0;font-size:16px}.topbar nav>button.active{border-color:var(--brand);color:var(--text)}nav button>span{background:var(--surface-raised);color:var(--muted);border-radius:4px;margin-left:4px;padding:2px 5px;font-size:14px}.header-end{align-items:center;gap:22px;margin-left:auto;display:flex}.private-label{letter-spacing:1px;color:var(--muted);align-items:center;gap:7px;font-size:14px;display:flex}.primary,.outline,.ghost,.text-button{white-space:normal;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:600;line-height:1.3;display:inline-flex}.primary{background:var(--brand);color:var(--brand-ink);border:1px solid var(--brand);box-shadow:0 4px 16px rgb(var(--shadow-rgb) / .043)}.outline{border:1px solid var(--line);color:var(--text);background:0 0}.outline:hover:not(:disabled){background:var(--surface-raised);border-color:var(--line)}.ghost{color:var(--muted);background:0 0;border:0;padding:9px}.ghost:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.text-button{color:var(--muted);background:0 0;border:0;padding:12px 0}.text-button:hover{color:var(--brand)}.small{padding:10px 13px;font-size:16px}.full{width:100%}.eyebrow,.tag,.tiny-label{letter-spacing:1px;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.eyebrow{color:var(--brand)}.eyebrow>span{background:var(--brand);border-radius:50%;width:6px;height:6px}.eyebrow.muted{color:var(--muted)}.tag{color:var(--brand);letter-spacing:1px;font-size:14px}.home-main,.content-main,.room-main{max-width:1304px;margin:auto;padding:0 44px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;min-height:440px;padding:54px 0 50px;display:grid}.hero h1{margin:22px 0;font-size:57px;line-height:1.12}.hero p{color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:25px;margin-top:28px;display:flex}.hero-actions .primary{padding:16px 22px}.hero-actions .text-button{font-size:16px}.hero-notes{color:var(--muted);gap:20px;margin-top:25px;font-size:14px;display:flex}.hero-notes>span{align-items:center;gap:6px;display:flex}.hero-notes svg{color:var(--muted)}.hero-art{place-items:center;height:330px;display:grid;position:relative}.art-orbit{border:1px solid var(--line);width:322px;height:322px;box-shadow:0 0 0 30px rgb(var(--shadow-rgb) / .012),0 0 0 60px rgb(var(--shadow-rgb) / .008);border-radius:50%;position:absolute}.vinyl-wrap{place-items:center;width:302px;height:302px;display:grid;position:relative}.vinyl{background:repeating-radial-gradient(circle,var(--surface) 0px,var(--surface) 2px,var(--surface-raised) 3px,var(--surface) 4px);width:265px;height:265px;box-shadow:0 15px 26px rgb(var(--shadow-rgb) / .533),inset 0 0 0 1px rgb(var(--shadow-rgb) / 1);border-radius:50%;place-items:center;animation:7s linear infinite paused recordspin;display:grid;position:relative}.vinyl:before{content:"";background:conic-gradient(from 30deg,transparent,color-mix(in srgb, var(--white) 8.6%, transparent),transparent 24%,transparent 48%,color-mix(in srgb, var(--white) 7.1%, transparent),transparent 74%);border-radius:50%;position:absolute;inset:0}.vinyl.spinning{animation-play-state:running}.vinyl-center{background:var(--brand);width:105px;height:105px;color:var(--brand-ink);z-index:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.vinyl-center>span{letter-spacing:1px;font-size:14px;font-weight:700}.vinyl-center>b{letter-spacing:-2px;font-family:Space Grotesk,sans-serif;font-size:40px;line-height:1.2}.vinyl-center>small{letter-spacing:1px;font-size:14px}.vinyl-center>i{background:var(--surface);border:2px solid var(--line);border-radius:50%;width:7px;height:7px;margin-top:6px}.needle{background:linear-gradient(90deg,var(--surface-raised),var(--surface-raised),var(--surface-raised));transform-origin:top;width:8px;height:160px;box-shadow:2px 4px 5px rgb(var(--shadow-rgb) / .4);border-radius:5px;position:absolute;top:18px;right:6px;transform:rotate(20deg)}.needle:before{content:"";background:var(--surface-raised);border:6px solid var(--line);border-radius:50%;width:23px;height:23px;position:absolute;top:-6px;left:-7px}.needle:after{content:"";background:var(--surface-raised);border-radius:3px;width:17px;height:30px;position:absolute;bottom:-10px;left:-4px}.vinyl-star{color:var(--brand);font-size:34px;position:absolute;top:3px;left:6px}.floating-card{background:color-mix(in srgb, var(--surface-raised) 93.7%, transparent);border:1px solid var(--line);box-shadow:0 10px 25px rgb(var(--shadow-rgb) / .267);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;border-radius:11px;align-items:center;gap:11px;padding:13px 16px;display:flex;position:absolute}.card-left{bottom:43px;left:-10px;transform:rotate(-7deg)}.card-right{top:42px;right:-5px;transform:rotate(7deg)}.floating-card small{letter-spacing:1px;color:var(--muted);font-size:14px;display:block}.floating-card strong{align-items:center;gap:8px;margin-top:5px;font-size:16px;font-weight:500;display:flex}.floating-card>svg{color:var(--brand)}.mini-avatar{background:var(--brand);width:29px;height:29px;color:var(--muted);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.tiny-eq{align-items:center;gap:3px;height:23px;margin-left:6px;display:flex}.tiny-eq>i{background:var(--brand);border-radius:5px;width:3px;height:12px}.tiny-eq>i:nth-child(2){height:22px}.tiny-eq>i:nth-child(3){height:17px}.art-caption{color:var(--muted);font:italic 19px Georgia,serif;position:absolute;bottom:-5px;right:25px;transform:rotate(-7deg)}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{margin-top:10px;font-size:26px}.section-heading .outline{padding:11px 14px;font-size:16px}.edition-section{padding:14px 0 35px}.edition-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.edition-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:0;overflow:hidden}.edition-card:hover{border-color:var(--line);transform:translateY(-3px)}.edition-art{justify-content:center;align-items:center;height:153px;display:flex;position:relative;overflow:hidden}.theme-0,.theme-1,.theme-2,.theme-3{--accent:var(--brand);--tint:var(--brand-soft)}.edition-art{background:radial-gradient(circle at 65% 70%,var(--tint),var(--surface))}.edition-art>svg{color:var(--accent);opacity:.75;width:141px;height:141px;position:absolute;bottom:-21px;right:22px;transform:rotate(-25deg)}.edition-number{letter-spacing:-3px;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:51px;font-weight:500;position:absolute;top:41px;left:22px}.edition-tag{letter-spacing:1px;color:var(--accent);font-size:14px;position:absolute;top:23px;left:23px}.edition-info{padding:20px 22px 22px;position:relative}.edition-info h3{padding-right:23px;font-size:17px}.edition-info p{color:var(--muted);margin-top:10px;font-size:16px}.edition-info p span{padding:0 5px}.edition-arrow{color:var(--accent);position:absolute;top:22px;right:18px}.empty-collection{border:1px dashed var(--line);background:linear-gradient(120deg,color-mix(in srgb, var(--surface) 33.3%, transparent),color-mix(in srgb, var(--surface) 20.0%, transparent));border-radius:13px;align-items:center;gap:20px;padding:31px 25px;display:flex}.empty-collection h3{margin-bottom:8px;font-size:18px}.empty-collection p{color:var(--muted);font-size:16px;line-height:1.6}.empty-collection .primary{flex-shrink:0;margin-left:auto;font-size:16px}.empty-records{flex-shrink:0;width:102px;height:64px;position:relative}.empty-records svg{background:var(--brand-soft);width:60px;height:60px;color:var(--brand);border-radius:50%;position:absolute;left:21px;transform:rotate(-10deg)}.empty-records svg:first-child{color:var(--brand);top:8px;left:0;transform:rotate(-30deg)}.empty-records svg:last-child{color:var(--brand);top:8px;left:42px;transform:rotate(30deg)}.steps{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:25px;padding:27px 0 35px;display:grid}.steps>div{align-items:center;gap:15px;display:flex}.steps>div>span{border:1px solid var(--line);width:35px;height:35px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;font-family:Space Grotesk;font-size:16px;display:grid}.steps h3{margin-bottom:6px;font-size:16px}.steps p{color:var(--muted);font-size:16px}footer{border-top:1px solid var(--line);max-width:1392px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:25px 44px;font-size:14px;display:flex}footer>span:first-child{align-items:center;gap:16px;display:flex}footer .logo{letter-spacing:-.7px;font-size:17px}footer .logo-mark{border-radius:7px;width:24px;height:24px;margin-right:7px}footer .logo-mark svg{width:15px}footer .logo>i{display:none}footer small{font-size:14px}footer>button{font:inherit;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;display:flex}.content-main{padding-top:45px;padding-bottom:45px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.page-heading h1{margin-top:17px;font-size:43px}.page-heading p{color:var(--muted);margin-top:18px;font-size:16px;line-height:1.7}.heading-actions{flex-direction:column;gap:10px;display:flex}.heading-actions button{font-size:16px}.library-stats{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:26px;display:grid}.library-stats>div{border-right:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:23px;display:grid;position:relative}.library-stats>div:last-child{border:0}.library-stats svg{width:19px;color:var(--brand);grid-area:1/2}.library-stats strong{letter-spacing:-1px;grid-row:1;font-family:Space Grotesk;font-size:30px;font-weight:500}.library-stats span{color:var(--muted);letter-spacing:1px;grid-column:1/3;font-size:14px}.library-toolbar{align-items:center;gap:12px;margin-bottom:17px;display:flex}.search{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:none;min-height:42px;margin:0;padding:10px 0;font-size:16px}.library-toolbar select{max-width:240px;min-height:43px;font-size:16px}.library-toolbar button{font-size:16px}.song-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:11px;overflow:auto}.song-table{border-collapse:collapse;text-align:left;width:100%;min-width:730px}.song-table th{color:var(--muted);letter-spacing:1px;background:var(--surface);padding:16px 18px;font-size:14px;font-weight:500}.song-table td{border-top:1px solid var(--line);padding:15px 18px;font-size:16px}.song-table th:first-child{width:65px}.song-cell{align-items:center;gap:12px;display:flex}.song-icon{background:var(--tint);color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.song-cell strong{font-size:16px;font-weight:500;display:block}.song-cell small{color:var(--muted);margin-top:5px;font-size:16px;display:block}.edition-cell{max-width:190px;color:var(--muted);font-size:16px!important}.status-tag{background:var(--surface-raised);white-space:nowrap;color:var(--muted);border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:14px;display:inline-flex}.status-tag i{background:currentColor;border-radius:50%;width:4px;height:4px}.status-tag.ready{background:var(--surface-raised);color:var(--muted)}.status-tag.warning{background:var(--warning-soft);color:var(--warning)}.table-empty{text-align:center;color:var(--muted);padding:50px}.table-empty>svg{color:var(--brand);margin-bottom:15px}.table-empty h3{color:var(--text);margin-bottom:10px;font-size:19px}.table-empty p{font-size:16px}.library-bottom{color:var(--muted);justify-content:space-between;gap:20px;margin-top:18px;font-size:14px;display:flex}.library-bottom>span:first-child{align-items:center;gap:7px;display:flex}.subtle{color:var(--muted);margin-top:12px;font-size:16px}.setup-main{max-width:1130px}.page-doodle{color:var(--brand);border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 33.3%, transparent);border-radius:30px;place-items:center;width:110px;height:110px;margin-right:35px;display:grid;transform:rotate(-10deg)}.setup-grid{grid-template-columns:1.5fr 1fr;gap:25px;display:grid}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:28px}.card-title{align-items:center;gap:11px;margin-bottom:25px;display:flex}.card-title>svg{color:var(--brand);flex-shrink:0}.card-title>h2{letter-spacing:-.4px;font-size:18px}.card-title>span{color:var(--muted);margin-left:auto;font-size:16px}.card-title.second{border-top:1px solid var(--line);margin-top:27px;padding-top:26px}.field-grid{grid-template-columns:1fr 1fr;gap:24px 18px;display:grid}.field-grid label,.field-grid input,.field-grid select{font-size:16px}.field-note{color:var(--muted);margin:15px 0;font-size:16px;line-height:1.7}.info-note{background:var(--surface-raised);color:var(--muted);border-radius:8px;align-items:start;gap:10px;margin-top:27px;padding:14px;font-size:16px;line-height:1.7;display:flex}.info-note svg{flex-shrink:0;margin-top:2px}.session-summary{border:1px solid var(--line);background:linear-gradient(130deg,var(--surface-raised),var(--surface));border-radius:14px;padding:27px}.summary-icon{background:var(--brand);width:62px;height:62px;color:var(--muted);border-radius:50%;place-items:center;margin:23px 0 18px;display:grid;transform:rotate(-8deg)}.session-summary>h2{margin-bottom:24px;font-size:29px;line-height:1.17}.summary-line{justify-content:space-between;align-items:baseline;gap:15px;margin-top:13px;font-size:16px;display:flex}.summary-line>span{color:var(--muted);flex-shrink:0}.summary-line>strong{text-align:right;max-width:180px;font-weight:500}.scoring{border-top:1px solid var(--line);margin:23px 0;padding-top:20px}.scoring h3{margin-bottom:13px;font-size:16px}.scoring p{color:var(--muted);justify-content:space-between;margin:9px 0;font-size:16px;display:flex}.scoring b{color:var(--brand)}.scoring small{color:var(--muted);margin-top:13px;font-size:14px;display:block}.summary-note{color:var(--muted);text-align:center;margin-top:14px;font-size:14px;line-height:1.7}.join-main{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb, var(--surface-raised) 12.2%, transparent),transparent 60%);place-items:center;min-height:calc(100vh - 190px);padding:35px 20px;display:grid}.join-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94.1%, transparent);width:100%;max-width:435px;box-shadow:0 25px 100px rgb(var(--shadow-rgb) / .2);border-radius:18px;padding:35px 35px 30px}.round-icon{background:var(--surface-raised);width:61px;height:61px;color:var(--brand);border:1px solid var(--line);border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.join-card .eyebrow{font-size:14px}.join-card h1{margin:17px 0;font-size:42px}.join-card>p{color:var(--muted);margin-bottom:25px;font-size:16px;line-height:1.8}.join-card form>label{margin-bottom:20px;font-size:16px}.code-input{letter-spacing:1px;text-transform:uppercase;font-family:Space Grotesk;font-size:23px}.join-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:14px;display:flex}.error-banner{background:var(--error-soft);border:1px solid var(--error-line);max-width:1216px;color:var(--error);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin:15px auto;padding:14px 20px;font-size:16px;display:flex}.error-banner button{background:0 0;border:0;padding:0;line-height:0}.toast,.import-status{z-index:100;background:var(--surface-raised);color:var(--muted);box-shadow:0 10px 40px rgb(var(--shadow-rgb) / .467);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:16px 24px;font-size:16px;font-weight:600;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.import-status{background:var(--surface-raised);color:var(--text);border-color:var(--line)}.connection{color:var(--muted);align-items:center;gap:7px;font-size:16px;display:flex}.connection i,.live-dot{background:var(--brand);border-radius:50%;width:5px;height:5px;display:inline-block}.room-main{padding-top:35px;padding-bottom:40px}.room-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.room-heading h1{letter-spacing:-1.5px;margin-top:13px;font-size:34px}.room-code{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:150px;padding:12px 17px;position:relative}.room-code small{letter-spacing:1px;color:var(--muted);margin-bottom:5px;font-size:14px;display:block}.room-code strong{letter-spacing:1px;color:var(--brand);font-family:Space Grotesk;font-size:23px;font-weight:500}.room-code button{color:var(--muted);padding:5px;position:absolute;top:5px;right:6px}.lobby-grid{grid-template-columns:1.15fr 1fr;gap:25px;display:grid}.lobby-invite{background:radial-gradient(ellipse at 0 0,var(--surface-raised),var(--surface) 70%);border:1px solid var(--line);border-radius:16px;min-height:398px;padding:32px 38px;position:relative}.lobby-invite>h2{letter-spacing:-1.7px;margin:23px 0 15px;font-size:40px;line-height:1.14}.lobby-invite>h2 span{color:var(--brand)}.lobby-invite>p:not(.control-warning){color:var(--warning);max-width:230px;font-size:16px;line-height:1.8}.qr{background:var(--white);border-radius:12px;width:155px;padding:4px;line-height:0;overflow:hidden}.qr svg{width:100%;height:auto;display:block}.lobby-invite>.qr{position:absolute;top:105px;right:30px}.lobby-invite>.text-button{margin-top:12px;font-size:16px}.lobby-config{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:22px;margin-top:24px;padding-top:21px;font-size:16px;display:flex}.lobby-config span{align-items:center;gap:7px;display:flex}.lobby-config svg{color:var(--brand)}.control-warning{color:var(--warning);max-width:215px;margin-top:12px;font-size:16px;line-height:1.6}.lobby-players{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:28px}.lobby-players .card-title{margin-bottom:20px}.player-list{min-height:190px;max-height:315px;margin-bottom:20px;overflow-y:auto}.player-list>div:not(.no-players),.live-players>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.avatar{width:33px;height:33px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.player-list strong,.live-players strong{font-size:16px;font-weight:500}.ready-label{color:var(--success);align-items:center;gap:5px;margin-left:auto;font-size:14px;display:flex}.no-players{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:35px 0 20px;font-size:16px;line-height:1.8;display:flex}.lobby-players>.field-note{text-align:center;font-size:14px}.player-welcome{background:var(--surface);border-radius:16px;padding:35px}.player-welcome h2{margin-bottom:17px;font-size:28px}.player-welcome p{color:var(--muted);margin-bottom:30px;font-size:16px;line-height:1.8}.waiting-pulse{color:var(--muted);justify-content:center;align-items:center;gap:9px;padding:17px 0;font-size:16px;display:flex}.waiting-pulse i{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.active-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:25px;display:grid}.stage{border:1px solid var(--line);background:radial-gradient(ellipse at 45% 40%,color-mix(in srgb, var(--surface-raised) 53.3%, transparent),var(--surface) 75%);text-align:center;border-radius:16px;min-height:490px;padding:25px 30px;position:relative}.stage-top{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.stereo{letter-spacing:1px;align-items:center;gap:6px;font-size:14px;display:flex}.stereo i{background:var(--brand);border-radius:50%;width:4px;height:4px}.stage .vinyl-wrap{width:255px;height:255px;margin:3px auto -13px}.stage .vinyl{width:224px;height:224px}.stage .vinyl-center{width:87px;height:87px}.stage .vinyl-center b{font-size:34px}.stage .vinyl-center>span,.stage .vinyl-center small{font-size:14px}.stage .needle{height:130px;top:13px}.stage .vinyl-star{font-size:26px}.timer{background:conic-gradient(var(--brand) var(--progress),var(--surface-raised) 0);width:100px;height:100px;box-shadow:0 0 35px rgb(var(--shadow-rgb) / .031);border-radius:50%;place-items:center;margin:14px auto 0;padding:4px;display:grid}.timer>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.timer strong{letter-spacing:-1.8px;font-variant-numeric:tabular-nums;font-family:Space Grotesk;font-size:36px;font-weight:500;line-height:1.1}.timer span{letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:14px}.stage-caption{color:var(--muted);margin:17px 0 23px;font-size:16px}.stage-volume{border-top:1px solid var(--line);color:var(--muted);text-align:left;align-items:center;gap:10px;padding-top:16px;display:flex}.stage-volume input{width:75px}.stage-volume span{margin-left:auto;font-size:14px}.round-side{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-height:490px;padding:25px 27px}.round-side>.card-title>h2{font-size:17px}.live-players{max-height:310px;overflow:auto}.live-players>div>span:last-child{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:14px;display:flex}.live-players .submitted{color:var(--brand)!important}.submission-count{text-align:center;margin:25px 0}.submission-count strong{letter-spacing:-1.5px;font:500 35px Space Grotesk;display:block}.submission-count strong span{color:var(--muted);letter-spacing:-.5px;font-size:21px}.submission-count small{letter-spacing:1px;color:var(--muted);margin-top:6px;font-size:14px;display:block}.round-side>.field-note{text-align:center;font-size:14px}.score-strip{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:27px;margin-top:23px;padding:18px 23px;display:flex;overflow:auto}.score-strip>span{color:var(--muted);letter-spacing:1px;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.score-strip>span svg{color:var(--brand)}.score-strip>div{white-space:nowrap;align-items:center;gap:9px;font-size:16px;display:flex}.score-strip>div>b{color:var(--muted);font-weight:500}.score-strip>div>strong{color:var(--brand);margin-left:7px}.reveal-song{flex-direction:column;justify-content:center;align-items:center;min-height:368px;padding:25px 0;display:flex}.reveal-record{background:var(--surface-raised);border:1px solid var(--line);width:103px;height:103px;color:var(--brand);border-radius:50%;place-items:center;margin-bottom:25px;display:grid}.reveal-song>.tag{font-size:14px}.reveal-song h2{overflow-wrap:anywhere;margin:15px 0 12px;font-size:33px;line-height:1.15}.reveal-song>p{color:var(--muted);font-size:17px}.year-pill{background:var(--brand);color:var(--muted);letter-spacing:1px;border-radius:8px;margin-top:23px;padding:7px 20px;font:500 22px Space Grotesk}.answers-reveal{max-height:420px;margin-bottom:22px;overflow:auto}.result-player{border:1px solid var(--line);border-radius:9px;margin-bottom:12px;padding:13px}.result-player.me{border-color:var(--line)}.result-player-top{align-items:center;gap:10px;font-size:16px;display:flex}.result-player-top strong{font-weight:500}.result-player-top>b{color:var(--brand);margin-left:auto;font-family:Space Grotesk;font-size:22px}.result-player-top small{color:var(--muted);font-family:DM Sans;font-size:14px;font-weight:400}.answer-detail{color:var(--muted);grid-template-columns:1fr 1.3fr .5fr;gap:10px;margin-top:15px;font-size:14px;line-height:1.5;display:grid}.answer-detail>span{overflow-wrap:anywhere;align-items:center;gap:5px;display:flex}.answer-detail svg{flex-shrink:0}.answer-detail .correct{color:var(--success)}.adjust{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:13px;padding-top:9px;font-size:14px;display:flex}.adjust>select{border-radius:5px;width:90px;min-height:25px;margin:0;padding:4px;font-size:14px}.finale{text-align:center;max-width:620px;margin:35px auto}.trophy-icon{color:var(--brand);background:var(--brand);width:94px;height:94px;box-shadow:0 0 100px rgb(var(--shadow-rgb) / .09);border-radius:27px;place-items:center;margin:0 auto 25px;display:grid;transform:rotate(-8deg)}.finale>.tag{justify-content:center}.finale h2{color:var(--brand);margin:20px 0 30px;font-size:39px}.finale h2>span{color:var(--text);letter-spacing:-.5px;margin-top:13px;font-size:19px;display:block}.final-ranks{margin:25px 0 30px}.final-ranks>div{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:15px;margin:10px 0;padding:16px 22px;display:flex}.final-ranks>div:first-child{border-color:var(--line);background:var(--surface-raised)}.rank-number{color:var(--muted);min-width:20px;font:400 19px Space Grotesk}.final-ranks strong{font-size:16px;font-weight:500}.final-ranks>div>span:last-child{color:var(--brand);margin-left:auto;font:500 25px Space Grotesk}.final-ranks small{letter-spacing:1px;color:var(--muted);font:400 14px DM Sans}.loading{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:65vh;display:flex}.loading>svg{color:var(--brand)}.preparing{color:var(--brand);justify-content:center;align-items:center;gap:8px;margin:30px 0;font-size:16px;display:flex}.audio-error{border:1px solid var(--error-line);background:var(--error-soft);text-align:left;border-radius:8px;margin-top:15px;padding:13px;font-size:16px}.audio-error p{margin-bottom:13px;line-height:1.7}.audio-error button{margin-right:8px;padding:9px;font-size:14px}.mobile-track-icon{background:var(--surface-raised);border:1px solid var(--line);width:76px;height:76px;color:var(--brand);border-radius:50%;place-items:center;margin:20px auto;display:grid}.player-grid .stage{min-height:270px}.player-grid .round-side{min-height:380px}.player-grid .stage .timer{width:140px;height:140px}.player-grid .timer strong{font-size:50px}.player-grid .timer span{font-size:14px}.round-side form label{margin-bottom:20px;font-size:16px}.round-side form label>span{float:right;color:var(--muted);font-size:14px}.round-side form input{min-height:49px;font-size:16px}.round-side form button{margin-top:7px}.answer-sent{text-align:center;color:var(--brand);padding:48px 0}.answer-sent h3{color:var(--text);margin:20px 0 13px;font-size:21px}.answer-sent p{color:var(--muted);font-size:16px;line-height:1.8}.modal-backdrop{background:color-mix(in srgb, var(--surface) 78.8%, transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:80;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.edit-modal{background:var(--surface);border:1px solid var(--line);width:650px;max-width:100%;max-height:94vh;box-shadow:0 20px 90px rgb(var(--shadow-rgb) / .533);border-radius:17px;padding:29px;overflow:auto}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.modal-heading .eyebrow{font-size:14px}.modal-heading h2{margin-top:12px;font-size:28px}.edit-modal>label{margin-top:23px;font-size:16px}.edit-modal>label>input{font-size:16px}.modal-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:26px;display:flex}.modal-actions button{font-size:16px}.spin{animation:1.4s linear infinite recordspin}@keyframes recordspin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@media (width>=1500px){.hero{min-height:480px}.hero h1{font-size:64px}.hero-art{height:350px}.hero .vinyl{width:290px;height:290px}.hero .vinyl-wrap{width:330px;height:330px}.hero .art-orbit{width:350px;height:350px}}@media (width<=1150px){.topbar{gap:28px;padding:0 30px}.private-label{display:none}.home-main,.content-main,.room-main{padding-left:30px;padding-right:30px}.hero h1{font-size:49px}.hero-art{transform:scale(.9)}.hero-notes{gap:12px;font-size:14px}.hero-actions{gap:17px}.hero-actions .text-button{font-size:16px}.lobby-invite{padding:30px}.lobby-invite>.qr{width:130px;top:123px;right:23px}.lobby-invite h2{font-size:35px}.lobby-invite>p:not(.control-warning){max-width:180px;font-size:16px}.lobby-config{gap:15px;font-size:14px}}@media (width<=900px){.topbar{gap:25px;height:83px}.topbar nav{gap:18px}.topbar nav>button{font-size:16px}.header-end{gap:12px}.hero{min-height:400px;padding-top:40px}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-art{margin-left:-30px;margin-right:-25px;transform:scale(.8)}.hero-actions{flex-direction:column;align-items:start;gap:4px}.hero-notes{flex-wrap:wrap;gap:10px;margin-top:15px}.hero-notes>span:last-child{display:none}.empty-collection{gap:15px;padding:25px 20px}.empty-records{display:none}.empty-collection h3,.empty-collection p{font-size:16px}.steps{gap:15px}.steps>div{gap:10px}.steps h3{font-size:16px}.steps p{font-size:14px}.edition-grid{gap:12px}.edition-info{padding:16px}.edition-info h3{font-size:15px}.edition-art{height:135px}footer{padding:24px 30px}footer>span:nth-child(2){display:none}.library-stats>div{padding:18px}.library-toolbar select{max-width:180px}.library-toolbar .ghost>span{display:none}.setup-grid{grid-template-columns:1.4fr 1fr;gap:18px}.settings-card,.session-summary{padding:23px}.field-grid{gap:22px 13px}.field-grid label{font-size:14px}.field-grid input,.field-grid select{font-size:16px}.lobby-grid{grid-template-columns:1fr 1fr;gap:17px}.lobby-invite .qr{width:135px;margin:20px 0 0;position:static}.lobby-invite{padding:26px}.lobby-invite h2{margin:17px 0 13px;font-size:33px}.lobby-invite>p:not(.control-warning){max-width:none}.lobby-config{flex-wrap:wrap;gap:10px;margin-top:17px}.lobby-invite .text-button{margin-top:9px}.lobby-players{padding:23px}.room-heading h1{font-size:29px}.room-code{min-width:140px}.active-grid{gap:17px}.stage,.round-side{padding:23px}.round-side>.card-title>h2{font-size:15px}.stage-volume span{font-size:14px}.score-strip{gap:18px;padding:17px}.page-doodle{margin-right:0}.page-heading h1{font-size:38px}}@media (width<=650px){.topbar{flex-wrap:wrap;gap:10px;height:77px;padding:0 20px;position:relative}.logo{font-size:26px}.logo-mark{border-radius:10px;width:34px;height:34px;margin-right:8px}.topbar nav{border-bottom:1px solid var(--line);background:var(--bg);order:3;gap:25px;width:100%;height:36px;padding:0 20px;position:absolute;bottom:-36px;left:0}.topbar:has(nav){margin-bottom:36px}.topbar nav>button{font-size:16px}.topbar nav>button:last-child{margin-left:auto}.header-end .outline{padding:9px 11px;font-size:16px}.home-main,.content-main,.room-main{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;gap:0;padding:35px 0 30px}.hero h1{letter-spacing:-2.3px;margin:18px 0;font-size:42px}.hero .eyebrow{font-size:14px}.hero p{font-size:16px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:23px}.hero-actions .primary{padding:14px 17px;font-size:16px}.hero-actions .text-button{text-align:left;gap:3px;max-width:123px;font-size:14px;line-height:1.6}.hero-notes{gap:16px;margin-top:20px;font-size:14px}.hero-notes>span:last-child{display:none}.hero-art{height:295px;margin:15px 0 0;transform:scale(.86)}.hero .vinyl-wrap{width:300px}.card-left{bottom:37px;left:-9px}.card-right{top:30px;right:-7px}.art-caption{font-size:17px;bottom:-5px;right:-5px}.art-orbit{width:290px;height:290px}.section-heading{align-items:start;gap:12px;margin-bottom:20px}.section-heading .eyebrow{letter-spacing:1px;font-size:14px}.section-heading h2{max-width:210px;margin-top:9px;font-size:23px}.section-heading .outline{gap:5px;max-width:115px;padding:9px;font-size:14px}.section-heading .outline svg{width:13px}.edition-grid{grid-template-columns:1fr;gap:15px}.edition-card{grid-template-columns:110px 1fr;display:grid}.edition-art{height:122px}.edition-number{font-size:39px;top:35px;left:14px}.edition-art>svg{width:110px;height:110px;bottom:-25px;right:-39px}.edition-tag{letter-spacing:1px;font-size:14px;top:18px;left:14px}.edition-info{padding:24px 20px}.edition-info h3{max-width:245px;font-size:19px}.edition-info p{font-size:14px}.edition-arrow{top:27px;right:15px}.empty-collection{flex-wrap:wrap;gap:20px;padding:25px 20px}.empty-collection h3{font-size:19px}.empty-collection p{font-size:16px}.empty-collection .primary{margin:0;font-size:16px}.steps{grid-template-columns:1fr;gap:24px;padding:28px 0}.steps>div{gap:15px}.steps h3,.steps p{font-size:16px}.steps>div>span{width:36px;height:36px}footer{flex-wrap:wrap;padding:23px 20px;font-size:14px}footer>span:first-child{gap:9px}footer small,footer>button{font-size:14px}.content-main{padding-top:30px;padding-bottom:30px}.page-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:25px}.page-heading h1{letter-spacing:-2px;font-size:36px}.page-heading .eyebrow{font-size:14px}.page-heading p{font-size:16px}.heading-actions{flex-direction:row;gap:10px;width:100%}.heading-actions button{flex:1;padding:12px 10px;font-size:16px}.library-stats{grid-template-columns:1fr 1fr;margin-bottom:20px}.library-stats>div{padding:17px 19px}.library-stats>div:nth-child(2){border-right:0}.library-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.library-stats strong{font-size:29px}.library-stats span{font-size:14px}.library-toolbar{flex-wrap:wrap;gap:10px}.library-toolbar>.search{flex-basis:100%}.library-toolbar select{flex:1;min-width:0;max-width:none}.library-toolbar button{padding:9px}.library-bottom{flex-direction:column;gap:10px;font-size:14px}.song-table th,.song-table td{padding:14px}.setup-grid{grid-template-columns:1fr;gap:20px}.page-doodle{display:none}.settings-card{padding:24px 20px}.field-grid{gap:22px 14px}.field-grid label{font-size:16px}.field-grid select{padding-left:10px;padding-right:5px;font-size:16px}.session-summary{padding:25px}.summary-icon{float:right;width:52px;height:52px;margin:17px 0 0}.session-summary>h2{margin-top:23px;font-size:29px}.summary-line strong{max-width:230px}.scoring{margin-bottom:23px}.join-card{padding:29px 24px}.join-card h1{font-size:40px}.join-card>p{font-size:16px}.join-note{font-size:14px}.join-main{min-height:calc(100vh - 220px);padding:30px 20px}.error-banner{margin:12px 20px;padding:12px;font-size:16px}.toast,.import-status{width:max-content;max-width:90vw;padding:14px 18px;font-size:16px;bottom:15px}.connection{font-size:14px}.header-end{gap:7px}.header-end .ghost{padding:8px;font-size:14px}.room-main{padding-top:25px;padding-bottom:30px}.room-heading{align-items:start;gap:15px;margin-bottom:23px}.room-heading .eyebrow{letter-spacing:1px;max-width:220px;font-size:14px;line-height:1.6}.room-heading h1{letter-spacing:-1.3px;margin-top:10px;font-size:27px;line-height:1.12}.room-code{min-width:112px;padding:10px 12px}.room-code strong{letter-spacing:1px;font-size:17px}.room-code small{letter-spacing:1px;font-size:14px}.room-code button{padding:4px;top:3px;right:3px}.room-code button svg{width:12px}.lobby-grid{grid-template-columns:1fr}.lobby-invite{min-height:320px;padding:26px}.lobby-invite h2{font-size:34px}.lobby-invite .qr{width:125px;margin:0;position:absolute;top:105px;right:21px}.lobby-invite>p:not(.control-warning){max-width:168px;font-size:14px}.lobby-invite>.tag{font-size:14px}.lobby-config{gap:16px;margin-top:25px;padding-top:19px;font-size:14px}.control-warning{max-width:160px;font-size:14px}.lobby-players{padding:23px}.player-list{min-height:100px}.player-welcome{padding:25px}.player-welcome h2{font-size:26px}.active-grid{grid-template-columns:1fr;gap:18px}.stage{min-height:470px;padding:21px}.round-side{min-height:0;padding:24px}.round-side>.card-title>h2{font-size:18px}.stage .vinyl-wrap{width:230px;height:230px}.stage .vinyl{width:205px;height:205px}.stage .needle{height:115px;right:0}.stage .vinyl-center{width:82px;height:82px}.stage-top .tiny-label,.stereo,.stage-volume span{font-size:14px}.score-strip{gap:20px;padding:16px}.score-strip>span{font-size:14px}.score-strip>div{font-size:16px}.reveal-song{min-height:320px}.reveal-song h2{font-size:31px}.reveal-song>p{font-size:17px}.reveal-record{width:90px;height:90px}.answer-detail{font-size:16px}.answers-reveal{max-height:none}.result-player{padding:14px}.result-player-top strong{font-size:16px}.adjust{font-size:14px}.finale{margin:25px auto}.finale h2{font-size:35px}.finale h2>span{font-size:17px}.finale>.tag{font-size:14px}.final-ranks>div{gap:12px;padding:15px}.final-ranks strong{font-size:16px}.final-ranks>div>span:last-child{font-size:23px}.final-ranks small{font-size:14px}.player-grid .stage{min-height:0;padding:17px 20px 13px}.player-grid .mobile-track-icon{display:none}.player-grid .stage .timer{width:114px;height:114px;margin-top:18px}.player-grid .timer strong{font-size:43px}.player-grid .stage-caption{margin:14px 0 7px;font-size:14px}.player-grid .round-side{padding:23px}.player-grid .round-side .card-title{margin-bottom:22px}.round-side form label{margin-bottom:18px}.round-side form input{min-height:48px}.round-side form label>span{font-size:14px}.mobile-room .score-strip{margin-top:17px}.mobile-room .room-heading h1{font-size:27px}.edit-modal{padding:25px 20px}.modal-backdrop{padding:14px}.modal-heading .eyebrow{font-size:14px}.edit-modal .field-grid{grid-template-columns:1fr;gap:18px}.modal-actions{align-items:stretch;gap:10px}.modal-actions button{flex:1;padding:11px;font-size:14px}.modal-actions button svg{width:14px}.audio-error button{margin-bottom:5px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body{line-height:1.6}button{line-height:1.4}input,select{font-size:16px}input::placeholder{color:var(--muted)}.primary,.outline,.ghost,.text-button{min-height:44px}.topbar{height:auto;min-height:100px}.topbar nav>button{line-height:1.4}.hero-notes{color:var(--muted);flex-wrap:wrap}.hero-art{transform:none}.vinyl-center>span,.vinyl-center>small{display:none}.floating-card{max-width:230px}.floating-card small{letter-spacing:.5px}.floating-card strong{font-size:16px}.edition-tag{letter-spacing:.5px}.edition-info h3{overflow-wrap:anywhere;line-height:1.4}.edition-info p{line-height:1.6}.section-heading .outline{flex-shrink:0}.steps{align-items:start}.steps h3{font-size:18px;line-height:1.4}.steps p{line-height:1.6}.empty-collection{flex-wrap:wrap}.empty-collection>div{min-width:0}.library-toolbar{flex-wrap:wrap}.library-toolbar .search{min-width:220px}.song-table{min-width:960px}.song-table th{color:var(--muted)}.song-table td{line-height:1.5}.song-cell strong{font-size:17px}.song-cell small{font-size:15px}.library-bottom{color:var(--muted);flex-wrap:wrap}.field-note,.summary-note,.scoring small,.card-title>span,.no-players,.adjust,.stage-volume,.stage-volume span,.connection,.score-strip>span{color:var(--muted)}.field-grid>label{min-width:0}.summary-line{flex-wrap:wrap;gap:5px 15px}.summary-line>strong{overflow-wrap:anywhere;max-width:100%}.scoring p{gap:16px}.join-card{max-width:480px}.room-heading>div:first-child{min-width:0}.room-heading .eyebrow{overflow-wrap:anywhere}.room-code{min-width:180px;padding-top:14px}.room-code strong{letter-spacing:3px;font-size:27px}.room-code small{letter-spacing:.6px;padding-right:24px}.room-code button{width:40px;height:40px}.lobby-invite{flex-direction:column;align-items:start;display:flex}.lobby-invite>.qr{width:170px;margin:22px 0;position:static}.lobby-invite>p:not(.control-warning),.control-warning{max-width:none}.lobby-config{flex-wrap:wrap;gap:12px 22px;width:100%}.card-title{flex-wrap:wrap;row-gap:8px}.player-list strong,.live-players strong{overflow-wrap:anywhere;min-width:0;font-size:18px}.ready-label,.live-players>div>span:last-child{color:var(--success);flex-shrink:0}.stage-top{flex-wrap:wrap;gap:10px}.stereo,.tiny-label{letter-spacing:.6px}.timer{width:120px;height:120px}.timer strong{font-size:44px}.timer span{letter-spacing:.4px}.stage-caption{font-size:18px}.stage-volume{flex-wrap:wrap;row-gap:14px}.stage-volume input{flex:1;min-width:80px}.stage-volume span{flex-basis:100%;margin-left:0}.score-strip>div{font-size:18px}.score-strip>div>b,.submission-count strong span{color:var(--muted)}.reveal-song>p{font-size:24px}.reveal-song h2{font-size:40px}.result-player-top{flex-wrap:wrap}.answer-detail{grid-template-columns:1fr;gap:9px}.adjust{flex-wrap:wrap;gap:12px}.adjust>select{width:110px;min-height:40px}.round-side form input{font-size:18px}.round-side form label>span{float:none;margin-top:4px;display:block}.modal-heading{gap:20px}.modal-heading h2{overflow-wrap:anywhere}.modal-actions{flex-wrap:wrap}.edit-modal>label{line-height:1.6}footer{color:var(--muted);flex-wrap:wrap}@media (width<=1050px){.setup-grid{grid-template-columns:1fr}.session-summary{max-width:none}.lobby-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;gap:24px}.hero-art{width:100%;max-width:530px;height:360px;margin:0 auto}.hero-actions{flex-flow:wrap;align-items:center}.hero-notes>span:last-child{display:flex}.hero h1{max-width:760px}.hero p{font-size:18px}.edition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.active-grid,.lobby-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}.section-heading h2,.section-heading .outline{max-width:none}.steps{grid-template-columns:1fr;gap:24px}.room-heading{flex-wrap:wrap}.room-code{min-width:180px}.room-code strong{font-size:27px}.lobby-invite .qr{width:170px;margin:22px 0;position:static}.lobby-invite>p:not(.control-warning),.control-warning{max-width:none}.field-grid{grid-template-columns:1fr}.field-grid input,.field-grid select{font-size:16px}.edition-grid{grid-template-columns:1fr}.edition-tag{font-size:14px}.edition-art{height:145px}.edition-number{top:53px}.edition-card{grid-template-columns:110px minmax(0,1fr)}.edition-info{padding:22px 18px}.edition-info p{font-size:14px}.header-end .outline{font-size:16px}.topbar nav{align-items:stretch;gap:16px;height:52px;bottom:-52px}.topbar:has(nav){margin-bottom:52px}.topbar nav>button{min-width:0;font-size:16px}.topbar nav>button:last-child{margin-left:0}.hero .eyebrow,.section-heading .eyebrow,.room-heading .eyebrow{letter-spacing:.6px;font-size:14px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-actions{gap:12px}.hero-actions .text-button{max-width:none;font-size:16px}.hero-actions .primary{font-size:16px}.hero-art{height:340px}.hero-notes{gap:12px;font-size:14px}.hero-notes>span:last-child{display:flex}.card-left{bottom:24px;left:0}.card-right{top:20px;right:0}.floating-card{gap:9px;padding:12px}.art-caption{bottom:-8px;right:0}.page-heading p{font-size:16px}.heading-actions{flex-wrap:wrap}.heading-actions button{flex-basis:160px}.library-toolbar .search{flex-basis:100%;min-width:0}.room-heading .eyebrow{max-width:none}.stage-caption,.player-grid .stage-caption{font-size:16px}.player-grid .stage .timer{width:130px;height:130px}.player-grid .timer strong{font-size:48px}.stage-top .tiny-label,.stereo,.room-code small{font-size:14px}.result-player-top strong,.final-ranks strong{font-size:18px}.summary-note,.join-note{line-height:1.6}.summary-icon{float:none}.modal-actions button{min-height:44px;font-size:16px}footer small,footer>button{font-size:14px}}@media (width<=380px){.topbar nav{gap:12px;padding:0 16px}.topbar nav>button{font-size:14px}.home-main,.content-main,.room-main{padding-left:16px;padding-right:16px}.hero h1{font-size:38px}.hero-art{height:340px}.vinyl-wrap{max-width:100%}.art-orbit{width:260px;height:260px}.floating-card{max-width:210px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .text-button{justify-content:flex-start}.edition-card{grid-template-columns:95px minmax(0,1fr)}.edition-tag,.edition-number{left:12px}.edition-info{padding:20px 14px}.edition-info h3{font-size:18px}.card-title>span{margin-left:0}.stage,.round-side{padding:20px}.join-card{padding:26px 20px}}.mode-picker{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:24px}.timeline-rules{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:18px 0;padding:20px}.timeline-rules h3{margin:0 0 12px;font-size:20px}.timeline-rules p{color:var(--text);margin:12px 0;font-size:16px;line-height:1.65}.stealing-toggle{align-items:center;gap:12px;display:flex}.stealing-toggle input{flex-shrink:0;width:22px;height:22px}.timeline-game{gap:24px;min-width:0;display:grid}.timeline-turn{border:1px solid var(--line);background:linear-gradient(115deg,var(--surface-raised),var(--surface));border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex}.timeline-turn h2{margin:6px 0;font-size:34px}.timeline-turn p{color:var(--muted);margin:8px 0;font-size:18px}.timeline-clock{border:3px solid var(--line);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:112px;min-width:112px;height:112px;display:flex}.timeline-clock strong{font-size:38px;line-height:1.2}.timeline-clock span{color:var(--text);font-size:14px}.timeline-surface,.chip-wallet,.timeline-scores,.timeline-collection{background:var(--surface);border:1px solid var(--line);border-radius:22px;min-width:0;padding:24px}.timeline-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.timeline-label h3{margin:0;font-size:22px}.timeline-label>span{color:var(--brand);white-space:nowrap;font-size:16px}.timeline-board{min-width:0;margin:24px 0}.mystery-card{background:var(--brand-soft);color:var(--brand);border:2px solid var(--brand-line);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;max-width:520px;min-height:90px;margin:0 auto 24px;padding:16px;font-size:20px;font-weight:750;display:flex}.mystery-card small{font-size:14px;font-weight:500}.mystery-card.dragging{cursor:grabbing;background:var(--brand-soft);box-shadow:0 0 0 6px rgb(var(--shadow-rgb) / .2)}.timeline-track{scrollbar-color:var(--brand) var(--brand);align-items:stretch;max-width:100%;padding:12px 4px 20px;display:flex;overflow-x:auto}.timeline-segment{flex-shrink:0;align-items:stretch;display:flex}.timeline-card{background:linear-gradient(150deg,var(--surface-raised),var(--surface-raised));border:1px solid var(--line);overflow-wrap:anywhere;border-radius:16px;flex-direction:column;flex-shrink:0;gap:9px;width:176px;min-height:215px;padding:20px 16px;display:flex}.timeline-card>svg{color:var(--muted)}.timeline-card>strong{color:var(--muted);font-size:34px;line-height:1.2}.timeline-card>b{font-size:17px;line-height:1.35}.timeline-card>span{color:var(--muted);font-size:15px;line-height:1.4}.timeline-gap{border:2px dashed var(--line);background:var(--surface);width:74px;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin:0 10px;padding:6px;transition:background .15s;display:flex}.timeline-gap>span{font-size:25px}.timeline-gap small{font-size:14px}.timeline-gap:disabled{opacity:.6;cursor:default}.timeline-gap.selected,.timeline-gap.placed{border:2px solid var(--line);background:var(--surface-raised);color:var(--text);opacity:1}.timeline-gap.selected>span,.timeline-gap.placed>span{font-size:14px}.timeline-gap:not(:disabled):hover{background:var(--surface-raised)}.timeline-actions{flex-wrap:wrap;gap:12px;display:flex}.timeline-actions button{min-height:50px}.chip-wallet>div:first-child{color:var(--gold);align-items:center;gap:12px;margin-bottom:18px;font-size:22px;display:flex}.timeline-audio{flex-wrap:wrap;align-items:center;gap:16px;font-size:16px;display:flex}.timeline-audio input{width:150px}.timeline-audio>div{flex-basis:100%}.timeline-reveal{border:1px solid var(--line);background:radial-gradient(ellipse at top left,var(--surface-raised),var(--surface) 75%);border-radius:24px;align-items:center;gap:30px;padding:32px;display:flex}.timeline-reveal .timeline-card{width:230px;min-height:260px}.timeline-reveal h2{margin:18px 0;font-size:28px;line-height:1.3}.timeline-reveal p{color:var(--text);font-size:18px;line-height:1.65}.timeline-reveal .tag{font-size:14px}.timeline-scores h3{margin:0 0 16px;font-size:20px}.timeline-scores>div{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding:16px;font-size:17px;display:flex}.timeline-scores strong{flex:1}.timeline-scores>div>span:last-child{color:var(--gold);align-items:center;gap:8px;display:flex}.timeline-scores .current{background:var(--surface-raised);border-radius:12px}.timeline-collection summary{cursor:pointer;font-size:18px}.collected-cards{gap:14px;margin-top:20px;padding-bottom:16px;display:flex;overflow-x:auto}@media (width<=750px){.timeline-game{gap:16px}.timeline-turn{align-items:flex-start;padding:20px 16px}.timeline-turn h2{font-size:25px}.timeline-turn p{font-size:16px}.timeline-turn .eyebrow{font-size:14px}.timeline-clock{width:84px;min-width:84px;height:84px}.timeline-clock strong{font-size:30px}.timeline-clock span{font-size:14px}.timeline-surface,.chip-wallet,.timeline-scores,.timeline-collection{padding:18px 12px}.timeline-label{flex-wrap:wrap;align-items:flex-start}.timeline-label h3{font-size:20px}.mystery-card{gap:9px;min-height:110px;padding:14px;font-size:18px}.mystery-card small{flex-basis:100%}.timeline-track{flex-direction:column;align-items:stretch;padding:0 4px;overflow:visible}.timeline-segment{flex-direction:column;align-items:center;width:100%}.timeline-gap{flex-direction:row;gap:12px;width:100%;min-height:64px;margin:10px 0}.timeline-card{grid-template-columns:30px 1fr;gap:7px 14px;width:100%;min-height:0;padding:18px;display:grid}.timeline-card>strong{font-size:30px}.timeline-card>b,.timeline-card>span{grid-column:2}.timeline-reveal{flex-direction:column;gap:20px;padding:20px 16px}.timeline-reveal .timeline-card{width:100%;min-height:0}.timeline-reveal h2{font-size:24px}.timeline-actions{flex-direction:column}.timeline-actions button{justify-content:center;width:100%;font-size:16px}.timeline-scores>div{gap:12px;padding:14px 8px;font-size:16px}.collected-cards{flex-direction:column;overflow:visible}.timeline-reveal p{font-size:16px}.mode-picker select{white-space:normal;max-width:100%}}.timeline-drag-ghost{z-index:90;pointer-events:none;background:var(--surface-raised);width:90px;height:110px;color:var(--muted);box-shadow:0 8px 35px rgb(var(--shadow-rgb) / .533);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%,-65%)}.timeline-drag-ghost strong{font-size:32px}@media (width<=750px){.timeline-turn{z-index:8;box-shadow:0 8px 25px rgb(var(--shadow-rgb) / .267);position:sticky;top:0}.timeline-turn p{margin-bottom:0}.timeline-turn .eyebrow{font-size:14px}}@media (width>=900px) and (height>=560px){.app.host-game{flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.host-game>.topbar{flex:0 0 64px;width:100%;max-width:none;height:64px;min-height:64px;margin:0;padding:0 24px}.host-game>.room-main{flex-direction:column;flex:1;width:100%;max-width:1680px;min-height:0;padding:12px 24px 16px;display:flex}.host-game .room-heading{flex-shrink:0;gap:16px;margin-bottom:12px}.host-game .room-heading h1{letter-spacing:-.7px;margin-top:2px;font-size:24px}.host-game .room-heading .eyebrow{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;display:block;overflow:hidden}.host-game .room-code{align-items:center;gap:12px;min-width:170px;padding:8px 48px 8px 14px;display:flex}.host-game .room-code strong{letter-spacing:2px;font-size:24px}.host-game .room-code small{padding:0;font-size:14px}.host-game .room-code button{top:8px;right:5px}.host-game .timeline-game{flex:1;grid-template-rows:92px minmax(0,1fr) 34px;grid-template-columns:minmax(0,1fr) 270px;gap:12px;min-height:0}.host-game .timeline-turn{border-radius:16px;grid-area:1/1/auto/-1;min-height:0;padding:10px 20px;position:static}.host-game .timeline-turn h2{margin:2px 0;font-size:28px;line-height:1.2}.host-game .timeline-turn p{display:none}.host-game .timeline-clock{border-width:2px;width:72px;min-width:72px;height:72px}.host-game .timeline-clock strong{font-size:28px}.host-game .timeline-surface{border-radius:16px;flex-direction:column;grid-area:2/1;min-height:0;padding:16px;display:flex}.host-game .timeline-label{flex-shrink:0}.host-game .timeline-label h3{font-size:20px}.host-game .timeline-board{flex:1;align-items:center;min-height:0;margin:10px 0;display:flex;overflow:auto}.host-game .timeline-track{min-height:0;max-height:100%;padding:3px 0 10px}.host-game .timeline-card{gap:6px;width:156px;min-height:170px;max-height:250px;padding:14px}.host-game .timeline-card>strong{font-size:30px}.host-game .timeline-card>b{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.host-game .timeline-card>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.host-game .timeline-gap{width:52px;margin:0 6px}.host-game .timeline-gap span{font-size:20px}.host-game .timeline-gap.placed span{font-size:14px}.host-game .timeline-surface>.field-note{flex-shrink:0;margin:3px 0;font-size:14px;line-height:1.4}.host-game .timeline-surface>.primary{flex-shrink:0;min-height:46px;margin-top:10px}.host-game .timeline-audio{grid-area:3/1;gap:12px;min-height:0;position:relative}.host-game .timeline-audio>div[role=alert]{background:var(--surface-raised);border:1px solid var(--line);z-index:4;border-radius:14px;padding:16px;position:absolute;bottom:40px;left:0;right:0}.host-game .timeline-scores{border-radius:16px;grid-area:2/2/4;min-height:0;padding:16px;overflow:auto}.host-game .timeline-scores h3{margin-bottom:12px;font-size:18px;line-height:1.4}.host-game .timeline-scores>div{gap:6px 12px;padding:14px 10px;font-size:16px}.host-game .timeline-scores strong{overflow-wrap:anywhere;flex-basis:100%}.host-game .timeline-reveal{border-radius:16px;grid-area:2/1/4;gap:24px;min-height:0;padding:20px;overflow:auto}.host-game .timeline-reveal .timeline-card{width:200px;min-height:220px;max-height:none}.host-game .timeline-reveal .timeline-card>b,.host-game .timeline-reveal .timeline-card>span{display:block;overflow:visible}.host-game .timeline-reveal>div{min-width:0}.host-game .timeline-reveal h2{margin:12px 0;font-size:26px}.host-game .timeline-reveal p{margin:10px 0;font-size:16px;line-height:1.5}.host-game .timeline-actions{gap:10px}.host-game .timeline-actions button{min-height:46px;padding:12px 16px;font-size:16px}.host-game .active-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:stretch;gap:16px;min-height:0}.host-game .stage,.host-game .round-side{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.host-game .stage{justify-content:space-between;align-items:center;gap:8px}.host-game .stage-top{flex-shrink:0;width:100%}.host-game .stage .vinyl-wrap{flex:0 175px;width:175px;height:175px;min-height:100px;margin:0}.host-game .stage .vinyl{width:165px;height:165px}.host-game .stage .vinyl-center{width:68px;height:68px}.host-game .stage .vinyl-center>b{font-size:30px}.host-game .stage .needle{height:100px;right:0}.host-game .stage .vinyl-star{font-size:24px}.host-game .timer{flex-shrink:0;width:94px;height:94px}.host-game .timer strong{font-size:32px}.host-game .timer span{font-size:14px}.host-game .stage-caption{margin:0;font-size:16px}.host-game .stage-volume{flex-wrap:nowrap;flex-shrink:0;width:100%;padding-top:10px}.host-game .stage-volume span{flex-basis:auto;margin:0}.host-game .stage-volume input{flex:0 100px}.host-game .round-side>.card-title{flex-shrink:0;margin-bottom:12px}.host-game .card-title h2{font-size:20px}.host-game .live-players,.host-game .answers-reveal{flex:1;min-height:0;max-height:none;margin-bottom:12px;overflow:auto}.host-game .live-players>div{padding:10px 0}.host-game .submission-count{flex-shrink:0;margin:4px 0 10px;padding:0}.host-game .submission-count strong{font-size:30px}.host-game .round-side>.primary{flex-shrink:0}.host-game .round-side>.field-note{flex-shrink:0;margin:8px 0 0;font-size:14px;line-height:1.4}.host-game .score-strip{flex-shrink:0;gap:20px;min-height:48px;max-height:64px;margin-top:12px;padding:10px 16px}.host-game .score-strip>div{flex-shrink:0;font-size:16px}.host-game .score-strip>span{flex-shrink:0}.host-game .reveal-song{flex:1;gap:10px;width:100%;min-height:0;padding:12px 0;overflow:auto}.host-game .reveal-song h2{margin:0;font-size:32px}.host-game .reveal-song>p{margin:0;font-size:22px}.host-game .year-pill{font-size:30px}.host-game .result-player{padding:12px}.host-game .answer-detail{gap:5px;margin:10px 0}.host-game>.error-banner{flex-shrink:0;max-height:80px;overflow:auto}}@media (width<=750px){.timeline-game{gap:12px}.timeline-turn{border-radius:16px;align-items:center;gap:12px;padding:12px}.timeline-turn h2{margin:3px 0;font-size:22px}.timeline-turn p{display:none}.timeline-clock{border-width:2px;width:68px;min-width:68px;height:68px}.timeline-clock strong{font-size:26px}.timeline-surface,.chip-wallet,.timeline-scores,.timeline-collection{border-radius:16px;padding:12px}.timeline-label{align-items:center;gap:6px 12px}.timeline-label h3{font-size:18px}.timeline-label>span{font-size:14px}.timeline-board{margin:12px 0}.mystery-card{border-radius:12px;gap:4px 10px;min-height:64px;margin-bottom:10px;padding:10px 12px;font-size:16px}.mystery-card>svg{width:20px;height:20px}.mystery-card small{font-size:14px}.timeline-track{overscroll-behavior-y:contain;scrollbar-width:thin;max-height:clamp(180px,32dvh,290px);padding:0 4px;scroll-padding:8px;overflow:hidden auto}.timeline-gap{border-radius:10px;gap:8px;min-height:44px;margin:5px 0}.timeline-gap>span{font-size:22px}.timeline-card{border-radius:12px;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr);align-content:center;gap:3px 12px;min-height:76px;padding:10px 12px}.timeline-card>svg{display:none}.timeline-card>strong{grid-area:1/1/3;align-self:center;font-size:25px}.timeline-card>b{grid-area:1/2;font-size:16px;line-height:1.3}.timeline-card>span{grid-area:2/2;font-size:15px;line-height:1.3}.timeline-track .timeline-card>b,.timeline-track .timeline-card>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.timeline-surface>.field-note{margin:8px 0 0;font-size:14px;line-height:1.4}.timeline-surface>.primary{min-height:46px;padding:11px 12px}.chip-wallet>div:first-child{margin-bottom:10px;font-size:18px}.timeline-actions{gap:8px}.timeline-actions button{min-height:46px;padding:10px 12px}.timeline-reveal{border-radius:16px;gap:14px;padding:14px}.timeline-reveal h2{margin:10px 0;font-size:22px}.timeline-reveal p{line-height:1.45}.timeline-reveal .timeline-card{min-height:76px}.collected-cards{gap:8px;margin-top:12px;padding-bottom:0}.player-app:has(.timeline-game) .topbar{flex-wrap:nowrap;gap:8px;height:60px;min-height:60px;padding:0 12px}.player-app:has(.timeline-game) .logo{font-size:22px}.player-app:has(.timeline-game) .logo-mark{width:30px;height:30px;margin-right:6px}.player-app:has(.timeline-game) .header-end{gap:4px}.player-app:has(.timeline-game) .connection{font-size:14px}.player-app:has(.timeline-game) .room-heading>div:first-child{display:none}.player-app:has(.timeline-game) .room-code{border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 12px;display:flex}.player-app:has(.timeline-game) .room-code small{margin:0;padding:0;font-size:14px}.player-app:has(.timeline-game) .room-code strong{letter-spacing:2px;font-size:20px}.player-app:has(.timeline-game) .room-main{padding-top:12px}.player-app:has(.timeline-game) .room-heading{gap:8px;margin-bottom:12px}.player-app:has(.timeline-game) .room-heading h1{letter-spacing:-.6px;margin:3px 0;font-size:22px}}:root{--bg:var(--surface);--surface:var(--surface);--surface2:var(--brand);--line:var(--brand);--text:var(--text);--muted:var(--text);--lime:var(--text);--dark:var(--surface);--purple:var(--text);--orange:var(--text)}.primary{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand);box-shadow:none}.primary:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand-line)}.logo>span:not(.logo-mark){color:var(--brand)}.extra-settings{margin:20px 0}.auto-reveal-note{background:var(--surface-raised);color:var(--text);border-radius:10px;margin:0 0 10px;padding:9px 14px;font-size:16px}.modern-board{flex-direction:column;gap:10px;min-height:0;display:flex}.modern-board .timeline-track{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-content:start;align-items:stretch;gap:8px;width:100%;max-height:none;padding:4px;display:grid;overflow:auto}.modern-board .timeline-segment{display:contents}.modern-board .collected-tile{cursor:pointer;border:2px solid #0000;border-radius:12px;min-width:0}.modern-board .collected-tile:focus-visible{outline:2px solid var(--line);outline-offset:1px}.modern-board .insert-here .collected-tile{border-left-color:var(--brand-line)}.modern-board .timeline-card{border-radius:10px;gap:5px;width:100%;height:100%;min-height:120px;max-height:none;padding:12px}.timeline-card.card-tone-0,.timeline-card.card-tone-1,.timeline-card.card-tone-2,.timeline-card.card-tone-3,.timeline-card.card-tone-4{background:var(--surface-raised);border-color:var(--line)}.timeline-card>strong,.timeline-card>span{color:var(--text)}.modern-board .mystery-card{border:1px solid var(--brand-line);background:var(--brand-soft);width:100%;max-width:none;height:auto;min-height:50px;color:var(--brand);touch-action:none;border-radius:12px;flex-wrap:nowrap;margin:0;padding:10px;font-size:16px}.modern-board .mystery-card strong{font-size:25px}.modern-board .inserted-card,.placed-card{border:2px solid var(--line);background:var(--surface-raised);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:70px;padding:8px;font-size:14px;display:flex}.placement-tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.placement-tools button{min-height:44px;padding:8px 10px;font-size:14px}.placement-tools span{text-align:center;color:var(--muted);flex:1;font-size:14px}.timeline-drag-ghost{background:var(--surface-raised);color:#fff;gap:2px;width:110px;height:75px}.timeline-drag-ghost span{font-size:14px}.host-game .modern-board{align-items:stretch}.host-game .modern-board .timeline-card{width:100%;min-height:130px}.host-game .modern-board .timeline-track{align-content:center}.game-sheet{border:1px solid var(--line);background:var(--surface);width:min(100%,600px);max-width:100%;max-height:85dvh;color:var(--text);padding:20px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -16px 70px rgb(var(--shadow-rgb) / .4);border-radius:22px 22px 0 0;margin:auto auto 0;position:fixed;inset:auto 0 0;overflow:auto}.game-sheet::backdrop{background:color-mix(in srgb, var(--surface) 72.2%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sheet-heading h2{font-size:24px}.game-sheet p{color:var(--muted);margin:14px 0;font-size:16px;line-height:1.5}.game-sheet label{margin:16px 0}.game-sheet input[type=range]{width:100%;margin:20px 0}.sheet-actions{gap:12px;display:grid}.sheet-scores>div{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr auto;gap:8px;padding:14px 0;display:grid}.sheet-scores small{color:var(--muted);grid-column:2/4;font-size:14px}.sheet-cards{gap:10px;display:grid}.sheet-cards .timeline-card{grid-template-columns:64px 1fr;gap:4px 12px;width:100%;min-height:0;padding:12px;display:grid}.sheet-cards .timeline-card>strong{grid-row:1/3;font-size:24px}.sheet-cards .timeline-card>b,.sheet-cards .timeline-card>span{white-space:normal;grid-column:2;display:block;overflow:visible}@media (width<=750px){.app.play-session{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.app.play-session>.topbar{flex-wrap:nowrap;flex-shrink:0;gap:8px;width:100%;height:48px;min-height:48px;padding:0 12px}.app.play-session .logo{font-size:22px}.app.play-session .logo-mark{width:28px;height:28px;margin-right:6px}.app.play-session .connection{white-space:nowrap;font-size:14px}.app.play-session .header-end{gap:3px}.app.play-session .header-end .ghost{padding:7px 4px}.app.play-session>.room-main{flex:1;width:100%;max-width:none;min-height:0;padding:0 12px;display:flex}.app.play-session .room-heading,.app.play-session .auto-reveal-note{display:none}.phone-game{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.phone-round{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;display:flex}.phone-round small{letter-spacing:.5px;color:var(--muted);font-size:14px}.phone-round h2{letter-spacing:-.4px;margin:3px 0 0;font-size:22px;line-height:1.2}.phone-round>span{color:var(--muted);white-space:nowrap;font-size:16px}.phone-play-area{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 0 8px;display:flex;overflow:auto}.phone-hint{color:var(--muted);text-align:center;flex-shrink:0;margin:0;font-size:14px;line-height:1.35}.phone-game .modern-board{flex:1;gap:6px;min-height:0;margin:0}.phone-game .modern-board .timeline-track{scrollbar-width:thin;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;min-height:0;max-height:none;padding:2px;overflow:auto}.phone-game .modern-board .timeline-card{border-radius:9px;grid-template-rows:1fr 1fr;grid-template-columns:43px minmax(0,1fr);align-content:center;gap:2px 5px;height:100%;min-height:68px;max-height:none;padding:8px 6px;display:grid}.phone-game .modern-board .timeline-card>strong{grid-area:1/1/3;align-self:center;font-size:20px;line-height:1.2}.phone-game .modern-board .timeline-card>b,.phone-game .modern-board .timeline-card>span{white-space:nowrap;text-overflow:ellipsis;grid-column:2;align-self:center;font-size:14px;line-height:1.25;display:block;overflow:hidden}.phone-game .modern-board .timeline-card>b{grid-row:1}.phone-game .modern-board .timeline-card>span{grid-row:2}.phone-game .modern-board .collected-tile{border-radius:11px}.phone-game .modern-board .inserted-card{flex-wrap:wrap;gap:5px;height:72px;min-height:72px;padding:6px}.phone-game .modern-board .inserted-card span{font-size:14px}.phone-game .modern-board .mystery-card{flex-shrink:0;min-height:46px;padding:7px}.phone-game .modern-board .placed-card{min-height:72px}.phone-game .dense-board .timeline-track{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-game .dense-board .timeline-card{grid-template-rows:auto auto;grid-template-columns:1fr;min-height:57px;padding:5px}.phone-game .dense-board .timeline-card>strong{grid-area:1/1}.phone-game .dense-board .timeline-card>b{grid-area:2/1}.phone-game .dense-board .timeline-card>span{display:none}.phone-game .dense-board .inserted-card{height:61px;min-height:61px}.phone-game .placement-tools{gap:4px}.phone-game .placement-tools button{min-height:42px;padding:7px 9px}.phone-game .placement-tools span{font-size:14px}.phone-game .lock-answer{flex-shrink:0;min-height:44px;padding:10px}.phone-host-controls{flex-shrink:0;gap:8px;display:grid}.phone-host-controls button{min-height:44px;padding:10px}.phone-host-controls p{font-size:16px;line-height:1.4}.bonus-buttons{gap:8px;display:flex}.bonus-buttons>*{flex:1}.game-dock{padding:0 0 env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);flex-shrink:0;margin:0 -12px;display:block}.dock-time{align-items:center;gap:10px;min-height:30px;padding:8px 12px 4px;display:flex}.dock-time>span{white-space:nowrap;color:var(--text);font-size:14px}.dock-progress{background:var(--surface-raised);border-radius:4px;flex:1;height:5px;overflow:hidden}.dock-progress i{background:linear-gradient(90deg,var(--surface-raised),var(--surface-raised));border-radius:4px;height:100%;transition:width .1s linear;display:block}.dock-time.ending .dock-progress i{background:var(--warning-soft)}.game-dock nav{gap:2px;padding:3px 6px 5px;display:flex}.game-dock nav button{min-width:0;min-height:50px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 2px;font-size:14px;display:flex}.game-dock nav button:active{background:var(--surface-raised)}.game-dock nav button svg{color:var(--muted)}.phone-answer{padding:8px 2px}.phone-answer fieldset{flex-direction:column;gap:12px;display:flex}.phone-answer label{color:var(--text);font-size:16px}.phone-answer input{background:var(--surface);border-color:var(--line);min-height:45px;margin-top:5px;padding:10px 12px}.phone-answer button{margin-top:4px;padding:12px}.phone-sent,.phone-moderator{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 10px;display:flex}.phone-sent svg{color:var(--success)}.phone-sent p,.phone-moderator p{color:var(--muted);font-size:16px}.phone-moderator .phone-host-controls{width:100%;margin-top:16px}.phone-reveal{flex-direction:column;gap:12px;padding:4px 0 8px;display:flex}.phone-reveal>.timeline-card{grid-template-columns:65px 1fr;gap:5px 12px;width:100%;min-height:0;padding:16px;display:grid}.phone-reveal>.timeline-card>strong{grid-area:1/1/3;align-self:center;font-size:28px}.phone-reveal>.timeline-card>b,.phone-reveal>.timeline-card>span{white-space:normal;grid-column:2;display:block;overflow:visible}.phone-reveal>.timeline-card>b{font-size:20px}.phone-reveal>.timeline-card>span{font-size:16px}.result-message{font-size:18px;line-height:1.4}.phone-results{gap:10px;display:grid}.phone-results>div{border:1px solid var(--line);border-radius:12px;padding:12px}.phone-results strong{justify-content:space-between;gap:10px;font-size:16px;display:flex}.phone-results b{color:var(--muted)}.phone-results p{color:var(--muted);margin:8px 0;font-size:14px;line-height:1.4}.phone-results label{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.phone-results select{width:90px;min-height:40px;margin:0;padding:7px}.play-session>.error-banner{flex-shrink:0;max-height:70px;margin:4px 12px;padding:8px;overflow:auto}}@media (height<=620px) and (width<=750px){.phone-round{padding:5px 2px}.phone-round small{display:none}.phone-round h2{font-size:20px}.phone-answer{padding:0 2px}.phone-answer fieldset{gap:7px}.phone-answer input{min-height:40px;padding:8px 10px}.game-dock nav{padding:1px 6px 3px}.game-dock nav button{flex-direction:row;gap:4px;min-height:40px}.game-dock nav button svg{width:16px;height:16px}}@media (width<=750px){.phone-game .modern-board .timeline-card{grid-template-columns:52px minmax(0,1fr);min-height:64px}.phone-game .modern-board .timeline-card>strong{white-space:nowrap}.phone-game .dense-board .timeline-card{grid-template-columns:1fr}.game-dock nav button span{background:0 0;margin:0;padding:0}.phone-game .modern-board .timeline-card{min-height:54px;padding:7px 6px}.phone-game .modern-board .inserted-card,.phone-game .modern-board .placed-card{height:58px;min-height:58px}.phone-game .dense-board .timeline-card{min-height:57px}}.chip-wallet summary{cursor:pointer;font-size:16px}.chip-wallet[open]>div:first-of-type{margin-top:14px}@media (width>=900px) and (height>=560px){.host-game .timeline-game:has(.chip-wallet) .timeline-scores{grid-row:2}.host-game .chip-wallet{z-index:5;background:var(--surface-raised);border-radius:10px;grid-area:3/2;align-self:end;padding:6px 10px}.host-game .chip-wallet[open]{max-height:65dvh;box-shadow:0 -10px 40px rgb(var(--shadow-rgb) / .533);overflow:auto}.host-game .timeline-collection{display:none}.host-game .chip-wallet .timeline-actions{display:grid}.host-game .chip-wallet .timeline-card{width:100%;min-height:0}.host-game .chip-wallet .collected-cards{flex-direction:column}.host-game .timeline-game{grid-template-rows:76px minmax(0,1fr) 44px}.host-game .timeline-clock{width:62px;min-width:62px;height:62px}.host-game .timeline-audio>button{min-height:42px;margin-left:auto;padding:10px 18px}.host-game .timeline-audio>span{font-size:14px}.host-game .modern-board .timeline-track{flex:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start}.host-game .modern-board .timeline-card{gap:3px;min-height:94px;padding:8px}.host-game .modern-board .timeline-card>strong{font-size:26px}.host-game .modern-board .timeline-card>b,.host-game .modern-board .timeline-card>span{-webkit-line-clamp:1}.host-game .timeline-surface>.primary{min-height:44px;margin-top:4px;padding:10px}}html,body,#root,.app{background:var(--bg);background-image:none!important}.timeline-card,.timeline-card[class*=card-tone-]{background:var(--surface-raised);border-color:var(--line)}.modern-board .mystery-card,.modern-board .inserted-card,.modern-board .placed-card{background:var(--brand-soft);border-color:var(--brand-line)}.exit-button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.chip-count{color:var(--gold);align-items:center;gap:7px;display:flex}.round-verdict{text-align:center;justify-content:center;align-items:center;gap:12px;padding:14px 8px;font-size:25px;display:flex}.correct{color:var(--success)}.incorrect{color:var(--error)}.partial{color:var(--warning)}.phone-reveal .phone-host-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.answer-breakdown{gap:10px;margin:14px 0;display:grid}.answer-breakdown>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 10px;padding-bottom:8px;font-size:15px;display:grid}.answer-breakdown span{align-items:center;gap:5px;display:flex}.answer-breakdown b{overflow-wrap:anywhere;color:var(--text);grid-area:2/1;font-weight:400}.answer-breakdown strong{grid-area:1/2/3;align-self:center}.dock-progress{position:relative;overflow:visible}.music-end-mark{background:var(--surface-raised);border-radius:2px;width:3px;height:13px;position:absolute;top:-4px;transform:translate(-1px)}.listening-phase{color:var(--text);text-align:center;padding:2px 8px;font-size:14px}.song-cell,.song-cell>div{min-width:0}.song-cell strong,.song-cell small{overflow-wrap:anywhere;white-space:normal}.song-table{table-layout:fixed;width:100%}.song-table td{overflow-wrap:anywhere}@media (width<=750px){.phone-game .modern-board .timeline-track,.phone-game .dense-board .timeline-track{grid-template-columns:minmax(0,1fr);gap:4px}.phone-game .modern-board .timeline-card,.sheet-cards .timeline-card{border-radius:9px;grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr);gap:2px 8px;width:100%;height:auto;min-height:54px;padding:7px 9px;display:grid}.phone-game .modern-board .timeline-card>strong,.sheet-cards .timeline-card>strong{white-space:nowrap;grid-area:1/1/3;align-self:center;font-size:22px}.phone-game .modern-board .timeline-card>b,.phone-game .modern-board .timeline-card>span,.sheet-cards .timeline-card>b,.sheet-cards .timeline-card>span{white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:14px;line-height:1.25;display:block;overflow:hidden}.phone-game .modern-board .timeline-card>b,.sheet-cards .timeline-card>b{grid-row:1}.phone-game .modern-board .timeline-card>span,.sheet-cards .timeline-card>span{grid-row:2}.sheet-cards{gap:4px}.modern-board .insert-here .collected-tile{border-left-color:#0000;border-top-color:var(--brand-line)}.phone-game .modern-board .inserted-card,.phone-game .modern-board .placed-card{height:54px;min-height:54px}.song-table th:nth-child(3),.song-table td:nth-child(3),.song-table th:nth-child(5),.song-table td:nth-child(5){display:none}.song-table th:first-child{width:42px}.song-table th:nth-child(4){width:58px}.song-table th:last-child{width:40px}.song-table td{padding:10px 5px}.song-icon{display:none}.song-cell{gap:0}.song-table-wrap{width:100%;min-width:0}.library-toolbar{flex-wrap:wrap}.library-toolbar>*{min-width:0;max-width:100%}}.phone-reveal>.timeline-card{grid-template-columns:78px minmax(0,1fr)}.phone-reveal>.timeline-card>strong{white-space:nowrap;word-break:normal}.phone-reveal>.timeline-card>b,.phone-reveal>.timeline-card>span{overflow-wrap:anywhere;min-width:0}.phone-answer,.phone-answer fieldset,.phone-answer label{box-sizing:border-box;min-width:0;max-width:100%}.phone-answer fieldset{border:0;width:100%;margin:0;padding:0}.phone-answer input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.phone-answer input:focus{box-shadow:inset 0 0 0 2px rgb(var(--shadow-rgb) / 1);border-color:var(--line);outline:0}.timeline-insert-line{background:var(--brand-soft);height:3px;min-height:3px;box-shadow:0 0 6px rgb(var(--shadow-rgb) / .502);pointer-events:none;border-radius:3px;grid-column:1/-1;margin:1px 2px}.modern-board .insert-here .collected-tile{border-color:#0000}@media (width<=750px){.phone-game .modern-board .mystery-card,.phone-game .modern-board .placed-card{text-align:left;grid-template-columns:56px minmax(0,1fr);justify-content:stretch;align-items:center;gap:8px;height:54px;min-height:54px;padding:7px 9px;display:grid;position:relative}.phone-game .modern-board .mystery-card>strong{text-align:left;grid-area:1/1;padding-left:0;font-size:22px}.phone-game .modern-board .mystery-card>span{grid-area:1/2;padding-right:17px;font-size:14px}.phone-game .modern-board .mystery-card>svg{opacity:.65;position:absolute;top:17px;right:7px}.phone-game .modern-board .placed-card>svg{justify-self:start}.phone-game .modern-board .mystery-card{width:calc(100% - 4px);margin:2px}}.app.play-session>.topbar{display:none!important}.desktop-game-exit{order:3;margin-left:auto}.correct,.answer-breakdown .correct,.round-verdict.correct{color:var(--success)}.song-loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:12px;font-size:15px;display:flex}.song-loading svg{flex-shrink:0}.score-round{border-bottom:1px solid var(--line);padding-bottom:12px;font-weight:700}.edition-card{min-height:0}.edition-art{height:110px}.edition-info{padding:16px}.edition-info h3{font-size:19px}.edition-number{font-size:42px}.edition-tag{font-size:14px}@media (width<=750px){.edition-grid{gap:8px}.edition-card{border-radius:12px;grid-template-columns:58px minmax(0,1fr)}.edition-art{height:76px;min-height:76px}.edition-art .edition-tag,.edition-art>svg{display:none}.edition-number{font-size:23px;top:22px;left:12px}.edition-info{min-width:0;padding:12px 34px 12px 12px}.edition-info h3{max-width:none;margin:0 0 5px;font-size:16px;line-height:1.3}.edition-info p{margin:0;font-size:14px;line-height:1.3}.edition-arrow{top:25px;right:9px}.edition-card .edition-arrow svg{width:18px}.phone-round{padding-top:14px}}.song-table{table-layout:fixed;width:100%;min-width:0}.song-table .col-active{width:64px}.song-table .col-edition{width:24%}.song-table .col-actions{width:52px}.song-table th,.song-table td{padding:16px 14px}.song-table th:first-child,.song-table td:first-child{text-align:center;padding:12px 8px}.song-table th:last-child,.song-table td:last-child{text-align:center;padding:10px 4px}.song-table th:nth-child(2){width:auto}.song-table th:nth-child(4),.song-table td:nth-child(4){white-space:nowrap}.song-table .edition-cell{font-size:14px;line-height:1.5}.song-table .song-cell{align-items:center;gap:12px}.song-cell>div{flex:1}.song-cell strong{line-height:1.5}.library-select-all{color:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:4px;margin:0;font-size:14px;line-height:1.4;display:flex}.library-select-all>input{width:18px;height:18px;min-height:0;margin:0}.library-select-all>span{letter-spacing:0;font-size:14px}.library-selection{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 12px;padding:16px 18px;scroll-margin-top:20px;display:flex}.library-selection>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.library-selection strong{font-size:16px;font-weight:500}.library-selection span{color:var(--muted);font-size:14px}.library-selection-buttons{flex-shrink:0;gap:8px;display:flex}.library-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.library-range{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.library-page-size,.library-page-select{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.library-pagination label>select{width:auto;min-height:44px;margin:0;padding:8px 10px}.library-page-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.library-pagination .small{min-width:44px;min-height:44px;padding:9px 12px}.library-page-select{margin:0 4px}.library-pagination select{font-variant-numeric:tabular-nums}@media (width<=1000px) and (width>=751px){.song-table .col-edition{width:20%}.song-table .col-status{width:110px}.song-table th,.song-table td{padding-left:10px;padding-right:10px}.song-table .song-icon{flex-basis:30px;width:30px;height:34px}}@media (width<=750px){.song-table{min-width:0}.song-table .col-edition,.song-table .col-status{width:0;display:none}.song-table .col-active{width:48px}.song-table .col-year{width:60px}.song-table .col-actions{width:44px}.song-table th:first-child,.song-table th:nth-child(4),.song-table th:last-child{width:auto}.song-table th,.song-table td{padding:12px 6px}.song-table .song-cell{gap:0}.song-table .song-cell strong{font-size:16px}.song-table .song-cell small,.library-select-all>span{font-size:14px}.library-selection{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.library-selection-buttons{flex-wrap:wrap}.library-selection-buttons>button{flex:1}.library-pagination{gap:10px}.library-pagination .library-range{flex:1}.library-page-buttons{justify-content:space-between;gap:4px;width:100%}.library-pagination .small{padding:8px}.library-page-select{gap:5px;margin:0}.library-pagination label>select{padding:8px 6px}.library-pagination .library-page-size{margin-left:auto}}.library-sort{min-height:44px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:600;display:inline-flex}.library-sort>span{letter-spacing:0;color:var(--muted);font-size:16px}.library-sort:hover{color:var(--text)}.library-song-sort{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-song-sort>span{color:var(--muted)}.library-active-header{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.library-active-header .library-select-all>span{display:none}.library-active-header .library-sort{justify-content:center;gap:0;min-height:22px;padding:0;font-size:0}.library-active-header .library-sort>span{font-size:16px}.song-table .col-year{width:86px}.song-table .col-status{width:130px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=750px){.song-table .col-year{width:66px}.song-table .col-status{width:0}.library-song-sort{gap:5px}.library-sort{letter-spacing:0;gap:3px}.library-sort>span{font-size:14px}}.library-active-header .library-sort{letter-spacing:0;gap:3px;font-size:14px}.song-cover{background:var(--surface-raised);width:42px;height:42px;color:var(--muted);border-radius:7px;flex:0 0 42px;place-items:center;display:grid;position:relative;overflow:hidden}.song-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.edition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.edition-card{border-radius:12px;grid-template-columns:50px minmax(0,1fr);min-height:92px;display:grid}.edition-art{height:100%;min-height:92px}.edition-art>svg,.edition-art .edition-tag{display:none}.edition-number{letter-spacing:-.5px;justify-content:center;align-items:center;height:100%;font-size:23px;display:flex;position:static}.edition-info{align-self:center;min-width:0;padding:14px 30px 14px 13px}.edition-info h3{overflow-wrap:anywhere;max-width:none;margin:0 0 6px;font-size:17px;line-height:1.25}.edition-info p{margin:0;font-size:13px;line-height:1.4}.edition-arrow{top:50%;right:10px;transform:translateY(-50%)}.edition-card .edition-arrow svg{width:16px;height:16px}@media (width<=1050px){.edition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.edition-grid{grid-template-columns:1fr;gap:7px}.edition-card{grid-template-columns:42px minmax(0,1fr);min-height:64px}.edition-art{min-height:64px}.edition-info{padding:10px 30px 10px 12px}.edition-info h3{margin-bottom:3px;font-size:15px}.edition-info p{font-size:12px}.edition-number{font-size:20px}.song-cover{border-radius:5px;flex-basis:30px;width:30px;height:30px}.song-cover svg{width:16px}.song-table .song-cell{gap:8px}.song-table .song-cell strong{font-size:14px}.song-table .song-cell small{font-size:12px}}.song-cover-button{cursor:zoom-in;background:0 0;border:0;border-radius:7px;flex:none;padding:0;display:inline-flex}.song-cover-button:disabled{opacity:1;cursor:default}.song-cover-button.reveal-cover{width:max-content;margin:0 auto 18px;display:flex}.reveal-cover .song-cover{border-radius:12px;flex-basis:144px;width:144px;height:144px}.reveal-cover .song-cover svg{width:48px;height:48px}.reveal-cover img{object-fit:contain}.reveal-art-card{flex-direction:column;align-items:center;gap:12px;display:flex}.reveal-art-card .reveal-cover{margin-bottom:0}.cover-lightbox{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;width:min(620px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto}.cover-lightbox::backdrop{background:rgb(var(--shadow-rgb) / .85)}.cover-lightbox>div{padding:52px 18px 18px;position:relative}.cover-lightbox button{place-items:center;min-width:44px;min-height:44px;display:grid;position:absolute;top:8px;right:8px}.cover-lightbox img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 170px);display:block}.cover-lightbox p{text-align:center;overflow-wrap:anywhere;padding-top:14px;line-height:1.4}@media (width<=750px){.song-table .song-cover-button{display:none}.song-table .song-cell{gap:0}.song-table .song-cell strong{font-size:16px}.song-table .song-cell small{font-size:14px}.reveal-cover .song-cover{flex-basis:112px;width:112px;height:112px}.phone-reveal>.reveal-cover{margin:0 auto 14px}}.answer-result{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-self:start;min-width:0;padding:12px}.answer-result>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.answer-result>header>strong{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:16px;line-height:1.3;display:flex}.answer-result>header>strong>small{background:var(--surface-raised);color:var(--text);white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:11px;line-height:1}.answer-total{white-space:nowrap;flex-shrink:0;align-items:baseline;gap:5px;display:flex}.answer-total b{color:var(--brand);font-size:22px}.answer-total>span{color:var(--muted);font-size:12px}.answer-result-rows{gap:0;margin:0;display:grid}.answer-result-row{border-top:1px solid var(--line);grid-template-columns:92px minmax(0,1fr) 60px;align-items:start;gap:8px;padding:9px 0;font-size:14px;line-height:1.4;display:grid}.answer-result-row dt{align-items:center;gap:6px;font-weight:500;display:flex}.answer-result-row dt svg{flex-shrink:0;margin-top:1px}.answer-result-row dd{margin:0}.answer-result-row .answer-value{color:var(--text);overflow-wrap:anywhere}.answer-result-row.correct{color:var(--success)}.answer-result-row.incorrect{color:var(--error)}.answer-result-row.partial{color:var(--warning)}.answer-result-row .answer-points{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.answer-points>span{opacity:.8;font-weight:400}.answer-correction-note{color:var(--success);margin:5px 0 0;font-size:12px;line-height:1.4}.answer-adjust{border-top:1px solid var(--line);color:var(--muted);margin-top:2px;padding-top:8px;font-size:12px}.answer-adjust summary{cursor:pointer;width:fit-content;padding:2px 0}.answer-adjust summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.answer-adjust label{justify-content:space-between;align-items:center;gap:10px;margin:9px 0 0;font-size:13px;display:flex}.answer-adjust label>select{width:auto;min-height:36px;margin:0;padding:6px 9px}.answer-adjust p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.4}.answers-reveal,.phone-results{grid-auto-rows:max-content;align-content:start;gap:10px;display:grid}.phone-results .answer-result strong{font-size:inherit;justify-content:initial;display:inline-flex}.phone-results .answer-total b{color:var(--brand)}.phone-results .answer-result-row .answer-points{font-size:14px;display:block}.phone-results .answer-value{color:var(--text)}.phone-results .answer-adjust p{margin:8px 0 0;font-size:12px}.host-game .quiz-reveal-grid{align-items:start}.quiz-reveal-grid .round-side{height:auto;min-height:0;max-height:calc(100dvh - 140px)}.host-game .quiz-reveal-grid .stage{min-height:min(500px,100dvh - 160px)}.host-game .quiz-reveal-grid .answers-reveal{flex:0 auto}.quiz-reveal-grid .answers-reveal{scrollbar-gutter:stable;max-height:calc(100dvh - 290px);overflow:auto}.phone-results .answer-result>header{margin-bottom:8px}@media (width<=1050px){.answer-result-row{grid-template-columns:82px minmax(0,1fr) 55px;gap:6px}}@media (width<=750px){.answer-result{padding:12px}.answer-result-row{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:9px 0}.answer-result-row dt{grid-area:1/1}.answer-result-row .answer-value{grid-area:2/1}.answer-result-row .answer-points{grid-area:1/2/3;align-self:center}.quiz-reveal-grid .round-side,.quiz-reveal-grid .answers-reveal{max-height:none}.answer-result>header>strong{font-size:16px}.answer-total>span{font-size:11px}}@media (width>=751px){.host-game .quiz-reveal-grid{grid-template-rows:minmax(0,1fr)}.host-game .quiz-reveal-grid>.stage{height:auto;min-height:0;max-height:100%}.host-game .quiz-reveal-grid>.round-side{height:auto;max-height:100%}.host-game .quiz-reveal-grid .answers-reveal{flex:0 auto;max-height:none}.host-game .quiz-reveal-grid .reveal-song{padding-top:18px;padding-bottom:18px}}.reveal-control{flex-direction:column;flex-shrink:0;gap:6px;min-width:0;display:flex}.reveal-countdown{text-align:center;font-variant-numeric:tabular-nums;height:40px;min-height:40px;max-height:40px;color:var(--text);justify-content:center;align-items:flex-start;margin:0;font-size:13px;line-height:18px;display:flex;overflow:hidden}.reveal-button.primary{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand);box-shadow:none}.reveal-button.primary:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand-line)}.host-game .round-side>.reveal-control{flex-shrink:0}.phone-host-controls .reveal-countdown{margin:0;font-size:13px;line-height:18px}.timeline-audio>.reveal-control{min-width:210px;max-width:270px}.timeline-audio .reveal-countdown{font-size:12px}.reveal-control>.reveal-button{min-height:44px}@media (width<=750px){.reveal-countdown{font-size:12px}.timeline-audio>.reveal-control{width:100%;max-width:none}}@media (width>=751px){.host-game .timeline-game{grid-template-rows:76px minmax(0,1fr) 98px}.host-game .timeline-audio{flex-wrap:nowrap}.timeline-audio>.reveal-control{flex-basis:auto;margin-left:auto}.host-game .timeline-audio input{width:clamp(50px,10vw,150px);min-width:40px}.host-game .timeline-audio>span{min-width:0}.host-game .timeline-clock span{white-space:nowrap;font-size:11px}}.timer,.timeline-clock{aspect-ratio:1;overflow:hidden}.timer>div{place-items:center;min-width:0;min-height:0;display:grid}.timer strong,.timeline-clock strong{text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;max-width:100%;line-height:1;display:flex}.timeline-clock strong svg{flex-shrink:0;display:block}.room-code.room-code-compact{min-width:0;box-shadow:none;background:0 0;border:0;align-self:start;gap:7px;padding:4px 8px}.room-code-compact>small{letter-spacing:.4px;color:var(--muted);margin:0;padding:0;font-size:10px}.room-code-compact>strong{letter-spacing:1px;color:var(--muted);font-size:14px}.room-code-compact>button{background:0 0}.reveal-song .year-pill{margin:0 0 14px}.reveal-song h2{margin:0 0 10px}.reveal-song>p{margin:0}.quiz-reveal-grid .reveal-cover .song-cover{flex-basis:120px;width:120px;height:120px}@media (width>=1100px){.quiz-reveal-grid,.host-game .quiz-reveal-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.8fr)}.quiz-reveal-grid .reveal-song h2{font-size:clamp(24px,2vw,34px)}.quiz-reveal-grid .reveal-song>p{font-size:18px}.quiz-reveal-grid .round-side{padding:14px}.quiz-reveal-grid .answers-reveal{gap:6px}.quiz-reveal-grid .stage{align-self:start}.host-game .quiz-reveal-grid .stage{min-height:420px}}@media (width<=750px){.room-code.room-code-compact{width:auto}.room-code-compact>strong{font-size:14px!important}.room-code-compact>small{font-size:10px!important}}.app .room-code.room-code-compact>strong{letter-spacing:1px;color:var(--muted);font-size:14px}.app .room-code.room-code-compact>small{letter-spacing:.4px;color:var(--muted);font-size:10px}.app .room-code.room-code-compact{min-width:0;box-shadow:none;background:0 0;border:0;align-items:center;gap:7px;padding:4px 8px;display:flex}.app .room-code.room-code-compact>button{width:28px;min-width:28px;height:28px;min-height:28px;padding:4px;position:static}.answers-reveal:has(.results-table){min-width:0;display:block;overflow:auto}.results-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:16px;line-height:1.4}.results-table .result-col-player,.results-table .result-col-year{width:17%}.results-table .result-col-title{width:24%}.results-table .result-col-artist{width:26%}.results-table .result-col-total,.results-table.has-adjust .result-col-player{width:16%}.results-table.has-adjust .result-col-year{width:15%}.results-table.has-adjust .result-col-title{width:23%}.results-table.has-adjust .result-col-artist{width:25%}.results-table.has-adjust .result-col-total{width:15%}.results-table.has-adjust .result-col-edit{width:6%}.results-table thead th{z-index:1;text-align:left;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 8px;font-size:14px;font-weight:500;position:sticky;top:0}.results-table thead th small{font:inherit;color:var(--muted)}.results-table tbody th,.results-table tbody td{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;min-width:0;height:auto;padding:15px 8px}.results-table tbody th{overflow-wrap:anywhere;font-size:16px;font-weight:650}.result-me{color:var(--muted);font-size:14px;display:block}.result-answer-cell{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.result-answer-value{-webkit-line-clamp:2;overflow-wrap:anywhere;min-width:0;color:var(--text);-webkit-box-orient:vertical;font-size:16px;line-height:22px;display:-webkit-box;overflow:hidden}.result-cell-points{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:5px;font-size:16px;font-weight:750;display:inline-flex}.result-cell-points.correct{color:var(--success)}.result-cell-points.partial{color:var(--warning)}.result-cell-points.incorrect{color:var(--error)}.result-total-cell strong{color:var(--brand);font-size:20px;display:block}.result-total-cell>span{color:var(--brand);font-size:14px}.results-table .result-edit-button{min-width:36px;min-height:36px;padding:8px}.results-table .result-edit-row td{background:var(--surface-raised);height:auto;padding:14px}.result-edit-row label{justify-content:space-between;align-items:center;gap:14px;font-size:16px;display:flex}.result-edit-row label>select{width:135px;min-height:42px;margin:0;font-size:16px}.result-edit-row p{color:var(--muted);margin:10px 0 0;font-size:14px}.answer-result .answer-adjust,.answer-result .answer-adjust p,.answer-result .answer-correction-note{font-size:14px}.answer-result .answer-adjust summary{line-height:20px}.phone-results .answer-result-row .answer-points{font-size:16px}.answer-result-row dt{font-size:14px}.answer-result-row .answer-value{font-size:16px}.timeline-feedback .round-verdict{text-align:left;border:1px solid;border-radius:12px;justify-content:flex-start;margin:0 0 14px;padding:16px 18px;font-size:clamp(22px,2vw,30px);line-height:1.25}.timeline-feedback .round-verdict svg{flex:0 0 32px}.timeline-feedback .result-message{margin:0 0 12px;font-size:20px;line-height:1.4}.timeline-feedback .timeline-bonus{margin:0 0 14px;font-size:16px;line-height:1.5}.timeline-reveal>div:last-child{min-width:0}.stage-listening-phase{text-align:center;height:24px;min-height:24px;color:var(--text);flex-shrink:0;margin:8px 0 0;font-size:16px;line-height:24px}.host-game .stage .stage-listening-phase{margin-top:10px}.timeline-surface>.stage-listening-phase{margin:6px 0}.phone-reveal .timeline-feedback{margin-top:16px}.phone-reveal .timeline-feedback .round-verdict{font-size:24px}.phone-results .answer-adjust p{font-size:14px}.submitted-answer{text-align:left;gap:10px;width:100%;margin:20px 0 0;display:grid}.submitted-answer>div{border-top:1px solid var(--line);min-width:0;padding:10px 0}.submitted-answer dt{color:var(--muted);margin-bottom:4px;font-size:14px}.submitted-answer dd{overflow-wrap:anywhere;color:var(--text);margin:0;font-size:16px;line-height:1.4}.answer-result-row .answer-points{font-size:16px}.round-side>.answer-sent{flex:auto;min-height:0;padding:16px 0;overflow-y:auto}.round-side>.answer-sent h3{margin:12px 0}.round-side>.answer-sent .submitted-answer{gap:4px;margin-top:14px}.round-side>.answer-sent .submitted-answer>div{padding:8px 0}:root{--bg:#10171e;--surface:#19232e;--surface2:#223240;--surface-raised:#223240;--surface-inset:#111c26;--line:#3a4b5b;--line-strong:#587185;--text:#f4f6f7;--muted:#b5c0cb;--subtle:#95a6b5;--brand:#20d6ee;--brand-end:#36a9ff;--brand-ink:#071b25;--brand-hover:#62e6f5;--brand-soft:#11313d;--brand-line:#28748a;--success:#43e58c;--success-soft:#112e20;--success-line:#2c8054;--error:#ff5757;--error-soft:#351b1b;--error-line:#9d3f43;--warning:#ffbd43;--warning-soft:#352914;--warning-line:#97702e;--gold:#dab15d;--gold-soft:#332a17;--gold-line:#8d713d;--white:#fff;--shadow-rgb:0 0 0;--radius-card:16px;--radius-control:10px;--radius-pill:999px;--brand-gradient:linear-gradient(115deg,var(--brand),var(--brand-end));--card-shadow:0 8px 24px rgb(var(--shadow-rgb) / .12)}html,body,#root,.app{background:var(--bg);color:var(--text)}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--brand);outline-offset:3px}input,select,textarea{background:var(--surface-inset);border-color:var(--line-strong);border-radius:var(--radius-control);color:var(--text);font-size:16px}input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}input:focus,select:focus,textarea:focus,.phone-answer input:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent)}input[type=checkbox],input[type=range]{accent-color:var(--brand)}button:disabled{opacity:.48}.primary,.reveal-button.primary{background:var(--brand-gradient);color:var(--brand-ink);border-radius:var(--radius-control);box-shadow:none;border:1px solid #0000;font-weight:700}.primary:hover:not(:disabled),.reveal-button.primary:hover:not(:disabled){background:linear-gradient(115deg,var(--brand-hover),var(--brand-end));color:var(--brand-ink);border-color:#0000}.outline{border-color:var(--line-strong);border-radius:var(--radius-control);color:var(--text);background:0 0}.outline:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--surface2);border-color:var(--brand-line)}.ghost,.text-button{color:var(--muted)}.text-button:hover:not(:disabled){color:var(--brand)}.topbar,.room-main,.phone-game{background:var(--bg)}.topbar nav>button.active{color:var(--brand);border-color:var(--brand)}.logo,.logo>span:not(.logo-mark),.logo>i{color:var(--brand)}.logo-mark{background:var(--brand-gradient);color:var(--brand-ink)}.logo>i{background:var(--brand)}.eyebrow,.tag,.card-title>svg,.scoring b,.summary-icon,.library-stats svg{color:var(--brand)}.summary-icon{background:var(--brand-soft);border:1px solid var(--brand-line)}.eyebrow.muted,.tiny-label,.stage-top,.field-note,.summary-note,.scoring small,.library-bottom,.join-note,.stage-caption,.stage-volume,.stage-listening-phase,.listening-phase,.phone-round small,.phone-hint,.reveal-countdown{color:var(--muted)}.settings-card,.session-summary,.join-card,.lobby-invite,.lobby-players,.player-welcome,.stage,.round-side,.timeline-turn,.timeline-surface,.timeline-reveal,.timeline-scores,.timeline-collection,.chip-wallet,.game-sheet,.edit-modal,.answer-result,.timeline-rules,.song-table-wrap,.score-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--card-shadow)}.stage,.timeline-turn,.timeline-reveal,.lobby-invite,.session-summary,.join-card,.timeline-surface,.timeline-scores,.timeline-collection,.game-sheet,.edit-modal,.score-strip,.song-table-wrap,.host-game .chip-wallet{background:var(--surface);border-color:var(--line)}.edition-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius-card)}.edition-card:hover{border-color:var(--brand-line);background:var(--surface2)}.theme-0,.theme-1,.theme-2,.theme-3{--accent:var(--brand);--tint:var(--brand-soft)}.edition-art{background:radial-gradient(circle at 65% 70%,var(--brand-soft),var(--surface));color:var(--brand)}.edition-number,.edition-tag,.edition-arrow{color:var(--brand)}.empty-collection,.info-note,.timeline-rules,.auto-reveal-note{background:var(--surface-inset);color:var(--muted);border-color:var(--line);border-radius:var(--radius-control)}.avatar,.mini-avatar{background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand-line)}.floating-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius-card)}.card-left strong,.card-left>svg{color:var(--success)}.card-left .mini-avatar{background:var(--success-soft);border-color:var(--success-line);color:var(--success)}.connection,.connection i,.live-dot{color:var(--success)}.connection i,.live-dot{background:var(--success)}.connection.offline{color:var(--warning)}.connection.offline i{background:var(--warning)}.room-code{background:var(--surface2);border-color:var(--line);border-radius:var(--radius-control)}.room-code strong{color:var(--text)}.app .room-code.room-code-compact{box-shadow:none;background:0 0;border:0}.app .room-code.room-code-compact>strong,.app .room-code.room-code-compact>small{color:var(--muted)}.qr{background:var(--white)}.control-warning{color:var(--warning)}.correct,.answer-detail .correct,.answer-breakdown .correct,.round-verdict.correct,.answer-result-row.correct,.result-cell-points.correct{color:var(--success)}.incorrect,.round-verdict.incorrect,.answer-result-row.incorrect,.result-cell-points.incorrect{color:var(--error)}.partial,.answer-result-row.partial,.result-cell-points.partial{color:var(--warning)}.ready-label,.live-players>div>span.submitted:last-child{color:var(--success)}.live-players>div>span:last-child{color:var(--muted)}.ready-label{border:1px solid var(--success-line);background:var(--success-soft);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 9px;font-size:14px;display:inline-flex}.status-pill,.status-tag{border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:5px 10px;font-size:14px;font-weight:600;line-height:1.35;display:inline-flex}.status-pill svg{flex-shrink:0}[data-tone=success]{--status:var(--success);--status-bg:var(--success-soft);--status-line:var(--success-line)}[data-tone=error]{--status:var(--error);--status-bg:var(--error-soft);--status-line:var(--error-line)}[data-tone=warning]{--status:var(--warning);--status-bg:var(--warning-soft);--status-line:var(--warning-line)}[data-tone=info]{--status:var(--muted);--status-bg:var(--surface2);--status-line:var(--line-strong)}.status-pill,.status-message{color:var(--status);background:var(--status-bg);border-color:var(--status-line)}.status-message{border-radius:var(--radius-control);border-style:solid;border-width:1px;align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;font-size:16px;line-height:1.5;display:flex}.status-message>svg{flex-shrink:0;margin-top:1px}.status-message-content{overflow-wrap:anywhere;flex:1;min-width:0}.status-message.error-banner{color:var(--error);background:var(--error-soft);border-color:var(--error-line)}.error-banner .status-message-content{justify-content:space-between;align-items:center;gap:15px;display:flex}.error-banner button{color:var(--error);background:0 0;border:0;flex-shrink:0;padding:4px}.status-message.toast{color:var(--success);background:var(--success-soft);border-color:var(--success-line)}.status-message.import-status{color:var(--muted);background:var(--surface2);border-color:var(--line-strong)}.audio-error,.host-game .timeline-audio>div[role=alert]{color:var(--error);background:var(--error-soft);border-color:var(--error-line);border-radius:var(--radius-control)}.audio-error-text{color:var(--error);border:1px solid var(--error-line);background:var(--error-soft);border-radius:var(--radius-control);padding:12px}.status-message.audio-error p{color:var(--error)}.collection-pill{border-radius:var(--radius-pill);white-space:nowrap;vertical-align:middle;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:7px 11px;font-size:16px;font-weight:600;line-height:1.3;display:inline-flex}.collection-pill svg,.music-card-icon{vertical-align:middle;flex-shrink:0}.collection-pill.cards{color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-line)}.collection-pill.chips{color:var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--surface));border:1px solid var(--gold-line);box-shadow:inset 0 1px #ffffff14}.chip-count,.game-dock nav button.chip-action,.game-dock nav button.chip-action svg{color:var(--gold)}.game-dock nav button.card-action,.game-dock nav button.card-action svg,.music-card-icon{color:var(--brand)}.collection-pill .music-card-icon{color:inherit}.chip-wallet>summary{color:var(--gold)}.chip-wallet>summary svg{vertical-align:middle;margin-right:7px}.chip-wallet .timeline-actions .music-card-icon{color:var(--brand)}.timeline-card,.timeline-card[class*=card-tone-]{background:var(--surface2);border-color:var(--brand-line);color:var(--text);box-shadow:none;position:relative}.timeline-card>strong{color:var(--text)}.timeline-card>b{color:var(--text);padding-right:16px}.timeline-card>span{color:var(--muted)}.timeline-card>.record-card-icon{width:18px;height:18px;color:var(--brand);opacity:.85;pointer-events:none;position:absolute;top:10px;right:10px}.modern-board .mystery-card,.modern-board .inserted-card,.modern-board .placed-card,.placed-card,.timeline-drag-ghost{background:var(--brand-soft);border-color:var(--brand);color:var(--text)}.modern-board .mystery-card>strong{color:var(--brand)}.timeline-insert-line{background:var(--brand);box-shadow:0 0 6px color-mix(in srgb,var(--brand) 45%,transparent)}.timeline-label>.collection-pill{color:var(--brand)}.timeline-scores>div{gap:10px}.timeline-scores .current{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--radius-control)}.timeline-scores>div>.collection-pill{padding:5px 8px;font-size:14px}.timeline-scores>div>span:last-child{color:var(--gold)}.timeline-collection>summary{color:var(--brand)}.timeline-collection>summary>.music-card-icon{margin-right:6px}.timeline-feedback .round-verdict{border-radius:var(--radius-control);border:1px solid;align-items:center;gap:12px;padding:16px;font-weight:700;display:flex}.timeline-feedback .round-verdict.correct{background:var(--success-soft)}.timeline-feedback .round-verdict.incorrect{background:var(--error-soft)}.timeline-feedback .round-verdict svg{flex-shrink:0}.timeline-feedback .result-message{color:var(--text)}.timeline-feedback .timeline-bonus{color:var(--muted)}.timeline-feedback .timeline-bonus.correct,.answer-sent>svg,.phone-sent>svg,.answer-sent h3,.phone-sent h3{color:var(--success)}.phone-sent,.answer-sent{color:var(--text)}.answer-result{border-color:var(--line);background:var(--surface);border-radius:var(--radius-card)}.answer-result.is-me{border-color:var(--brand-line)}.answer-result>header>strong>small,.result-me{color:var(--brand);background:var(--brand-soft);border-radius:var(--radius-pill);padding:3px 7px;font-size:14px;line-height:1.35}.result-me{margin-top:4px;display:inline-block}.answer-total b,.phone-results .answer-total b,.result-total-cell strong,.score-strip>div>strong,.final-ranks>div>span:last-child{color:var(--brand)}.answer-result .answer-correction-note,.result-total-cell>span,.answer-total>span{color:var(--muted);font-size:14px}.answer-result .answer-value,.phone-results .answer-value,.result-answer-value{color:var(--text);font-size:16px;line-height:1.4}.result-cell-points,.answer-result-row .answer-points,.phone-results .answer-result-row .answer-points{font-size:16px}.results-table thead th{background:var(--surface);color:var(--muted);font-size:14px}.song-table th{background:var(--surface2);color:var(--muted);font-size:14px}.results-table thead th small{color:var(--muted)}.results-table tbody th,.results-table tbody td,.answer-result-row,.answer-adjust{border-color:var(--line)}.results-table .result-edit-row td{background:var(--brand-soft)}.library-sort.is-sorted,.library-sort.is-sorted>span{color:var(--brand)}.library-sort,.library-song-sort>span{color:var(--muted)}.year-pill{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-control)}.timer{background:conic-gradient(var(--brand) var(--progress),var(--line) 0);box-shadow:none}.timer>div{background:var(--surface)}.timer.urgent{background:conic-gradient(var(--warning) var(--progress),var(--line) 0)}.timer.urgent strong{color:var(--warning)}.timeline-clock{border-color:var(--brand)}.timeline-clock.is-resolved{border-color:var(--success);color:var(--success)}.timeline-clock.is-urgent{border-color:var(--warning);color:var(--warning)}.dock-progress{background:var(--line)}.dock-progress i{background:var(--brand-gradient)}.dock-time.ending .dock-progress i{background:var(--warning)}.game-dock{background:var(--surface-inset);border-color:var(--line)}.game-dock nav button,.game-dock nav button svg{color:var(--muted)}.game-dock nav button:active{background:var(--brand-soft)}.phone-round>.collection-pill{color:var(--brand)}.sheet-scores .collection-pill{padding:4px 8px;font-size:14px}.game-sheet .sheet-heading{border-color:var(--line)}.song-cover{background:var(--surface2);color:var(--brand)}.cover-lightbox{background:var(--surface);border-color:var(--line);border-radius:var(--radius-card)}.cover-lightbox::backdrop,.game-sheet::backdrop,.modal-backdrop{background:rgb(var(--shadow-rgb) / .78)}.trophy-icon{background:var(--brand-gradient);color:var(--brand-ink);box-shadow:none}.final-ranks>div:first-child{background:var(--brand-soft);border-color:var(--brand-line)}@media (width<=750px){.collection-pill{gap:6px;padding:5px 8px;font-size:14px}.phone-round>.collection-pill{flex-shrink:0;max-width:44%}.timeline-card>.record-card-icon{width:16px;height:16px;top:7px;right:7px}.phone-game .dense-board .timeline-card>.record-card-icon{width:14px;height:14px;top:5px;right:5px}.phone-game .modern-board .timeline-card>b,.sheet-cards .timeline-card>b{padding-right:14px}.phone-reveal>.timeline-card>b{padding-right:20px}.game-dock nav .music-card-icon{width:19px;height:19px}.status-message{gap:9px;padding:12px;font-size:16px}.timeline-scores>div{flex-wrap:wrap}}.stereo.is-resolved{color:var(--success)}.stereo.is-resolved i{background:var(--success)}.stereo.is-closed{color:var(--warning)}.stereo.is-closed i{background:var(--warning)}.final-collection{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.final-collection .collection-pill{font-size:16px}.host-game .chip-wallet{border-radius:var(--radius-card)}.app .timeline-card.collected-card>.record-card-icon{display:block}.status-pill{white-space:normal;text-align:left}.library-stats>div:nth-child(3) svg{color:var(--success)}.reveal-countdown,.phone-host-controls .reveal-countdown,.timeline-audio .reveal-countdown{font-size:14px;line-height:20px}.decision-success.primary{background:var(--success-soft);color:var(--success);border-color:var(--success-line)}.decision-success.primary:hover:not(:disabled){background:var(--success-soft);color:var(--success);border-color:var(--success)}.decision-error.outline{background:var(--error-soft);color:var(--error);border-color:var(--error-line)}.decision-error.outline:hover:not(:disabled){background:var(--error-soft);border-color:var(--error)}.quiz-reveal-grid .round-side:has(.results-table){padding:20px}.results-table .result-total-cell strong{font-size:22px;font-weight:750}.results-table .result-total-cell>span{margin-top:6px}