@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120818;--cyan:#67f3ff;--pink:#ff4ec9;--violet:#c9a6ff;--amber:#ffc14a;--ink:#f4fbff;--muted:#c9b8de;--sat:env(safe-area-inset-top,0px);--hud-bar:41px;--hud:calc(var(--hud-bar) + var(--sat));font-family:Outfit,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;width:100%;height:100dvh;margin:0;position:fixed;inset:0;overflow:hidden}#sat-probe{pointer-events:none;width:0;height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:absolute;overflow:hidden}#app{height:100dvh;position:fixed;inset:0;overflow:hidden}canvas#view{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#shell{pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}#shell button,#shell .sheet{pointer-events:auto}#hud{height:var(--hud);box-sizing:border-box;padding:var(--sat) 8px 0 10px;background:#10071c;border-bottom:1px solid #bad6ff47;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;column-gap:6px;display:grid;position:relative}.score{letter-spacing:-.04em;color:#f4fbff;white-space:nowrap;justify-self:center;font-size:26px;font-weight:800;line-height:1}.best-slot{color:#ffc83a;letter-spacing:-.04em;white-space:nowrap;justify-self:end;align-items:center;gap:5px;min-width:0;font-size:26px;font-weight:800;line-height:1;display:flex}.trophy{flex:none;width:18px;height:18px;display:block}#pause[hidden]{visibility:hidden;pointer-events:none;display:grid!important}.icon-btn{width:36px;height:36px;color:var(--ink);background:#08061259;border:1.5px solid #bee6ffb8;border-radius:12px;justify-self:start;place-items:center;padding:0;display:grid;position:relative}.icon-btn:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-btn svg{width:15px;height:15px;display:block}#controls[hidden]{display:none!important}#controls{padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:#10071c;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;margin-top:auto;display:grid;box-shadow:inset 0 1px #bad6ff47}.shape{appearance:none;color:var(--ink);min-height:var(--shape-h,74px);height:var(--shape-h,clamp(68px, 13vh, 96px));background:#0c0818b8;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px 6px;display:flex;position:relative}.shape .name{letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.shape kbd{color:var(--muted);background:0 0;border:0;font-family:inherit;font-size:10px;position:absolute;top:6px;right:7px}.glyph{place-items:center;width:34px;height:28px;display:grid}.glyph i{background:linear-gradient(135deg,#e7fdff,#6cf4ff 30%,#b44cff 70%,#ff4ec9);display:block;box-shadow:0 0 10px #78dcff59}.shape.tall .glyph i{border-radius:999px;width:12px;height:26px}.shape.flat .glyph i{border-radius:999px;width:26px;height:10px}.shape.compact .glyph i{border-radius:50%;width:18px;height:18px}.shape.breaker .glyph i{border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #ffc14ae6}.shape.tall{color:var(--cyan);border-color:#00e8ff}.shape.flat{color:var(--pink);border-color:#ff1e2e}.shape.compact{color:var(--violet);border-color:#2f7bff}.shape.breaker{color:#ffc14a;border-color:#ffb300}.shape[aria-pressed=true]{background:#141028eb;transform:translateY(-2px)}.shape.tall[aria-pressed=true]{border-color:#00e8ff;box-shadow:0 0 0 1px #00e8ff66,0 8px 24px #50c8ff2e}.shape.flat[aria-pressed=true]{border-color:#ff1e2e;box-shadow:0 0 0 1px #ff1e2e73,0 8px 24px #ff50b429}.shape.compact[aria-pressed=true]{border-color:#2f7bff;box-shadow:0 0 0 1px #2f7bff80,0 8px 24px #a078ff2e}.shape.breaker[aria-pressed=true]{border-color:#ffb300;box-shadow:0 0 0 1px #ffb3008c,0 8px 24px #ffb03033}.shape.queued[aria-pressed=false]{border-style:dashed;border-color:#f4fbffb8}.shape.hint{animation:.7s ease-in-out infinite hint}@keyframes hint{50%{transform:translateY(-2px)}}.sheet{top:auto;left:10px;right:10px;bottom:calc(var(--tray,108px) + 8px);pointer-events:auto;background:#0a0616e6;border:1px solid #b4dcff29;border-radius:20px;flex-direction:column;gap:8px;max-height:48%;padding:12px 12px 14px;display:flex;position:absolute;overflow:auto}.brand{pointer-events:none}.kicker{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}h1{letter-spacing:-.05em;background:linear-gradient(100deg,#d8fbff 10%,#67f3ff 35%,#e38bff 70%,#ff4ec9);color:#0000;-webkit-background-clip:text;background-clip:text;margin:2px 0 4px;font-size:clamp(30px,8vw,42px);font-weight:800;line-height:.9}.lead{color:var(--muted);margin:0 0 4px;font-size:13px;line-height:1.3}.howto{pointer-events:none;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.howto li{color:var(--ink);background:#0a08168c;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;gap:8px;padding:4px 8px;font-size:12px;display:flex}.howto b{font-weight:700}.howto .tall{color:var(--cyan)}.howto .flat{color:var(--pink)}.howto .orb{color:var(--violet)}.howto .breaker{color:#ffc14a}.howto span{color:var(--muted)}.primary,.ghost{appearance:none;min-height:46px;font:inherit;letter-spacing:.04em;pointer-events:auto;border-radius:16px;font-weight:800}.primary{color:#1a0820;background:linear-gradient(100deg,#9af7ff,#d7b0ff 55%,#ff8ad4);border:0}.ghost{color:var(--ink);background:#0a0814b3;border:1px solid #fff3}.card{pointer-events:auto;text-align:center;background:#0c0816eb;border:1px solid #c8aaff47;border-radius:22px;width:min(320px,100% - 36px);max-height:calc(100% - 24px);padding:18px 16px 14px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000059}.card h2{letter-spacing:-.04em;margin:0;font-size:28px}.card p{color:var(--muted);margin:6px 0 12px}.card .stack,.track-list{gap:8px;display:grid}.track{letter-spacing:.01em;white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-size:20px;font-weight:800;display:flex}.track[aria-current=true]{color:#f4fbff;border-color:#ffc83ae6;box-shadow:0 0 0 1px #ffc83a47,0 0 18px #ffb30029}.track[aria-current=true]:after{content:"Playing";letter-spacing:.08em;text-transform:uppercase;color:#ffc83a;font-size:14px;font-weight:800}#hud[hidden]{display:none!important}.arcade{pointer-events:none;background:#10071c;height:100%;position:absolute;inset:0;overflow:hidden}.arcade[hidden]{display:none!important}#lineup{width:100%;height:100%;display:block;position:absolute;inset:0}.arcade-ui{z-index:1;height:100%;min-height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.menu-stack{min-height:0;max-height:100%;padding:0 18px var(--deck-bottom,53px);flex-direction:column;flex:auto;justify-content:flex-start;gap:0;margin:0;display:flex}.marquee{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;width:calc(100% + 36px);min-height:0;margin-left:-18px;margin-right:-18px;padding:0;display:flex;overflow:visible}.wordmark{width:auto;max-width:94vw;height:var(--mark-h,159px);margin:0 auto;display:block;overflow:visible}.wordmark text{text-anchor:middle;font-family:Outfit,Avenir Next,sans-serif;font-weight:800}.tag{height:var(--tag-h,18px);letter-spacing:.28em;font-size:11px;font-weight:600;line-height:var(--tag-h,18px);text-transform:uppercase;color:#c9b8de;margin:2px 0 0}.showcase{flex-direction:column;flex:none;min-height:0;display:flex}.lineup-space{height:var(--jelly-h,136px);flex:none;min-height:0}.names{height:var(--names-h,18px);text-align:center;letter-spacing:.06em;text-transform:uppercase;flex:none;grid-template-columns:repeat(4,1fr);align-items:center;padding:0;font-size:11px;font-weight:800;display:grid}.names span:first-child{color:#00e8ff}.names span:nth-child(2){color:#ff1e2e}.names span:nth-child(3){color:#7aa6ff}.names span:nth-child(4){color:#ffc83a}.deck{margin:var(--to-buttons,56px) 0 0;pointer-events:auto;background:0 0;border:0;flex:none;gap:12px;padding:0;display:grid}.plaque{box-sizing:border-box;height:var(--plaque-h,40px);color:#ffc83a;letter-spacing:-.03em;background:#120c088c;border:1px solid #ffc83a80;border-radius:16px;justify-content:center;justify-self:center;align-items:center;gap:8px;margin:0;padding:0 16px 0 12px;font-size:22px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 0 22px #ffb30024,inset 0 1px #ffffff14}.plaque .trophy{width:18px;height:18px}#vibe-open{box-sizing:border-box;width:100%;height:var(--vibe-h,52px);color:#f4fbff;white-space:nowrap;background:#080c1cb8;border:1px solid #bad6ff6b;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 14px;font-family:inherit;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff14}.vibe-kicker{letter-spacing:.04em;text-transform:none;color:#9af7ff;font-family:inherit;font-size:14px;font-weight:800;line-height:1}#vibe-name{letter-spacing:0;font-family:inherit;font-size:20px;font-weight:800;line-height:1.05}.deck .primary{height:var(--start-h,64px);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase}.deck .ghost{height:var(--opt-h,46px);letter-spacing:.18em;text-indent:.18em;text-transform:uppercase}#vibe-scrim{z-index:4;pointer-events:auto;background:#04060e94;position:absolute;inset:0}#vibe-scrim[hidden]{display:none!important}.arcade.under-sheet .deck,.arcade.under-sheet .names{visibility:hidden}.sheet{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:5;max-height:calc(100% - 28px - env(safe-area-inset-top,0px));text-align:center;background:#0c101c;border:1px solid #bad6ff61;border-radius:22px;gap:10px;padding:16px 14px 14px;display:grid;position:absolute;overflow:auto;box-shadow:inset 0 1px #ffffff24,0 18px 48px #00000073}.sheet[hidden]{display:none!important}.sheet h2{letter-spacing:.02em;margin:0;font-size:18px;font-weight:800}.sheet .ghost{text-transform:none;letter-spacing:.02em;text-indent:0}.vibe-row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 14px;display:flex}.vibe-current{color:#9af7ff;align-items:center;gap:4px;font-size:18px;font-weight:800;display:inline-flex}.chev{font-size:22px;line-height:1}.switch-row{text-align:left;justify-content:space-between;align-items:center;min-height:40px;padding:0 4px;font-size:16px;font-weight:700;display:flex}.switch{background:linear-gradient(90deg,#7af4ff,#d7b0ff 60%,#ff8ad4);border:0;border-radius:999px;width:52px;height:30px;padding:0;position:relative;box-shadow:inset 0 1px #ffffffb3,0 0 16px #7af4ff59}.switch[aria-pressed=false]{background:#ffffff29;box-shadow:inset 0 1px #fff3}.switch i{background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #00000047}.switch[aria-pressed=false] i{left:3px;right:auto}@media (height<=620px){.plaque{font-size:18px}.names{font-size:10px}.tag{letter-spacing:.22em;font-size:10px}}@media (width<=360px){.names{letter-spacing:.08em;font-size:10px}.plaque{font-size:18px}}@media (height<=560px){.menu-card h1{font-size:28px}.card{padding:12px}.card p{margin:4px 0 8px}}.best-line{color:var(--amber);font-weight:700}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (width<=360px){.shape kbd{display:none}.shape .name{font-size:11px}.score,.best-slot{font-size:22px}.trophy{width:16px;height:16px}h1{font-size:36px}}@media (height<=560px){.lead,.kicker{display:none}.howto li{padding:4px 8px}}