@font-face{font-family:Haettenschweiler;src:url(/fonts/haettenschweiler.ttf)format("truetype");font-display:swap}:root{--cacau:#301c1d;--ketchup:#af1b0b;--mostarda:#c4c600;--uva:#43123f;--rosita:#bf3556;--lilas:#9f95c9;--violetish:#7e0950;--tangerina:#ec940c;--jungle:#25a201;--inferno:#df0000;--cream:#f8ffed;--blush:#efa0c8;--bg:var(--cream);--ink:var(--cacau);--accent:var(--violetish);--font-display:"Haettenschweiler", "Impact", "Arial Narrow Bold", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:14px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none;min-height:100dvh}button,input{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--chrome-1:#d9d9e3;--chrome-2:#f6f1d9;--chrome-3:#c9e4f5;--chrome-4:#ead2ea;--edge:#c9c4d6;--muted:#6b5a5b;--gel-top:#b0236f;--gel-bottom:#5d0639;--iridescent:conic-gradient(from 20deg, var(--chrome-1), var(--chrome-2), var(--chrome-3), var(--chrome-4), var(--chrome-1), #f7f7f7, #cfe1f0, #f1d7e6, var(--chrome-1))}body{background:radial-gradient(120% 55% at 50% -5%, #fff 0%, transparent 60%), radial-gradient(80% 50% at 100% 100%, color-mix(in srgb, var(--lilas) 30%, transparent), transparent 70%), radial-gradient(70% 40% at 0% 80%, color-mix(in srgb, var(--blush) 25%, transparent), transparent 70%), var(--cream);background-attachment:fixed}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--tangerina);outline-offset:3px}.app{max-width:520px;padding:var(--gutter);outline:none;margin:0 auto}.screen{min-height:calc(100dvh - 2 * var(--gutter) - 52px);flex-direction:column;gap:18px;animation:.45s cubic-bezier(.2,.8,.2,1) enter;display:flex}.center{text-align:center;justify-content:center;align-items:center}.page{min-height:auto;padding-top:8px}@keyframes enter{0%{opacity:0;transform:translateY(14px)scale(.99)}}.wordmark,.display{font-family:var(--font-display);color:var(--accent);letter-spacing:.005em;margin:0;font-weight:400;line-height:.9}.wordmark{font-size:clamp(64px,20vw,96px)}.display{text-wrap:balance;font-size:clamp(36px,10vw,54px)}.mono{font-family:var(--font-mono)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:700}.status{font-family:var(--font-display);color:var(--rosita);margin:0;font-size:26px}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cd{background:var(--iridescent);border-radius:50%;flex:none;max-width:62vw;max-height:62vw;position:relative;box-shadow:inset 0 0 0 1px #b9b6c4,inset 0 0 18px #fff9,0 14px 30px -12px #43123f73}.cd:before{content:"";background:repeating-radial-gradient(circle,#0000 0 2px,#ffffff12 2px 3px),linear-gradient(135deg,#ffffff8c,#0000 45% 60%,#ffffff59);border-radius:50%;position:absolute;inset:0}.cd:after{content:"";background:radial-gradient(circle, var(--cream) 0 30%, #b9b6c4 31%, #e9e7ef 34% 58%, #bdb9c9 60%, #e1dfe8 64%);border-radius:50%;position:absolute;inset:36%;box-shadow:0 0 0 1px #b9b6c499}.cd__label{width:100%;height:100%;font-family:var(--font-display);fill:var(--violetish);letter-spacing:.02em;font-size:15px;position:absolute;inset:0}.cd--slow{animation:9s linear infinite spin}.cd--fast{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cd--slow,.cd--fast{animation:none!important}}.case{border:1.5px solid var(--edge);background:linear-gradient(160deg,#ffffffd9,#ffffff73);border-radius:10px;width:100%;padding:22px 22px 22px 34px;position:relative;box-shadow:inset 0 1px #fff,0 12px 28px -18px #43123f80}.case:before{content:"";background:repeating-linear-gradient(180deg, var(--edge) 0 6px, transparent 6px 10px);opacity:.8;border-radius:4px;width:8px;position:absolute;top:10px;bottom:10px;left:10px}.btn{cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:50px;padding:0 24px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}.btn--primary{color:#fff;background:linear-gradient(180deg, var(--gel-top), var(--accent) 55%, var(--gel-bottom));box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -2px 6px #0003, 0 4px 0 var(--uva), 0 10px 20px -10px #43123fb3;text-shadow:0 1px #00000040;position:relative;overflow:hidden}.btn--primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:999px;height:42%;position:absolute;top:3px;left:12%;right:12%}.btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn--primary:active:not(:disabled){box-shadow:inset 0 1px 0 #fff6, 0 1px 0 var(--uva);transform:translateY(3px)}.btn:disabled{cursor:not-allowed;filter:saturate(.35)brightness(1.15);opacity:.75}.btn--ghost{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-underline-offset:4px}.btn--ghost:hover{text-decoration-color:currentColor}.landing{justify-content:center;gap:20px}.landing__hero{justify-items:center;gap:6px;display:grid}.landing__hero .cd{margin-bottom:8px}.landing__phrase{text-align:center;min-height:2.2em;font-family:var(--font-display);color:var(--rosita);text-wrap:balance;margin:0;font-size:clamp(20px,5.6vw,26px);line-height:1.1;animation:.4s ease-out enter}.tracklist{font-family:var(--font-mono);border-top:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);margin:0;padding:0;font-size:13px;list-style:none}.tracklist li{border-bottom:1px dashed color-mix(in srgb, var(--ink) 20%, transparent);grid-template-columns:2.4em 1fr auto;padding:8px 2px;display:grid}.tracklist li span{color:var(--muted);font-variant-numeric:tabular-nums}.linkform{gap:10px;display:grid}.linkform__input{border:2px solid var(--edge);background:#fff;border-radius:14px;width:100%;min-height:56px;padding:0 18px;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 5px #301c1d12}.linkform__input::placeholder{color:#8a7d7e}.linkform__input:focus{border-color:var(--accent);box-shadow:inset 0 2px 5px #301c1d12, 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.linkform__input[aria-invalid=true]{border-color:var(--inferno)}.linkform .btn{min-height:56px;font-size:18px}.linkform__hint{text-align:center;min-height:1.4em;margin:0;font-size:14px}.linkform__hint--ok{color:#1d7a00}.linkform__hint--ok:before{content:"✓ "}.linkform__hint--error{color:var(--inferno)}.howto{background:color-mix(in srgb, var(--lilas) 18%, transparent);border-radius:14px;width:100%;padding:2px 16px}.howto summary{cursor:pointer;text-align:center;padding:10px 0;font-weight:600;list-style:none}.howto summary::-webkit-details-marker{display:none}.howto summary:after{content:" +";color:var(--accent)}.howto[open] summary:after{content:" –"}.howto ol{margin:0 0 12px;padding-left:20px;line-height:1.6}.meter{width:min(100%,320px);font-family:var(--font-mono);color:var(--muted);gap:6px;display:grid}.meter__bar{background:#ffffffb3;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #301c1d2e}.meter__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--lilas), var(--rosita), var(--accent));height:100%;transition:width .3s;display:block}.games-placeholder{min-height:160px;color:var(--muted);place-items:center;display:grid}.cover-placeholder{aspect-ratio:1;background:linear-gradient(160deg, #ffffff59, transparent 40%), var(--accent);width:min(100%,320px);color:var(--cream);font-family:var(--font-display);place-content:center;gap:6px;padding:22px;font-size:30px;line-height:1;display:grid}.cover-placeholder:before{display:none}.cover-placeholder .display{color:var(--cream);font-size:80px}.liner{width:min(100%,360px);font-family:var(--font-mono);text-align:left;border-top:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);margin:0;padding:0;font-size:13px;list-style:none}.liner li{border-bottom:1px dashed color-mix(in srgb, var(--ink) 20%, transparent);padding:8px 2px}.back{color:inherit;font-weight:600}.page p{max-width:60ch;line-height:1.6}.footer{padding:12px var(--gutter) 20px;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}.footer a{color:inherit}.footer span{color:var(--muted)}