@font-face{font-family:hostGrotesk;src:url(../media/HostGrotesk_latin-s.p.2028s2bhlck6k.woff2)format("woff2");font-display:swap;font-weight:300 800}@font-face{font-family:hostGrotesk Fallback;src:local(Arial);ascent-override:95.95%;descent-override:29.78%;line-gap-override:0.0%;size-adjust:105.78%}.hostgrotesk_654766fd-module__tPzQ1G__className{font-family:hostGrotesk,hostGrotesk Fallback}.hostgrotesk_654766fd-module__tPzQ1G__variable{--font-host:"hostGrotesk", "hostGrotesk Fallback"}
:root{--green:#1eb53a;--yellow:#fcd116;--blue:#00a3dd;--ink:#07100c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:var(--font-host), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}.stage{position:fixed;inset:0;overflow:hidden}.stage video,.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage video{object-fit:cover;background:#000;transform:scaleX(-1)}.stage canvas{pointer-events:none}.hud{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.spacer{flex:1}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#07100cb8;border:1px solid #ffffff1f;border-radius:22px;max-width:560px;margin:auto;padding:28px 26px}.panel h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(28px,7vw,44px)}.panel h1 span{color:var(--yellow)}.panel p{color:#dcece2;margin:0 0 18px}.panel .err{color:#ff9a8b}button{--cap:var(--yellow);--edge:#a8880a;--lift:5px;font:inherit;letter-spacing:-.01em;color:var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--cap), #fff 26%), var(--cap) 62%);cursor:pointer;box-shadow:inset 0 1px 0 #fff9, inset 0 -2px 2px #00000029, 0 var(--lift) 0 var(--edge), 0 calc(var(--lift) + 5px) 16px #0000006b;border:0;border-radius:999px;padding:14px 28px;font-weight:650;transition:transform 70ms,box-shadow 70ms,filter .12s;transform:translateY(0)}button:hover{filter:brightness(1.06)}button:active{transform:translateY(calc(var(--lift) - 1px));box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 2px #0003, 0 1px 0 var(--edge), 0 2px 6px #00000059}button:focus-visible{outline-offset:3px;outline:3px solid #fff}button.ghost{--cap:#fff3;--edge:#0000008c;--lift:4px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff47,#ffffff24)}.rack{flex-wrap:wrap;justify-content:center;gap:18px;padding:0 18px 26px;display:flex}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-align:center;--lift:6px;--edge:#00000080;width:clamp(150px,44vw,212px);box-shadow:inset 0 1px 0 #ffffff2e, 0 var(--lift) 0 var(--edge), 0 calc(var(--lift) + 8px) 22px #00000073;background:#0a140fd1;border:2px solid #ffffff24;border-radius:22px;padding:14px 14px 18px;transition:border-color .15s,transform .12s,box-shadow .12s}.card:hover{filter:none;transform:translateY(-2px)}.card:active{transform:translateY(calc(var(--lift) - 2px));box-shadow:inset 0 1px 0 #ffffff24, 0 2px 0 var(--edge), 0 4px 10px #0006}.card[aria-pressed=true]{border-color:var(--yellow);box-shadow:inset 0 1px 0 #ffffff2e, 0 0 0 4px #fcd1162e, 0 var(--lift) 0 var(--edge), 0 calc(var(--lift) + 8px) 22px #00000073}.card .well{background:linear-gradient(#ffffff2b,#ffffff12);border-radius:16px;padding:10px;display:block}.card img{object-fit:contain;width:100%;height:148px;display:block}.card .art{padding:14px 12px}.card .art svg{width:100%;height:120px;display:block}.card b{color:#fff;letter-spacing:-.01em;margin-top:12px;font-size:16px;display:block}.card small{color:#d7e6dc;margin-top:3px;font-size:12.5px;line-height:1.35;display:block}.topbar{font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:14px;display:flex}.pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07100ca8;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:650}.pill.score{color:var(--yellow)}.topbar button{--lift:3px;padding:8px 16px;font-size:14px}.toast{color:var(--yellow);text-shadow:0 4px 24px #0009;pointer-events:none;font-size:clamp(30px,9vw,56px);font-weight:800;animation:.7s ease-out forwards pop;position:absolute;top:46%;left:50%;translate:-50% -50%}@keyframes pop{0%{opacity:0;scale:.7}30%{opacity:1;scale:1.08}to{opacity:0;translate:-50% -90%;scale:1.2}}.hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eef7f1;background:#07100cb3;border-radius:999px;margin:0 auto 20px;padding:10px 18px;font-size:14px}.tiny{color:#b6c9bd;text-align:center;padding:0 14px 10px;font-size:12px}