:root{--night:#0b0907;--cream:#f2ead8;--paper:#efe5cf;--paper-hi:#f8f1e2;--ink:#15110d;--red:#e0392b;--red-ink:#c8281e;--gold:#e2b04a;--ok:#58c46c;--head:"Big Shoulders Display", "Oswald", "Arial Narrow", sans-serif;--cond:"Barlow Condensed", "Barlow", "Arial Narrow", sans-serif;--body:"Barlow", system-ui, sans-serif;--brush:"Knewave", "Oswald", Impact, sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif;--display:"Oswald", "Arial Narrow", sans-serif;--fg:#f2ead8;--fg-2:#f2ead8b3;--fg-3:#f2ead870;--fg-4:#f2ead833;--rule:#f2ead821;--rule-2:#f2ead84d;--hot:#e0392b;--well:#f2ead80f;--shadow:#0000008c;--bg:var(--night);--text:var(--fg);--muted:var(--fg-2);--dim:var(--fg-3);--line:var(--rule);--line-strong:var(--rule-2);--accent:var(--red);--accent-2:#b8231a;--accent-grad:linear-gradient(90deg, #e0392b, #b8231a);--good:#58c46c;--warn:#e2b04a;--bad:#e0392b;--panel:#0d0b09cc;--panel-solid:#14110e;--radius:4px;--s-e:#f0283a;--s-a:#f7d21b;--s-d:#2d8ef7;--s-g:#f78a1d;--s-b:#34d15a;--s-e2:#b353f2}.paper{--fg:#15110d;--fg-2:#5d554a;--fg-3:#877e72;--fg-4:#15110d2e;--rule:#15110d1f;--rule-2:#15110d4d;--hot:#c8281e;--well:#15110d0d;--shadow:#3c280a33;--text:var(--fg);--muted:var(--fg-2);--dim:var(--fg-3);--line:var(--rule);--line-strong:var(--rule-2);--accent:#c8281e;color:var(--fg)}*{box-sizing:border-box}html,body,#root{background:var(--night);height:100%;color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--head);letter-spacing:.02em;text-transform:uppercase;margin:0;font-weight:800}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em}.head{font-family:var(--head);letter-spacing:.01em;text-transform:uppercase;font-weight:800}.brush{font-family:var(--brush);letter-spacing:.01em;text-transform:none;font-weight:400}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--hot);outline-offset:3px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{z-index:0;background:#05040a;position:fixed;inset:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.veil{z-index:-1;pointer-events:none;background:linear-gradient(#0b09078c 0%,#0000 22% 70%,#0b0907b3 100%),linear-gradient(98deg,#0b0907f0 0%,#0b0907db 40%,#0b090780 74%,#0b090757 100%);animation:.6s cubic-bezier(.5,0,.2,1) both veil-in;position:absolute;inset:0}.veil.deep{background:linear-gradient(#0b090766 0%,#0000 30%,#0b090780 100%),linear-gradient(98deg,#0b0907f5 0%,#0b0907e6 55%,#0b0907bd 100%)}.veil.wide{background:linear-gradient(#0b090780 0%,#0000 24% 66%,#0b090799 100%),linear-gradient(98deg,#0b0907f2 0%,#0b0907db 45%,#0b0907a8 100%)}@keyframes veil-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.screen{z-index:1;isolation:isolate;flex-direction:column;animation:.35s ease-out screen-in;display:flex;position:fixed;inset:0}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.sp-head{flex-wrap:wrap;flex:none;align-items:flex-end;gap:14px 28px;padding:clamp(18px,3vh,30px) clamp(20px,4vw,64px) clamp(8px,1.6vh,16px);display:flex;position:relative}.sp-head .sp-title{justify-items:start;gap:6px;min-width:0;display:grid}.sp-head .sp-title .slash{--slash:clamp(38px, 6.2vh, 64px);left:-.3em}.sp-head .grow{flex:1}.sp-head-actions{flex-wrap:wrap;align-items:center;gap:10px 26px;padding-bottom:8px;display:flex}.sp-back{font:600 15px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);background:0 0;border:0;align-items:center;gap:10px;margin-bottom:6px;padding:4px 0;display:inline-flex}.sp-back b{font-size:20px;font-weight:600;line-height:1;transition:transform .15s}.sp-back:hover{color:var(--fg)}.sp-back:hover b{transform:translate(-4px)}.sp-body{flex:1;min-height:0;position:relative}.eyebrow{font:600 14px/1.2 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--fg-2);margin:0}.eyebrow.dash:before{content:"";vertical-align:.28em;background:var(--red);width:34px;height:3px;margin-right:14px;display:inline-block}.eyebrow.hot{color:var(--hot)}.slash{--slash:56px;background:var(--stroke-paper) 0 0 / 100% 100% no-repeat;max-width:100%;color:var(--ink);font:400 var(--slash) / 1 var(--brush);letter-spacing:.005em;text-transform:none;white-space:nowrap;text-overflow:ellipsis;filter:drop-shadow(0 16px 22px #00000080);place-self:start;margin:0;padding:.14em .95em .26em .62em;animation:.6s cubic-bezier(.6,0,.2,1) 80ms both slash-in;display:inline-block;position:relative;overflow:hidden;transform:rotate(-2.2deg)}@keyframes slash-in{0%{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -4% -30% 0)}}.num{font-family:var(--head);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:800}.btn{min-height:42px;color:var(--fg);font:600 16px/1 var(--cond);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 2px;text-decoration:none;transition:color .15s,transform .12s,opacity .15s;display:inline-flex;position:relative}.btn:after{content:"";background:var(--hot);transform-origin:0;height:3px;transition:transform .2s cubic-bezier(.6,0,.2,1);position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)skew(-30deg)}.btn:hover:not(:disabled){color:var(--fg)}.btn:hover:not(:disabled):after,.btn:focus-visible:after{transform:scaleX(1)skew(-30deg)}.btn:not(.line):focus-visible{outline:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn .kbd{font-size:11px}.btn.line{border:1.5px solid var(--rule-2);padding:0 18px}.btn.line:after{display:none}.btn.line:hover:not(:disabled){border-color:var(--fg);background:var(--well)}.btn.primary{background:var(--stroke-red) 0 0 / 100% 100% no-repeat;color:#fbf4e6;min-height:58px;font:400 23px/1 var(--brush);letter-spacing:.02em;text-transform:none;text-shadow:0 1px #00000040;padding:0 38px 4px}.btn.primary:after{display:none}.btn.primary:focus-visible{filter:drop-shadow(2px 0 0 var(--cream)) drop-shadow(-2px 0 0 var(--cream)) drop-shadow(0 2px 0 var(--cream)) drop-shadow(0 -2px 0 var(--cream));outline:none}.paper .btn.primary:focus-visible{filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink))}.btn.primary:hover:not(:disabled){color:#fff;transform:rotate(-1.5deg)scale(1.04)}.btn.primary.big{min-height:68px;padding:0 46px 4px;font-size:28px}.btn.ghost{color:var(--fg-2)}.btn.ghost:hover:not(:disabled){color:var(--fg)}.btn.danger:hover:not(:disabled){color:var(--hot)}.btn.big:not(.primary){min-height:52px;font-size:18px}.btn:disabled{opacity:.35;cursor:default}.btn.pressed{animation:.18s ease-out press}@keyframes press{50%{transform:scale(.95)}}.icon-btn{border:1.5px solid var(--rule-2);width:42px;height:42px;color:var(--fg);background:0 0;border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.icon-btn:hover{border-color:var(--fg);background:var(--fg);color:var(--night)}.paper .icon-btn:hover{color:var(--paper)}.kbd{min-width:1.9em;height:1.9em;font:700 12px/1 var(--cond);letter-spacing:.04em;text-transform:none;opacity:.62;vertical-align:middle;border:1.5px solid;border-radius:4px;place-items:center;padding:0 .4em;display:inline-grid}.chips{flex-wrap:wrap;gap:4px 6px;display:flex}.chip{height:38px;color:var(--fg-3);font:800 17px/1 var(--head);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;flex:none;align-items:baseline;gap:6px;padding:6px 10px 0;transition:color .15s;display:inline-flex;position:relative}.chip small{font:600 12px var(--cond);letter-spacing:.06em;color:var(--fg-3)}.chip:hover{color:var(--fg-2)}.chip:after{content:"";background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;height:7px;transition:transform .2s cubic-bezier(.6,0,.2,1);position:absolute;bottom:0;left:4px;right:4px;transform:scaleX(0)}.chip.on{color:var(--fg)}.chip.on small{color:var(--fg-2)}.chip.on:after{transform:scaleX(1)}.toggle{border:2px solid var(--rule-2);background:0 0;border-radius:14px;flex:none;width:52px;height:28px;padding:0;transition:background .15s,border-color .15s;position:relative}.toggle:after{content:"";background:var(--fg-2);border-radius:50%;width:18px;height:18px;transition:left .18s cubic-bezier(.3,1.4,.5,1),background .15s;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{border-color:var(--hot);background:var(--hot)}.toggle[aria-checked=true]:after{background:#fff;left:27px}.toggle:hover{border-color:var(--fg-2)}.toggle[aria-checked=true]:hover{border-color:var(--hot)}input[type=range]{--v:50%;appearance:none;cursor:pointer;background:0 0;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--hot) var(--v), var(--rule-2) var(--v));border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--hot) var(--v), var(--rule-2) var(--v));border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border:0;border-radius:50%;width:18px;height:18px;margin-top:-7.5px;transition:transform .12s;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0006}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]:focus-visible{outline-offset:6px}.slider{align-items:center;gap:14px;min-width:240px;display:flex}.slider input[type=range]{flex:1;min-width:0}.slider output{text-align:right;min-width:58px;font:800 19px var(--head);font-variant-numeric:tabular-nums}select.select{border:0;border-bottom:1.5px solid var(--rule-2);appearance:none;background:linear-gradient(45deg, transparent 50%, var(--fg-2) 50%) calc(100% - 15px) 52% / 6px 6px no-repeat, linear-gradient(135deg, var(--fg-2) 50%, transparent 50%) calc(100% - 9px) 52% / 6px 6px no-repeat;max-width:320px;height:42px;color:var(--fg);font:600 16px var(--body);cursor:pointer;border-radius:0;padding:0 34px 0 2px}select.select:hover,select.select:focus-visible{border-bottom-color:var(--fg)}select option{color:#f2ead8;background:#1a1612}.paper select option{color:#15110d;background:#f8f1e2}input[type=text],input[type=search],input[type=url],input[type=number]{border:0;border-bottom:1.5px solid var(--rule-2);height:44px;color:var(--fg);font:500 17px var(--body);background:0 0;border-radius:0;outline:none;padding:0 2px}input[type=text]:focus,input[type=search]:focus,input[type=url]:focus,input[type=number]:focus{border-bottom-color:var(--hot)}input::placeholder{color:var(--fg-3)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background:linear-gradient(45deg, transparent 43%, var(--fg-2) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--fg-2) 43% 57%, transparent 57%);cursor:pointer;width:14px;height:14px}.field{gap:8px;display:grid}.field-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.field-row:last-child{border-bottom:none}.field-row .label{gap:3px;min-width:0;display:grid}.field-row .label b{font:600 16px var(--body)}.field-row .label small{color:var(--fg-2);font-size:13.5px;line-height:1.35}.panel{position:relative}.modal-backdrop{z-index:40;background:linear-gradient(270deg,#0b0907db 0%,#0b0907a8 45%,#0b09075c 100%);justify-content:flex-end;animation:.25s ease-out both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet-wrap{filter:drop-shadow(-26px 0 40px #00000080);width:min(660px,100vw);height:100%;animation:.5s cubic-bezier(.2,.9,.2,1) both sheet-in;position:relative}.sheet-wrap.wide{width:min(1080px,100vw)}@keyframes sheet-in{0%{transform:translate(104%)}}.modal{overscroll-behavior:contain;background:var(--grain), radial-gradient(ellipse 110% 70% at 30% 10%, #f9f2e3, #efe5cf 60%, #e4d6b8);height:100%;-webkit-mask:var(--torn-left) 0 0 / 26px 100% no-repeat, linear-gradient(#000 0 0) 25px 0 / calc(100% - 25px) 100% no-repeat;mask:var(--torn-left) 0 0 / 26px 100% no-repeat, linear-gradient(#000 0 0) 25px 0 / calc(100% - 25px) 100% no-repeat;-webkit-mask:var(--torn-left) 0 0 / 26px 100% no-repeat, linear-gradient(#000 0 0) 25px 0 / calc(100% - 25px) 100% no-repeat;padding:clamp(28px,5vh,54px) clamp(24px,4vw,58px) 44px clamp(44px,5vw,74px);position:relative;overflow-y:auto}.modal h2{font:400 clamp(34px, 5vh, 50px) / 1 var(--brush);letter-spacing:.005em;text-transform:none;margin:4px 0 18px}.modal .eyebrow{color:var(--hot)}.sheet-close{z-index:3;color:var(--fg-2);font:600 14px var(--cond);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;display:inline-flex;position:absolute;top:clamp(18px,3vh,30px);right:clamp(18px,3vw,34px)}.sheet-close b{font-size:22px;font-weight:500;line-height:1}.sheet-close:hover{color:var(--fg)}.modal-actions{align-items:center;gap:24px;margin-top:26px;display:flex}.modal-actions .spacer{flex:1}@media (width<=700px){.sheet-wrap,.sheet-wrap.wide{width:100vw}}.toast-stack{z-index:60;pointer-events:none;justify-items:center;gap:10px;display:grid;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.toast{background:var(--bar-paper) 0 0 / 100% 100% no-repeat;color:var(--ink);font:600 16px var(--body);white-space:nowrap;filter:drop-shadow(0 10px 18px #00000080);padding:12px 40px 15px;animation:.35s cubic-bezier(.2,1.2,.4,1) both toast-in}.toast.error{color:var(--red-ink);font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(18px)rotate(-1deg)}}.stamp{--sc:#c8281e;border:3px solid var(--sc);outline:1.5px solid var(--sc);outline-offset:-8px;color:var(--sc);font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;-webkit-mask:var(--stamp-wear) 0 0 / 200px 80px repeat;mask:var(--stamp-wear) 0 0 / 200px 80px repeat;-webkit-mask:var(--stamp-wear) 0 0 / 200px 80px repeat;border-radius:5px;padding:.3em .65em .25em;font-weight:800;line-height:1.1;display:inline-block;transform:rotate(-5deg)}.stamp.ink-black{--sc:#15110d}.stamp.cream{--sc:#f2ead8}.stamp.two{justify-items:center;gap:2px;padding:.35em .7em .3em;display:inline-grid;transform:rotate(-7deg)}.stamp.two b{font-size:1.9em;line-height:1}.stamp.two small{letter-spacing:.22em;font-size:.62em}.stamp.slam{animation:.45s cubic-bezier(.2,1.8,.4,1) backwards stamp-slam}@keyframes stamp-slam{0%{opacity:0;transform:scale(2.6)rotate(-18deg)}to{opacity:1}}.ink-flick{z-index:100;pointer-events:none;width:0;height:0;position:fixed}.ink-ring{border:5px solid #f2ead8d9;border-radius:50%;width:80px;height:80px;animation:.55s cubic-bezier(.1,.8,.3,1) forwards ink-ring;position:absolute;top:-40px;left:-40px}.ink-drop{width:10px;height:10px;scale:var(--s);background:#f2ead8;border-radius:50%;animation:.6s cubic-bezier(.2,.8,.3,1) forwards ink-drop;position:absolute;top:-5px;left:-5px}.ink-drop.red{background:#e0392b}@keyframes ink-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;border-width:1px;transform:scale(1.3)}}@keyframes ink-drop{60%{opacity:1}to{translate:var(--dx) var(--dy);opacity:0}}.ink-hit{animation:.2s steps(2,end) ink-hit}@keyframes ink-hit{0%{translate:6px -2px}50%{translate:-5px 2px}to{translate:0}}@keyframes spin{to{transform:rotate(360deg)}}.topbar{align-items:center;gap:16px;padding:22px 36px;display:flex}.topbar .spacer{flex:1}.muted-note{color:var(--fg-2)}.linkish{color:var(--hot);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}@media (prefers-reduced-motion:reduce){.veil,.slash,.screen,.sheet-wrap,.modal-backdrop,.toast,.stamp.slam,.ink-hit{animation:none!important}}@media (hover:none) and (pointer:coarse){html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior:none}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}button,a,input,select,label,summary{touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}.kbd{display:none}.btn:hover:not(:disabled):after{transform:scaleX(0)skew(-30deg)}.btn:active:not(:disabled):after{transform:scaleX(1)skew(-30deg)}.btn.primary:hover:not(:disabled){transform:none}.btn.primary:active:not(:disabled){transform:rotate(-1.5deg)scale(.97)}.btn.line:hover:not(:disabled){border-color:var(--rule-2);background:0 0}.btn.line:active:not(:disabled){border-color:var(--fg);background:var(--well)}.icon-btn:hover{border-color:var(--rule-2);color:var(--fg);background:0 0}.icon-btn:active{border-color:var(--fg);background:var(--fg);color:var(--night)}.sp-back:hover b{transform:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){:root{--gut-l:max(16px, env(safe-area-inset-left));--gut-r:max(16px, env(safe-area-inset-right));--gut-t:env(safe-area-inset-top,0px);--gut-b:env(safe-area-inset-bottom,0px)}.sp-back{min-height:40px;margin:0;padding:0;font-size:14px}.sp-head-actions{flex-wrap:nowrap;gap:6px 18px;padding-bottom:0}.sp-head-actions .btn{font-size:14px}.sp-head-actions .btn.primary{min-height:44px;padding:0 22px 3px;font-size:18px}.eyebrow{letter-spacing:.24em;font-size:12px}.eyebrow.dash:before{width:22px;margin-right:10px}.sheet-wrap,.sheet-wrap.wide{max-width:100vw}.modal{padding:calc(var(--gut-t) + 44px) var(--gut-r) calc(var(--gut-b) + 32px) max(40px, calc(env(safe-area-inset-left) + 26px))}.modal h2{margin-bottom:14px;font-size:34px}.sheet-close{top:calc(var(--gut-t) + 8px);right:var(--gut-r);justify-content:flex-end;min-width:40px;min-height:40px}.modal-actions{flex-wrap:wrap;gap:10px 20px}.toast-stack{bottom:calc(var(--gut-b) + 16px);width:calc(100vw - 32px)}.toast{text-align:center;white-space:normal;max-width:100%;padding:10px 26px 13px;font-size:15px}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.sp-head{padding:calc(var(--gut-t) + 8px) var(--gut-r) 10px var(--gut-l);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back actions""eyebrow eyebrow""title title";align-items:center;gap:2px 12px;display:grid}.sp-head .sp-title{display:contents}.sp-head .grow{display:none}.sp-head .sp-back{grid-area:back;justify-self:start}.sp-head .sp-title>.eyebrow{grid-area:eyebrow;margin-top:4px}.sp-head .sp-title>:last-child{grid-area:title;min-width:0;margin-top:2px}.sp-head .sp-title .slash{--slash:min(38px, 9.6vw)}.sp-head-actions{grid-area:actions;justify-content:end}.field-row{flex-wrap:wrap;gap:10px 16px}.field-row .label{flex:60%}.field-row>.slider{flex:100%;min-width:0}.field-row>select.select{max-width:100%}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.sp-head{padding:calc(var(--gut-t) + 8px) var(--gut-r) 6px var(--gut-l);flex-wrap:nowrap;align-items:center;gap:10px 22px}.sp-head .sp-title{align-items:center;gap:18px;display:flex}.sp-head .sp-title>.eyebrow{display:none}.sp-head .sp-title .slash{--slash:28px}}.ready-overlay,.pause-overlay{--pad-y:clamp(16px, 4vh, 52px);z-index:20;padding:var(--pad-y) clamp(18px, 4.6vw, 80px);isolation:isolate;place-items:safe center;animation:.25s ease-out both fade-in;display:grid;position:absolute;inset:0;overflow:hidden auto}.ready-overlay>.veil,.pause-overlay>.veil{position:fixed}.sp-card{width:min(1440px,100%);min-width:0;min-height:calc(100dvh - 2 * var(--pad-y));flex-direction:column;gap:clamp(8px,1.6vh,16px);display:flex;position:relative}.sp-titlerow{flex-wrap:wrap;align-items:center;gap:10px 34px;min-width:0;display:flex}.sp-card .slash.song{--slash:clamp(36px, min(8.4vh, 8vw), 100px);left:-.36em}.sp-artist{color:var(--fg-2);font:500 clamp(16px, 2.2vh, 22px) / 1.3 var(--body);margin:0}.sp-label{color:var(--fg-3);font:600 14px var(--cond);letter-spacing:.3em;text-transform:uppercase;margin:0 0 8px}.sp-cols{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(22px,3.2vw,60px);margin-top:clamp(6px,2.4vh,26px);display:grid}.sp-cols>section{align-content:start;gap:12px;min-width:0;display:grid}.sp-big{font:900 clamp(110px, 21vh, 250px) / .8 var(--head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--cream);align-items:flex-start;display:flex}.sp-big i{color:var(--red);margin:.05em 0 0 .05em;font-size:.42em;font-style:normal}.sp-big.cold{color:var(--fg-2)}.acc-rail{width:min(520px,100%);height:50px;margin-top:16px;position:relative}.acc-rail .track{background:var(--rule-2);height:2px;position:absolute;top:24px;left:0;right:0}.acc-rail .fill{height:4px;width:calc(var(--acc) * 100%);background:var(--cream);animation:1.2s cubic-bezier(.3,0,.2,1) .3s both rail-fill;position:absolute;top:23px;left:0}.acc-rail .pass{left:calc(var(--pass) * 100%);background:var(--red);width:3px;height:26px;margin-left:-1.5px;position:absolute;top:12px}.acc-rail .pass span,.acc-rail .you span{white-space:nowrap;font:700 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;position:absolute;left:50%}.acc-rail .pass span{color:var(--red);bottom:calc(100% + 3px);transform:translate(-50%)}.acc-rail .you{left:calc(var(--acc) * 100%);background:var(--cream);width:16px;height:16px;margin-left:-8px;animation:1.2s cubic-bezier(.3,0,.2,1) .3s both rail-you;position:absolute;top:17px;transform:rotate(45deg);box-shadow:0 0 18px #f2ead899}.acc-rail .you span{color:var(--cream);font-size:15px;top:20px;left:20px;transform:translate(-50%)rotate(-45deg)}.acc-rail small{color:var(--fg-3);font:500 12px var(--cond);position:absolute;top:34px}.acc-rail .l1{right:0}@keyframes rail-fill{0%{width:0}}@keyframes rail-you{0%{left:0}}.sp-note{max-width:46ch;color:var(--fg-2);font:400 16px / 1.45 var(--body);margin:0}.sp-note b{color:var(--cream)}.sp-note.warn{border-left:3px solid var(--red);padding-left:14px}.sp-stars{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;display:flex}.sp-stars>span{font:600 13px var(--cond);color:var(--fg-3);justify-items:center;gap:2px;display:grid}.sp-stars .star{color:var(--fg-4);font-size:42px;line-height:1}.sp-stars .star.on{color:var(--gold);text-shadow:0 0 16px #e2b04a73;animation:.45s cubic-bezier(.2,1.9,.4,1) both star-pop}.sp-badge{border:2px solid var(--gold);color:var(--gold);font:800 15px var(--head);letter-spacing:.16em;text-transform:uppercase;padding:4px 10px}.sp-ladder{flex-wrap:wrap;gap:8px 26px;margin:18px 0 0;padding:0;list-style:none;display:flex}.sp-ladder li{font:800 28px var(--head);align-items:baseline;gap:8px;display:flex}.sp-ladder li span{color:var(--gold);letter-spacing:1px;font-size:22px}.sp-stats{gap:14px;display:grid}.sp-stat{display:grid}.sp-stat b{font:800 clamp(40px, 6.4vh, 62px) / .9 var(--head);font-variant-numeric:tabular-nums}.sp-stat b small{color:var(--fg-3);font-size:.56em}.sp-stat span{color:var(--fg-2);font:600 14px var(--cond);letter-spacing:.26em;text-transform:uppercase}.sp-stats.row{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px clamp(20px,2.6vw,44px)}.sp-stats.row .sp-stat b{font-size:clamp(34px,5.4vh,54px)}.sp-stats.row .sp-stat span{letter-spacing:.2em;font-size:13px}.sp-meters{gap:12px;margin-top:8px;display:grid}.sp-meter{font:600 16px var(--body);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.sp-meter>b{font:800 20px var(--head);font-variant-numeric:tabular-nums}.sp-meter>b small{color:var(--fg-3);font-size:14px}.sp-meter .rail{background:var(--fg-4);grid-column:1/-1;height:3px}.sp-meter .rail i{height:100%;width:calc(var(--fill) * 100%);background:var(--cream);animation:.9s cubic-bezier(.3,0,.2,1) .6s both rail-fill;display:block}.sp-meter.new .rail i,.sp-meter.weak .rail i{background:var(--red)}.sp-meter.weak>span{color:var(--red)}.tech-mark{border:1.5px solid var(--fg-2);min-width:26px;height:22px;color:var(--fg);font:700 13px var(--display);vertical-align:1px;place-items:center;margin-right:8px;padding:0 6px;font-style:normal;display:inline-grid}.new .tech-mark,.tech-mark.new{border-color:var(--red);background:var(--red);color:#fff}.sp-uses{flex-wrap:wrap;gap:10px 22px;display:flex}.sp-use{font:600 20px var(--body);align-items:center;display:inline-flex}.sp-use b{border:1.5px solid var(--red);color:var(--red);font:700 12px var(--cond);letter-spacing:.2em;text-transform:uppercase;margin-left:10px;padding:2px 7px}.sp-status{color:var(--fg-2);font:600 15px var(--cond);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;display:flex}.sp-status>i{background:var(--ok);width:10px;height:10px;box-shadow:0 0 10px var(--ok);border-radius:50%;flex:none}.sp-status.off>i{background:var(--red);box-shadow:0 0 10px var(--red)}.sp-status .btn{min-height:30px;font-size:14px}.sp-rail{bottom:calc(-1 * var(--pad-y,0px));z-index:2;margin-top:auto;margin-bottom:calc(-1 * var(--pad-y,0px));padding:clamp(12px, 2vh, 20px) 0 var(--pad-y,0px);border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 30px;display:flex;position:sticky}.sp-rail:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b090700 0%,#0b0907b8 56px,#0b0907db 100%);position:absolute;inset:-56px -100vw 0}.sp-rail .leave{color:var(--fg-2);margin-left:auto}.sp-hints{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.1em;text-transform:uppercase;margin:0}.sp-hints .kbd{margin:0 2px}.gig-report .slash.song{--slash:clamp(34px, min(7.2vh, 7vw), 86px)}.gig-report .sp-big{font-size:clamp(96px,17vh,200px)}.gig-report .sp-cols{margin-top:clamp(4px,1.4vh,18px)}.xp-panel{gap:8px;display:grid}.xp-lines{margin:0;padding:0;list-style:none;display:grid}.xp-lines li{border-bottom:1px solid var(--rule);color:#f2ead8d6;font:500 16px var(--body);justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;animation:.35s ease-out both xp-line;display:flex}.xp-lines b{font:700 19px var(--head);color:var(--gold)}@keyframes xp-line{0%{opacity:0;transform:translate(24px)}}.xp-total{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-top:6px;display:flex}.xp-total b.brush{color:var(--red);font-size:clamp(42px,6.2vh,60px);line-height:1}.xp-total span{color:#f2ead8d6;font:500 16px var(--body)}.xp-total span b{font:800 20px var(--head);color:var(--cream)}.xp-bar{height:20px;position:relative}.xp-bar:before{content:"";background:var(--bar-paper) 0 0 / 100% 100% no-repeat;opacity:.15;position:absolute;inset:0}.xp-bar i{background:var(--bar-red) 0 0 / 100% 100% no-repeat;transition:width .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 auto 0 0}.xp-bar i.reset{animation:.9s cubic-bezier(.4,0,.2,1) both xp-reset}@keyframes xp-reset{0%{width:0}}.xp-bar.big{height:24px}.xp-next{color:var(--fg-3);font:400 14px var(--body)}.level-up{color:var(--cream);font:700 17px var(--body);align-items:center;gap:16px;margin:4px 0 6px;display:flex}.level-up .stamp{font-size:15px}.xp-panel.compact .xp-total b.brush{font-size:44px}.unlocked{gap:8px;margin-top:10px;display:grid}.unlocked-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;display:grid}.unlocked-item{min-width:0;color:var(--fg-2);font:600 14px/1.1 var(--cond);letter-spacing:.04em;align-items:center;gap:10px;animation:.5s cubic-bezier(.2,1.8,.4,1) both ach-slam-item;display:flex}.unlocked-item>:first-child{flex:none}.unlocked-item b{color:var(--cream)}.unlocked .ach-stamp.on{color:var(--red)}@keyframes ach-slam-item{0%{opacity:0;transform:scale(2.2)rotate(-16deg)}to{opacity:1}}.reward-strip{gap:16px;display:grid}.pause-wrap{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:clamp(24px,5vw,96px);width:min(1440px,100%);display:grid}.pause-left{justify-items:start;gap:8px;display:grid}.pause-left .slash{--slash:clamp(56px, 9vh, 104px);margin:0 0 clamp(8px,2vh,20px);left:-.36em}.pause-menu{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pause-menu button{isolation:isolate;color:var(--cream);font:800 clamp(30px, 5.4vh, 54px) / 1.02 var(--head);letter-spacing:.01em;text-transform:uppercase;text-align:left;animation:.4s cubic-bezier(.2,.9,.2,1) backwards menu-pop;animation-delay:calc(.12s + var(--i,0) * 45ms);background:0 0;border:0;align-items:center;gap:18px;padding:.06em .5em .12em .25em;transition:color .15s;display:flex;position:relative}.pause-menu button .kbd{opacity:.5;font-size:12px}.pause-menu button:before{content:"";z-index:-1;background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;transition:transform .22s cubic-bezier(.6,0,.2,1);position:absolute;inset:.06em -.2em .02em -.3em;transform:scaleX(0)}.pause-menu button:hover,.pause-menu button:focus-visible,.pause-menu button.on{color:#fff;outline:none}.pause-menu button:hover:before,.pause-menu button:focus-visible:before,.pause-menu button.on:before{transform:scaleX(1)}.pause-menu:hover button.on:not(:hover){color:var(--cream)}.pause-menu:hover button.on:not(:hover):before{transform:scaleX(0)}.pause-menu button.quit{color:var(--fg-2);margin-top:10px;font-size:clamp(24px,4.2vh,40px)}.pause-menu button.quit:hover,.pause-menu button.quit:focus-visible{color:#fff}@keyframes menu-pop{0%{opacity:0;transform:translate(-26px)}}.pause-where{align-content:start;gap:10px;padding-top:clamp(10px,4vh,44px);animation:.5s cubic-bezier(.2,.9,.2,1) .15s both slide-left;display:grid}@keyframes slide-left{0%{opacity:0;transform:translate(40px)}}.pause-where h3{font:900 clamp(48px, 9vh, 96px) / .9 var(--head);letter-spacing:.01em}.pause-time{color:var(--fg-2);font:500 19px var(--body);margin:0}.pause-time b{font:800 30px var(--head);color:var(--cream)}.pause-secs{gap:4px;margin-top:18px;display:flex;position:relative}.pause-secs>div{gap:8px;min-width:0;display:grid}.pause-secs i{background:var(--fg-4);height:6px}.pause-secs .done i{background:#f2ead873}.pause-secs .now i{background:var(--red)}.pause-secs span{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pause-secs .now span{color:var(--cream)}.pause-secs .narrow span{visibility:hidden}.pause-secs .head{background:var(--cream);width:3px;height:22px;box-shadow:0 0 12px var(--cream);margin-left:-1.5px;position:absolute;top:-8px}.pause-now{flex-wrap:wrap;gap:16px 48px;margin-top:26px;display:flex}.pause-now div{display:grid}.pause-now b{font:900 clamp(40px, 6.6vh, 62px) / .9 var(--head);font-variant-numeric:tabular-nums}.pause-now span{color:var(--fg-2);font:600 14px var(--cond);letter-spacing:.26em;text-transform:uppercase}.shortcuts{grid-template-columns:repeat(2,minmax(0,auto));justify-content:start;gap:10px 36px;margin:clamp(18px,4vh,44px) 0 0;display:grid}.shortcuts div{align-items:center;gap:12px;display:flex}.shortcuts dt .kbd{opacity:.85;font-size:12.5px}.shortcuts dd{color:var(--fg-2);font:400 15px var(--body);margin:0}@media (width<=1100px){.sp-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sp-cols>section:last-child{grid-column:1/-1}}@media (width<=760px){.sp-cols,.pause-wrap{grid-template-columns:1fr}.sp-rail .leave{margin-left:0}}@media (height<=760px){.sp-big{font-size:clamp(90px,18vh,170px)}.sp-stat b{font-size:38px}}@media (prefers-reduced-motion:reduce){.ready-overlay,.pause-overlay,.acc-rail .fill,.acc-rail .you,.sp-stars .star.on,.sp-meter .rail i,.xp-lines li,.unlocked-item,.pause-menu button,.pause-where{animation:none!important}}@keyframes star-pop{0%{opacity:0;transform:scale(3)rotate(-30deg)}}@media (hover:none) and (pointer:coarse){.sp-hints,.shortcuts{display:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.ready-overlay,.pause-overlay{--pad-y:calc(var(--gut-b) + 12px);overscroll-behavior:contain;padding:calc(var(--gut-t) + 14px) var(--gut-r) var(--pad-y) var(--gut-l)}.sp-card{min-height:calc(100dvh - var(--gut-t) - 14px - var(--pad-y));gap:10px}.sp-titlerow{gap:8px 20px}.sp-artist{font-size:16px}.sp-cols{gap:22px;margin-top:4px}.sp-big,.gig-report .sp-big{font-size:112px}.sp-stat b{font-size:36px}.sp-stats.row .sp-stat b{font-size:32px}.sp-stat span{letter-spacing:.18em;font-size:12px}.sp-ladder li{font-size:24px}.sp-use{font-size:17px}.sp-rail{gap:2px 20px;padding-top:10px}.sp-rail:before{background:linear-gradient(#0b090700 0%,#0b0907f2 36px,#0b0907f7 100%);top:-36px}.sp-rail .btn:not(.primary){letter-spacing:.1em;min-height:40px;font-size:14px}.sp-rail .leave{margin-left:auto}.xp-lines li{font-size:15px}.pause-left .slash{margin-bottom:6px}.pause-menu button{gap:14px;padding-block:.08em .14em}.pause-where{padding-top:0}.pause-where h3{font-size:52px}.pause-time{font-size:16px}.pause-time b{font-size:24px}.pause-secs{margin-top:10px}.pause-now{gap:12px 28px;margin-top:16px}.pause-now b{font-size:36px}.pause-now span{letter-spacing:.18em;font-size:12px}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.rotate-hint{color:var(--gold);font:600 14px / 1.3 var(--cond);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:2px 0;display:flex}.rotate-hint svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:30px;height:30px;animation:2.6s cubic-bezier(.5,0,.3,1) infinite rotate-hint}@keyframes rotate-hint{0%,35%{transform:none}60%,to{transform:rotate(-90deg)}}.sp-cols,.sp-cols.two,.pause-wrap{grid-template-columns:minmax(0,1fr)}.sp-cols>section:last-child{grid-column:auto}.sp-rail .btn.primary{flex:100%;margin-bottom:4px}.sp-rail .btn.primary+.btn.primary{margin-top:-2px}.pause-left .slash{--slash:52px}.pause-menu button{font-size:34px}.pause-menu button.quit{font-size:26px}.pause-wrap{gap:26px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.ready-overlay,.pause-overlay{padding-top:calc(var(--gut-t) + 10px)}.sp-card{min-height:calc(100dvh - var(--gut-t) - 10px - var(--pad-y));gap:6px}.sp-card .slash.song,.gig-report .slash.song{--slash:30px}.sp-artist{font-size:14px}.sp-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28px}.sp-cols>section:last-child:not(:nth-child(2)){grid-column:1/-1}.sp-big,.gig-report .sp-big{font-size:84px}.acc-rail{margin-top:8px}.sp-stat b{font-size:30px}.sp-stats.row .sp-stat b{font-size:28px}.sp-stars .star{font-size:32px}.sp-rail{padding-top:6px}.sp-rail .btn.primary.big{min-height:50px;padding:0 30px 4px;font-size:22px}.pause-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.pause-left{gap:2px}.pause-left .slash{--slash:34px}.pause-menu button{font-size:min(27px,7.4vh)}.pause-menu button.quit{margin-top:4px;font-size:min(22px,6vh)}.pause-where h3{font-size:40px}.pause-now{margin-top:12px}.pause-now b{font-size:30px}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait) and (prefers-reduced-motion:reduce){.rotate-hint svg{animation:none}}@media (pointer:coarse) and (width>=601px) and (width<=1024px) and (orientation:portrait){.pause-left .slash{--slash:72px}}.mags{filter:drop-shadow(0 2px #15110d1f)drop-shadow(0 8px 14px #3c280a38);flex:none;overflow:visible;transform:rotate(-3deg)}.mags .mags-ground{fill:#c8281e}.mags .mags-dot{fill:#8e1810;opacity:.55}.mags .mags-frame{fill:none;stroke:#15110d;stroke-width:4.5px;stroke-linejoin:round;filter:url(#ink-wobble)}.mags .mags-hair{fill:#7b3f1d;stroke:#15110d;stroke-width:1.7px;stroke-linejoin:round}.mags .mags-strand{fill:none;stroke:#4a230e;stroke-width:1.1px;stroke-linecap:round}.mags .mags-sheen{fill:none;stroke:#b06a3a;stroke-width:1.3px;stroke-linecap:round}.mags .mags-jacket{fill:#1d1814;stroke:#15110d;stroke-width:1.8px;stroke-linejoin:round}.mags .mags-seam{fill:none;stroke:#4a423a;stroke-width:1.1px;stroke-linecap:round}.mags .mags-tee{fill:#efe5cf}.mags .mags-lanyard{fill:none;stroke:#c8281e;stroke-width:1.8px;stroke-linecap:round}.mags .mags-pass{fill:#fbf6ea;stroke:#15110d;stroke-width:1px}.mags .mags-pass-band{fill:#c8281e}.mags .mags-skin,.mags .mags-face{fill:#f4d2b3;stroke:#15110d;stroke-width:1.4px;stroke-linejoin:round}.mags .mags-face{stroke-width:1.8px}.mags .mags-shade{fill:#dfa983;opacity:.8}.mags .mags-blush{fill:#e98f78;opacity:.35}.mags .mags-brow{fill:#3d2213;stroke:#3d2213;stroke-width:.6px;stroke-linejoin:round}.mags .mags-eye{fill:#fffaf1}.mags .mags-iris{fill:#6b4a2a}.mags .mags-ink{fill:#15110d}.mags .mags-light{fill:#fff}.mags .mags-lid{fill:none;stroke:#15110d;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.mags .mags-fine,.mags .mags-nose,.mags .mags-mouth{fill:none;stroke:#15110d;stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}.mags .mags-nose{stroke:#8a4f33;stroke-width:1px}.mags .mags-mouth{stroke-width:1.3px}.mags .mags-smile{fill:#fffaf1;stroke:#15110d;stroke-width:1.1px;stroke-linejoin:round}.mags .mags-lip{fill:#c86a58}.mags .mags-freckle{fill:#a2562e;opacity:.8}.mags .mags-glass{stroke:#15110d;stroke-width:1.3px;stroke-linejoin:round}.mags .mags-glint{fill:none;stroke:#fffc;stroke-width:1px;stroke-linecap:round}.mags .mags-boom{fill:none;stroke:#15110d;stroke-width:1.8px;stroke-linecap:round}.mags .mags-mic{fill:#c8281e;stroke:#15110d;stroke-width:1px}.mentor{color:#15110d;align-items:flex-start;gap:22px;display:flex}.mentor .bubble{z-index:0;transform-origin:-18px 26px;flex:1;min-width:0;margin-top:4px;padding:11px 18px 13px;font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:500;line-height:1.5;animation:.35s cubic-bezier(.2,1.4,.4,1) both balloon-in;position:relative}@keyframes balloon-in{0%{opacity:0;transform:scale(.9)rotate(-2deg)}}.mentor .balloon{z-index:-1;filter:drop-shadow(0 2px #15110d14)drop-shadow(0 10px 18px #3c280a29);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mentor .balloon-ink{fill:#15110d;stroke:#15110d;stroke-width:5px;stroke-linejoin:round}.mentor .balloon-paper{fill:#fdf9ef}.mentor .said-by{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.mentor .said-by b{font-family:var(--brush,"Knewave", sans-serif);letter-spacing:.01em;font-size:19px;font-weight:400;line-height:1}.mentor .said-by small{color:#c8281e;letter-spacing:.18em;text-transform:uppercase;font-size:10.5px;font-weight:800}.mentor .said p{margin:0 0 .6em}.mentor .said p:last-child{margin-bottom:0}.mentor.compact{gap:20px}.mentor.compact .bubble{transform-origin:-18px 20px;margin-top:0;padding:8px 15px 10px;font-size:14.5px;line-height:1.42}.mentor.compact .said-by b{font-size:16px}.ach-stamp{color:var(--fg-4);display:block;overflow:visible}.ach-stamp .ring{fill:none;stroke:currentColor}.ach-stamp .ring.outer{stroke-width:4px}.ach-stamp .ring.inner{stroke-width:1.5px}.ach-stamp .arc-text{letter-spacing:1.2px;fill:currentColor;font-family:Fraunces,Georgia,serif;font-size:9.5px;font-weight:800}.ach-stamp .arc-text.small{letter-spacing:2px;font-size:6.5px}.ach-stamp .glyph{fill:currentColor;font-family:Knewave,Fraunces,Apple Symbols,Segoe UI Symbol,sans-serif;font-size:22px}.ach-stamp .glyph.big{font-size:34px}.ach-stamp .icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.ach-stamp.off .ring.outer{stroke-dasharray:3 4}.ach-stamp.on{color:var(--hot);transform:rotate(var(--tilt,0deg));-webkit-mask:var(--stamp-wear) 0 0 / 120px 48px repeat;mask:var(--stamp-wear) 0 0 / 120px 48px repeat;-webkit-mask:var(--stamp-wear) 0 0 / 120px 48px repeat}.ach-stamp.slam{animation:.5s cubic-bezier(.2,1.8,.4,1) both ach-slam}@keyframes ach-slam{0%{opacity:0;transform:scale(2.4)rotate(-20deg)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.ach-toast{top:calc(22px + env(safe-area-inset-top,0px));z-index:90;background:var(--stroke-paper) 0 0 / 100% 100% no-repeat;width:min(560px,100vw - 16px);min-height:104px;color:var(--ink);filter:drop-shadow(0 12px 18px #00000073);align-items:center;gap:16px;padding:16px 70px 18px 58px;animation:.5s cubic-bezier(.2,.9,.2,1) both ach-in,.4s ease-in 3.4s forwards ach-out;display:flex;position:fixed;right:-24px}.ach-toast>div{gap:2px;display:grid}.ach-toast small{color:var(--red-ink);font:700 12px var(--cond);letter-spacing:.26em;text-transform:uppercase}.ach-toast b{font:400 26px/1.05 var(--brush)}.ach-toast span{color:#5d554a;font:500 14px/1.3 var(--body)}@keyframes ach-in{0%{transform:translate(105%)}}@keyframes ach-out{to{transform:translate(105%)}}.star-row{letter-spacing:0;vertical-align:-.05em;gap:1px;line-height:1;display:inline-flex}.star-row i{color:var(--fg-4);font-style:normal}.star-row i.on{color:var(--gold)}.star-row.animate i.on{animation:.45s cubic-bezier(.2,1.9,.4,1) both star-pop}.profile-badge{color:var(--cream);text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:4px 0;display:inline-flex}.pb-level{background:var(--red);color:#fff;border-radius:50%;align-content:center;place-items:center;width:58px;height:58px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:grid;box-shadow:0 6px 18px #0006}.pb-level small{font:700 10px/1 var(--cond);letter-spacing:.22em;text-transform:uppercase;opacity:.85}.pb-level b{font:900 30px/.9 var(--head)}.profile-badge:hover .pb-level{transform:scale(1.08)rotate(-6deg)}.pb-text{gap:5px;min-width:190px;display:grid}.pb-text b{font:800 19px/1 var(--head);letter-spacing:.03em;text-transform:uppercase}.pb-text small{color:var(--fg-2);font:600 13px var(--cond);letter-spacing:.08em}.pb-text small em{color:var(--gold);font-style:normal}.pb-bar{background:var(--fg-4);height:3px;display:block;position:relative}.pb-bar i{background:var(--red);position:absolute;inset:0 auto 0 0}.sp-label.gap{margin-top:14px}.gig-verdict{flex:none;font-size:clamp(15px,2.2vh,22px);animation-delay:.5s;transform:rotate(-8deg)}.gig-card .mentor .bubble,.gig-report .mentor .bubble{font-size:15px}.sp-cols .span-2{grid-column:span 2}.gig-report .mentor{margin-top:10px}.guitar-status{border:1.5px dashed var(--rule-2);align-items:center;gap:12px;margin:6px 0 4px;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex}.guitar-status>i{background:var(--ok);border-radius:50%;flex:none;width:11px;height:11px}.guitar-status.off>i{background:var(--red)}.guitar-status span{flex:1}.guitar-check-intro{max-width:64ch;color:var(--fg-2)}.coach{left:50%;top:calc(118px * var(--ui,1));z-index:6;pointer-events:none;max-width:min(560px,80vw);animation:.35s cubic-bezier(.2,1.4,.4,1) both coach-in;position:absolute;transform:translate(-50%)}.coach .mags{filter:drop-shadow(0 6px 14px #0000008c)}.coach .mentor .bubble{font-weight:600;font-size:calc(16px * var(--ui,1));margin-top:6px;padding:10px 17px 11px;line-height:1.35;animation:none}.coach .mentor .balloon{filter:drop-shadow(0 12px 26px #00000080)}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.92)}}.hype-meter{left:calc(22px * var(--ui,1));z-index:5;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;top:34%}.hype-label{color:#f4f2ee;font-size:calc(12px * var(--ui,1));letter-spacing:.2em;writing-mode:vertical-rl;text-shadow:0 1px 6px #000c;transform:rotate(180deg)}.hype-track{width:calc(16px * var(--ui,1));background:#05040a8c;border:2px solid #ffffffb3;border-radius:3px;height:30vh;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000080}.hype-track>i{background:linear-gradient(#ffe28a,#34d15a);transition:height .25s ease-out;position:absolute;inset:auto 0 0}.hype-meter.mid .hype-track>i{background:linear-gradient(#ffd08a,#ff8a1a)}.hype-meter.low .hype-track>i{background:#ff3b4a}.hype-danger{background:repeating-linear-gradient(135deg,#ff3b4a59 0 5px,#0000 5px 10px);border-top:1px dashed #ff3b4acc;height:25%;position:absolute;inset:auto 0 0}.hype-meter.low.can-fail .hype-track{animation:.6s ease-in-out infinite alternate hype-alarm}@keyframes hype-alarm{to{border-color:#ff3b4a;box-shadow:0 0 0 3px #ff3b4a59,0 0 24px #ff3b4a99}}.gameplay.stage-mode .highway,.gameplay.stage-mode .hud,.gameplay.stage-mode .practice-hint{opacity:0;pointer-events:none}.pass-mark{opacity:.8;border:1px solid #ffffff59;border-radius:3px;margin-left:8px;padding:1px 6px;font-size:.85em;font-style:normal}.pass-mark.ok{color:#34d15a;opacity:1;border-color:#34d15a}@media (height<=760px){.gig-grid{gap:18px}.tech-bars{display:none}}@media (width<=900px){.gig-grid,.reward-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ach-toast,.ach-stamp.slam,.unlocked-item,.star-row.animate i.on,.coach,.mentor .bubble,.xp-lines li{animation:none!important}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.ach-toast{top:calc(var(--gut-t) + 12px);min-height:88px;padding:12px 52px 14px 42px}.ach-toast b{font-size:22px}.ach-toast span{font-size:13px}.coach{top:calc(var(--gut-t) + 96px);max-width:calc(100vw - var(--gut-l) - var(--gut-r))}.coach .mentor .bubble{padding:8px 14px 9px;font-size:14px}.hype-meter{left:var(--gut-l)}}.menu{overflow:hidden}.menu-brand{position:absolute;top:clamp(18px,5vh,54px);left:clamp(20px,5.2vw,90px)}.logo.slash{--slash:min(clamp(50px, 9.4vh, 104px), 12vw);padding:.2em .5em .22em .3em;left:-.35em}.logo-wave{width:5.52em;height:1.28em;font-size:1.16em;display:block}.tagline{color:var(--fg-2);font:500 clamp(15px, 2vh, 20px) var(--body);letter-spacing:.02em;margin:1.4vh 0 0 .2em;animation:.6s cubic-bezier(.2,.9,.2,1) .5s backwards menu-pop}.menu-items{flex-direction:column;align-items:flex-start;gap:.2vh;display:flex;position:absolute;top:32vh;left:clamp(20px,5.2vw,90px)}.menu-item{width:max-content;color:var(--cream);font:800 clamp(26px, 5.1vh, 52px) / 1 var(--head);letter-spacing:.01em;text-transform:uppercase;text-align:left;animation:.55s cubic-bezier(.2,.9,.2,1) backwards menu-pop;animation-delay:calc(.3s + var(--i,0) * 55ms);background:0 0;border:none;align-items:center;gap:.7em;padding:0;transition:color .15s,opacity .2s;display:flex;position:relative}.menu-label{isolation:isolate;padding:.06em .28em .1em .2em;position:relative}.menu-label:before{content:"";z-index:-1;background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;transition:transform .22s cubic-bezier(.6,0,.2,1);position:absolute;inset:.02em -.35em -.04em -.3em;transform:scaleX(0)}.menu-item:nth-child(2n) .menu-label:before{background-image:var(--bar-red-2)}.menu-item.active{color:#fff}.menu-item.active .menu-label:before{transform:scaleX(1)}.menu-item:focus-visible{outline:none}.menu-item.lead{margin-bottom:1.2vh;font-size:clamp(38px,8.2vh,84px);font-weight:900}.menu-items.many .menu-item{font-size:clamp(24px,4.6vh,48px)}.menu-items.many .menu-item.lead{font-size:clamp(36px,7.4vh,76px)}.menu-hint{max-width:34ch;font:500 clamp(14px, 1.9vh, 18px) / 1.25 var(--body);letter-spacing:0;text-transform:none;color:var(--fg-2);opacity:0;transition:opacity .15s,transform .2s;transform:translate(-8px)}.menu-item.active .menu-hint{opacity:1;transform:none}.menu-items:has(.menu-item:hover) .menu-item:not(:hover){opacity:.45}.menu-profile{z-index:2;animation:.6s cubic-bezier(.2,.9,.2,1) .6s backwards menu-pop;position:absolute;top:clamp(18px,4.4vh,48px);right:clamp(20px,4.2vw,72px)}.menu-stage{justify-items:end;gap:10px;animation:.6s cubic-bezier(.2,.9,.2,1) .7s backwards menu-pop;display:grid;position:absolute;bottom:clamp(56px,9vh,96px);right:clamp(20px,4.2vw,72px)}.venue-switch{align-items:center;gap:16px;display:flex}.venue-name{text-align:right;justify-items:end;min-width:min(26vw,360px);display:grid}.venue-name b{font:800 clamp(26px, 4vh, 40px) / 1 var(--head);letter-spacing:.02em;text-transform:uppercase}.venue-name small{max-width:40ch;color:var(--fg-2);font:500 14px/1.3 var(--body);margin-top:6px}.venue-switch .icon-btn{font-size:26px}.menu-footer{color:var(--fg-3);font:600 14px var(--cond);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:clamp(14px,3vh,30px);left:clamp(20px,5.2vw,90px);right:clamp(20px,4.2vw,72px)}.menu-footer i{margin:0 6px;font-style:normal}@media (width<=900px){.menu-hint{display:none}.menu-stage{justify-items:start;left:clamp(20px,5.2vw,90px)}.venue-name{text-align:left;justify-items:start;min-width:0}.menu-footer span:last-child{display:none}}@media (height<=620px){.menu-stage{display:none}}@media (prefers-reduced-motion:reduce){.tagline,.menu-item,.menu-profile,.menu-stage{animation:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.menu-footer,.menu-hint{display:none}.menu-profile{top:calc(var(--gut-t) + 12px);right:var(--gut-r)}.menu-stage .venue-switch .icon-btn{width:44px;height:44px}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.menu{padding:calc(var(--gut-t) + 14px) var(--gut-r) calc(var(--gut-b) + 12px) var(--gut-l)}.menu .veil{background:linear-gradient(#0b090799 0%,#0b090733 26% 62%,#0b0907d1 100%),linear-gradient(98deg,#0b0907e6 0%,#0b0907b8 60%,#0b090780 100%)}.menu-brand,.menu-items,.menu-stage{position:relative;inset:auto}.logo.slash{--slash:min(40px, 10.2vw)}.tagline{margin-top:6px;font-size:15px}.menu-profile .pb-text{display:none}.menu-profile .pb-level{width:48px;height:48px}.menu-profile .pb-level b{font-size:25px}.menu-items{flex:1;justify-content:center;gap:0;min-height:0;padding:12px 0}.menu-item,.menu-items.many .menu-item{font-size:min(36px,5.2vh)}.menu-item.lead,.menu-items.many .menu-item.lead{margin-bottom:.6vh;font-size:min(58px,8.2vh)}.menu-stage{justify-items:center;gap:6px}.menu-stage .eyebrow{display:none}.venue-switch{justify-content:space-between;width:100%}.venue-name{text-align:center;justify-items:center;min-width:0}.venue-name b{font-size:30px}.venue-name small{margin-top:4px;font-size:13px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.menu-brand{left:var(--gut-l);top:calc(var(--gut-t) + 10px)}.logo.slash{--slash:30px}.tagline{display:none}.menu-items,.menu-items.many{left:var(--gut-l);top:calc(var(--gut-t) + 76px);gap:0}.menu-item,.menu-items.many .menu-item{font-size:min(27px,7vh)}.menu-item.lead,.menu-items.many .menu-item.lead{margin-bottom:4px;font-size:min(40px,10.6vh)}.menu-stage{left:auto;right:var(--gut-r);bottom:calc(var(--gut-b) + 12px);justify-items:end;gap:6px;display:grid}.venue-name{text-align:right;justify-items:end;min-width:0}.venue-name b{font-size:28px}.venue-name small{max-width:30ch;margin-top:3px;font-size:13px}}@media (pointer:coarse) and (width>=601px) and (width<=1024px) and (orientation:portrait){.logo.slash{--slash:min(80px, 8.4vw)}}.cover{aspect-ratio:1;background:var(--cv-bg);color:var(--cv-fg);flex:none;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000059}.cover svg{width:100%;height:100%;display:block;position:absolute;inset:0}.cover:after{content:"";background:var(--grain-fine);opacity:.55;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.cover.sm{width:44px}.cover.md,.cover.lg{width:100%}.cover-type{z-index:1;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--cv-bg) 88%, transparent) 42%);gap:3px;padding:26% 9% 8%;display:grid;position:absolute;bottom:0;left:0;right:0}.cover-type b{-webkit-line-clamp:3;font:900 1em / .92 var(--head);letter-spacing:.005em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cover-type small{color:var(--cv-ac);font:700 .34em / 1.1 var(--cond);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cover.md .cover-type{font-size:clamp(15px,1.35vw,22px)}.cover.lg .cover-type{font-size:clamp(22px,2.2vw,34px)}.get-songs{gap:4px;display:grid}.get-songs h2{margin-bottom:6px}.gs-tabs{margin-bottom:18px}.gs-body{gap:18px;display:grid}.gs-intro,.find-foot p{max-width:64ch;color:var(--fg-2);font:400 16px / 1.5 var(--body);margin:0}.gs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.free-list,.site-list,.find-steps{margin:0;padding:0;list-style:none;display:grid}.free-list,.site-list{border-top:1.5px solid var(--fg)}.free-row,.site-row{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px 22px;padding:16px 4px;display:grid}.site-row{grid-template-columns:minmax(0,1fr) auto}.free-row .cover.sm{width:56px}.free-text{gap:2px;min-width:0;display:grid}.free-text b{font:800 22px / 1.05 var(--head);letter-spacing:.02em;text-transform:uppercase}.free-text span{color:var(--fg-2);font:600 14px var(--cond);letter-spacing:.1em;text-transform:uppercase}.free-text small{max-width:70ch;color:var(--fg-2);font:400 14px / 1.45 var(--body);margin-top:4px}.free-tags{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.08em;text-align:right;white-space:nowrap;justify-items:end;gap:4px;display:grid}.free-tags .level{color:var(--fg);font:800 16px var(--head);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.free-tags .level i{background:linear-gradient(90deg, var(--lv,var(--fg)) var(--lvw,33%), var(--fg-4) 0) 0 0 / 100% 100%;width:26px;height:6px;display:inline-block}.free-tags .level.beginner{--lvw:33%}.free-tags .level.intermediate{--lvw:66%}.free-tags .level.advanced{--lvw:100%;--lv:var(--hot)}.free-row .btn,.site-row .btn{min-width:118px}.free-row .btn.owned{color:var(--fg-3)}.free-row .btn.owned:hover{color:var(--fg)}.find-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.find-steps li{color:var(--fg-2);font:400 15px / 1.45 var(--body);counter-increment:step;align-content:start;gap:8px;display:grid}.find-steps li:before{content:counter(step);color:var(--hot);font:900 44px / .9 var(--head)}.find-steps b{color:var(--fg)}.find-search{gap:4px;max-width:520px;display:grid}.find-search .sp-label{margin:0}.find-input{width:100%}.site-row .free-text b{font-size:21px}.find-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding-top:6px;display:flex}.find-foot p{color:var(--fg-3);flex:360px;font-size:13px}@media (width<=760px){.free-row{grid-template-columns:auto minmax(0,1fr)}.free-tags{text-align:left;grid-column:2;justify-items:start}.free-row .btn{grid-column:2;justify-self:start}.find-steps{grid-template-columns:1fr}}.library .sp-body{grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.8vh,18px);padding:0 clamp(20px,4vw,64px);display:grid}.lib-filters{align-items:flex-end;gap:12px clamp(18px,2vw,32px);min-width:0;display:flex}.lib-search{border-bottom:1.5px solid var(--rule-2);flex:0 400px;align-items:center;gap:10px;min-width:250px;height:44px;transition:border-color .15s;display:flex}.lib-search:focus-within{border-bottom-color:var(--hot)}.lib-search svg{fill:none;width:19px;height:19px;stroke:var(--fg-2);stroke-width:2px;stroke-linecap:round;flex:none}.lib-search input[type=search]{min-width:0;height:42px;font:500 17px var(--body);background:0 0;border:0;flex:1}.lib-search input[type=search]:focus{border:0}.lib-scope{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--fg-3) 50%) calc(100% - 9px) 52% / 5px 5px no-repeat, linear-gradient(135deg, var(--fg-3) 50%, transparent 50%) calc(100% - 4px) 52% / 5px 5px no-repeat;height:30px;color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;flex:none;padding:0 20px 0 8px}.lib-scope:hover{color:var(--fg)}.lib-genres{scrollbar-width:none;flex-wrap:nowrap;flex:auto;min-width:0;padding-right:40px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.lib-genres::-webkit-scrollbar{display:none}.lib-tools{flex:none;align-items:flex-end;gap:18px;display:flex}.lib-sort{align-items:center;gap:10px;display:flex}.lib-sort span{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.2em;text-transform:uppercase}.lib-sort .select{height:40px;font-size:15px}.lib-view{gap:2px;display:flex}.lib-view button{width:38px;height:40px;color:var(--fg-3);background:0 0;border:0;place-items:center;padding:0;transition:color .15s;display:grid;position:relative}.lib-view svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.lib-view button:hover{color:var(--fg-2)}.lib-view button.on{color:var(--fg)}.lib-view button.on:after{content:"";background:var(--bar-red) 0 0 / 100% 100% no-repeat;height:6px;position:absolute;bottom:0;left:7px;right:7px}.lib-body{grid-template-columns:minmax(0,1fr) clamp(340px,29vw,460px);gap:clamp(20px,3vw,48px);min-height:0;display:grid}.lib-body.solo{grid-template-columns:minmax(0,1fr)}.lib-browse{scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;min-height:0;padding-bottom:36px;position:relative;overflow-y:auto}.lib-head,.lib-row{grid-template-columns:30px 44px minmax(0,2.6fr) minmax(0,1fr) minmax(0,.9fr) 50px 80px 84px;align-items:center;column-gap:14px;display:grid}.lib-head{z-index:2;border-bottom:1px solid var(--rule-2);height:38px;color:var(--fg-3);font:600 12px var(--cond);letter-spacing:.2em;text-transform:uppercase;background:#0c0a08f5;padding:0 14px 0 12px;position:sticky;top:0}.lib-head .lr-n{grid-column:1}.lib-head .lr-name{grid-column:2/4;gap:22px;display:flex}.lib-head>span{color:inherit;font:inherit;letter-spacing:inherit}.lib-head .lr-len,.lib-head .lr-best{justify-self:end}.sort-head{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;transition:color .15s;display:inline-flex}.sort-head:hover{color:var(--fg-2)}.sort-head.on{color:var(--fg)}.sort-head i{color:var(--hot);font-size:9px;font-style:normal}.lib-list{margin:0;padding:0;list-style:none}.lib-row{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:62px;color:var(--fg);text-align:left;background:0 0;padding:8px 14px 8px 12px;transition:background .12s;position:relative}.lib-row:hover{background:var(--well)}.lib-row.selected{box-shadow:inset 3px 0 0 var(--red);background:linear-gradient(90deg,#e0392b4d,#e0392b14 55%,#e0392b00)}.lib-row:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.lr-n{color:var(--fg-3);font:700 15px var(--head);font-variant-numeric:tabular-nums;text-align:right}.lib-row.selected .lr-n{color:var(--hot)}.lib-row .cover.sm{width:44px}.lr-name{gap:3px;min-width:0;display:grid}.lr-name b{font:600 17px var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lib-row.selected .lr-name b{color:#fff}.lr-name small{min-width:0;color:var(--fg-2);font:400 14px var(--body);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.lr-tag{border:1px solid var(--rule-2);color:var(--fg-2);font:700 10px var(--cond);letter-spacing:.16em;text-transform:uppercase;flex:none;padding:1px 6px;font-style:normal}.lr-genre,.lr-tuning{color:var(--fg-2);font:500 15px var(--cond);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lr-tuning.alt{color:var(--gold)}.lr-len{color:var(--fg-2);font:700 16px var(--head);font-variant-numeric:tabular-nums;text-align:right}.lr-parts{gap:4px;display:flex}.part{border:1.5px solid var(--rule-2);width:22px;height:22px;color:var(--fg-2);font:700 12px var(--cond);flex:none;place-items:center;display:inline-grid}.part.combo{border-color:var(--fg-2);color:var(--fg)}.part.bass{border-color:color-mix(in srgb, var(--gold) 70%, transparent);color:var(--gold)}.part.big{width:36px;height:36px;font:800 17px var(--head)}.lr-best{justify-items:end;gap:5px;display:grid}.lr-best b{font:800 18px/1 var(--head);font-variant-numeric:tabular-nums}.lr-best i{background:linear-gradient(90deg, var(--cream) calc(var(--v) * 100%), var(--fg-4) 0);width:100%;height:3px}.lr-best em{color:var(--fg-4);font-style:normal}.lib-group{color:var(--fg);font:800 20px var(--head);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;padding:24px 12px 8px;display:flex}.lib-group:before{content:"";background:var(--red);width:26px;height:3px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,10.5vw,190px),1fr));gap:28px 20px;margin:0;padding:8px 6px 0;list-style:none;display:grid}.lib-card{width:100%;color:var(--fg);text-align:left;background:0 0;border:0;gap:10px;padding:0;display:grid;position:relative}.lib-card .cover{transition:transform .2s cubic-bezier(.2,.9,.3,1.2),box-shadow .2s}.lib-card:hover .cover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 16px 30px #0000008c}.lib-card.selected .cover{outline:3px solid var(--cream);outline-offset:4px}.lib-card:focus-visible{outline:none}.lib-card:focus-visible .cover{outline:3px solid var(--hot);outline-offset:4px}.lc-text{gap:2px;min-width:0;display:grid}.lc-text b{-webkit-line-clamp:2;font:600 15px / 1.25 var(--body);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lc-text small{color:var(--fg-2);font:400 13px var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lib-card.selected .lc-text b{color:#fff}.lc-best{z-index:2;color:var(--cream);font:800 15px var(--head);background:#0b0907d6;padding:3px 7px 2px;position:absolute;top:8px;right:8px}.lc-tag{z-index:2;background:var(--red);color:#fff;font:700 10px var(--cond);letter-spacing:.16em;text-transform:uppercase;padding:2px 7px;font-style:normal;position:absolute;top:8px;left:8px}.lib-detail{border:1px solid var(--rule);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f2ead80d,#f2ead804 45%,#0b090740),#0b090766;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin-bottom:clamp(16px,3vh,32px);animation:.35s cubic-bezier(.2,.9,.2,1) both ld-in;display:grid;position:relative}@keyframes ld-in{0%{opacity:0;transform:translate(18px)}}.ld-scroll{scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;align-content:start;gap:18px;min-height:0;padding:22px 24px 26px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000);mask-image:linear-gradient(#000 calc(100% - 26px),#0000)}.ld-hero{grid-template-columns:clamp(130px,10.5vw,176px) minmax(0,1fr);align-items:end;gap:20px;display:grid}.ld-head{gap:8px;min-width:0;display:grid}.ld-title{font:900 clamp(28px, 2.5vw, 42px) / .94 var(--head);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;margin:0}.ld-artist{color:var(--fg-2);font:600 16px var(--cond);letter-spacing:.1em;text-align:left;text-transform:uppercase;background:0 0;border:0;justify-self:start;padding:0;transition:color .15s}.ld-artist i{opacity:0;font-style:normal;transition:opacity .15s,transform .15s;display:inline-block}.ld-artist:hover{color:var(--fg)}.ld-artist:hover i{opacity:1;transform:translate(3px)}.ld-stats{border-block:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 0;display:grid}.ld-stats .sp-stat b{font-size:clamp(24px,3.2vh,32px)}.ld-stats .sp-stat b.none{color:var(--fg-4)}.ld-stats .sp-stat span{letter-spacing:.2em;font-size:12px}.lib-detail>.ld-scroll>.sp-label{margin:0 0 -8px}.ld-arrs{gap:2px;display:grid}.ld-arr{color:var(--fg);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;transition:background .12s;display:grid}.ld-arr:hover{background:var(--well)}.ld-arr.on{box-shadow:inset 3px 0 0 var(--red);background:linear-gradient(90deg,#e0392b42,#e0392b0a)}.ld-arr.on .part{border-color:var(--red);background:var(--red);color:#fff}.ld-arr-text{gap:2px;min-width:0;display:grid}.ld-arr-text b{font:800 19px var(--head);letter-spacing:.03em;text-transform:uppercase}.ld-arr-text small{color:var(--fg-2);font:400 13px var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ld-arr-stat{justify-items:end;display:grid}.ld-arr-stat b{font:800 19px var(--head);font-variant-numeric:tabular-nums}.ld-arr-stat small{color:var(--fg-3);font:600 11px var(--cond);letter-spacing:.16em;text-transform:uppercase}.ld-parts-toggle{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;justify-self:start;margin-top:4px;padding:6px 12px;transition:color .15s}.ld-parts-toggle:hover{color:var(--fg)}.ld-meta{gap:10px;display:grid}.genre-picker{align-items:center;gap:16px;display:flex}.genre-picker .sp-label{min-width:74px;margin:0}.genre-picker .select{flex:1;max-width:none}.genre-picker small{color:var(--fg-3);font:600 11px var(--cond);letter-spacing:.14em;text-transform:uppercase}.ld-credits summary{cursor:pointer;align-items:center;gap:10px;padding:6px 0;list-style:none;display:flex}.ld-credits summary::-webkit-details-marker{display:none}.ld-credits summary .sp-label{margin:0}.ld-credits summary:after{content:"+";color:var(--fg-3);font:600 18px/1 var(--cond)}.ld-credits[open] summary:after{content:"−"}.credits{gap:6px;margin:6px 0 0;display:grid}.credits div{grid-template-columns:84px minmax(0,1fr);gap:12px;display:grid}.credits dt{color:var(--fg-3);font:600 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;padding-top:2px}.credits dd{color:var(--fg-2);font:400 14px / 1.4 var(--body);text-overflow:ellipsis;margin:0;overflow:hidden}.ld-rail{border-top:1px solid var(--rule);align-items:center;gap:12px 22px;padding:16px 24px 20px;display:flex}.ld-rail .btn.primary{flex:1;max-width:280px}.ld-rail .btn.danger{margin-left:auto}.ld-confirm{align-items:center;gap:16px;margin-left:auto;display:flex}.ld-confirm .btn.danger{color:var(--hot);margin-left:0}.lib-empty{align-content:center;justify-items:start;gap:18px;min-height:70%;padding:40px 12px;display:grid}.lib-empty-big{font:900 clamp(48px, 9vh, 104px) / .88 var(--head);letter-spacing:.005em;text-transform:uppercase;margin:0}.lib-empty-actions{flex-wrap:wrap;align-items:center;gap:16px 26px;display:flex}.drop-overlay{z-index:30;pointer-events:none;background:#0b0907e0;place-content:center;justify-items:center;gap:22px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}.drop-overlay:before{content:"";border:2px dashed #f2ead866;position:absolute;inset:22px}.drop-overlay .slash{--slash:clamp(56px, 10vh, 112px)}.drop-overlay p{color:var(--fg-2);font:600 15px var(--cond);letter-spacing:.2em;text-transform:uppercase;white-space:pre;margin:0}.import-progress{z-index:31;background:var(--paper) var(--grain);gap:2px;min-width:300px;max-width:min(520px,90vw);padding:12px 22px 16px;animation:.3s cubic-bezier(.2,.9,.2,1) both toast-in;display:grid;position:fixed;top:22px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-.6deg);box-shadow:0 16px 36px #00000073}.import-progress b{font:800 18px var(--head);letter-spacing:.04em;text-transform:uppercase}.import-progress span{color:var(--fg-2);font:400 13px var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.import-bar{width:var(--p);background:var(--red-ink);height:4px;transition:width .2s;position:absolute;bottom:0;left:0}@media (width<=1360px){.lib-head,.lib-row{grid-template-columns:30px 44px minmax(0,2.4fr) minmax(0,1fr) 50px 80px 76px}.lr-tuning{display:none}}@media (width<=1180px){.lib-filters{flex-wrap:wrap}.lib-search{flex:100%}.lib-genres{flex-basis:100%;order:3}.lib-head,.lib-row{grid-template-columns:30px 44px minmax(0,1fr) 50px 76px}.lr-genre,.lr-parts{display:none}}@media (width<=1000px){.library .sp-body{padding-bottom:120px;display:block;overflow-y:auto}.lib-filters{margin-bottom:14px}.lib-body{grid-template-columns:1fr}.lib-browse,.ld-scroll{overflow:visible}.lib-detail{margin:12px 0 0}.ld-rail{z-index:5;padding:20px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--night) 22px);border:0;position:fixed;bottom:0;left:0;right:0}.lib-head,.lib-row{grid-template-columns:26px 44px minmax(0,1fr) 70px}.lr-len{display:none}}@media (height<=800px){.ld-hero{grid-template-columns:112px minmax(0,1fr)}.ld-scroll{gap:14px;padding-top:18px}.ld-stats{padding:10px 0}}@media (width<=560px){.ld-hero{grid-template-columns:120px minmax(0,1fr)}.ld-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lib-tools{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.lib-detail,.import-progress{animation:none}.lib-card:hover .cover{transform:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.library .sp-body{padding:0 var(--gut-r) 0 var(--gut-l);flex-direction:column;gap:8px;display:flex;overflow:hidden}.lib-filters{flex-wrap:wrap;flex:none;gap:4px 14px;margin:0}.lib-search{flex:100%;min-width:0;height:42px}.lib-search input[type=search]{font-size:16px}.lib-scope{letter-spacing:.06em;text-overflow:ellipsis;max-width:44%;font-size:16px}.lib-genres{flex-basis:100%;order:3}.lib-tools{justify-content:space-between;width:100%}.lib-sort .select{height:38px;font-size:16px}.lib-body,.lib-body.solo{flex:1;min-height:0;display:block}.lib-browse{overscroll-behavior:contain;height:100%;padding-bottom:calc(var(--gut-b) + 24px);overflow-y:auto}.lib-head{display:none}.lib-head,.lib-row{grid-template-columns:22px 44px minmax(0,1fr) 56px;column-gap:12px}.lib-row{min-height:60px;padding:6px 4px 6px 0}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px 14px;padding:6px 2px 0}.lib-detail{display:none}.lib-body.sheet .lib-detail{z-index:30;padding-top:var(--gut-t);background:linear-gradient(#f2ead80d,#0b090700 40%),#0b0907ed;border:0;grid-template-rows:auto minmax(0,1fr) auto;margin:0;animation:.3s cubic-bezier(.2,.9,.2,1) both ld-sheet-in;display:grid;position:fixed;inset:0}@keyframes ld-sheet-in{0%{opacity:0;transform:translateY(24px)}}.ld-close{margin:6px var(--gut-r) 0 var(--gut-l);justify-self:start}.lib-body.sheet .ld-scroll{overscroll-behavior:contain;padding:8px var(--gut-r) 22px var(--gut-l);gap:16px;overflow-y:auto}.lib-body.sheet .ld-rail{padding:12px var(--gut-r) calc(var(--gut-b) + 14px) var(--gut-l);border-top:1px solid var(--rule);background:0 0;position:static}.ld-rail .btn.primary{max-width:none}.ld-title{font-size:34px}.ld-arr{padding:10px 8px}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.ld-hero{grid-template-columns:116px minmax(0,1fr);gap:16px}.ld-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0}.ld-stats .sp-stat b{font-size:26px}.ld-stats .sp-stat span{letter-spacing:.14em;font-size:11px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.lib-filters{flex-wrap:wrap}.lib-search{flex:1 1 0}.lib-tools{width:auto}.lib-genres{order:3}.lib-genres .chip{height:34px}.ld-hero{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px}.ld-title{font-size:30px}.ld-stats{padding:8px 0}.lib-body.sheet .ld-scroll{gap:12px}.lib-body.sheet .ld-rail{padding-top:8px;padding-bottom:calc(var(--gut-b) + 8px)}.lib-body.sheet .ld-rail .btn.primary{max-width:340px;min-height:48px;font-size:21px}.ld-hero{grid-template-columns:60px minmax(0,1fr)}.ld-hero .eyebrow{display:none}.ld-stats .sp-stat b{font-size:21px}}.tuner{gap:14px;min-width:0;display:grid;container:tuner/inline-size}.paper .tuner{--ok:#2e8b3e}.tuner-error{margin:0}.tuner-body{gap:22px clamp(20px,3vw,44px);min-width:0;display:grid}.tuner-main{gap:14px;min-width:0;display:grid}.tuner-gauge{gap:6px;display:grid;position:relative}.tuner-gauge:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 50% at 50% 62%, var(--glow,#f2ead80f), transparent);pointer-events:none;transition:background .3s;position:absolute;inset:-4% -6% -10%}.tuner.in-tune .tuner-gauge:before{--glow:#58c46c33}.paper .tuner-gauge:before{--glow:#15110d0d}.paper .tuner.in-tune .tuner-gauge:before{--glow:#2e8b3e29}.tuner-face{width:100%;height:auto;max-height:var(--face-max,none);display:block;overflow:visible}.tuner-face .tk{stroke:var(--fg-3);stroke-width:1.1px}.tuner-face .tk.mid{stroke:var(--fg-2);stroke-width:1.8px}.tuner-face .tk.major{stroke:var(--fg);stroke-width:2.4px}.tuner-face .tk.zero{stroke:var(--ok);stroke-width:4px}.tuner-face .tl{fill:var(--fg-2);font:700 18px var(--head);letter-spacing:.02em}.tuner-face .tl.zero{fill:var(--ok);font-size:22px}.tuner-face .tl.side{fill:var(--fg-3);font:600 14px var(--cond);letter-spacing:.22em;text-transform:uppercase}.tuner-rim{fill:none;stroke:var(--rule-2);stroke-width:1.2px}.tuner-zone{fill:none;stroke:var(--ok);stroke-width:14px;opacity:.22;transition:opacity .2s,filter .2s}.tuner.in-tune .tuner-zone{opacity:1;filter:drop-shadow(0 0 10px var(--ok))}.tuner-flat,.tuner-sharp{fill:none;stroke:var(--hot);stroke-width:3px;opacity:.3}.tuner-needle path{fill:var(--hot);transition:fill .2s}.tuner-needle circle{fill:var(--fg)}.tuner-needle{filter:drop-shadow(0 0 7px #e0392b8c);transition:opacity .3s}.paper .tuner-needle{filter:drop-shadow(0 2px 2px #3c280a4d)}.tuner.idle .tuner-needle{opacity:.3}.tuner.in-tune .tuner-needle path{fill:var(--ok)}.tuner.in-tune .tuner-needle{filter:drop-shadow(0 0 8px #58c46c99)}.tuner-note{fill:var(--fg);font:900 156px var(--head);letter-spacing:-.01em;transition:fill .2s}.tuner-note .acc{font-size:66px}.tuner-note .oct{fill:var(--fg-3);font-size:54px}.tuner-note .none{fill:var(--fg-4)}.tuner.in-tune .tuner-note{fill:var(--ok)}.tuner.in-tune .tuner-note .oct{fill:var(--ok);opacity:.7}.tuner-read{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.tuner-num{align-items:baseline;gap:8px;min-width:0;display:flex}.tuner-num:last-child{justify-content:flex-end}.tuner-num b{font:800 clamp(24px, 4.2cqi, 40px) / 1 var(--head);font-variant-numeric:tabular-nums;letter-spacing:.01em}.tuner-num small{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.2em;text-transform:uppercase}.tuner-dir{border:1.5px solid var(--rule-2);min-height:38px;color:var(--fg-2);font:700 15px var(--cond);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.tuner-dir i{letter-spacing:0;font-size:19px;font-style:normal}.tuner-dir.off{border-color:var(--hot);color:var(--fg)}.tuner-dir.ok{border-color:var(--ok);background:var(--ok);color:#fff}.tuner-strobe{--p1:0px;--p2:0px;background:var(--well);grid-template-rows:1fr 1fr;gap:3px;height:34px;padding:4px 0;transition:opacity .3s;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.tuner-strobe i{background:repeating-linear-gradient(90deg, var(--stripe,var(--fg)) 0 5px, transparent 5px 16px);background-position-x:var(--p1);opacity:.6}.tuner-strobe i+i{background:repeating-linear-gradient(90deg, var(--stripe,var(--fg)) 0 10px, transparent 10px 32px);background-position-x:var(--p2);opacity:.34}.tuner.idle .tuner-strobe{opacity:.35}.tuner.in-tune .tuner-strobe{--stripe:var(--ok)}.tuner.in-tune .tuner-strobe i{opacity:.95}.tuner.in-tune .tuner-strobe i+i{opacity:.6}.tuner-strings{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.tuner-string{border:0;border-bottom:3px solid color-mix(in srgb, var(--c) 60%, transparent);color:var(--fg-2);background:0 0;justify-items:center;gap:3px;padding:12px 0 10px;transition:background .15s,color .15s;display:grid;position:relative}.tuner-string b{font:800 clamp(24px, 4.4cqi, 38px) / 1 var(--head);color:var(--fg)}.tuner-string b sup{font-size:.5em}.tuner-string small{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.12em}.tuner-string em{color:var(--fg-3);font:700 11px var(--cond);letter-spacing:.12em;text-transform:uppercase;font-style:normal;position:absolute;top:5px;right:7px}.tuner-string:hover{background:var(--well)}.tuner-string.on{border-bottom-color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent)}.tuner-string.ok{border-bottom-color:var(--ok);background:color-mix(in srgb, var(--ok) 20%, transparent)}.tuner-string.locked{box-shadow:inset 0 0 0 1.5px var(--fg-2)}.tuner-string.locked em{color:var(--fg)}.tuner-string.tuned em{color:var(--ok);font-size:15px}.tuner-chromatic-note{border-top:1px solid var(--rule);color:var(--fg-3);font:600 14px var(--cond);letter-spacing:.16em;text-align:center;text-transform:uppercase;margin:0;padding:16px 0}.tuner-side{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-content:start;gap:16px 20px;min-width:0;display:grid}.tuner-field{align-content:start;gap:6px;min-width:0;display:grid}.tuner-field .sp-label,.tuner-panel .sp-label{margin:0}.tuner-field .select{width:100%}.tuner-fixed{font:800 24px / 1.2 var(--head);letter-spacing:.02em;text-transform:uppercase}.tuner-panel{gap:8px;min-width:0;display:grid}.tuner-panel .sp-label{justify-content:space-between;gap:10px;display:flex}.tuner-panel .sp-label span{letter-spacing:.14em;align-items:center;gap:6px;display:inline-flex}.tuner-panel .sp-label span i{background:var(--fg);width:2px;height:12px}.tuner-trace{border-block:1px solid var(--rule);width:100%;height:78px;display:block}.tuner-level{height:12px;margin:4px 0;position:relative}.tuner-level:before,.tuner-level i{content:"";position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask-image:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}.tuner-level:before{background:var(--fg-4)}.tuner-level i{background:linear-gradient(90deg, var(--ok) 0%, var(--ok) 64%, var(--gold) 84%, var(--hot) 96%);clip-path:inset(0 100% 0 0)}.tuner-level b{background:var(--fg);width:2px;margin-left:-1px;position:absolute;top:-5px;bottom:-5px}.tuner-ref{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding-top:14px;display:flex}.tuner-ref>span{color:var(--fg-3);font:600 14px var(--cond);letter-spacing:.14em;text-transform:uppercase}.tuner-ref>span b{color:var(--fg);font:800 19px var(--head);letter-spacing:.03em}.tuner-ref .btn{min-height:38px;font-size:14px}.tuner-hint{color:var(--fg-3);font:400 14px / 1.45 var(--body);margin:0}.tuner-panel,.tuner-ref,.tuner-hint{grid-column:1/-1}@container tuner (width>=860px){.tuner-body{grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);align-items:start}.tuner-side{grid-template-columns:minmax(0,1fr);padding-top:10px}}@container tuner (width<=520px){.tuner-read{grid-template-columns:1fr 1fr}.tuner-dir{grid-area:2/1/auto/-1;justify-self:center}.tuner-string em{display:none}}.tuner-screen .sp-body{align-content:safe center;padding:clamp(8px,2vh,24px) clamp(20px,4vw,64px) clamp(20px,4vh,48px);display:grid;overflow-y:auto}.tuner-screen .tuner{--face-max:46vh;width:min(1320px,100%);margin:0 auto}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.tuner-screen .sp-body{overscroll-behavior:contain;padding:4px var(--gut-r) calc(var(--gut-b) + 24px) var(--gut-l);align-content:start}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.tuner-screen .tuner{--face-max:52vh}.tuner-screen .tuner-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.tuner-screen .tuner-side{grid-template-columns:minmax(0,1fr);padding-top:0}.tuner-screen .tuner-strobe{display:none}}.note-guide{gap:16px;display:grid}.guide-tabs{z-index:2;background:linear-gradient(#0b0907f5 72%,#0b090700);padding:4px 0 6px;position:sticky;top:0}.guide-hint{color:var(--fg-3);font:400 14px var(--body);margin:0}.string-legend{border-block:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 0;display:flex}.string-legend .eyebrow{margin-right:6px}.string-chip{font:800 19px var(--head);align-items:center;gap:8px;display:inline-flex}.string-chip i{background:var(--c);width:26px;height:5px;box-shadow:0 0 10px var(--c)}.string-chip small{color:var(--fg-3);font:500 12px var(--cond);letter-spacing:.1em;text-transform:uppercase}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:26px 22px;display:grid}.guide-card{grid-template-rows:auto 1fr;gap:12px;animation:.4s cubic-bezier(.2,.9,.2,1) both menu-pop;display:grid}.guide-picture{aspect-ratio:4/3;box-shadow:0 0 0 1px var(--rule), 0 14px 30px #00000073;background:#07070b;position:relative;overflow:hidden}.guide-picture canvas{opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.guide-picture.drawn canvas{opacity:1}.guide-text{align-content:start;gap:8px;display:grid}.guide-text h3{font:800 22px / 1.1 var(--head);letter-spacing:.02em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.guide-marker{border:1.5px solid var(--rule-2);color:var(--fg-2);font:700 13px var(--display);letter-spacing:.02em;text-transform:none;padding:2px 8px}.guide-text p{font:400 15px / 1.5 var(--body);margin:0}.guide-meaning{color:var(--fg-2)}.guide-howto{border-left:3px solid var(--red);color:var(--fg);padding:2px 0 2px 14px}.guide-howto b{color:var(--hot);font:700 12px var(--cond);letter-spacing:.2em;text-transform:uppercase;margin-bottom:3px;display:block}.help .guide-tabs{margin-inline:calc(-1*clamp(20px,4vw,64px));padding-inline:clamp(20px,4vw,64px)}.paper .guide-tabs{background:0 0;position:static}.lesson-overlay{z-index:30}.lesson-card{gap:clamp(8px,1.4vh,14px)}.lesson-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-x{position:static}.lesson-title{font:900 clamp(30px, 4.6vh, 48px) / .95 var(--head);letter-spacing:.01em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 12px;display:flex}.lesson-chip{background:var(--red);color:#fff;min-width:44px;height:40px;font:700 21px var(--display);place-items:center;padding:0 10px;display:inline-grid;transform:rotate(-4deg)}.lesson-body{min-height:0;margin-top:clamp(6px,1.6vh,18px);animation:.35s cubic-bezier(.2,.9,.2,1) both lesson-in}@keyframes lesson-in{0%{opacity:0;transform:translateY(26px)rotate(-1.2deg)}}.lesson-body.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.lesson-body.explain{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(22px,3vw,48px);display:grid}.explain-text{align-content:start;gap:14px;display:grid}.explain-text .lesson-title{margin:0}.lesson-meaning{max-width:52ch;color:var(--fg);font:400 18px / 1.5 var(--body);margin:0}.lesson-tip{font:600 18px / 1.45 var(--body);margin:0}.lesson-tip.muted{color:var(--fg-2);font-weight:400}.guide-movie{aspect-ratio:16/10;width:100%;max-height:52vh;box-shadow:0 0 0 1px var(--rule-2), 0 22px 50px #0000008c;background:#07070b;position:relative;overflow:hidden}.guide-movie.paper{background:#e6dcc6}.guide-movie canvas{width:100%;height:100%;display:block}.lesson-steps{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.lesson-steps li{font:400 18px / 1.45 var(--body);counter-increment:step;padding-left:54px;position:relative}.lesson-steps li:before{content:counter(step);background:var(--stroke-red) 0 0 / 100% 100% no-repeat;color:#fff;width:40px;height:38px;font:400 20px var(--brush);place-items:center;display:grid;position:absolute;top:-5px;left:0}.lesson-steps.big li{font:600 clamp(20px, 2.8vh, 26px) / 1.35 var(--body)}.lesson-watch{border-left:3px solid var(--red);padding:4px 0 4px 20px}.lesson-watch .stamp{font-size:14px}.lesson-watch p{font:400 18px / 1.45 var(--body);margin:14px 0 0}.lesson-body.intro{justify-items:start;gap:12px;display:grid}.lesson-body.intro .mentor{max-width:680px}.lesson-mark{background:var(--stroke-red) 0 0 / 100% 100% no-repeat;color:#fff;white-space:nowrap;place-items:center;min-width:150px;height:92px;padding:6px 40px 0;font-size:52px;animation:.5s cubic-bezier(.2,1.8,.4,1) .15s both mark-slam;display:grid;transform:rotate(-5deg)}@keyframes mark-slam{0%{opacity:0;transform:scale(2.2)rotate(-24deg)}}.lesson-gig-song{color:var(--fg-2);font:400 19px var(--body);margin:0 0 14px}.lesson-gig-song b{color:var(--fg);font-weight:600}.lesson-marks{font:800 24px var(--head);letter-spacing:.02em;gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-marks .stars{min-width:78px;color:var(--gold);display:inline-block}.lesson-pips{gap:8px;margin-left:auto;display:flex}.lesson-pips i{border:2px solid var(--fg-3);width:11px;height:11px;transform:rotate(45deg)}.lesson-pips i.done{border-color:var(--cream);background:var(--cream)}.lesson-pips i.on{border-color:var(--red);background:var(--red);transform:rotate(45deg)scale(1.3)}.drill-stage{z-index:30;position:absolute;inset:0}.drill-canvas{width:100%;height:100%;position:absolute;inset:0}.drill-ribbon{padding:calc(24px + env(safe-area-inset-top,0px)) clamp(20px, 4vw, 64px) 34px;background:linear-gradient(#0b0907f0 0%,#0b0907d1 62%,#0b090700);align-items:center;gap:18px 28px;animation:.35s ease-out both fade-in;display:flex;position:absolute;top:0;left:0;right:0}.drill-title{flex:none;justify-items:start;gap:6px;display:grid}.drill-title .slash{--slash:clamp(30px, 4.4vh, 44px);left:-.3em}.drill-text{color:var(--fg);font:500 17px / 1.4 var(--body);flex:1;margin:0}.drill-pips{flex:none;gap:7px;display:flex}.drill-pips i{border:2px solid var(--fg-2);width:14px;height:14px;transition:background .15s,transform .2s cubic-bezier(.2,1.8,.4,1);transform:rotate(45deg)}.drill-pips i.hit{border-color:var(--red);background:var(--red);transform:rotate(45deg)scale(1.2)}.drill-actions{flex:none;align-items:center;gap:8px 24px;display:flex}.drill-your-turn{color:#fff;font:900 calc(34px * var(--ui,1)) var(--head);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 16px #000000e6;pointer-events:none;animation:.9s ease-in-out infinite alternate your-turn;position:absolute;top:44%;left:50%;transform:translate(-50%)}@keyframes your-turn{to{opacity:.45;transform:translate(-50%)scale(1.06)}}@media (width<=900px){.lesson-body.split,.lesson-body.explain{grid-template-columns:1fr}.drill-ribbon{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.lesson-body,.lesson-mark,.drill-ribbon,.drill-your-turn{animation:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.lesson-title{font-size:30px}.lesson-meaning,.lesson-tip{font-size:16px}.drill-ribbon{padding:calc(var(--gut-t) + 12px) var(--gut-r) 26px var(--gut-l);flex-wrap:wrap;gap:8px 20px}.drill-text{flex-basis:60%;font-size:15px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.lesson-body{margin-top:4px}.lesson-body.split,.lesson-body.explain{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:22px}.guide-movie{max-height:60vh}.lesson-title{margin-bottom:6px;font-size:26px}.explain-text{gap:8px}.lesson-meaning,.lesson-tip{font-size:15px}.drill-title .slash{--slash:26px}.drill-ribbon{padding-top:calc(var(--gut-t) + 8px);padding-bottom:18px}}.venue-picker{gap:8px;display:grid}.venue-label{font:600 17px var(--body)}.venue-chips{flex-wrap:wrap;gap:2px 4px;display:flex}.venue-chip{height:38px;color:var(--fg-3);font:800 16px / 1 var(--head);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:4px 10px 0 6px;transition:color .15s;display:inline-flex;position:relative}.venue-chip i{background:linear-gradient(135deg, var(--a), var(--b));opacity:.8;border-radius:50%;width:10px;height:10px}.venue-chip:after{content:"";background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;height:7px;transition:transform .2s cubic-bezier(.6,0,.2,1);position:absolute;bottom:0;left:4px;right:6px;transform:scaleX(0)}.venue-chip:hover{color:var(--fg-2)}.venue-chip.active{color:var(--fg)}.venue-chip.active i{opacity:1;box-shadow:0 0 8px var(--a)}.venue-chip.active:after{transform:scaleX(1)}.venue-chip.live:not(.active){color:var(--fg-2)}.venue-chip.live:not(.active):after{opacity:.35;transform:scaleX(1)}.gameplay{--va:var(--accent);--vb:var(--accent-2);background:#040407}.stage-view{background:#05040a;position:absolute;inset:0;overflow:hidden}.stage-view canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud,.hype-meter{transition:opacity .3s}.gameplay.carded .hud,.gameplay.carded .hype-meter{opacity:0;pointer-events:none}.gameplay.carded .hud>*{pointer-events:none}.hud{zoom:var(--ui,1);pointer-events:none;background:linear-gradient(#05040ad1 0%,#05040a80 60%,#05040a00 100%);padding:14px 24px 0;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.hud .icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a091299;border-color:#ffffff24;font-size:14px}.hud-song{min-width:0;display:grid}.hud-song b{font-family:var(--display);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 12px #000c;font-size:19px;font-weight:600;overflow:hidden}.hud-song span{color:#b9b6c6;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px #000000e6;font-size:13px;overflow:hidden}.arr-tag{font-style:normal;font-weight:600}.arr-tag.lead{color:#ff9a3d}.arr-tag.rhythm{color:#5aabff}.arr-tag.bass{color:#4fe07f}.arr-tag.combo{color:var(--va)}.hud-section{letter-spacing:.12em;text-align:center;color:#fff;text-shadow:0 0 18px color-mix(in srgb, var(--va) 70%, transparent), 0 2px 14px #000000e6;font-size:28px;font-weight:700}.hud-part{font-family:var(--body);letter-spacing:.14em;color:#c9c5d6;text-shadow:0 1px 8px #000000e6;font-size:12px;font-weight:600;display:block}.hud-score{text-align:right;justify-self:end;align-items:center;gap:14px;display:flex}.hud-score>div{display:grid}.hud-score b{text-shadow:0 0 16px color-mix(in srgb, var(--va) 50%, transparent);font-size:32px;line-height:1}.hud-score span{color:#b9b6c6;font-size:13px}.hud-score.muted{align-items:baseline;gap:6px}.hud-score.muted .display{color:var(--text);text-shadow:0 2px 12px #000c;font-size:26px}.mult{--fill:0%;--mc:#8a8fa3;background:conic-gradient(var(--mc) var(--fill), #ffffff1a 0);border-radius:50%;place-items:center;width:58px;height:58px;transition:box-shadow .3s;display:grid;position:relative}.mult span{color:#fff;background:radial-gradient(circle at 50% 35%,#1b1929,#0a0911);border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:grid}.mult[data-m="2"]{--mc:#2d8ef7;box-shadow:0 0 20px #2d8ef78c}.mult[data-m="3"]{--mc:#34d15a;box-shadow:0 0 22px #34d15a99}.mult[data-m="4"]{--mc:#ff8a1a;animation:.9s ease-in-out infinite alternate mult-fire;box-shadow:0 0 26px #ff8a1acc,0 0 60px #ff501466}@keyframes mult-fire{to{box-shadow:0 0 34px #ffaa3cf2,0 0 80px #ff50148c}}.timeline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08070e8c;border:1px solid #ffffff14;border-radius:999px;height:24px;margin-top:12px;position:relative;overflow:hidden}.tl-sec{--k:#5a9dff;background:color-mix(in srgb, var(--k) 16%, transparent);text-align:left;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#e1deeb9e;white-space:nowrap;border:none;border-right:2px solid #06050ce6;padding:0 10px;font-size:11.5px;transition:background .2s,color .2s;position:absolute;top:0;bottom:0;overflow:hidden}.tl-sec:before{content:"";background:var(--k);opacity:.55;height:2px;position:absolute;bottom:0;left:0;right:0}.tl-sec.intro{--k:#9aa3b8}.tl-sec.chorus{--k:#ff7a45}.tl-sec.solo{--k:#b86bff}.tl-sec.bridge{--k:#2fd6c3}.tl-sec.done{color:#fffc}.tl-sec:hover{background:color-mix(in srgb, var(--k) 34%, transparent);color:#fff}.tl-sec.current{background:color-mix(in srgb, var(--k) 38%, transparent);color:#fff;box-shadow:inset 0 0 12px color-mix(in srgb, var(--k) 45%, transparent)}.tl-sec.current:before{opacity:1;box-shadow:0 0 8px var(--k)}.tl-progress{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14);position:absolute;top:0;bottom:0;left:0}.tl-loop{border:2px solid var(--s-d);pointer-events:none;background:#2d8ef72e;border-radius:999px;position:absolute;top:0;bottom:0}.tl-head{width:3px;box-shadow:0 0 8px #fff, 0 0 16px var(--va);pointer-events:none;background:#fff;border-radius:2px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.hud-badges{gap:8px;min-height:26px;margin-top:10px;display:flex}.badge{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a091299;border:1px solid #ffffff29;border-radius:999px;padding:4px 11px;font-size:12.5px}.badge.loop{border-color:var(--s-d);background:#2d8ef738;box-shadow:0 0 14px #2d8ef74d}.section-banner{transform:translate(-50%);scale:var(--ui,1);transform-origin:top;pointer-events:none;justify-items:center;animation:2.2s cubic-bezier(.2,.8,.2,1) forwards banner;display:grid;position:fixed;top:19vh;left:50%}.section-banner span{letter-spacing:.16em;white-space:nowrap;background:linear-gradient(90deg, var(--va), #fff 45%, #fff 55%, var(--vb));color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--va) 75%, transparent)) drop-shadow(0 4px 18px #000c);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,4.6vw,62px);font-weight:700}.section-banner:after{content:"";background:linear-gradient(90deg, transparent, var(--va), #fff, var(--vb), transparent);width:120%;height:2px;box-shadow:0 0 12px var(--va);margin-top:4px;animation:2.2s ease-out forwards banner-line}@keyframes banner{0%{opacity:0;filter:blur(8px);transform:translate(-50%)scale(1.35)}14%{opacity:1;filter:blur();transform:translate(-50%)scale(1)}72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.96)}}@keyframes banner-line{0%{transform:scaleX(0)}30%{transform:scaleX(1)}}.countdown{color:#fff;width:220px;height:220px;scale:var(--ui,1);text-shadow:0 0 30px var(--va), 0 0 80px color-mix(in srgb, var(--vb) 70%, transparent), 0 6px 30px #000c;pointer-events:none;place-items:center;margin:-110px 0 0 -110px;font-size:150px;font-weight:700;line-height:1;animation:1s ease-out count;display:grid;position:absolute;top:40%;left:50%}.countdown:after{content:"";border:3px solid var(--va);box-shadow:0 0 24px var(--va), inset 0 0 24px color-mix(in srgb, var(--va) 60%, transparent);border-radius:50%;animation:1s ease-out forwards count-ring;position:absolute;inset:0}@keyframes count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1}}@keyframes count-ring{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}.hud-toast{background:linear-gradient(90deg, var(--va), var(--vb));color:#140a10;box-shadow:0 0 30px color-mix(in srgb, var(--va) 60%, transparent);pointer-events:none;transform:translate(-50%);scale:var(--ui,1);transform-origin:top;border-radius:999px;padding:10px 26px;font-size:22px;font-weight:700;animation:.3s ease-out screen-in;position:absolute;top:27%;left:50%}.practice-hint{color:#9d9aad;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scale:var(--ui,1);transform-origin:100% 100%;background:#08070e8c;border:1px solid #ffffff14;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;bottom:16px;right:20px}.chord-diagram{left:20px;bottom:calc(100% - var(--neck-top,69%) + 16px);scale:var(--ui,1);transform-origin:0 100%;background:linear-gradient(170deg,#141220d1,#08080ed1);border:1px solid #ffffff1a;justify-items:center;padding:12px 14px 6px;display:grid;position:absolute;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff0f}.chord-diagram:before{content:"";background:linear-gradient(90deg, var(--va), var(--vb));border-radius:2px;height:2px;position:absolute;top:-1px;left:14px;right:14px}.chord-diagram .name{text-transform:none;color:#fff4e0;text-shadow:0 0 14px #ffc87873;font-size:26px;font-weight:700}.chord-diagram .fret{stroke:#ffffff47;stroke-width:1.5px}.chord-diagram .nut{stroke:#eee;stroke-width:5px}.chord-diagram .mute,.chord-diagram .base{fill:#bbb;text-anchor:middle;font-size:14px;font-family:var(--display)}.chord-diagram .base{text-anchor:start}.center-card{text-align:center;justify-items:center;gap:14px;padding:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:4px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}.ready-facts{flex-wrap:wrap;gap:14px clamp(28px,4vw,64px);margin-top:clamp(4px,1.4vh,14px);display:flex}.ready-facts .sp-stat b{font-size:clamp(30px,5vh,50px)}.ready-facts .sp-stat b.alt{color:var(--red)}.sp-cols.two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.ready-card .field-row{padding:12px 0}.sp-rail .ready-hint{flex-basis:100%;margin-top:-2px}.difficulty-picker{gap:10px;display:grid}.dp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.dp-label{color:var(--fg-3);font:600 14px var(--cond);letter-spacing:.3em;text-transform:uppercase}.dp-chips{flex-wrap:wrap;gap:2px 4px;margin-left:-10px;display:flex}.dp-chip{height:36px;color:var(--fg-3);font:800 17px/1 var(--head);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;padding:6px 10px 0;transition:color .15s;position:relative}.dp-chip:hover{color:var(--fg-2)}.dp-chip:after{content:"";background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;height:7px;transition:transform .2s cubic-bezier(.6,0,.2,1);position:absolute;bottom:0;left:4px;right:4px;transform:scaleX(0)}.dp-chip.active{color:var(--fg)}.dp-chip.active:after{transform:scaleX(1)}.dp-slider{align-items:center;gap:16px;display:flex}.dp-slider input[type=range]{flex:1}.dp-slider b{text-align:right;min-width:90px;font:900 44px/1 var(--head);font-variant-numeric:tabular-nums}.dp-strip{width:100%;height:46px;display:block}.dp-strip .all{fill:var(--fg-4)}.dp-strip .kept{fill:var(--cream)}.dp-summary{color:var(--fg-2);margin:0;font-size:14px}.dp-summary b{color:var(--fg);font:800 17px var(--head)}.riff-map{gap:3px;height:66px;margin:10px 0 8px;display:flex}.riff-sec{border:0;border-top:3px solid var(--rule-2);background:var(--well);min-width:0;color:var(--fg-2);font:700 12px var(--cond);letter-spacing:.08em;text-align:left;text-transform:uppercase;flex:1 1 0;align-items:flex-end;padding:0 7px 8px;transition:background .12s,color .12s;display:flex}.riff-sec span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.riff-sec:hover{background:var(--rule);color:var(--fg)}.riff-sec.on{border-top-color:var(--hot);background:color-mix(in srgb, var(--hot) 16%, transparent);color:var(--fg)}.riff-sum{font:800 22px var(--head);letter-spacing:.03em;text-transform:uppercase;margin:0 0 18px}.riff-sum span{color:var(--fg-3);font:500 14px var(--body);letter-spacing:0;text-transform:none}.riff-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:10px;display:grid}.riff-grid .select{width:100%;max-width:none}.riff-grid span{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.2em;text-transform:uppercase}@media (width<=560px){.riff-grid{grid-template-columns:1fr}}.mult{isolation:isolate}.mult[data-m="5"]{--mc:#ffe28a;animation:.6s ease-in-out infinite alternate mult-fire;box-shadow:0 0 30px #ffe28ae6,0 0 70px #ffaa3c80}.mult-flame{z-index:-1;filter:blur(6px);opacity:0;transform-origin:50% 90%;background:radial-gradient(at 50% 80%,#ffdc78e6,#ff781e8c 35%,#ff3c1400 70%);border-radius:50% 50% 40% 40%;transition:opacity .4s;animation:.38s ease-in-out infinite alternate flame;position:absolute;inset:-24px -14px 8px}@keyframes flame{0%{transform:scaleY(.92)skew(-3deg)}to{transform:scale(1.06,1.1)skew(3deg)}}.hud.t3 .mult-flame{opacity:.6}.hud.t4 .mult-flame{opacity:1;background:radial-gradient(at 50% 80%,#fffac8f2,#ffbe3cb3 35%,#ff5a1400 72%)}.mult-embers{pointer-events:none;position:absolute;inset:0}.mult-embers i{background:var(--tc);width:4px;height:4px;box-shadow:0 0 8px var(--tc);opacity:0;border-radius:50%;position:absolute;bottom:30%}.mult-embers i:first-child{left:12%;animation-delay:-.1s!important}.mult-embers i:nth-child(2){left:30%;animation-delay:-.5s!important}.mult-embers i:nth-child(3){left:50%;animation-delay:-.9s!important}.mult-embers i:nth-child(4){left:68%;animation-delay:-.3s!important}.mult-embers i:nth-child(5){left:84%;animation-delay:-.7s!important}.mult-embers i:nth-child(6){left:42%;animation-delay:-1.1s!important}.hud.t3 .mult-embers i,.hud.t4 .mult-embers i{animation:1.3s ease-out infinite ember}@keyframes ember{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:1}to{opacity:0;transform:translate(6px,-70px)scale(.4)}}.mult-crack{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mult-crack path{fill:none;stroke:#ff3b4a;stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(0 0 3px #ff283ce6)}.hud-score.broke{animation:.5s cubic-bezier(.3,.7,.4,1) broke}.hud-score.broke .mult-crack{animation:1.1s ease-out crack}@keyframes broke{0%,to{transform:none}15%{transform:translate(-9px,3px)rotate(-2deg)}30%{transform:translate(8px,-3px)rotate(2deg)}45%{transform:translate(-6px,2px)}60%{transform:translate(5px,-1px)}}@keyframes crack{0%{opacity:1}70%{opacity:.9}to{opacity:0}}.hud-score.surge .mult{animation:.5s cubic-bezier(.2,1.6,.4,1) surge}@keyframes surge{0%{transform:scale(1.35)}to{transform:scale(1)}}.streak-n{color:#fff;font-variant-numeric:tabular-nums;font-weight:700;display:inline-block}.streak-n.pop{animation:.16s ease-out pop}@keyframes pop{0%{color:var(--tc);transform:scale(1.3)}to{transform:scale(1)}}.tier-name{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--tc);text-shadow:0 0 12px color-mix(in srgb, var(--tc) 60%, transparent);font-size:12px;font-style:normal;font-weight:600;transition:color .3s}.hud.t0 .tier-name{opacity:.6}.hud.t2 .hud-score b.display,.hud.t3 .hud-score b.display,.hud.t4 .hud-score b.display{text-shadow:0 0 20px color-mix(in srgb, var(--tc) 70%, transparent)}.hud-score>div,.hud-song{transition:filter .6s}.gameplay.cold .hud-score>div,.gameplay.cold .hud-song,.gameplay.cold .mult{filter:saturate(.3)brightness(.85)}.perf-edge{--beat:0;--heat:0;--miss:0;pointer-events:none;position:absolute;inset:0}.perf-edge:before,.perf-edge:after{content:"";position:absolute;inset:0}.perf-edge:before{box-shadow:inset 0 0 120px color-mix(in srgb, var(--tc,#fff) 70%, transparent);opacity:calc((var(--heat) - .25) * .9 + var(--beat) * var(--heat) * .35)}.perf-edge:after{opacity:calc(var(--miss) * .8);box-shadow:inset 0 0 160px #ff283c99}.gameplay.cold .perf-edge:before{opacity:.8;box-shadow:inset 0 0 140px #6e96ff59}.perf-call{--cc:#fff;text-align:center;pointer-events:none;opacity:0;position:absolute;top:19%;left:0;right:0}.perf-call b{letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 28px color-mix(in srgb, var(--cc) 90%, transparent), 0 4px 30px #000000b3;font-size:clamp(34px,6vh,64px);font-weight:700;line-height:1;display:block}.perf-call span{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--cc);text-shadow:0 2px 10px #000c;margin-top:8px;font-size:clamp(12px,1.7vh,16px);font-weight:600;display:block}.perf-call.go{animation:1.6s cubic-bezier(.2,.9,.2,1) callout}@keyframes callout{0%{opacity:0;transform:scale(1.6)}10%{opacity:1;transform:scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.perf-miss{pointer-events:none;height:0;position:absolute;top:70%;left:0;right:0}.perf-miss i{font-family:var(--display);letter-spacing:.08em;color:#ff4d5e;text-shadow:0 0 14px #ff283cb3,0 2px 8px #000;font-size:clamp(20px,3.2vh,30px);font-style:normal;font-weight:700;animation:.8s ease-out forwards miss-pop;position:absolute;transform:translate(-50%)}@keyframes miss-pop{0%{opacity:0;transform:translate(-50%,8px)scale(1.3)}15%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}@media (prefers-reduced-motion:reduce){.mult-flame,.mult-embers i,.hud-score.broke,.hud-score.surge .mult,.streak-n.pop,.perf-call.go,.perf-miss i{animation:none!important}.perf-call.go{opacity:1}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.hud{padding:calc(var(--gut-t) + 6px) var(--gut-r) 0 var(--gut-l)}.hud-top{gap:10px}.hud .icon-btn{width:40px;height:40px}.hud-song b{font-size:16px}.hud-song span{font-size:12px}.hud-section{font-size:20px}.hud-part{font-size:10px}.hud-score{gap:10px}.hud-score b{font-size:24px}.hud-score span{font-size:12px}.hud-score.muted .display{font-size:21px}.mult{width:44px;height:44px}.mult span{width:36px;height:36px;font-size:17px}.timeline{height:18px;margin-top:6px}.tl-sec{padding:0 6px;font-size:9.5px}.hud-badges{gap:6px;min-height:0;margin-top:6px}.badge{padding:3px 9px;font-size:11px}.chord-diagram{left:var(--gut-l);scale:.58}.countdown{scale:.62}.hud-toast{white-space:nowrap;padding:8px 18px;font-size:16px}.practice-hint{right:var(--gut-r);bottom:calc(var(--gut-b) + 8px);font-size:11px}.section-banner span{font-size:30px}.ready-facts{gap:6px 22px;margin-top:2px}.ready-facts .sp-stat b{font-size:28px}.ready-card .field-row{padding:10px 0}.dp-slider b{min-width:72px;font-size:34px}.dp-strip{height:34px}.riff-map{height:54px}.riff-sec{padding:0 5px 6px;font-size:11px}.riff-sum{font-size:19px}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.hud-top{grid-template-columns:auto minmax(0,1fr) auto}.hud-section{display:none}.timeline{height:12px}.tl-sec span{display:none}.sp-cols.two{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.ready-facts .sp-stat b{font-size:26px}.dp-slider b{font-size:30px}}.settings .sp-body{grid-template-columns:clamp(190px,17vw,270px) minmax(0,1fr);gap:clamp(24px,4vw,80px);padding:0 clamp(20px,4vw,64px);display:grid}.set-index{align-content:start;gap:2px;padding-top:22px;display:grid}.set-index button{color:var(--fg-3);text-align:left;background:0 0;border:0;align-items:baseline;gap:14px;padding:7px 0;transition:color .15s;display:flex}.set-index span{color:var(--fg-4);font:700 14px var(--head);letter-spacing:.1em;transition:color .15s}.set-index b{isolation:isolate;font:800 clamp(19px, 2.5vh, 25px) / 1 var(--head);letter-spacing:.03em;text-transform:uppercase;padding:3px 10px 4px 4px;position:relative}.set-index b:before{content:"";z-index:-1;background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;transition:transform .22s cubic-bezier(.6,0,.2,1);position:absolute;inset:0 -4px 0 -6px;transform:scaleX(0)}.set-index button:hover{color:var(--fg-2)}.set-index button.on{color:#fff}.set-index button.on span{color:var(--hot)}.set-index button.on b:before{transform:scaleX(1)}.set-scroll{scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;max-width:900px;min-height:0;padding:0 14px 34vh 0;overflow-y:auto}.set-section{padding:16px 0 30px}.set-h{border-bottom:1.5px solid var(--fg);grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:14px;margin-bottom:6px;padding-bottom:12px;display:grid}.set-h span{color:var(--hot);font:800 18px var(--head);letter-spacing:.06em}.set-h h2{font:900 clamp(30px, 4.4vh, 46px) / 1 var(--head);letter-spacing:.01em;text-transform:uppercase;margin:0}.set-h p{color:var(--fg-2);font:400 15px var(--body);grid-column:2;margin:6px 0 0}.set-section .field-row{padding:16px 0}.set-section .field-row .label b{font-size:17px}.set-section .field-row .label small{max-width:56ch;font-size:14px}.set-section .venue-picker{border-bottom:1px solid var(--rule);padding:16px 0 18px}.reset-confirm{align-items:center;gap:18px;display:flex}.reset-confirm .btn.danger{color:var(--hot)}.help .sp-body{scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;padding:0 clamp(20px,4vw,64px) 48px;overflow-y:auto}.help-body{max-width:1400px}.help-intro{max-width:70ch;color:var(--fg-2);font:400 16px / 1.5 var(--body);margin:4px 0 14px}@media (width<=860px){.settings .sp-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.set-index{scrollbar-width:none;gap:4px 18px;padding-top:0;display:flex;overflow-x:auto}.set-index button{flex:none}.set-index span{display:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.settings .sp-body{padding:0 var(--gut-r) 0 var(--gut-l);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:6px}.set-index{scrollbar-width:none;gap:4px 16px;padding-top:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.set-index button{flex:none}.set-index span{display:none}.set-index b{font-size:19px}.set-scroll{overscroll-behavior:contain;padding:0 0 calc(var(--gut-b) + 30vh)}.set-section{padding:14px 0 22px}.set-h h2{font-size:30px}.set-section .field-row .label small{font-size:13.5px}.help .sp-body{overscroll-behavior:contain;padding:0 var(--gut-r) calc(var(--gut-b) + 32px) var(--gut-l)}.help-intro{font-size:15px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.help-intro{display:none}}.tour{overflow:hidden}.tour>.stage{z-index:-2}.tour-veil{background:linear-gradient(0deg,#0b0907f2 0,#0b0907b8 150px,#0b090700 300px),linear-gradient(#0b090780 0%,#0000 24%),linear-gradient(98deg,#0b0907f2 0%,#0b0907e0 34%,#0b090766 62%,#0b090729 100%)}.tour-head .profile-badge{align-self:flex-start}.tour-titlerow{flex-wrap:wrap;align-items:center;gap:8px 28px;display:flex}.tour-head .sp-title .slash{--slash:clamp(36px, min(8vh, 8.5vw), 88px)}.tour-titlerow .stamp{font-size:clamp(16px,2.4vh,22px)}.tour-main{flex:1;grid-template-columns:minmax(0,660px) minmax(0,1fr);gap:clamp(20px,3vw,56px);min-height:0;padding:0 clamp(20px,4vw,64px);display:grid}.tour-venue{flex-direction:column;gap:8px;min-height:0;animation:.35s cubic-bezier(.2,.9,.2,1) both venue-in;display:flex}@keyframes venue-in{0%{opacity:0;transform:translate(-14px)}}.tour-score{color:var(--fg-2);font:600 14px var(--cond);letter-spacing:.16em;text-transform:uppercase;align-items:baseline;gap:26px;display:flex}.tour-score b{color:var(--fg);font:800 26px var(--head);letter-spacing:.02em}.tour-score .gold,.tour-score .gold b{color:var(--gold)}.setlist{border-top:1px solid var(--rule-2);scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;flex:0 auto;min-height:0;margin:0;padding:0;list-style:none;overflow:hidden auto}.gig-row{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:56px;color:var(--fg);text-align:left;background:0 0;grid-template-columns:34px minmax(0,1fr) auto 92px;align-items:center;gap:14px;padding:6px 12px 6px 6px;transition:background .12s;display:grid;position:relative}.gig-row:hover{background:var(--well)}.gig-row.active{box-shadow:inset 3px 0 0 var(--red);background:linear-gradient(90deg,#e0392b52,#e0392b14 60%,#e0392b00)}.gig-row:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.gig-row.locked{color:var(--fg-3)}.gig-n{color:var(--fg-3);font:900 26px var(--head);text-align:center}.gig-row.active .gig-n{color:var(--hot)}.gig-row.passed .gig-n{color:var(--fg-2)}.gig-name{gap:2px;min-width:0;display:grid}.gig-name b{font:600 17px var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gig-row.active .gig-name b{color:#fff}.gig-name small{color:var(--fg-2);font:400 13px var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gig-row.locked .gig-name small{color:var(--fg-4)}.gig-tags{gap:6px;display:flex}.gig-tag{color:var(--fg-2);font:600 14px var(--cond);letter-spacing:.04em;white-space:nowrap;align-items:center;font-style:normal;display:inline-flex}.gig-tag .tech-mark{min-width:22px;height:20px;margin-right:7px;font-size:11px}.gig-row.locked .gig-tag .tech-mark{border-color:var(--fg-4);color:var(--fg-3);background:0 0}.gig-tag.finale{border:1.5px solid var(--gold);color:var(--gold);font:700 12px var(--cond);letter-spacing:.18em;text-transform:uppercase;padding:2px 8px}.gig-result{justify-items:end;gap:1px;display:grid}.gig-result .star-row{font-size:17px}.gig-result small{color:var(--fg-2);font:700 13px var(--head);letter-spacing:.04em}.gig-result .lock{fill:none;stroke:currentColor;stroke-width:2.2px;width:15px;height:18px}.gig-next{background:var(--red);color:#fff;font:700 12px var(--cond);letter-spacing:.2em;text-transform:uppercase;padding:3px 8px 2px}.tour-rail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:12px;display:flex}.tour-rail .btn.primary{flex:none}.gig-summary{flex-wrap:wrap;align-items:flex-end;gap:8px 24px;display:flex}.gig-summary>span{gap:2px;display:grid}.gig-summary b{font:800 26px / 1 var(--head);font-variant-numeric:tabular-nums}.gig-summary small{color:var(--fg-3);font:600 12px var(--cond);letter-spacing:.18em;text-transform:uppercase}.gig-summary .bars{align-items:flex-end;gap:3px;height:26px;display:flex}.gig-summary .bars i{background:var(--fg-4);width:5px;height:40%}.gig-summary .bars i:nth-child(n+3){height:55%}.gig-summary .bars i:nth-child(n+5){height:70%}.gig-summary .bars i:nth-child(n+7){height:85%}.gig-summary .bars i:nth-child(n+9){height:100%}.gig-summary .bars i.on{background:var(--red)}.tour-venue.locked .setlist,.tour-venue.locked .tour-score{opacity:.6}.tour-mags{align-content:start;justify-self:end;justify-items:end;gap:14px;max-width:520px;padding-top:4px;animation:.4s cubic-bezier(.2,.9,.2,1) 80ms both venue-in;display:grid}.route{flex:none;padding:6px clamp(20px,4vw,64px) clamp(12px,2.4vh,26px);position:relative}.route ol{grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.route-stop{position:relative}.route-stop:not(:first-child):before{content:"";left:-50%;right:50%;top:var(--road-y);background:repeating-linear-gradient(90deg, var(--fg-3) 0 10px, transparent 10px 18px);height:3px;margin-top:-1.5px;position:absolute}.route-stop.leg-done:before{background:var(--cream)}.route{--art-h:clamp(52px, 7.4vh, 74px);--road-y:calc(var(--art-h) + 16px)}.route-stop button{width:100%;color:var(--fg);text-align:center;background:0 0;border:0;justify-items:center;gap:0;padding:0 4px;display:grid;position:relative}.route-art{width:auto;height:var(--art-h);opacity:.55;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.3);display:block;overflow:visible}.route-stop button:hover .route-art{opacity:.85;transform:translateY(-3px)}.route-stop.on .route-art{opacity:1;transform:translateY(-4px)scale(1.06)}.route-stop.locked .route-art{opacity:.22}.route-dot{z-index:1;border:3px solid var(--cream);background:var(--night);border-radius:50%;width:14px;height:14px;margin:9px 0 10px;position:relative}.route-stop.done .route-dot{background:var(--cream)}.route-stop.locked .route-dot{border-color:var(--fg-3)}.route-stop.on .route-dot{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px #e0392b40}.route-pulse{border:3px solid var(--red);border-radius:50%;animation:1.4s ease-out infinite stop-pulse;position:absolute;inset:-8px}@keyframes stop-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.route-van{width:50px;height:27px;margin-left:-58px;position:absolute;bottom:8px;left:50%;overflow:visible}.route-name{max-width:100%;color:var(--fg-2);font:800 clamp(14px, 1.9vh, 18px) / 1.1 var(--head);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;transition:color .15s;overflow:hidden}.route-stop button:hover .route-name{color:var(--fg)}.route-stop.on .route-name{color:#fff}.route-sub{color:var(--fg-3);font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;margin-top:3px}.route-stop.done .route-sub{color:var(--gold)}.route-stop.on:after{content:"";background:var(--bar-red) 0 0 / 100% 100% no-repeat;height:7px;position:absolute;bottom:-8px;left:22%;right:22%}.route-art .art path,.route-art .art circle,.route-art .art ellipse,.route-art .art rect{fill:none;stroke:var(--cream);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.route-art .art .thin{stroke-width:1.8px}.route-art .art .fill{fill:#f2ead81a}.route-art .art .fill-dune{fill:#e2b04a40;stroke:none}.route-art .art .solid{fill:var(--cream)}.route-art .art .paper{fill:var(--night);stroke:none}.route-art .art .red{stroke:var(--red)}.route-art .art .red-solid{fill:var(--red)}.route-art .art .rain{stroke-width:1.6px;stroke-dasharray:5 5}.route-art .art .sign{fill:#fff;font-family:var(--brush);stroke:none;font-size:12px}.route-art .art .sun{fill:#e2b04a8c;stroke:none}.route-art .art .screen{fill:var(--night)}.route-art .art .glow{stroke:#5dff8a;stroke-width:2.4px}.route-art .art .ring-back{stroke:#e8b060;stroke-width:5px}.route-art .art .ring-front{stroke:#ffcf9a;stroke-width:6px}.route-art .art .solid.ring,.route-stop .art circle.solid{fill:var(--night);stroke:var(--cream)}.van{animation:.5s ease-in-out infinite alternate van-bob}.van-body{fill:var(--red);stroke:var(--night);stroke-width:2.5px;stroke-linejoin:round}.van-window{fill:var(--cream);stroke:var(--night);stroke-width:2px}.van-stripe{stroke:var(--cream);stroke-width:2.5px}.van-wheel{fill:var(--night);stroke:var(--cream);stroke-width:2px}@keyframes van-bob{to{transform:translateY(-2.5px)}}.tour-intro{z-index:40;-webkit-backdrop-filter:blur(3px)sepia(.3);backdrop-filter:blur(3px)sepia(.3);background:radial-gradient(#15110d66,#15110dd1);place-items:center;display:grid;position:absolute;inset:0}.flyer{color:#15110d;text-align:center;cursor:pointer;background:#fbf7ec;width:min(460px,90vw);padding:34px 34px 22px;animation:.6s cubic-bezier(.2,1.3,.4,1) both flyer-in;position:relative;transform:rotate(-2.5deg);box-shadow:0 2px #e0d4ba,0 30px 70px #0000008c}@keyframes flyer-in{0%{opacity:0;transform:translateY(-60px)rotate(-12deg)scale(.9)}}.flyer .tape{background:#e8d6a0bf;width:110px;height:30px;position:absolute;top:-14px;box-shadow:0 1px 2px #00000026}.flyer .tape.a{left:-26px;transform:rotate(-32deg)}.flyer .tape.b{right:-26px;transform:rotate(28deg)}.flyer h2{color:#c8281e;margin:0;font-size:50px;line-height:.95;transform:rotate(-2deg)}.flyer-lead{margin:14px 0 8px;font-size:19px;font-weight:800}.flyer ul{justify-content:center;gap:8px;margin:0 0 10px;padding:0;font-family:Knewave,sans-serif;font-size:20px;list-style:none;display:flex}.flyer ul li+li:before{content:"·";color:#c8281e;margin-right:8px}.flyer-small{max-width:30ch;margin:0 auto 8px;font-style:italic}.flyer-ask{margin:0 0 18px;font-family:Knewave,sans-serif;font-size:26px;transform:rotate(-3deg)}.flyer .tabs{border-top:2px dashed #15110d66;justify-content:center;gap:0;margin:0 -34px 18px;display:flex}.flyer .tabs span{writing-mode:vertical-rl;letter-spacing:1px;border-right:1.5px dashed #15110d4d;flex:1;height:86px;padding-top:6px;font-family:Fraunces,Georgia,serif;font-size:11px;font-weight:800}.flyer .tabs span:nth-child(3){opacity:0}.intro-card{justify-items:end;gap:22px;width:min(760px,92vw);animation:.4s cubic-bezier(.2,.9,.2,1) both lesson-in;display:grid}.intro-card .mentor .bubble{font-size:18px}@media (width<=1100px){.tour-main{grid-template-columns:minmax(0,1fr)}.tour-mags,.route-sub{display:none}}@media (width<=760px){.route-name,.route-sub{display:none}.route{--art-h:34px}.gig-tags{display:none}.gig-row{grid-template-columns:28px minmax(0,1fr) 80px}}@media (height<=780px){.route{--art-h:44px}.gig-row{min-height:48px}.tour-head .sp-title .slash{--slash:clamp(40px, 7vh, 60px)}}@media (height<=680px){.route-art{display:none}.route{--road-y:16px}.route-dot{margin-top:9px}}@media (prefers-reduced-motion:reduce){.van,.route-pulse,.flyer,.tour-venue,.tour-mags{animation:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.tour-main{padding:0 var(--gut-r) 0 var(--gut-l);grid-template-columns:minmax(0,1fr)}.tour-mags,.route-sub{display:none}.tour-score{gap:18px;font-size:13px}.tour-score b{font-size:22px}.setlist{overscroll-behavior:contain}.gig-row{grid-template-columns:28px minmax(0,1fr) 76px;gap:10px;min-height:52px}.gig-tags{display:none}.gig-n{font-size:22px}.route{padding:4px var(--gut-r) calc(var(--gut-b) + 10px) var(--gut-l)}.route-name{display:none}.tour-intro{padding:calc(var(--gut-t) + 20px) var(--gut-r) calc(var(--gut-b) + 20px) var(--gut-l);place-items:safe center;overflow-y:auto}.intro-card{width:100%}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.tour-head .profile-badge{grid-area:actions;align-self:start}.tour-head .pb-text{display:none}.tour-head .pb-level{width:44px;height:44px}.tour-head .pb-level b{font-size:23px}.tour-head .sp-title .slash{--slash:min(38px, 9.6vw)}.tour-titlerow{gap:6px 16px}.tour-rail{gap:10px 16px;padding-top:10px}.tour-rail .btn.primary{flex:100%}.gig-summary{gap:6px 18px}.route{--art-h:30px}.flyer{width:min(460px,100%);padding:28px 24px 18px}.flyer h2{font-size:42px}.flyer .tabs{margin:0 -24px 16px}.flyer .tabs span{height:70px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.tour-head .sp-title .slash{--slash:28px}.tour-head .profile-badge{align-self:center;gap:10px;padding:0}.tour-head .pb-level{width:40px;height:40px}.tour-head .pb-level small{font-size:8px}.tour-head .pb-level b{font-size:21px}.tour-head .pb-text{gap:3px;min-width:150px}.tour-head .pb-text b{font-size:15px}.tour-titlerow .stamp{font-size:13px}.tour-venue{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4px clamp(18px,3vw,36px);display:grid}.tour-score{grid-area:1/1}.setlist{grid-area:2/1}.tour-rail{flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:flex-start;gap:14px;padding:0}.gig-row{min-height:44px;padding-block:3px}.gig-name b{font-size:16px}.gig-name small{font-size:12px}.route{--art-h:0px;--road-y:16px}.route-art{display:none}.route-dot{margin:9px 0 4px}.route-stop.on:after{bottom:-4px}.flyer{width:min(560px,100%);padding:20px 26px 16px}.flyer h2{font-size:36px}.flyer-lead{margin:8px 0 6px;font-size:16px}.flyer ul{margin-bottom:6px;font-size:17px}.flyer-small{margin-bottom:4px;font-size:14px}.flyer-ask{margin-bottom:10px;font-size:21px}.flyer .tabs{display:none}.flyer .btn.primary.big{min-height:52px;font-size:23px}}.career .sp-body{scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;padding:0 clamp(20px,4vw,64px) 48px;overflow-y:auto}.career-body{gap:clamp(22px,3.6vh,40px);max-width:1440px;padding-top:6px;animation:.45s cubic-bezier(.2,.9,.2,1) both menu-pop;display:grid}.career-tabs .chip small{margin-left:2px}.career-hero{grid-template-columns:auto minmax(0,1fr) minmax(0,420px);align-items:center;gap:18px clamp(24px,3vw,48px);display:grid}.career-level{justify-items:center;gap:10px;display:grid}.career-level small{color:var(--hot);line-height:1;font:700 15px var(--cond);letter-spacing:.34em;text-transform:uppercase}.career-level b{font:900 clamp(110px, 19vh, 200px) / .8 var(--head);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.career-title{gap:10px;min-width:0;display:grid}.career-title h2{font:900 clamp(38px, 6.4vh, 68px) / .92 var(--head);letter-spacing:.005em;text-transform:uppercase;margin:0}.career-title .xp-bar{max-width:620px}.career-xp{color:var(--fg-2);font:400 15px var(--body);margin:0}.career-xp b{color:var(--fg);font:800 19px var(--head)}.career-mags{justify-self:end}.career-stats{border-block:1px solid var(--rule-2);grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding:18px 0;display:grid}.career-stats .sp-stat b{font-size:clamp(30px,4.6vh,46px)}.career-stats .sp-stat span{letter-spacing:.2em;font-size:12px}.career-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,72px);display:grid}.career-h{border-bottom:1.5px solid var(--fg);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:4px;padding-bottom:10px;display:flex}.career-h h3{font:900 clamp(24px, 3.4vh, 34px) / 1 var(--head);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:12px;margin:0;display:flex}.career-h h3:before{content:"";background:var(--red);width:26px;height:3px}.career-h span{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.2em;text-transform:uppercase}.venue-rows,.tech-rows{margin:0;padding:0;list-style:none;display:grid}.venue-rows li,.tech-rows li{border-bottom:1px solid var(--rule);align-items:center;gap:14px;padding:11px 0;display:grid}.venue-rows li{grid-template-columns:30px minmax(0,1fr) minmax(80px,1fr) 44px 52px}.tech-rows li{grid-template-columns:auto minmax(0,1fr) minmax(80px,1.2fr) 60px}.vr-n{color:var(--fg-3);font:800 17px var(--head)}.venue-rows li.done .vr-n{color:var(--hot)}.vr-name{min-width:0;display:grid}.vr-name b{font:800 19px / 1.1 var(--head);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vr-name small{color:var(--fg-3);font:400 13px var(--body)}.vr-bar{background:var(--fg-4);height:4px;position:relative}.vr-bar i{background:var(--cream);animation:.9s cubic-bezier(.3,0,.2,1) .2s both rail-fill;position:absolute;inset:0 auto 0 0}.venue-rows li.done .vr-bar i{background:var(--red)}.vr-num{font:800 18px var(--head);font-variant-numeric:tabular-nums;text-align:right}.vr-stars{color:var(--gold);font:800 16px var(--head);text-align:right}.venue-rows li.locked{opacity:.4}.tech-rows li>span:not(.vr-bar){font:600 16px var(--body)}.tech-rows li>b{font:800 18px var(--head);font-variant-numeric:tabular-nums;text-align:right}.tech-rows .tech-mark{margin:0}.tech-more{color:var(--fg-3);font:400 14px var(--body);margin:12px 0 0}.passport{gap:clamp(26px,4vh,44px)}.passport-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 20px;margin-top:18px;display:grid}.passport-item{text-align:center;align-content:start;justify-items:center;gap:6px;display:grid}.passport-item .ach-stamp{margin-bottom:6px}.passport-item b{font:800 18px / 1.1 var(--head);letter-spacing:.03em;text-transform:uppercase}.passport-item:not(.on) b{color:var(--fg-2)}.passport-item small{max-width:24ch;color:var(--fg-3);font:400 13px / 1.4 var(--body)}.passport-item.on small{color:var(--fg-2)}.passport-item em{color:var(--hot);font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;font-style:normal}.passport-progress{width:min(130px,100%);color:var(--fg-3);font:700 12px var(--cond);letter-spacing:.1em;padding-top:8px;position:relative}.passport-progress:before,.passport-progress:after{content:"";height:3px;position:absolute;top:0;left:0}.passport-progress:before{background:var(--fg-4);right:0}.passport-progress:after{width:var(--p);background:var(--cream)}@media (width<=1280px){.career-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.career-hero{grid-template-columns:auto minmax(0,1fr)}.career-mags{grid-column:1/-1;justify-self:start}}@media (width<=860px){.career-cols{grid-template-columns:1fr}.career-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.career-body{animation:none}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.career .sp-body{overscroll-behavior:contain;padding:0 var(--gut-r) calc(var(--gut-b) + 32px) var(--gut-l)}.career-hero{grid-template-columns:auto minmax(0,1fr)}.career-mags{grid-column:1/-1;justify-self:start}.career-cols{grid-template-columns:1fr}.career-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse) and (width<=600px) and (orientation:portrait){.career .sp-head{grid-template-areas:"back actions""eyebrow eyebrow""title title""tabs tabs"}.career .sp-head-actions{display:contents}.career .career-tabs{grid-area:tabs;margin:6px 0 0 -10px}.career .sp-head-actions>.btn{grid-area:actions;justify-self:end}.career-level b{font-size:104px}.career-title h2{font-size:36px}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.career-level b{font-size:96px}.career-title h2{font-size:40px}.career-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.setup .sp-body{grid-template-columns:clamp(190px,17vw,270px) minmax(0,1fr);gap:clamp(24px,4vw,80px);padding:0 clamp(20px,4vw,64px);display:grid}.su-rail{align-content:start;gap:2px;padding-top:22px;display:grid}.su-rail button{color:var(--fg-3);text-align:left;background:0 0;border:0;align-items:baseline;gap:14px;padding:7px 0;transition:color .15s;display:flex}.su-rail span{color:var(--fg-4);font:700 14px var(--head);letter-spacing:.1em;transition:color .15s}.su-rail b{isolation:isolate;font:800 clamp(19px, 2.5vh, 25px) / 1 var(--head);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;padding:3px 10px 4px 4px;position:relative}.su-rail b:before{content:"";z-index:-1;background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;transition:transform .22s cubic-bezier(.6,0,.2,1);position:absolute;inset:0 -4px 0 -6px;transform:scaleX(0)}.su-rail i{color:var(--gold);font:700 15px var(--body);font-style:normal}.su-rail button:hover,.su-rail button.done{color:var(--fg-2)}.su-rail button.on{color:#fff}.su-rail button.on span{color:var(--hot)}.su-rail button.on b:before{transform:scaleX(1)}.su-step{scrollbar-width:thin;scrollbar-color:var(--rule-2) transparent;flex-direction:column;gap:clamp(12px,2vh,22px);max-width:1120px;min-height:0;padding:16px 14px 0 0;animation:.35s cubic-bezier(.2,.9,.2,1) both su-in;display:flex;overflow-y:auto}@keyframes su-in{0%{opacity:0;transform:translate(18px)}}.su-head{gap:8px;display:grid}.su-title{font:900 clamp(34px, 5.2vh, 56px) / .95 var(--head);letter-spacing:.01em;text-transform:uppercase;margin:0}.su-lead p{max-width:64ch;color:var(--fg-2);font:400 17px / 1.5 var(--body);margin:0}.su-body{align-content:start;gap:clamp(14px,2.4vh,26px);min-width:0;display:grid}.su-field{gap:8px;display:grid}.su-field .sp-label{margin:0}.su-say{max-width:58ch;font:500 18px / 1.45 var(--body);margin:0}.su-say.big{font:800 clamp(24px, 3.4vh, 34px) / 1.1 var(--head);letter-spacing:.02em;text-transform:uppercase}.su-say .kbd{margin:0 2px}.su-foot{z-index:2;border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:auto;padding:clamp(12px,2vh,18px) 0 clamp(16px,3vh,30px);display:flex;position:sticky;bottom:0}.su-foot:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b090700 0%,#0b0907cc 40px,#0b0907e6 100%);position:absolute;inset:-40px -40px 0}.su-foot .su-skip{margin-left:auto}.su-choices{gap:2px;max-width:780px;display:grid}.su-choice{border:0;border-bottom:1px solid var(--rule);color:var(--fg-2);text-align:left;background:0 0;grid-template-columns:26px minmax(0,1fr);align-items:baseline;gap:5px 14px;padding:12px 0 14px;transition:color .15s;display:grid}.su-choice>i{border:2px solid var(--fg-3);grid-row:1/span 2;width:13px;height:13px;margin:4px 0 0 5px;transition:background .15s,border-color .15s,transform .2s cubic-bezier(.2,1.8,.4,1);transform:rotate(45deg)}.su-choice b{isolation:isolate;font:800 clamp(21px, 2.9vh, 29px) / 1 var(--head);letter-spacing:.02em;text-transform:uppercase;justify-self:start;padding:3px 12px 4px 4px;position:relative}.su-choice b:before{content:"";z-index:-1;background:var(--bar-red) 0 0 / 100% 100% no-repeat;transform-origin:0;transition:transform .22s cubic-bezier(.6,0,.2,1);position:absolute;inset:0 -4px 0 -6px;transform:scaleX(0)}.su-choice small{max-width:62ch;color:var(--fg-2);font:400 15.5px / 1.4 var(--body);grid-column:2}.su-choice:hover{color:var(--fg)}.su-choice:hover>i{border-color:var(--fg)}.su-choice.on{color:#fff}.su-choice.on>i{border-color:var(--red);background:var(--red);transform:rotate(45deg)scale(1.2)}.su-choice.on b:before{transform:scaleX(1)}.su-choice:focus-visible{outline:none}.su-choice:focus-visible b{-webkit-text-decoration:underline 2px var(--hot);text-decoration:underline 2px var(--hot);text-underline-offset:6px}.su-chips .chip{height:46px;font-size:24px}.su-checks{gap:14px;max-width:780px;margin:0;padding:0;list-style:none;display:grid}.su-check{grid-template-columns:28px minmax(0,1fr);align-items:baseline;column-gap:12px;display:grid}.su-check>i{border:2px solid var(--fg-3);width:13px;height:13px;margin-left:5px;transform:rotate(45deg)}.su-check.wait>i{animation:1.2s ease-in-out infinite alternate su-wait}@keyframes su-wait{to{border-color:var(--fg)}}.su-check.ok>i{border-color:var(--cream);background:var(--cream)}.su-check.warn>i{border-color:var(--gold);background:var(--gold)}.su-check.bad>i{border-color:var(--red);background:var(--red)}.su-check b{font:800 21px / 1.15 var(--head);letter-spacing:.02em;text-transform:uppercase}.su-check.bad b{color:var(--hot)}.su-check.warn b{color:var(--gold)}.su-check p{color:var(--fg-2);font:400 15.5px / 1.45 var(--body);margin:4px 0 0}.su-inline{margin:2px 0 6px;display:block}.su-select{width:min(460px,100%);max-width:none}.su-device{color:var(--fg-3);font:500 14px var(--body);display:block}.su-device.warn{color:var(--gold);margin-top:4px}.su-tips{color:var(--fg-2);font:400 15.5px / 1.45 var(--body);gap:6px;margin:0;padding:0 0 0 18px;display:grid}.su-tips li::marker{color:var(--red)}.su-trouble{border-left:3px solid var(--gold);max-width:780px;padding-left:16px}.su-trouble .sp-label{margin-bottom:8px}.su-meter{gap:8px;max-width:780px;display:grid}.su-meter-bar{height:18px;position:relative}.su-meter-bar:before,.su-meter-bar>i{content:"";position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 8px);mask-image:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 8px)}.su-meter-bar:before{background:var(--fg-4)}.su-meter-bar>i{background:linear-gradient(90deg, var(--cream) 0%, var(--cream) 78%, var(--gold) 90%, var(--hot) 97%);clip-path:inset(0 100% 0 0)}.su-meter-bar>em{border-block:2px solid var(--fg-3);position:absolute;top:-6px;bottom:-6px}.su-meter-bar>u{background:var(--cream);width:2px;margin-left:-1px;text-decoration:none;position:absolute;top:-3px;bottom:-3px}.su-meter-bar>b{width:3px;margin-left:-1.5px;position:absolute;top:-8px;bottom:-8px}.su-meter-bar>b.gate{background:var(--red)}.su-meter-bar>b.noise{background:var(--fg-2)}.su-meter-scale{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:18px;display:flex}.su-meter-scale .legend{flex-wrap:wrap;align-items:center;gap:6px 10px;display:inline-flex}.su-meter-scale .legend i{width:3px;height:12px;margin-left:6px;display:inline-block}.su-meter-scale .legend i.gate{background:var(--red)}.su-meter-scale .legend i.noise{background:var(--fg-2)}.su-meter-scale .legend i.zone{border-block:2px solid var(--fg-3);width:14px;height:10px}.su-meter-scale .clip{color:#0000;margin-left:auto;padding:2px 8px;transition:color .1s,background .1s}.su-meter-scale .clip.on{background:var(--red);color:#fff}.su-now{gap:12px;max-width:780px;display:grid}.su-progress{background:var(--rule);height:4px;overflow:hidden}.su-progress i{background:var(--cream);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.su-test{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,48px);max-width:1040px;display:grid}.su-test.picture{grid-template-columns:minmax(0,1fr) minmax(200px,260px);align-items:stretch}.su-test-text,.su-test-side{align-content:start;gap:14px;display:grid}.su-part{font:800 22px var(--head);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin:0;display:flex}.su-part span{background:var(--stroke-red) 0 0 / 100% 100% no-repeat;color:#fff;width:38px;height:36px;font:400 20px var(--brush);place-items:center;display:grid}.su-pad{color:var(--fg-2);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-items:center;gap:10px;padding:0;display:grid}.su-pad .key{border:2.5px solid var(--fg-3);width:clamp(200px,22vw,300px);height:clamp(78px,11vh,110px);color:var(--fg-2);font:800 clamp(24px, 3.4vh, 32px) var(--head);letter-spacing:.16em;text-transform:uppercase;border-bottom-width:7px;border-radius:8px;place-items:center;transition:border-color .15s,color .15s;display:grid}.su-pad.live .key{border-color:var(--cream);color:var(--cream);animation:.14s ease-out su-press}@keyframes su-press{0%{background:var(--cream);color:var(--night);border-bottom-width:2.5px;transform:translateY(4.5px)}}.su-test-side .su-pad .key{width:100%}.su-pad small{font:600 13px var(--cond);letter-spacing:.14em;text-transform:uppercase}.su-pips{flex-wrap:wrap;gap:8px;display:flex}.su-pips i{border:2px solid var(--fg-3);width:13px;height:13px;transition:background .12s,transform .2s cubic-bezier(.2,1.8,.4,1);transform:rotate(45deg)}.su-pips i.on{border-color:var(--red);background:var(--red);transform:rotate(45deg)scale(1.15)}.su-highway{aspect-ratio:16/9;width:100%;min-height:200px;max-height:min(48vh,100dvh - 400px);box-shadow:0 0 0 1px var(--rule-2), 0 22px 50px #0000008c;background:#07070b;position:relative;overflow:hidden}.su-highway canvas{touch-action:manipulation;width:100%;height:100%;display:block}.su-highway.idle canvas{opacity:.45}.su-overlay{color:#fff;font:900 clamp(20px, 3vh, 30px) var(--head);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 14px #000000e6;white-space:nowrap;pointer-events:none;margin:0;position:absolute;top:9%;left:50%;transform:translate(-50%)}.su-overlay.still{color:var(--fg-2);top:42%}.su-count{font:900 clamp(64px, 11vh, 110px) / .9 var(--head);font-variant-numeric:tabular-nums;margin:-6px 0 0}.su-result{gap:16px;max-width:900px;display:grid}.su-big-row{flex-wrap:wrap;align-items:center;gap:10px 34px;display:flex}.su-big-row .sp-label{margin-bottom:6px}.su-big{font:900 clamp(84px, 15vh, 170px) / .82 var(--head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--cream);align-items:flex-start;margin:0;display:flex}.su-big i{color:var(--red);margin:.06em 0 0 .08em;font-size:.34em;font-style:normal}.su-big.small{font-size:clamp(60px,10vh,104px)}.su-facts{border-top:1px solid var(--rule);flex-wrap:wrap;gap:12px 40px;margin:0;padding-top:14px;display:flex}.su-facts div{gap:2px;display:grid}.su-facts dt{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.2em;text-transform:uppercase}.su-facts dd{font:800 22px var(--head);letter-spacing:.02em;margin:0}.su-facts.wide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-width:900px;display:grid}.su-strip{gap:8px;max-width:780px;display:grid}.su-strip .track{height:30px;position:relative}.su-strip .track:before{content:"";background:var(--rule-2);height:2px;position:absolute;top:14px;left:0;right:0}.su-strip .zero{background:var(--cream);width:2px;margin-left:-1px;position:absolute;top:2px;bottom:2px;left:50%}.su-strip .track i{background:var(--red);width:12px;height:12px;animation:su-drop .35s cubic-bezier(.2, 1.6, .4, 1) var(--d,0s) backwards;margin-left:-6px;position:absolute;top:9px;transform:rotate(45deg)}@keyframes su-drop{0%{opacity:0;transform:rotate(45deg)scale(2.4)}}.su-strip .scale{color:var(--fg-3);font:600 13px var(--cond);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;display:flex}.su-band{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.su-loading{min-width:240px;color:var(--fg-2);font:500 15px var(--body);gap:8px;display:grid}.su-band-now{color:var(--gold);font:600 15px var(--cond);letter-spacing:.16em;text-transform:uppercase;margin:0;animation:.9s ease-in-out infinite alternate su-wait}.su-sliders{max-width:820px}.su-sliders .field-row .label small{max-width:48ch}.su-hear .field-row,.su-sliders .field-row{max-width:820px}.su-hear .sp-note{max-width:64ch}.su-tune{max-width:1080px}.su-tune .tuner{--face-max:28vh}@media (height<=820px){.su-tune .tuner{--face-max:19vh}.su-tune .tuner-strobe{display:none}}.su-done{gap:30px}.su-stamp{justify-self:start;font-size:24px}.su-welcome{position:relative}.su-jack{width:min(260px,60%);margin:6px 0 10px -8px;display:block;overflow:visible;transform:rotate(-6deg)}.su-jack .cable{fill:none;stroke:var(--ink);stroke-width:6px}.su-jack .ink{fill:var(--ink);stroke:var(--ink);stroke-width:2px}.su-jack .grip{fill:var(--ink)}.su-jack .knurl{fill:none;stroke:var(--paper-hi);stroke-width:2px;opacity:.55}.su-jack .sleeve{fill:#cfc3a8;stroke:var(--ink);stroke-width:2.5px}.su-jack .band{fill:var(--red-ink);stroke:var(--ink);stroke-width:2px}.su-welcome-lead{max-width:52ch;font:500 18px / 1.45 var(--body);margin:0 0 16px}.su-welcome-note{max-width:52ch;color:var(--fg-2);font:400 15.5px / 1.45 var(--body);margin:20px 0 0}.su-list{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.su-list li{font:400 17px / 1.4 var(--body);counter-increment:step;padding-left:52px;position:relative}.su-list li:before{content:counter(step);background:var(--stroke-red) 0 0 / 100% 100% no-repeat;color:#fff;width:38px;height:36px;font:400 19px var(--brush);place-items:center;display:grid;position:absolute;top:-5px;left:0}.su-list b{font-weight:700}@media (width<=860px){.setup .sp-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.su-rail{scrollbar-width:none;gap:4px 18px;padding-top:0;display:flex;overflow-x:auto}.su-rail button{flex:none}.su-rail span{display:none}.su-test,.su-test.picture{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.su-step,.su-check.wait>i,.su-pad.live .key,.su-strip .track i,.su-band-now{animation:none}}@media (hover:none) and (pointer:coarse){.su-phone .band{fill:none;stroke:var(--red-ink);stroke-width:3.5px}}@media (pointer:coarse) and (width<=600px),(pointer:coarse) and (height<=500px){.setup .sp-body{padding:0 var(--gut-r) 0 var(--gut-l);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:4px}.setup .sp-head .sp-title>.eyebrow{display:none}.su-rail{scrollbar-width:none;gap:4px 16px;padding-top:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.su-rail button{flex:none;padding:5px 0}.su-rail span{display:none}.su-rail b{font-size:18px}.su-step{overscroll-behavior:contain;gap:12px;padding:10px 0 0}.su-title{font-size:34px}.su-lead p{font-size:15.5px}.su-say{font-size:16.5px}.su-say.big{font-size:24px}.su-choice{padding:10px 0 12px}.su-choice b{font-size:21px}.su-choice small{font-size:14.5px}.su-check b{font-size:19px}.su-check p,.su-tips{font-size:14.5px}.su-foot{padding:10px 0 calc(var(--gut-b) + 12px);gap:4px 20px}.su-foot:before{background:linear-gradient(#0b090700 0%,#0b0907f5 30px,#0b0907fa 100%);top:-30px}.su-foot .btn.primary.big{min-height:52px;padding:0 28px 4px;font-size:22px}.su-foot .btn:not(.primary){font-size:14px}.su-overlay{letter-spacing:.08em;font-size:16px}.su-test,.su-test.picture{grid-template-columns:1fr;gap:16px}.su-highway{min-height:0;max-height:none}.su-pad .key{height:76px}.su-big{font-size:88px}.su-big.small,.su-count{font-size:64px}.su-facts.wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (pointer:coarse) and (height<=500px) and (orientation:landscape){.su-step{gap:8px;padding-top:6px}.su-title{font-size:28px}.su-head{gap:4px}.su-lead p{font-size:14.5px}.su-test,.su-test.picture{grid-template-columns:minmax(0,1fr) minmax(170px,230px);align-items:start}.su-highway{max-height:58vh}.su-foot{padding-top:6px;padding-bottom:calc(var(--gut-b) + 8px)}.su-foot .btn.primary.big{min-height:46px;font-size:20px}.su-tune .tuner{--face-max:48vh}.su-tune .tuner-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.su-tune .tuner-side{grid-template-columns:minmax(0,1fr)}.su-tune .tuner-strobe{display:none}}