@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/unbounded-800-BirLkIGg.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/space-grotesk-500-DixgQwl0.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-grotesk-700-DHby5BKM.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f1e;--bg-lift:#18203d;--card:#121527;--card-raised:#1a1e36;--border:#23284a;--border-strong:#363c68;--text:#f5f7ff;--text-soft:#f5f7ffc7;--muted:#f5f7ff99;--scrim:#0709149e;--ruby:#ff4d6d;--tang:#ff9a3c;--lemon:#ffd93d;--mint:#2ee6a6;--sky:#3da5ff;--plum:#b07cff;--accent:var(--sky);--gold:var(--lemon);--font-display:"Unbounded", "Arial Black", sans-serif;--font-ui:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--s-1:4px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--s12:96px;--t-xs:.8125rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.5rem;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--target:48px;--header-h:64px;--ease-out:cubic-bezier(.2, .8, .2, 1);--shadow-panel:0 24px 64px #00000073}@media (max-width:767px){:root{--header-h:56px}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--border-strong) transparent;font-size:100%;font-weight:500;line-height:1.5}body{background:var(--bg);min-height:100dvh;margin:0}h1,h2,h3,p,ul,ol,figure{margin:0}p{text-wrap:pretty}ul,ol{padding:0;list-style:none}img,svg,canvas{display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}::selection{background:#3da5ff66}:focus{outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[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}.skip-link{top:var(--s1);left:var(--s1);z-index:100;min-height:var(--target);padding:0 var(--s2);border-radius:var(--r-md);background:var(--text);color:var(--bg);border:0;font-weight:700;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.noscript{max-width:40rem;margin:var(--s4) auto;padding:0 var(--s3);color:var(--text-soft)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.dot{background:var(--dot,var(--text));border-radius:50%;flex:none;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1.5px #0000004d}.dot-ruby{--dot:var(--ruby)}.dot-tang{--dot:var(--tang)}.dot-lemon{--dot:var(--lemon)}.dot-mint{--dot:var(--mint)}.dot-sky{--dot:var(--sky)}.dot-plum{--dot:var(--plum)}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}[tabindex="-1"]:focus{outline:none}.site-header{z-index:10;align-items:center;gap:var(--s3);height:var(--header-h);padding:0 var(--s3);padding-left:max(var(--s3), env(safe-area-inset-left));padding-right:max(var(--s3), env(safe-area-inset-right));background:var(--bg);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{min-height:var(--target);min-width:var(--target);border-radius:var(--r-sm);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{fill:none;stroke-linecap:round;stroke-width:2.4px;width:32px;height:32px}.brand-ring-outer{stroke:var(--text);stroke-opacity:.45}.brand-ring-inner{stroke:var(--text)}.brand-ball{fill:var(--ruby);stroke:none}.brand-name{font-family:var(--font-display);font-weight:800;font-size:var(--t-md);letter-spacing:.01em;text-transform:uppercase}.site-nav{gap:var(--s-1);margin-left:var(--s2);display:flex}.site-nav a{min-height:var(--target);padding:0 var(--s2);color:var(--muted);font-size:var(--t-sm);border-radius:999px;align-items:center;font-weight:700;text-decoration:none;transition:color .12s,background-color .12s;display:inline-flex}@media (hover:hover){.site-nav a:hover{color:var(--text)}}.site-nav a[aria-current=page]{background:var(--card-raised);color:var(--text)}.header-actions{gap:var(--s-1);margin-left:auto;display:flex}@media (max-width:899px){.site-nav{display:none}}@media (min-width:1100px){.header-actions .menu-button{display:none}}@media (max-width:767px){.site-header{gap:var(--s1);padding-left:max(var(--s2), env(safe-area-inset-left));padding-right:max(var(--s1), env(safe-area-inset-right))}:root[data-layout=stage] .site-header{border-bottom-color:#0000}:root[data-route=home] .brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.layout{display:block}.rail{display:none}.layout[data-layout=stage]{height:calc(100dvh - var(--header-h))}.layout[data-layout=stage] .center{height:100%;min-height:0}:root[data-layout=stage] body{overflow:hidden}@media (min-width:768px){.layout[data-layout=stage]{padding:var(--s3)}}@media (min-width:1100px){.layout[data-layout=stage]{--stage-max:calc((100dvh - var(--header-h) - 2 * var(--s3)) * 1080 / 1680);grid-template-columns:minmax(272px, 320px) minmax(0, var(--stage-max)) minmax(272px, 320px);justify-content:center;gap:var(--s5);padding:var(--s3) var(--s4);display:grid}.layout[data-layout=stage] .rail{gap:var(--s3);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}}.layout[data-layout=page] .center{width:min(100%,960px);padding:var(--s6) var(--s3) var(--s12);margin:0 auto}@media (max-width:767px){.layout[data-layout=page] .center{padding:var(--s4) var(--s2) var(--s8)}}.page-head{max-width:44rem;margin-bottom:var(--s5)}.page-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(2rem,1.4rem + 2.6vw,3rem);font-weight:800;line-height:1.08}.page-lede{margin-top:var(--s2);color:var(--text-soft);font-size:var(--t-lg);text-wrap:pretty;line-height:1.55}.view-page>*+*{margin-top:var(--s3)}.view-page>.page-head+*{margin-top:0}.prose-page{max-width:44rem}.prose-section+.prose-section{margin-top:var(--s5)}.prose-title{margin-bottom:var(--s1);font-size:var(--t-xl);font-weight:700;line-height:1.3}.prose-section p{color:var(--text-soft);text-wrap:pretty;font-size:1.0625rem;line-height:1.65}.prose-section p+p,.prose-section p+.credit-list,.prose-section .credit-list+p{margin-top:var(--s2)}.button{justify-content:center;align-items:center;gap:var(--s1);min-height:var(--target);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);white-space:nowrap;background:0 0;padding:0 20px;font-size:.9375rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex}.button .icon{width:20px;height:20px}@media (hover:hover){.button:hover{background:var(--card-raised);border-color:#464d82}}.button:active{transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-primary{background:var(--text);color:var(--bg);border-color:#0000}@media (hover:hover){.button-primary:hover{background:#fff;border-color:#0000}.button-primary:disabled:hover{background:var(--text)}}.button-danger{color:#ff8098;border-color:#ff4d6d80}@media (hover:hover){.button-danger:hover{border-color:var(--ruby);background:#ff4d6d1a}}.button-small{font-size:var(--t-sm);padding:0 14px}.button-wide{width:100%}.button-row{gap:var(--s1);flex-wrap:wrap;display:flex}.button-row>.button{flex:1 1 0}.button-row-end{justify-content:flex-end}.button-row-end>.button,.button-row-center>.button{flex:none}.button-row-center{justify-content:center}.button-stack{gap:var(--s1);display:grid}.icon-button{width:var(--target);height:var(--target);border-radius:var(--r-md);color:var(--text);background:0 0;border:0;flex:none;place-items:center;padding:0;transition:background-color .12s;display:inline-grid}@media (hover:hover){.icon-button:hover{background:var(--card-raised)}}.icon-button:disabled{opacity:.4;cursor:not-allowed}.text-link{color:var(--text);font-size:inherit;text-underline-offset:3px;background:0 0;border:0;border-radius:2px;padding:0;font-weight:700;-webkit-text-decoration:underline #f5f7ff59;text-decoration:underline #f5f7ff59;text-decoration-thickness:1px}@media (hover:hover){.text-link:hover{text-decoration-color:currentColor}}.panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);padding:20px;position:relative}.panel-head,.card-head{justify-content:space-between;align-items:baseline;gap:var(--s2);margin-bottom:var(--s2);display:flex}.panel-head .text-link{font-size:var(--t-sm)}.panel-head .text-link,.empty-compact .text-link{min-height:var(--target);margin-block:calc((1.5em - var(--target)) / 2);align-items:center;display:inline-flex}.panel-title,.card-title{font-size:var(--t-md);font-weight:700;line-height:1.3}.panel-text,.card-text{color:var(--muted);font-size:var(--t-sm);line-height:1.5}.card{padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);position:relative}.card-title{font-size:var(--t-lg)}.card-text+*{margin-top:var(--s2)}.card-quiet{background:0 0}.note{border-radius:var(--r-md);color:#ffe68f;font-size:var(--t-sm);background:#ffd93d12;border:1px solid #ffd93d59;padding:10px 14px;line-height:1.45}.muted-small{color:var(--muted);font-size:var(--t-xs);line-height:1.35}.mode-list{gap:var(--s1);display:grid}.mode-card{min-height:var(--target);padding:14px var(--s2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);gap:2px;text-decoration:none;transition:border-color .12s,background-color .12s;display:grid}@media (hover:hover){.mode-card:hover{border-color:var(--border-strong);background:var(--card-raised)}}.mode-title{font-weight:700}.mode-meta{color:var(--muted);font-size:var(--t-xs);text-wrap:pretty;line-height:1.45}.seed-form{gap:var(--s1);margin-top:var(--s3);display:grid}.seed-form .text-link{min-height:var(--target);font-size:var(--t-sm);justify-self:start}.seed-row{gap:var(--s1);display:flex}.field-label{font-size:var(--t-sm);font-weight:700}.field{width:100%;min-width:0;min-height:var(--target);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--t-md);letter-spacing:.04em;padding:0 14px;font-weight:700}.field::placeholder{color:#f5f7ff52}.field:focus-visible{outline-offset:0;border-color:var(--accent);outline-width:2px}.field[aria-invalid=true]{border-color:var(--ruby)}.seed-input{text-transform:uppercase;flex:auto}.select{width:auto;padding-right:var(--s5);letter-spacing:0;appearance:none;background-image:url(/assets/chevron-CFTw0PN0.svg);background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.field-hint{color:var(--muted);font-size:var(--t-xs);line-height:1.4}.field-error{color:#ff8098}.segments{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);gap:2px;padding:3px;display:inline-flex}.segment{min-height:var(--target);min-width:var(--target);color:var(--muted);font-size:var(--t-sm);background:0 0;border:0;border-radius:9px;padding:0 14px;font-weight:700;transition:color .12s,background-color .12s}@media (hover:hover){.segment:hover{color:var(--text)}}.segment[aria-pressed=true]{background:var(--card-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.leaderboard .segments{margin-bottom:var(--s2);display:flex}.leaderboard .segment{flex:1 1 0}.leaderboard .note{margin-top:var(--s2)}.board-list{display:grid}.board-row{border-bottom:1px solid var(--border);grid-template-columns:22px 12px minmax(0,1fr) auto 3.25rem;align-items:center;gap:10px;min-height:40px;font-size:.9375rem;display:grid}.board-row:last-child{border-bottom:0}.board-rank{color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:right}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-rings{font-variant-numeric:tabular-nums;font-weight:700}.board-won{color:var(--text-soft);font-size:var(--t-xs);justify-content:flex-end;align-items:center;gap:2px;display:inline-flex}.board-won .icon,.won .icon{width:18px;height:18px;color:var(--mint)}.empty{justify-items:center;gap:var(--s2);padding:var(--s4) var(--s2);text-align:center;display:grid}.empty-compact{justify-items:start;gap:var(--s1);padding:var(--s1) 0 var(--s-1);text-align:left;color:var(--muted);font-size:var(--t-sm)}.empty-compact .text-link{font-size:var(--t-sm)}.empty-page{padding:var(--s8) var(--s3);border:1px dashed var(--border-strong);border-radius:var(--r-xl)}@media (max-width:599px){.empty-page{padding:var(--s6) var(--s2)}}.empty-mark{background:url(/assets/mark-Dakp77aw.svg) 50%/contain no-repeat;width:72px;height:72px}.empty-title{font-family:var(--font-display);font-weight:800;font-size:var(--t-xl)}.empty-text{max-width:32rem;color:var(--text-soft);text-wrap:balance}.empty .button-row{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,22rem);display:grid}.board-controls{justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.earlier{align-items:center;gap:var(--s1);display:flex}.board-table-wrap{position:relative;overflow-x:auto}.board-table{border-collapse:collapse;width:100%;font-size:.9375rem}.board-table th{padding:0 var(--s1) var(--s1);color:var(--muted);font-size:var(--t-xs);text-align:left;border-bottom:1px solid var(--border);font-weight:700}.board-table td{height:56px;padding:0 var(--s1);border-bottom:1px solid var(--border);vertical-align:middle}.board-table tbody tr:last-child td{border-bottom:0}.board-table .col-rank{width:40px;color:var(--muted);font-variant-numeric:tabular-nums}.board-table .col-num{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.board-table .col-action{text-align:right;white-space:nowrap;width:1%}.board-table .col-finish{padding-left:var(--s3)}.player{align-items:center;gap:10px;display:inline-flex}.won{align-items:center;gap:6px;font-weight:700;display:inline-flex}.player-finish{display:none}@media (max-width:599px){.board-table{table-layout:fixed}.board-table :is(.col-date,.col-finish){display:none}.board-table .col-rank{width:32px}.board-table .col-num{width:56px}.board-table .col-action{width:64px}.player{min-width:0;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-finish{color:var(--muted);font-size:var(--t-sm);margin:2px 0 0 22px;display:block}.replay-button{width:var(--target);padding:0}.replay-label,.replay-off{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.stats{gap:var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{padding:var(--s2);border-radius:var(--r-md);background:var(--bg);gap:2px;display:grid}.stat-value{font-family:var(--font-display);font-weight:800;font-size:var(--t-2xl);font-variant-numeric:tabular-nums;line-height:1.1}.stat-label{color:var(--muted);font-size:var(--t-xs)}@media (max-width:599px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.episode-grid{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fill,minmax(176px,1fr));display:grid}.episode{border-radius:var(--r-lg);gap:12px;text-decoration:none;display:grid}.episode-poster{aspect-ratio:9/16;object-fit:cover;border-radius:var(--r-lg);background:var(--card) url(/assets/stage-poster-y9T45M0g.svg) center / cover;width:100%;height:auto;box-shadow:0 0 0 1px var(--border);transition:box-shadow .12s}@media (hover:hover){.episode:hover .episode-poster{box-shadow:0 0 0 1px var(--border-strong), 0 12px 32px #00000059}}.episode-text{gap:2px;display:grid}.episode-number{color:var(--muted);font-size:var(--t-xs);font-weight:700}.episode-title{font-weight:700;line-height:1.35}.episode-meta{color:var(--muted);font-size:var(--t-xs)}.episode-stack{gap:var(--s2);display:grid}.episode-compact{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px}.episode-compact .episode-poster{border-radius:var(--r-sm)}.credit-list{gap:var(--s1);display:grid}.credit{padding:14px var(--s2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);gap:2px;display:grid}.credit-title{font-weight:700}.credit-meta{color:var(--muted);font-size:var(--t-sm)}.credit-linked{align-items:center;gap:var(--s2);grid-template-columns:minmax(0,1fr) auto}.credit-text{gap:2px;display:grid}.dialog{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);width:min(440px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--text);box-shadow:var(--shadow-panel);overscroll-behavior:contain;padding:0;overflow:auto}.dialog[open]{animation:dialog-in .18s var(--ease-out)}.dialog::backdrop{background:#05070fb8}.dialog-head{z-index:1;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s1) var(--s1) var(--s3);background:var(--card);display:flex;position:sticky;top:0}.dialog-title{font-family:var(--font-display);font-weight:800;font-size:var(--t-lg)}.dialog-body{padding:0 var(--s3) var(--s3)}.dialog-text{color:var(--text-soft);margin-bottom:var(--s3)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (max-width:767px){.dialog-sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;margin:auto 0 0}.dialog-sheet[open]{animation:sheet-in .22s var(--ease-out)}}@keyframes sheet-in{0%{transform:translateY(100%)}}.dialog-menu .dialog-body{gap:var(--s3);display:grid}.dialog-menu .panel{background:0 0;border:0;padding:0}.sheet-nav{gap:var(--s1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sheet-nav a{min-height:56px;padding:0 var(--s2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);align-items:center;font-weight:700;text-decoration:none;display:flex}.sheet-nav a[aria-current=page]{border-color:var(--border-strong);background:var(--card-raised)}.settings{display:grid}.setting{padding:var(--s2) 0;border-bottom:1px solid var(--border)}.setting:last-child{border-bottom:0;padding-bottom:0}.setting-toggle{align-items:center;column-gap:var(--s2);grid-template-columns:1fr auto;row-gap:2px;display:grid}.setting-label{font-weight:700}.setting-hint{color:var(--muted);font-size:var(--t-xs);grid-column:1/-1}.switch{width:52px;height:32px;display:inline-block;position:relative}.switch-input{z-index:1;opacity:0;cursor:pointer;width:calc(100% + 16px);height:calc(100% + 16px);margin:0;position:absolute;inset:-8px}.switch-track{background:var(--border-strong);border-radius:999px;transition:background-color .15s;position:absolute;inset:0}.switch-track:after{content:"";background:var(--text);width:24px;height:24px;transition:transform .15s var(--ease-out);border-radius:50%;position:absolute;top:4px;left:4px}.switch-input:checked+.switch-track{background:var(--accent)}.switch-input:checked+.switch-track:after{transform:translate(20px)}.switch-input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:2px}.setting-range{gap:var(--s1);display:grid}.range-row{align-items:center;gap:var(--s2);display:flex}.range{height:var(--target);accent-color:var(--accent);flex:auto;margin:0}.range-value{min-width:3.5em;color:var(--muted);font-size:var(--t-sm);font-variant-numeric:tabular-nums;text-align:right}.setting-choices{gap:var(--s1);padding:var(--s2) 0 0;border:0;margin:0;display:grid}.setting-choices legend{float:left;width:100%;margin-bottom:var(--s1);padding:0}.choice{min-height:var(--target);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.choice:has(:checked){border-color:var(--accent);background:#3da5ff14}.choice-input{appearance:none;border:2px solid var(--muted);background:var(--bg);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin:1px 0 0;display:grid}.choice-input:before{content:"";background:var(--accent);width:10px;height:10px;transition:transform .12s var(--ease-out);border-radius:50%;transform:scale(0)}.choice-input:checked{border-color:var(--accent)}.choice-input:checked:before{transform:scale(1)}@media (forced-colors:active){.choice-input:checked:before{forced-color-adjust:none;background:canvastext}}.choice-text{gap:2px;display:grid}.choice-label{font-weight:700}.choice-hint{color:var(--muted);font-size:var(--t-xs);text-wrap:pretty}.segments-race{width:min(100%,22rem);margin-bottom:var(--s2);display:flex}.segments-race .segment{flex:1 1 0}.leaderboard .segments-race{width:auto;margin-bottom:var(--s1)}.modes-notes .panel-text{margin:calc(-1 * var(--s1)) 0 var(--s2)}.sheet-nav a:last-child:nth-child(odd){grid-column:1/-1}.series+.series{margin-top:var(--s8)}.series-head{margin-bottom:var(--s3)}.series-title{font-family:var(--font-display);font-weight:800;font-size:var(--t-xl);line-height:1.2}.series-text{margin-top:var(--s-1);color:var(--muted)}.note-episode-grid{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fill,minmax(176px,1fr));display:grid}.series-empty{padding:var(--s3);border:1px dashed var(--border-strong);border-radius:var(--r-xl);text-align:left;justify-items:start}.instrument-list{gap:var(--s1);margin-top:var(--s2);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.instrument{padding:12px var(--s2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.instrument .dot{grid-row:1/3}.instrument-color{font-weight:700}.instrument-name{color:var(--muted);font-size:var(--t-sm);grid-column:2}.view-stage{height:100%}.stage{place-items:center;width:100%;height:100%;display:grid;position:relative;container-type:size}.stage-box{--u:min(calc(100cqw / 920), calc(100cqh / 1680));width:min(100cqw, calc(var(--u) * 1080));height:min(100cqh, calc(var(--u) * 1800));background:var(--bg) url(/assets/stage-poster-y9T45M0g.svg) no-repeat;background-position:50% calc(var(--u) * -120);background-size:calc(var(--u) * 1080) calc(var(--u) * 1920);isolation:isolate;position:relative;overflow:hidden;container-type:size}@media (min-width:768px){.stage-box{border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--border), 0 32px 80px #0006}}.stage-canvas{border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.stage-box.is-drawn .stage-canvas{opacity:1}.stage-surface{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:none;position:absolute;inset:0}.stage-box.is-play .stage-surface{display:block}.stage-top{height:calc(var(--u) * 324);padding:calc(var(--u) * 50) 7cqw 0;pointer-events:none;position:absolute;inset:0 0 auto}.stage-top :is(a,button){pointer-events:auto}.stage-band{inset:calc(var(--u) * 1320) 0 0;justify-content:center;gap:var(--s1);padding:0 6cqw max(calc(var(--u) * 40), env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute}.band-row{align-items:center;gap:var(--s1);display:flex}.band-spacer{flex:auto}.stage-hint{align-items:center;gap:var(--s-1) var(--s2);color:var(--muted);font-size:max(.8125rem, calc(var(--u) * 31));flex-wrap:wrap;flex:auto;line-height:1.35;display:flex}.hint-keys{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.stage-hint kbd{border:1px solid var(--border-strong);min-width:1.9em;height:1.9em;color:var(--text);font:inherit;background:#121527d1;border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 .45em;font-size:.875em;font-weight:700;line-height:1;display:inline-grid}.icon-button-stage{box-shadow:inset 0 0 0 1px var(--border);background:#121527d1}@media (hover:hover){.icon-button-stage:hover{background:var(--card-raised)}}.segments-stage{background:#0b0f1ed1}.stage-band .icon-button{border-radius:14px;width:56px;height:56px}.stage-layer{z-index:3;padding:var(--s2);background:var(--scrim);place-items:center;display:none;position:absolute;inset:0}.stage-layer.is-open{animation:.16s layer-in;display:grid}@keyframes layer-in{0%{opacity:0}}.stage-panel{gap:var(--s2);width:min(100%,400px);max-height:calc(100cqh - var(--s4));padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);box-shadow:var(--shadow-panel);animation:panel-in .22s var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.stage-panel>*{flex-shrink:0}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}}@media (min-width:768px){.stage-layer:not(.is-end){padding-top:calc(var(--u) * 256);padding-bottom:calc(100cqh - var(--u) * 1120)}}@media (max-width:767px){.stage{place-items:end center}.stage-box:after{content:"";height:calc(var(--u) * 40);background:linear-gradient(var(--bg), transparent);pointer-events:none;position:absolute;inset:0 0 auto}.stage-layer{background:linear-gradient(to bottom, transparent, var(--scrim) 40%);place-items:end stretch;padding:0}.stage-panel{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;padding:var(--s3) var(--s2) max(var(--s3), env(safe-area-inset-bottom));border-width:1px 0 0}.stage-layer:not(.is-end) .stage-panel{min-height:calc(100cqh - var(--u) * 1120)}.stage-layer:not(.is-end) .stage-panel>:last-child{margin-top:auto}}.stage-layer.is-end{background:linear-gradient(to bottom, transparent 55%, var(--scrim));align-items:end}.stage-panel-result .result-actions{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.stage-panel-result .result-actions>:last-child:nth-child(odd){grid-column:auto}.stage-panel-result .result-actions>.button{padding:0 12px}.stage-panel-title{font-family:var(--font-display);font-weight:800;font-size:var(--t-xl);line-height:1.2}.stage-panel-text{color:var(--text-soft);text-wrap:pretty;font-size:.9375rem}.stage-panel-link{min-height:var(--target);font-size:var(--t-sm);align-self:center;align-items:center;display:inline-flex}.result-line{color:var(--text-soft);align-items:center;gap:10px;display:flex}.result-actions{gap:var(--s1);grid-template-columns:1fr 1fr;display:grid}.result-actions>:last-child:nth-child(odd){grid-column:1/-1}.result-saved{color:var(--mint);font-weight:700}.verdict{color:var(--muted);font-size:var(--t-sm)}.name-entry{gap:var(--s1);padding:var(--s2);border-radius:var(--r-lg);background:var(--bg);display:grid}.swatches{gap:var(--s1);border:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;display:grid}.swatch{border-radius:var(--r-md);cursor:pointer;justify-items:center;gap:6px;min-height:80px;padding:10px 0 8px;transition:background-color .12s;display:grid;position:relative}@media (hover:hover){.swatch:hover{background:var(--card-raised)}}.swatch-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.swatch-ball{background:var(--ball);width:44px;height:44px;transition:transform .16s var(--ease-out), box-shadow .16s ease;border-radius:50%;position:relative;box-shadow:inset 0 0 0 3px #00000047}.swatch-ball:before,.swatch-ball:after{content:"";background:radial-gradient(circle at 58%,#0b0f1e 0 25%,#fff 27%);border-radius:50%;width:28%;height:28%;position:absolute;top:34%}.swatch-ball:before{left:18%}.swatch-ball:after{right:18%}.swatch-name{color:var(--muted);font-size:var(--t-xs);font-weight:700}.swatch-input:checked~.swatch-ball{box-shadow:inset 0 0 0 3px #00000047, 0 0 0 3px var(--card), 0 0 0 6px var(--text);transform:scale(1.06)}.swatch-input:checked~.swatch-name{color:var(--text)}.swatch-input:focus-visible~.swatch-ball{outline:3px solid var(--accent);outline-offset:6px}.swatch-ruby{--ball:var(--ruby)}.swatch-tang{--ball:var(--tang)}.swatch-lemon{--ball:var(--lemon)}.swatch-mint{--ball:var(--mint)}.swatch-sky{--ball:var(--sky)}.swatch-plum{--ball:var(--plum)}.hero-top{padding:calc(var(--u) * 22) 7cqw 0;text-align:center}.wordmark{font-family:var(--font-display);font-weight:800;font-size:calc(var(--u) * 100);letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;line-height:1}.hero-line{max-width:calc(var(--u) * 820);margin:calc(var(--u) * 22) auto 0;color:var(--text-soft);font-size:max(.875rem, calc(var(--u) * 36));text-wrap:balance;line-height:1.3}.hero-actions .button{min-height:max(var(--target), calc(var(--u) * 112));font-size:max(.9375rem, calc(var(--u) * 36))}.hero-actions .icon-button{width:max(var(--target), calc(var(--u) * 112));height:max(var(--target), calc(var(--u) * 112))}.race-pick{align-items:center;gap:max(12px, calc(var(--u) * 28));min-height:max(var(--target), calc(var(--u) * 112));padding:max(8px, calc(var(--u) * 16)) max(14px, calc(var(--u) * 32));border:1px solid var(--border-strong);border-radius:var(--r-md);background:#0b0f1ed1;text-decoration:none;transition:background-color .12s,border-color .12s;display:flex}@media (hover:hover){.race-pick:hover{background:var(--card-raised);border-color:#464d82}}.race-pick-mark{width:max(32px, calc(var(--u) * 72));height:max(32px, calc(var(--u) * 72));fill:none;stroke-linecap:round;flex:none}.pick-bar{stroke:none}.pick-bar-ruby{fill:var(--ruby)}.pick-bar-sky{fill:var(--sky)}.pick-bar-mint{fill:var(--mint)}.pick-bar-lemon{fill:var(--lemon)}.pick-strike{stroke:var(--text);stroke-opacity:.35;stroke-width:1.5px}.pick-keys{fill:var(--text);stroke:var(--bg);stroke-width:1.5px;stroke-linejoin:round}.race-pick-text{gap:2px;min-width:0;display:grid}.race-pick-title{font-weight:700;font-size:max(.9375rem, calc(var(--u) * 36));line-height:1.2}.race-pick-pitch{color:var(--text-soft);font-size:max(.8125rem, calc(var(--u) * 28));text-wrap:pretty;line-height:1.3}.pick-instrument{margin-top:calc(-1 * var(--s1));color:var(--muted);font-size:var(--t-sm);text-align:center}