@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{--ink:#161616;--cream:#f5f0e6;--coral:#ff6b4a;--youtube-red:red;--yellow:#ffd84d;--green:#16865a;--daily-accent:#b9d8bd;--round-accent:#ffab91;--line:#16161633}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.app-shell{min-height:100svh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex;position:relative}.header-mode{letter-spacing:.12em;white-space:nowrap;font-family:DM Mono,monospace;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.brand{letter-spacing:.16em;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-family:DM Mono,monospace;font-size:13px;font-weight:500;display:inline-flex}.brand-mark{justify-content:flex-start;align-items:center;gap:3px;width:25px;height:25px;display:flex}.brand-mark i{background:var(--ink);border-radius:3px;width:5px}.brand-mark i:first-child{height:12px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:17px}.brand.audio-active .brand-mark i{animation:.55s ease-in-out infinite alternate meter-bars}.brand.audio-active .brand-mark i:nth-child(2){animation-delay:-.22s}.brand.audio-active .brand-mark i:nth-child(3){animation-delay:-.41s}@keyframes meter-bars{to{height:7px}}.text-button{background:0 0;border:0;border-bottom:1px solid;padding:3px 0;font-size:14px}.youtube-source{opacity:.001;pointer-events:none;width:240px;height:240px;position:fixed;top:-1000px;left:-1000px}.youtube-source iframe{width:240px!important;height:240px!important}.youtube-source.video-visible{opacity:1;pointer-events:auto;z-index:5;background:#050505;place-items:center;display:grid;overflow:hidden}.youtube-source.video-visible iframe{pointer-events:none;border:0;position:absolute;top:-20%;left:-20%;width:140%!important;height:140%!important}.youtube-source.video-visible.video-concealed iframe{visibility:hidden}.youtube-source.video-visible.video-concealed:after{content:"";z-index:2;background:#050505;position:absolute;inset:0}.home-screen{z-index:1;grid-template-columns:minmax(420px,520px);justify-content:center;align-items:center;min-height:calc(100svh - 78px);padding:7vh 8vw;display:grid;position:relative}.home-controls{gap:14px;width:100%;display:grid}.style-switch{border:1px solid var(--ink);background:#ffffff40;grid-template-columns:1fr 1fr;padding:4px;display:grid}.style-switch button{text-align:center;background:0 0;border:0;min-height:56px;padding:12px 15px;transition:background .2s,color .2s}.style-switch button.active{background:var(--ink);color:var(--cream)}.style-switch b{font-size:15px}.presentation-switch{padding:9px}.presentation-switch button:first-child.active{background:var(--youtube-red);color:#fff}.compact-game-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;display:grid}.compact-style-picker,.compact-game-settings .life-picker{border:1px solid var(--ink);background:#ffffff40;justify-content:space-between;align-items:center;gap:6px;display:flex}.compact-style-picker{min-height:0;padding:3px}.compact-style-picker>span,.compact-game-settings .life-picker>span{text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:8px;line-height:1.2}.compact-style-picker>div{grid-template-columns:1fr 1fr;gap:2px;width:100%;display:grid}.compact-style-picker button{background:0 0;border:0;min-height:28px;padding:2px 3px;font-family:DM Mono,monospace;font-size:8px;line-height:1.1}.compact-style-picker button.active{background:var(--ink);color:var(--cream)}.compact-game-settings .life-picker{min-height:36px;padding:3px 6px 3px 9px}.compact-game-settings .life-picker button{width:25px;height:26px;font-size:20px}.life-picker{border:1px solid var(--ink);background:#ffffff40;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:8px 14px 8px 18px;display:flex}.life-picker>span{text-transform:uppercase;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:10px}.life-picker>div{align-items:center;display:flex}.life-picker button{color:#16161659;background:0 0;border:0;width:39px;height:36px;padding:0;font-family:Georgia,serif;font-size:29px;line-height:1;transition:color .15s,transform .15s}.life-picker button:hover{color:var(--coral);transform:translateY(-2px)scale(1.08)}.life-picker button.selected{color:var(--coral)}.life-picker button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.mode-list{gap:9px;display:grid}.mode-top-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.normal-round-row{grid-template-columns:7fr repeat(3,1fr);gap:0;display:grid}.normal-round-row .mode-button+.mode-button{margin-left:-1px}.normal-round-row .mode-button:hover{z-index:1;position:relative}.mode-button{border:1px solid var(--ink);text-align:left;border-radius:2px;justify-content:space-between;align-items:center;min-height:78px;padding:14px 16px;transition:transform .18s,box-shadow .18s;display:flex}.mode-button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-4px,-4px)}.mode-button.daily{background:var(--daily-accent)}.mode-button.normal-main{background:var(--coral)}.mode-button.infinite{background:var(--yellow)}.mode-button.round-count-button,.mode-button.round-count-button:hover{background:var(--round-accent);justify-content:center;padding:8px;font-family:DM Mono,monospace;font-size:18px;font-weight:700}.mode-button span:first-child{gap:3px;display:grid}.mode-button b{letter-spacing:-.04em;font-size:21px}.mode-button small{text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace;font-size:8px}.mode-symbol{font-family:DM Mono,monospace;font-size:25px}.mode-symbol.infinity{font-family:Georgia,serif;font-size:34px}.multiplayer-link{border:1px solid var(--ink);background:var(--ink);min-height:102px;color:var(--cream);justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.multiplayer-link:hover{box-shadow:4px 4px 0 var(--coral);transform:translate(-3px,-3px)}.multiplayer-link span{gap:4px;display:grid}.multiplayer-link b{letter-spacing:-.035em;font-size:25px}.multiplayer-link small,.multiplayer-link strong{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:9px}.multiplayer-link strong{color:var(--yellow)}.best-scores{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:18px;padding:7px 2px;font-family:DM Mono,monospace;font-size:10px;display:flex}.exclude-toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.exclude-toggle input{opacity:0;pointer-events:none;position:absolute}.exclude-toggle>span{border:1px solid var(--ink);border-radius:10px;flex:none;width:30px;height:17px;transition:background .18s;position:relative}.exclude-toggle>span:after{content:"";background:var(--ink);border-radius:50%;width:11px;height:11px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.exclude-toggle input:checked+span{background:var(--coral)}.exclude-toggle input:checked+span:after{transform:translate(13px)}.exclude-toggle input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.song-pool{border:1px solid var(--ink);gap:11px;padding:13px;display:grid}.song-pool-head{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;gap:12px;font-family:DM Mono,monospace;font-size:9px;display:flex}.song-pool-head strong{color:var(--coral)}.song-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.song-filter-grid label{gap:5px;min-width:0;display:grid}.song-filter-grid label>span{text-transform:uppercase;letter-spacing:.08em;color:#16161694;font-family:DM Mono,monospace;font-size:8px}.song-filter-grid select{border:1px solid var(--line);background:var(--cream);border-radius:0;width:100%;min-width:0;padding:9px 7px;font-size:11px}.multi-filter{gap:5px;min-width:0;display:grid}.multi-filter>span{text-transform:uppercase;letter-spacing:.08em;color:#16161694;font-family:DM Mono,monospace;font-size:8px}.multi-filter .category-dropdown summary{background:var(--cream);text-transform:none;letter-spacing:0;min-height:35px;padding:8px 7px;font-family:inherit;font-size:11px}.multi-filter .category-dropdown>div{scrollbar-width:thin;scrollbar-color:var(--ink) var(--cream);max-height:min(330px,50vh);overflow-y:auto}.multi-filter .category-dropdown>div::-webkit-scrollbar{background:var(--cream);width:7px}.multi-filter .category-dropdown>div::-webkit-scrollbar-track{background:var(--cream);border-radius:0}.multi-filter .category-dropdown>div::-webkit-scrollbar-thumb{background:var(--ink);border:0;border-radius:0}.multi-filter .category-dropdown>div::-webkit-scrollbar-button{width:0;height:0;display:none}.song-pool>p{color:#b62e20;margin:0;font-size:11px}.category-dropdown{position:relative}.category-dropdown summary{border:1px solid var(--line);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#fff3;justify-content:space-between;align-items:center;padding:10px 11px;font-family:DM Mono,monospace;font-size:9px;list-style:none;display:flex}.category-dropdown summary::-webkit-details-marker{display:none}.category-dropdown summary:after{content:"+";margin-left:8px;font-size:14px}.category-dropdown[open] summary:after{content:"–"}.category-dropdown summary>span{color:var(--coral);margin-left:auto}.category-dropdown>div{z-index:35;border:1px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 var(--ink);gap:3px;padding:7px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0}.category-dropdown label{align-items:center;gap:8px;padding:8px;font-family:DM Mono,monospace;font-size:9px;display:flex}.category-dropdown label:hover{background:#1616160f}.category-dropdown input{accent-color:var(--coral)}.mode-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.game-screen{z-index:1;width:min(1120px,100%);margin:0 auto;padding:30px 38px 48px;position:relative}.game-meta{border-bottom:1px solid var(--line);letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:26px;padding-bottom:14px;font-family:DM Mono,monospace;font-size:10px;display:grid}.game-meta>span:last-child{justify-self:end}.lives-display{color:var(--coral);letter-spacing:0;gap:6px;font-family:Georgia,serif;font-size:24px;line-height:.75;display:inline-flex}.lives-display i{font-style:normal}.life-feedback{z-index:30;background:var(--ink);color:var(--cream);box-shadow:4px 4px 0 var(--coral);letter-spacing:.06em;white-space:nowrap;padding:10px 15px;font-family:DM Mono,monospace;font-size:11px;animation:1.1s both life-pop;position:fixed;top:96px;left:50%;transform:translate(-50%)}@keyframes life-pop{0%{opacity:0;transform:translate(-50%,-10px)scale(.94)}15%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-5px)scale(.98)}}.game-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:clamp(55px,8vw,115px);display:grid}.record-column{justify-items:center;gap:24px;display:grid}.video-stage{border:2px solid var(--ink);width:340px;min-height:340px;box-shadow:10px 10px 0 var(--youtube-red);background:#050505;place-items:center;display:grid;position:relative;overflow:hidden}.video-stage iframe{aspect-ratio:16/9;z-index:2;border:0;position:relative;width:100%!important;height:auto!important}.video-stage>span{z-index:1;color:#fff;letter-spacing:.16em;font-family:DM Mono,monospace;font-size:10px;position:absolute}.video-stage.video-pending iframe{visibility:hidden}.record-stage{width:340px;height:340px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.record-stage:after{content:"";background:var(--coral);z-index:0;border-radius:50%;transition:transform .35s;position:absolute;inset:8px -12px -12px 8px;box-shadow:0 14px 28px #14100a21}.record-art{z-index:1;transform-origin:50%;background:radial-gradient(circle,#1b1b1b 0 7%,#0a0a0a 7.5% 17%,#0000 17.5%),repeating-radial-gradient(circle,#191919 0 3px,#0b0b0b 4px 6px,#202020 7px 8px);border-radius:50%;position:absolute;inset:0}.record-label{z-index:2;background:var(--yellow);border-radius:50%;place-items:center;width:88px;height:88px;font-size:54px;font-weight:800;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #0b0b0b}.is-playing .record-art{animation:8s linear infinite record-spin}.round-revealed{animation:.7s cubic-bezier(.2,.9,.3,1) answer-pop}.round-revealed:after{transform:translate(7px,7px)scale(1.02)}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes answer-pop{0%{transform:scale(.94)rotate(-2deg)}55%{transform:scale(1.035)rotate(1deg)}to{transform:scale(1)}}.clue-steps{grid-template-columns:repeat(6,1fr);gap:5px;width:100%;font-family:DM Mono,monospace;font-size:9px;display:grid}.clue-steps span{text-align:center;border-top:3px solid #16161629;padding-top:7px;transition:border-color .25s,color .25s,transform .25s}.clue-steps span.heard{border-color:var(--coral);color:var(--ink);transform:translateY(-2px)}.interaction-column{padding-top:20px}.player-area{margin-bottom:28px}.time-row{justify-content:space-between;margin-bottom:8px;font-family:DM Mono,monospace;font-size:11px;display:flex}.time-row.elapsed-only{justify-content:flex-start}.progress-track{background:#16161624;border-radius:8px;height:9px;overflow:hidden}.progress-fill{background:var(--coral);border-radius:inherit;height:100%;transition:width .15s linear}.transport{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:20px 0 18px;display:grid}.transport-text{text-underline-offset:4px;background:0 0;border:0;font-family:DM Mono,monospace;font-size:10px;text-decoration:underline}.transport-text:first-child{justify-self:end}.transport-text:last-child{justify-self:start}.full-track-actions{justify-self:start;align-items:center;gap:12px;display:flex}.full-track-actions .transport-text{padding:0}.replay-button{background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0 1px 2px 0;font-size:24px;line-height:1;transition:color .18s,transform .18s;display:grid}.replay-button:hover{color:var(--coral);transform:rotate(-20deg)}.play-button{background:var(--ink);border:0;border-radius:50%;place-items:center;width:66px;height:66px;display:grid}.play-button span,.play-icon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid var(--cream);width:0;height:0;margin-left:4px}.play-button.paused span{background:linear-gradient(90deg,var(--cream) 0 4px,transparent 4px 9px,var(--cream) 9px 13px);border:0;width:13px;height:17px;margin:0}.volume-control,.calibration-volume{text-transform:uppercase;letter-spacing:.08em;grid-template-columns:auto 1fr 28px;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:9px;display:grid}input[type=range]{width:100%;accent-color:var(--coral)}.volume-control output,.calibration-volume output{text-align:right}.guess-form{border-top:1px solid var(--line);padding-top:24px}.guess-form>label{letter-spacing:-.045em;margin-bottom:13px;font-size:28px;font-weight:800;display:block}.guess-row{border-bottom:2px solid var(--ink);display:flex}.guess-row input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 0;font-size:17px}.guess-row input::placeholder{color:#16161666}.guess-row button,.decision-panel button,.finish-actions button{border:1px solid var(--ink);background:var(--ink);color:var(--cream);border-radius:2px;padding:11px 20px;font-weight:700}.next-clue{border:1px solid var(--ink);background:0 0;justify-content:space-between;width:100%;margin-top:13px;padding:12px 16px;font-weight:700;transition:background .18s,color .18s;display:flex}.next-clue:hover{background:var(--yellow)}.next-clue span{font-family:DM Mono,monospace;font-size:11px}.decision-panel{border-top:2px solid var(--ink);padding-top:18px;animation:.35s both reveal-in}.decision-panel p{margin:0 0 17px;font-size:21px}.decision-panel div{gap:8px;display:flex}button.quiet{color:var(--ink);background:0 0}.reveal{border:1px solid var(--ink);min-height:220px;padding:28px;animation:.48s cubic-bezier(.2,.8,.2,1) both reveal-in;position:relative;overflow:hidden}.reveal.correct{background:#ccebd8}.reveal.incorrect{background:#ffc6b8}.reveal:after{content:"";border:22px solid #ffffff61;border-radius:50%;width:130px;height:130px;animation:.8s both orbit-in;position:absolute;top:-45px;right:-35px}.reveal-status{text-transform:uppercase;letter-spacing:.12em;z-index:1;font-family:DM Mono,monospace;font-size:10px;position:relative}.reveal h2{letter-spacing:-.06em;z-index:1;max-width:85%;margin:12px 0 2px;font-size:clamp(34px,4vw,52px);line-height:.95;position:relative}.reveal p{z-index:1;margin:0;position:relative}.reveal>button{background:var(--ink);color:var(--cream);z-index:1;border:0;align-items:center;gap:26px;margin-top:24px;padding:13px 18px;font-weight:700;display:flex;position:relative}@keyframes reveal-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes orbit-in{0%{opacity:0;transform:scale(.4)rotate(-50deg)}to{opacity:1;transform:none}}.countdown{z-index:20;text-align:center;background:#f5f0e6f7;place-content:center;display:grid;position:fixed;inset:78px 0 0}.countdown small{letter-spacing:.18em;font-family:DM Mono,monospace}.countdown strong{color:var(--coral);will-change:transform,opacity;font-size:min(35vw,340px);line-height:.8;animation:.28s cubic-bezier(.2,.8,.2,1) both count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}.loading-audio{background:var(--ink);color:var(--cream);z-index:22;padding:9px 13px;font-family:DM Mono,monospace;font-size:10px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.finish-screen{text-align:center;z-index:1;width:min(720px,100% - 48px);margin:8vh auto;padding:40px 0;position:relative}.eyebrow{letter-spacing:.16em;font-family:DM Mono,monospace;font-size:11px}.finish-screen h1{letter-spacing:-.09em;color:var(--coral);margin:12px 0 0;font-size:clamp(100px,16vw,190px);line-height:.9}.finish-screen h1 span{color:var(--ink);letter-spacing:-.04em;font-size:.3em}.finish-screen>p:not(.eyebrow){font-size:18px}.finish-actions{justify-content:center;gap:8px;margin:28px 0 35px;display:flex}.result-list{border-top:1px solid var(--line);text-align:left}.result-list>div{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr;align-items:center;gap:15px;padding:11px 0;display:grid}.result-list span:nth-child(2){justify-content:space-between;gap:15px;display:flex}.result-list small{color:#16161699}.history-backdrop{z-index:40;background:#16161647;justify-content:flex-end;display:flex;position:fixed;inset:0}.history-drawer{background:var(--cream);border-left:1px solid var(--ink);flex-direction:column;width:min(470px,92vw);height:100%;padding:28px;display:flex}.drawer-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.drawer-head h2{letter-spacing:-.04em;margin:0;font-size:30px}.drawer-head button{background:0 0;border:0;font-size:28px}.history-search{gap:7px;padding:17px 0 13px;display:grid}.history-search span{text-transform:uppercase;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:9px}.history-search input{border:0;border-bottom:2px solid var(--ink);background:0 0;border-radius:0;outline:0;width:100%;padding:9px 0;font-size:14px}.history-search input:focus{border-color:var(--coral)}.history-search input::placeholder{color:#16161666}.history-list,.played-song-list{flex:1;min-height:0;overflow:auto}.history-game-item{border-bottom:1px solid var(--line)}.history-game-summary{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:17px 0;display:flex}.history-game-summary>span,.played-song-list span,.history-match-list span{gap:3px;display:grid}.history-game-summary small,.played-song-list small,.history-match-list small{color:#16161699;font-family:DM Mono,monospace;font-size:10px}.history-game-summary strong{white-space:nowrap}.history-match-list{border-top:1px dashed var(--line);padding:7px 0 10px 15px}.history-match-list>div{grid-template-columns:18px 1fr;align-items:center;gap:7px;padding:6px 0;display:grid}.history-match-list i{font-style:normal;font-weight:800}.history-match-list .correct i{color:var(--green)}.history-match-list .incorrect i{color:var(--coral)}.history-match-list b,.played-song-list b{font-size:12px}.history-match-list p{color:#1616168c;margin:8px 0;font-size:12px}.played-song-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.played-song-list button{background:0 0;border:0;flex:none;width:28px;height:28px;font-size:20px}.empty-history{color:#1616168c}.history-actions{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.history-actions button{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-family:DM Mono,monospace;font-size:10px}.confirm-clear{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.confirm-clear>span{text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace;font-size:10px}.confirm-clear button.danger{color:#b62e20;font-weight:700}.calibration-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:60;background:#16161685;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.calibration-modal{background:var(--cream);border:1px solid var(--ink);width:min(500px,100%);box-shadow:12px 12px 0 var(--coral);padding:32px;animation:.45s both reveal-in}.calibration-modal h2{letter-spacing:-.05em;margin:10px 0 8px;font-size:36px;line-height:1}.calibration-modal>p:not(.eyebrow){color:#161616ad;margin:0 0 24px}.calibration-track{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;align-items:center;gap:14px;padding:16px 0;display:grid}.calibration-track>span{background:var(--yellow);border-radius:50%;place-items:center;width:44px;height:44px;font-family:DM Mono,monospace;display:grid}.calibration-track div{display:grid}.calibration-track small{color:#16161694}.test-play,.calibration-done{border:1px solid var(--ink);width:100%;padding:13px 16px;font-weight:700}.test-play{background:var(--ink);color:var(--cream);justify-content:center;align-items:center;gap:12px;margin:24px 0 20px;display:flex}.test-play .play-icon{border-left-color:var(--cream);display:inline-block}.test-play .pause-icon{background:linear-gradient(90deg,var(--cream) 0 4px,transparent 4px 9px,var(--cream) 9px 13px);border:0;width:13px;height:16px;margin:0}.calibration-volume{margin-bottom:20px}.calibration-done{background:var(--coral)}@media (max-width:800px){.site-header{height:67px;padding:0 20px}.screen-playing .brand{gap:0;font-size:0}.header-mode{font-size:8px}.home-screen{grid-template-columns:1fr;align-content:center;gap:42px;min-height:calc(100svh - 67px);padding:38px 20px}.hero-copy h1{font-size:clamp(58px,18vw,88px)}.hero-copy p{margin-bottom:10px}.home-controls{width:100%}.life-picker button{width:36px}.song-filter-grid{grid-template-columns:1fr}.best-scores{gap:8px;font-size:8px}.best-scores>span{white-space:nowrap}.exclude-toggle{gap:5px;line-height:1.25}.mode-button{min-height:72px;padding:11px 12px}.mode-button b{font-size:19px}.mode-button small{font-size:7px}.mode-symbol{font-size:20px}.mode-symbol.infinity{font-size:28px}.game-screen{padding:20px 20px 38px}.game-meta{margin-bottom:20px;font-size:8px}.lives-display{gap:3px;font-size:20px}.game-layout{grid-template-columns:1fr;gap:27px}.record-stage,.video-stage{width:min(82vw,340px);height:min(68vw,270px);min-height:0}.record-column{gap:19px}.interaction-column{padding-top:0}.clue-steps{max-width:360px}.player-area{margin-bottom:22px}.guess-form>label{font-size:23px}.reveal{min-height:200px}.countdown{inset:67px 0 0}.volume-control{margin-top:4px}.calibration-modal{box-shadow:7px 7px 0 var(--coral);padding:26px 22px}.calibration-modal h2{font-size:31px}}@media (max-width:560px){.compact-game-settings{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}