@import "https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap";html,html body{background:#eef2fb}.n-app{--bg:#eef2fb;--ink:#1c2547;--ink-hover:#2a3563;--on-ink:#f6f8fd;--mute:#4f5a7a;--dim:#7d87a6;--card:#fff;--line:#1c254724;--line-strong:#1c25474d;--wash:#1c25470f;--accent:#3448c8;--ok:#2f8a5c;--ok-on-cloth:#7fd1a3;--warn:#b4720e;--warn-on-cloth:#f0b552;--cloth:#222d63;--kinari:#f3ead8;--slot-b:oklch(90.5% .02 268);--font:"Urbanist", system-ui, -apple-system, sans-serif;background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent}.n-app *,.n-app :before,.n-app :after{box-sizing:border-box}.n-app button{font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:manipulation}.n-app :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.n-screen{width:min(100%,520px);padding:max(8px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex}.n-screen.is-fixed{height:100dvh;overflow:clip}.n-screen.is-page{min-height:100dvh}.n-center{text-align:center;align-items:center}.n-bar{flex:none;grid-template-columns:44px 1fr 44px;align-items:center;width:100%;height:44px;display:grid}.n-ib{width:44px;height:44px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.n-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--mute);text-align:center;font-size:13px;font-weight:700}.n-eyebrow.is-win{color:var(--ok)}.n-title{text-align:center;letter-spacing:-.02em;flex:none;height:40px;margin:12px 0 0;font-size:34px;font-weight:800;line-height:40px}.n-task{height:24px;color:var(--mute);flex:none;justify-content:center;align-items:center;gap:6px;margin:2px 0 0;font-size:17px;line-height:24px;display:flex}.n-task svg{width:18px;height:18px}.n-hero{letter-spacing:-.02em;margin:8px 0 0;font-size:44px;font-weight:800;line-height:1.05}.n-line{color:var(--mute);margin:6px 0 0;font-size:17px}.n-stage{flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;display:flex}.n-cloth{background-color:var(--cloth);color:var(--kinari);background-image:repeating-linear-gradient(45deg,#f3ead808 0 2px,#0000 2px 6px);border-radius:20px;padding:14px 12px 16px}.n-grid{--cell-h:clamp(44px, 7.4dvh, 56px)}.n-grid[data-lanes="4"]{--cell-h:clamp(40px, 6.6dvh, 50px)}.n-grid[data-lanes="5"]{--cell-h:clamp(36px, 5.6dvh, 44px)}.n-row{-moz-column-gap:6px;grid-template-columns:54px repeat(8,minmax(0,1fr));align-items:center;column-gap:6px;display:grid}.n-lanes{flex-direction:column;gap:7px;margin-top:8px;display:flex}.n-num{color:#f3ead873;text-align:center;height:18px;font-size:12px;font-weight:600;line-height:18px}.n-num.is-beat{color:var(--kinari);font-weight:700}.n-num[data-now]{color:#fff;font-weight:800}.n-pad{width:44px;height:44px;color:var(--c);cursor:pointer;background:#f3ead81f;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f3ead83d}.n-pad .n-sym{width:24px;height:24px}.n-pad .n-spk{color:#f3ead88c;width:9px;height:9px;position:absolute;bottom:4px;right:4px}.n-pad[data-hit]{background:#f3ead83d}.n-badge{border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-7px;left:-7px}.n-badge.is-right{background:var(--ok);color:#fff}.n-badge.is-off{background:var(--warn-on-cloth);color:var(--ink)}.n-cell{height:var(--cell-h);color:var(--c);cursor:pointer;background:#f3ead817;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.n-cell[data-now]{background:#f3ead829}.n-cell[data-state=given],.n-cell[data-state=placed]{background:#f3ead833}.n-cell[data-state=given],.n-cell[data-locked]{cursor:default}.n-cell svg{width:24px;height:24px}.n-grid[data-lanes="5"] .n-cell svg,.n-grid[data-lanes="4"] .n-cell svg{width:22px;height:22px}.n-cell[data-state=given] svg{opacity:.85;width:18px;height:18px}.n-cell[data-ghost],.n-pad[data-ghost]{outline:2px dashed var(--c);outline-offset:-5px}.n-pad[data-ghost]{outline-offset:3px}@media (prefers-reduced-motion:no-preference){.n-cell[data-ghost],.n-pad[data-ghost]{animation:1.8s ease-in-out infinite n-breathe}}@keyframes n-breathe{50%{outline-color:#0000}}.n-cell[data-hit] svg{filter:brightness(1.3)saturate(1.1);transform:scale(1.12)}@media (prefers-reduced-motion:no-preference){.n-cell svg{transition:transform .12s ease-out}.n-cell[data-hit] svg{transition:none}}@media (hover:hover) and (pointer:fine){.n-cell:not([data-locked]):hover{background:#f3ead824}.n-pad:hover{background:#f3ead82e}.n-ib:hover{background:var(--wash);color:var(--ink)}}@media (width>=900px) and (height>=720px){.n-screen.is-fixed{width:min(100%,760px)}.n-grid{--cell-h:clamp(56px, 7.2dvh, 76px)}.n-grid[data-lanes="4"]{--cell-h:clamp(52px, 6.4dvh, 68px)}.n-grid[data-lanes="5"]{--cell-h:clamp(48px, 5.6dvh, 60px)}.n-cloth{padding:18px 18px 20px}.n-grid .n-cell svg,.n-grid[data-lanes] .n-cell svg{width:30px;height:30px}.n-grid .n-cell[data-state=given] svg{width:22px;height:22px}}.n-dock{-moz-column-gap:18px;flex:none;grid-template-columns:1fr 64px 1fr;align-items:center;column-gap:18px;height:64px;margin-top:12px;display:grid}.n-dock>:first-child{justify-self:end}.n-dock>:last-child{justify-self:start}.n-pill{height:44px;font:600 15px var(--font);cursor:pointer;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.n-pill.is-primary{background:var(--ink);color:var(--on-ink);font-weight:700}.n-pill.is-secondary{box-shadow:inset 0 0 0 1px var(--line-strong)}.n-pill.is-tertiary{box-shadow:inset 0 0 0 1px var(--line);color:var(--mute);font-weight:500}.n-pill.is-accent{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent);font-weight:700}.n-pill.is-on{background:var(--ink);color:var(--on-ink);box-shadow:none}.n-pill.has-icon{padding-left:13.75px;padding-right:18px}.n-pill.is-large{gap:10px;height:56px;padding:0 38px 0 33px;font-size:18px}.n-pill:disabled{box-shadow:none;color:#8a93ae;cursor:default;background:#1c254712}@media (hover:hover) and (pointer:fine){.n-pill.is-primary:not(:disabled):hover{background:var(--ink-hover)}.n-pill.is-secondary:not(:disabled):hover,.n-pill.is-tertiary:not(:disabled):hover{background:var(--wash)}}.n-pill:not(:disabled):active,.n-play:active,.n-round:active{transform:scale(.97)}.n-dots{gap:4px;display:inline-flex}.n-dots i{background:currentColor;border-radius:50%;width:5px;height:5px}.n-dots i[data-used]{opacity:.3}.n-play{background:var(--ink);width:64px;height:64px;color:var(--on-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.n-round{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.n-round.is-small{width:44px;height:44px}.n-seg{background:var(--wash);border-radius:99px;align-self:center;gap:2px;padding:3px;display:flex}.n-seg button{height:36px;color:var(--mute);font:600 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.n-seg button svg{width:16px;height:16px}.n-seg button[aria-pressed=true]{background:var(--cloth);color:var(--kinari)}.n-coach{text-align:center;height:40px;color:var(--mute);flex:none;justify-content:center;align-items:center;font-size:14.5px;line-height:1.35;display:flex}.n-coach b{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-right:8px;font-size:11px;font-weight:800}.n-beta{box-shadow:inset 0 0 0 1px var(--line);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-radius:99px;margin-top:10px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.n-card{background:var(--card);text-align:left;border-radius:20px;width:100%;padding:16px 16px 12px}.n-card-title{margin:0 4px 10px;font-size:15px;font-weight:750}.n-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.n-dow{color:var(--dim);text-align:center;font-size:11px;font-weight:700}.n-day{color:#b4bbd0;border-radius:99px;place-items:center;height:36px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.n-day.is-missed{color:var(--mute)}.n-day.is-today{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink);font-weight:800}.n-day svg{width:24px;height:24px}.n-foot{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;padding-top:24px;display:flex}.n-legal{color:var(--dim);justify-content:center;gap:16px;margin-top:6px;font-size:12.5px;display:flex}.n-legal a{color:inherit;align-items:center;min-height:44px;padding:0 6px;text-decoration:none;display:inline-flex}.n-reveal{justify-content:space-between;gap:clamp(6px,2.2dvh,28px)}.n-reveal header .n-hero{font-size:clamp(34px,5.4dvh,40px)}.n-reveal header .n-eyebrow{margin-top:4px}.n-mini{background:var(--card);border-radius:20px;flex-direction:column;gap:6px;width:100%;padding:14px;display:flex}.n-mini-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.n-mini-cell{height:clamp(26px,4.2dvh,40px);color:var(--c);background:var(--slot-b);border-radius:8px;place-items:center;display:grid}.n-mini[data-lanes="4"] .n-mini-cell,.n-mini[data-lanes="5"] .n-mini-cell{height:clamp(26px,3.6dvh,34px)}.n-mini-cell[data-now]{background:oklch(82% .04 268)}.n-mini-cell svg{width:18px;height:18px}.n-mini-cell[data-given] svg{opacity:.7;width:14px;height:14px}.n-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0;font-size:11px;font-weight:800}.n-reveal-listen{flex-direction:column;gap:8px;width:100%;display:flex}.n-reveal-listen .n-label{margin-bottom:2px}.n-song{background:var(--card);text-align:left;-moz-column-gap:6px;border-radius:16px;flex-wrap:wrap;align-items:baseline;column-gap:6px;padding:11px 16px 12px;font-size:15px;line-height:21px;display:flex}.n-song b{font-weight:750}.n-song-title{color:var(--mute);font-weight:600}.n-song-title:before{content:"· "}.n-song-cue{color:var(--mute);flex-basis:100%;margin-top:3px;font-size:14px;line-height:1.4}.n-reveal-rate{flex-direction:column;align-items:center;gap:10px;display:flex}.n-chips{gap:8px;display:flex}.n-reveal-dock{flex:none;justify-content:center;align-items:center;gap:14px;height:64px;display:flex}.n-reveal-dock .n-pill{min-width:176px;height:52px;font-size:17px}.n-chip{height:44px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font:600 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 14px}.n-chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink);box-shadow:none}.n-invite{border-top:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding-top:14px;display:flex}.n-invite b{font-size:15px;font-weight:750;display:block}.n-invite span{color:var(--mute);font-size:13.5px}.n-swap{display:grid}.n-swap>span{visibility:hidden;grid-area:1/1}.n-swap>span[data-on]{visibility:visible}.n-chapter{margin-top:24px}.n-chapter h2{color:var(--mute);margin:0 2px 8px;font-size:13.5px;font-weight:700}.n-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.n-tile{background:var(--card);text-align:left;height:84px;color:var(--ink);cursor:pointer;border:0;border-radius:14px;flex-direction:column;padding:12px 14px;text-decoration:none;display:flex}.n-tile.is-locked{color:var(--dim);cursor:default;background:#ffffff73}.n-tile.is-next{box-shadow:inset 0 0 0 2px var(--ink)}.n-tile.is-done{background-color:var(--cloth);color:var(--kinari);background-image:repeating-linear-gradient(45deg,#f3ead808 0 2px,#0000 2px 6px)}.n-tile .lv{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:800}.n-tile.is-done .lv{color:#f3ead899}.n-tile .nm{margin-top:4px;font-size:15px;font-weight:750}.n-tile .nm.is-task{color:var(--mute);font-weight:600}.n-tile .st{color:var(--ok-on-cloth);margin-top:auto;font-size:12.5px;font-weight:700}.n-jd{width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.n-jd.is-done{background:var(--ink);box-shadow:none}.n-jd[aria-current=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--ink)}.n-sampler{grid-template-columns:repeat(5,44px);justify-content:center;gap:6px;display:grid}.n-sampler>div{width:44px;height:44px;color:var(--c);border-radius:10px;place-items:center;display:grid}.n-sampler svg{width:22px;height:22px}.n-dim{z-index:20;background:#1c254752;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.n-sheet{background:var(--card);width:min(100%,520px);padding:10px 20px max(24px, env(safe-area-inset-bottom));text-align:center;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;max-height:92dvh;display:flex;overflow:auto}@media (width>=700px){.n-dim{align-items:center}.n-sheet{border-radius:24px}}@media (prefers-reduced-motion:no-preference){.n-sheet{animation:.24s cubic-bezier(.2,.8,.2,1) n-rise}.n-dim{animation:.18s ease-out n-fade}}@keyframes n-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes n-fade{0%{opacity:0}}.n-handle{grid-template-columns:44px 1fr 44px;align-items:center;width:100%;display:grid}.n-handle>span{background:#1c25472e;border-radius:3px;justify-self:center;width:36px;height:5px}.n-sheet h2{letter-spacing:-.01em;margin:4px 0 0;font-size:24px;font-weight:800}.n-sheet p{color:var(--mute);margin:6px 0 0;font-size:15px;line-height:1.4}.n-field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.n-field span{color:var(--mute);padding-left:4px;font-size:13px;font-weight:700}.n-field input{height:48px;box-shadow:inset 0 0 0 1px var(--line);font:500 16px var(--font);color:var(--ink);background:oklch(95% .012 268);border:0;border-radius:12px;padding:0 14px}.n-check{text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;min-height:44px;font-size:14.5px;font-weight:500;display:flex}.n-check input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:0}.n-pads{gap:14px;display:flex}.n-pads>div{background:var(--cloth);width:56px;height:56px;color:var(--c);border-radius:14px;place-items:center;display:grid}.n-pads>div[data-hit]{background:#34407e}.n-pads svg{width:28px;height:28px}.n-tips{text-align:left;color:var(--ink);flex-direction:column;gap:8px;margin:16px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.n-banner{background:var(--card);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px 10px 16px;font-size:14px;font-weight:600;display:flex}.n-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.n-doc{gap:32px;width:min(100%,680px);padding-inline:20px}.n-doc .n-bar{margin-left:-12px}.n-doc .n-eyebrow{text-align:left;margin:0}.n-doc h1{letter-spacing:-.02em;margin:8px 0 0;font-size:34px;font-weight:800;line-height:1.1}.n-doc-updated{color:var(--dim);margin:8px 0 0;font-size:14px;font-weight:600}.n-doc h2{margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.25}.n-doc h3{margin:22px 0 8px;font-size:16px;font-weight:750}.n-doc p,.n-doc li{color:var(--mute);overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.6}.n-doc p+p{margin-top:12px}.n-doc .n-doc-intro{color:var(--ink);margin-top:16px;font-size:17px}.n-doc ul{margin:8px 0 14px;padding-left:22px}.n-doc li+li{margin-top:4px}.n-doc a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.n-doc strong{color:var(--ink)}.n-doc-choice{padding:20px}.n-doc-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.n-doc .n-doc-announce{min-height:1.6em;margin-top:8px}.n-doc-foot{border-top:1px solid var(--line);padding-top:16px}.n-doc-foot a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.web-dash{--ink:#1c2547;--mute:#4f5a7a;--line:#1c254724;--accent:#3448c8;color:var(--ink);flex-direction:column;gap:20px;margin-bottom:32px;font-family:Urbanist,system-ui,sans-serif;display:flex}.web-dash-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.web-dash-seg{background:#1c25470f;border-radius:99px;gap:2px;padding:3px;display:flex}.web-dash-seg button{height:34px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600}.web-dash-seg button[aria-pressed=true]{background:var(--ink);color:#f6f8fd}.web-dash-env select{border:1px solid var(--line);height:40px;color:var(--ink);background:#fff;border-radius:99px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600}.web-dash-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.web-dash-tile{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.web-dash-tile p{color:var(--mute);margin:0;font-size:14px;font-weight:700}.web-dash-tile strong{letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.1}.web-dash-tile span{color:var(--mute);font-size:13.5px}.web-dash-note,.web-dash-error{color:var(--mute);margin:0;font-size:14px}.web-dash-error{color:#b4720e;font-weight:600}.web-dash-figure{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:18px;margin:0;padding:16px 18px 10px}.web-dash-figure figcaption,.web-dash-table caption{color:var(--mute);text-align:left;margin-bottom:10px;font-size:14px;font-weight:700}.web-dash-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:140px;display:flex}.web-dash-bar{cursor:default;background:0 0;border:0;flex:1;align-items:flex-end;height:100%;padding:0;display:flex}.web-dash-bar span{background:var(--accent);border-radius:4px 4px 0 0;width:100%;min-height:0;display:block}.web-dash-bar:hover span,.web-dash-bar:focus-visible span{background:#2433a0}.web-dash-tip{min-height:20px;color:var(--mute);margin:8px 0 0;font-size:13.5px}.web-dash-table-wrap{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:18px;padding:16px 18px;overflow-x:auto}.web-dash-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.web-dash-table th,.web-dash-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 10px}.web-dash-table th[scope=row],.web-dash-table thead th:first-child{text-align:left}.web-dash-table thead th{color:var(--mute);font-weight:700}.n-consent{box-sizing:border-box;width:min(100% - 24px,496px);margin:8px auto max(12px, env(safe-area-inset-bottom));color:#1c2547;background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px 16px;font-family:Urbanist,system-ui,sans-serif;display:flex;box-shadow:0 20px 50px -20px #1c254773,inset 0 0 0 1px #1c254714}.n-consent h2{margin:0;font-size:16px;font-weight:800}.n-consent p{color:#4f5a7a;margin:2px 0 0;font-size:14px}.n-consent-actions{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.n-consent-btn{white-space:nowrap;cursor:pointer;color:#1c2547;background:0 0;border:0;border-radius:99px;height:44px;padding:0 12px;font-family:inherit;font-size:15px;font-weight:600;box-shadow:inset 0 0 0 1px #1c25474d}.n-consent-btn.is-yes{color:#f6f8fd;box-shadow:none;background:#1c2547;font-weight:700}.n-consent-link{color:#4f5a7a;padding:10px 6px;font-size:13px;font-weight:600;text-decoration:none}.n-consent :focus-visible{outline-offset:3px;outline:2px solid #3448c8}.application-shell:has(.n-app){background:#eef2fb}.application-shell[data-consent-prompt=true] .n-app{flex-direction:column;min-height:100%;display:flex}.application-shell[data-consent-prompt=true] .n-screen.is-fixed{flex:1 0 auto;height:auto;min-height:100%;padding-bottom:8px}.application-shell[data-consent-prompt=true] .n-screen.is-fixed .n-stage{flex:1 0 auto}:root{--color-bg:#f2efe7;--color-bg-desk:#e7e3d8;--color-ink:#37342f;--color-ink-pressed:#26241f;--color-ink-soft:#625d53;--color-line:#d9d4c8;--color-line-soft:#e5e1d6;--color-text-disabled:#a29b8d;--color-on-ink:#f2efe7;--color-bg-channel:242 239 231;--color-bg-desk-channel:231 227 216;--color-ink-channel:55 52 47;--color-ink-pressed-channel:38 36 31;--color-ink-soft-channel:98 93 83;--color-line-channel:217 212 200;--color-line-soft-channel:229 225 214;--color-text-disabled-channel:162 155 141;--color-on-ink-channel:242 239 231;--kick-rest:#e7d8ce;--kick-body:#a34e2e;--kick-fire:#d1a696;--kick-letter-body:#fff;--kick-letter-fire:#3f1f10;--kick-rest-channel:231 216 206;--kick-body-channel:163 78 46;--kick-fire-channel:209 166 150;--kick-letter-body-channel:255 255 255;--kick-letter-fire-channel:63 31 16;--snare-rest:#d8dfd7;--snare-body:#3e7a74;--snare-fire:#9ebcb9;--snare-letter-body:#fff;--snare-letter-fire:#17332f;--snare-rest-channel:216 223 215;--snare-body-channel:62 122 116;--snare-fire-channel:158 188 185;--snare-letter-body-channel:255 255 255;--snare-letter-fire-channel:23 51 47;--hihat-rest:#e8ddbf;--hihat-body:#b98a2e;--hihat-fire:#cba458;--hihat-letter-body:#26200f;--hihat-letter-fire:#26200f;--hihat-rest-channel:232 221 191;--hihat-body-channel:185 138 46;--hihat-fire-channel:203 164 88;--hihat-letter-body-channel:38 32 15;--hihat-letter-fire-channel:38 32 15;--learn-hihat-body:#936a20;--learn-hihat-letter-body:#fff;--clap-rest:var(--snare-rest);--clap-body:var(--snare-body);--clap-fire:var(--snare-fire);--clap-rest-channel:var(--snare-rest-channel);--clap-body-channel:var(--snare-body-channel);--clap-fire-channel:var(--snare-fire-channel);--clap-letter-body:var(--snare-letter-body);--clap-letter-fire:var(--snare-letter-fire);--clap-letter-body-channel:var(--snare-letter-body-channel);--clap-letter-fire-channel:var(--snare-letter-fire-channel);--shaker-rest:var(--hihat-rest);--shaker-body:var(--hihat-body);--shaker-fire:var(--hihat-fire);--shaker-rest-channel:var(--hihat-rest-channel);--shaker-body-channel:var(--hihat-body-channel);--shaker-fire-channel:var(--hihat-fire-channel);--shaker-letter-body:var(--hihat-letter-body);--shaker-letter-fire:var(--hihat-letter-fire);--shaker-letter-body-channel:var(--hihat-letter-body-channel);--shaker-letter-fire-channel:var(--hihat-letter-fire-channel);--openhat-rest:var(--hihat-rest);--openhat-body:var(--hihat-body);--openhat-fire:var(--hihat-fire);--openhat-rest-channel:var(--hihat-rest-channel);--openhat-body-channel:var(--hihat-body-channel);--openhat-fire-channel:var(--hihat-fire-channel);--openhat-letter-body:var(--hihat-letter-body);--openhat-letter-fire:var(--hihat-letter-fire);--openhat-letter-body-channel:var(--hihat-letter-body-channel);--openhat-letter-fire-channel:var(--hihat-letter-fire-channel);--perc-rest:var(--kick-rest);--perc-body:var(--kick-body);--perc-fire:var(--kick-fire);--perc-rest-channel:var(--kick-rest-channel);--perc-body-channel:var(--kick-body-channel);--perc-fire-channel:var(--kick-fire-channel);--perc-letter-body:var(--kick-letter-body);--perc-letter-fire:var(--kick-letter-fire);--perc-letter-body-channel:var(--kick-letter-body-channel);--perc-letter-fire-channel:var(--kick-letter-fire-channel);--column-shade:rgb(var(--color-ink-channel) / .07);--column-shade-channel:var(--color-ink-channel);--radius-ui:10px;--radius-cell:var(--radius-ui);--radius-button:var(--radius-ui);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--grid-row-gap:7px;--grid-column-gap:6px;--playhead-column-bleed:14px;--play-shell-status-height:232px;--play-shell-zone-gap:var(--space-4);--play-shell-dock-height:120px;--play-shell-foundation-dock-height:120px;--play-shell-block-inset:max(var(--space-4), env(safe-area-inset-top));--play-shell-block-end-inset:max(var(--space-4), env(safe-area-inset-bottom));--play-shell-inline-inset:var(--space-4);--play-shell-grid-inline-inset:var(--space-3);--play-shell-max-width:640px;--play-shell-row-label-width:36px;--play-shell-grid-hit-size:40px;--play-shell-grid-visual-inset:3px;--background:var(--color-bg-channel);--foreground:var(--color-ink-channel);--card:var(--color-bg-channel);--card-foreground:var(--color-ink-channel);--popover:var(--color-bg-channel);--popover-foreground:var(--color-ink-channel);--primary:var(--color-ink-channel);--primary-foreground:var(--color-on-ink-channel);--secondary:var(--color-line-soft-channel);--secondary-foreground:var(--color-ink-channel);--muted:var(--color-line-soft-channel);--muted-foreground:var(--color-ink-soft-channel);--accent:var(--color-line-soft-channel);--accent-foreground:var(--color-ink-channel);--destructive:var(--color-ink-channel);--destructive-foreground:var(--color-on-ink-channel);--border:var(--color-line-channel);--input:var(--color-line-channel);--ring:var(--color-ink-channel);--radius:var(--radius-button);--brick-kick:var(--kick-body-channel);--brick-snare:var(--snare-body-channel);--brick-hihat:var(--hihat-body-channel);--brick-clap:var(--clap-body-channel);--brick-shaker:var(--shaker-body-channel);--brick-openhat:var(--openhat-body-channel);--brick-perc:var(--perc-body-channel);--brick-melody:var(--hihat-body-channel);--playhead:var(--color-ink-channel);--paper-grid:var(--color-line-soft-channel);--workbench-paper:var(--color-bg-channel);--workbench-surface:var(--color-bg-channel);--workbench-rail:var(--color-ink-channel);--workbench-clay:var(--color-ink-channel);--workbench-olive:var(--color-ink-channel);--workbench-amber:var(--color-ink-channel);--surface:var(--color-bg-channel);--surface-muted:var(--color-line-soft-channel);--surface-strong:var(--color-bg-channel);--surface-ink:var(--color-ink-channel);--surface-border:var(--color-line-channel);--surface-border-alpha:.16;--shadow-surface:0 10px 26px rgb(var(--color-ink-channel) / .09);--shadow-surface-raised:0 16px 42px rgb(var(--color-ink-channel) / .13);--shadow-surface-pressed:0 5px 14px rgb(var(--color-ink-channel) / .11);--shadow-inset-pressed:inset 0 2px 4px rgb(var(--color-ink-pressed-channel) / .35);--focus-ring:3px solid rgb(var(--color-ink-channel) / .82);--focus-ring-compact:2.5px solid var(--color-ink);--focus-offset:3px;--font-family:"Urbanist", sans-serif;--font-size-headline:27px;--font-size-body:14.5px;--font-size-button:.98rem;--font-size-input:16px;--font-size-label:11px;--font-size-cell:14px}@media (width>=600px){:root{--play-shell-status-height:240px;--play-shell-zone-gap:var(--space-6);--play-shell-block-inset:max(var(--space-6), env(safe-area-inset-top));--play-shell-block-end-inset:max(var(--space-6), env(safe-area-inset-bottom));--play-shell-inline-inset:var(--space-6)}}@media (width>=1000px){:root{--play-shell-status-height:216px}}.cell{border-radius:var(--radius-cell);font-weight:800}.cell.kick.empty{background:var(--kick-rest)}.cell.kick.placed{background:var(--kick-body);color:var(--kick-letter-body)}.cell.kick.firing{background:var(--kick-fire);color:var(--kick-letter-fire)}.cell.snare.empty{background:var(--snare-rest)}.cell.snare.placed{background:var(--snare-body);color:var(--snare-letter-body)}.cell.snare.firing{background:var(--snare-fire);color:var(--snare-letter-fire)}.cell.hihat.empty{background:var(--hihat-rest)}.cell.hihat.placed{background:var(--hihat-body);color:var(--hihat-letter-body)}.cell.hihat.firing{background:var(--hihat-fire);color:var(--hihat-letter-fire)}.column-shade{background:var(--column-shade);border-left:1px solid var(--color-line);border-right:1px solid var(--color-line)}.btn{font-family:var(--font-family);font-size:var(--font-size-button);border-radius:var(--radius-button);border:1.5px solid var(--color-ink);color:var(--color-ink);background:0 0;font-weight:700}.btn.primary{background:var(--color-ink);color:var(--color-on-ink)}.btn:active,.btn.pressed{background:var(--color-ink-pressed);border-color:var(--color-ink-pressed);color:var(--color-on-ink);box-shadow:var(--shadow-inset-pressed)}.btn:disabled,.btn.disabled{border-color:var(--color-line);color:var(--color-text-disabled);background:0 0}.btn:focus-visible{outline:var(--focus-ring-compact);outline-offset:2px}.chromatic-cell{box-sizing:border-box;box-shadow:none;border-radius:var(--radius-cell);font-size:var(--font-size-cell);border:0;outline:0;font-weight:800}.chromatic-cell-empty[data-lane-sound=Kick]{background:var(--kick-rest)}.chromatic-cell-empty[data-lane-sound=Snare]{background:var(--snare-rest)}.chromatic-cell-empty[data-lane-sound=HiHat]{background:var(--hihat-rest)}.chromatic-cell-empty[data-lane-sound=Clap]{background:var(--clap-rest)}.chromatic-cell-empty[data-lane-sound=Shaker]{background:var(--shaker-rest)}.chromatic-cell-empty[data-lane-sound=OpenHat]{background:var(--openhat-rest)}.chromatic-cell-empty[data-lane-sound=Perc]{background:var(--perc-rest)}.chromatic-cell-placed.brick-kick{background-color:var(--kick-body);color:var(--kick-letter-body)}.chromatic-cell-placed.brick-snare,.chromatic-cell-placed.brick-clap{background-color:var(--snare-body);color:var(--snare-letter-body)}.chromatic-cell-placed.brick-hihat,.chromatic-cell-placed.brick-shaker,.chromatic-cell-placed.brick-openhat{background-color:var(--hihat-body);color:var(--hihat-letter-body)}.learn-screen .chromatic-cell-placed.brick-hihat{background-color:var(--learn-hihat-body);color:var(--learn-hihat-letter-body)}.chromatic-cell-placed.brick-perc{background-color:var(--kick-body);color:var(--kick-letter-body)}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--cell-size:clamp(17px, min(4.4svh, 5.4vw), 48px);--cell-size-x:var(--cell-size);--cell-size-y:var(--cell-size);--header-safe-top:clamp(1rem, 3svh, 2rem);--z-onboarding-backdrop:60;--z-onboarding-spotlight:61;--z-onboarding-card:62}*{--tw-border-opacity:1;border-color:rgb(var(--border) / var(--tw-border-opacity,1))}html,body{overflow-x:clip}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{--tw-bg-opacity:1;background-color:rgb(var(--background) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1));font-family:Urbanist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[100\]{z-index:100}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-11{width:2.75rem;height:2.75rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-8{height:2rem}.h-\[1px\]{height:1px}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:.25rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-72{width:18rem}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.max-w-lg{max-width:32rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[2px\]{border-radius:2px}.rounded-\[var\(--radius-button\)\]{border-radius:var(--radius-button)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-\[1\.5px\]{border-width:1.5px}.border-x-2{border-left-width:2px;border-right-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[--color-border\]{border-color:var(--color-border)}.border-border\/50{border-color:rgb(var(--border) / .5)}.border-destructive{--tw-border-opacity:1;border-color:rgb(var(--destructive) / var(--tw-border-opacity,1))}.border-destructive\/50{border-color:rgb(var(--destructive) / .5)}.border-foreground\/45{border-color:rgb(var(--foreground) / .45)}.border-input{--tw-border-opacity:1;border-color:rgb(var(--input) / var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-background{--tw-bg-opacity:1;background-color:rgb(var(--background) / var(--tw-bg-opacity,1))}.bg-border{--tw-bg-opacity:1;background-color:rgb(var(--border) / var(--tw-bg-opacity,1))}.bg-card{--tw-bg-opacity:1;background-color:rgb(var(--card) / var(--tw-bg-opacity,1))}.bg-destructive{--tw-bg-opacity:1;background-color:rgb(var(--destructive) / var(--tw-bg-opacity,1))}.bg-foreground{--tw-bg-opacity:1;background-color:rgb(var(--foreground) / var(--tw-bg-opacity,1))}.bg-foreground\/10{background-color:rgb(var(--foreground) / .1)}.bg-foreground\/80{background-color:rgb(var(--foreground) / .8)}.bg-input{--tw-bg-opacity:1;background-color:rgb(var(--input) / var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(var(--muted) / var(--tw-bg-opacity,1))}.bg-muted\/50{background-color:rgb(var(--muted) / .5)}.bg-popover{--tw-bg-opacity:1;background-color:rgb(var(--popover) / var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--primary) / var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(var(--secondary) / var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[clamp\(0\.78rem\,1\.85vh\,1\.12rem\)\]{font-size:clamp(.78rem,1.85vh,1.12rem)}.text-\[clamp\(0\.9rem\,2\.1vh\,1\.25rem\)\]{font-size:clamp(.9rem,2.1vh,1.25rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-card-foreground{--tw-text-opacity:1;color:rgb(var(--card-foreground) / var(--tw-text-opacity,1))}.text-destructive{--tw-text-opacity:1;color:rgb(var(--destructive) / var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:rgb(var(--destructive-foreground) / var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1))}.text-foreground\/50{color:rgb(var(--foreground) / .5)}.text-muted-foreground{--tw-text-opacity:1;color:rgb(var(--muted-foreground) / var(--tw-text-opacity,1))}.text-popover-foreground{--tw-text-opacity:1;color:rgb(var(--popover-foreground) / var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(var(--primary) / var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:rgb(var(--primary-foreground) / var(--tw-text-opacity,1))}.text-secondary-foreground{--tw-text-opacity:1;color:rgb(var(--secondary-foreground) / var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-offset-background{--tw-ring-offset-color:rgb(var(--background) / 1)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[background-color\,border-color\,color\,box-shadow\,opacity\,transform\]{transition-property:background-color,border-color,color,box-shadow,opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}.graph-paper{background-color:rgb(var(--background));background-image:none}.game-screen.graph-paper,.game-stage{background:rgb(var(--background))}.font-urbanist{font-family:Urbanist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brick-kick{background-color:rgb(var(--brick-kick))}.brick-snare{background-color:rgb(var(--brick-snare))}.brick-hihat{background-color:rgb(var(--brick-hihat))}.brick-clap{background-color:rgb(var(--brick-clap))}.brick-shaker{background-color:rgb(var(--brick-shaker))}.brick-openhat{background-color:rgb(var(--brick-openhat))}.brick-perc{background-color:rgb(var(--brick-perc))}.game-screen{width:100%;min-height:100svh;overflow:hidden}.analytics-page{background:rgb(var(--color-bg-channel));min-height:100svh;color:rgb(var(--color-ink-channel));padding:clamp(18px,3vw,42px);font-family:Urbanist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.analytics-login-page{place-items:center;display:grid}.analytics-login-shell{flex-direction:column;gap:18px;width:min(100%,520px);display:flex}.analytics-login-card,.analytics-card{border-color:rgb(var(--color-ink-channel) / .14);box-shadow:0 0 0 1px rgb(var(--color-ink-channel) / .04), 0 8px 22px rgb(var(--color-ink-channel) / .08);border-radius:8px}.analytics-back-link{min-height:44px;color:rgb(var(--color-ink-channel));align-items:center;gap:8px;font-size:.94rem;font-weight:700;text-decoration:none;display:inline-flex}.analytics-back-link:focus-visible,.analytics-link-button:focus-visible,.analytics-inline-field select:focus-visible{outline:3px solid rgb(var(--ring) / .72);outline-offset:4px}.analytics-login-form,.analytics-field,.analytics-section-stack,.analytics-dictionary,.analytics-dictionary dl{flex-direction:column;gap:14px;display:flex}.analytics-field span,.analytics-inline-field span{font-size:.84rem;font-weight:800}.analytics-primary-button{min-height:44px}.analytics-badge{width:fit-content}.analytics-form-footer{margin-top:14px}.analytics-link-button{appearance:none;min-height:44px;color:rgb(var(--color-ink-channel));font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;font-weight:800;text-decoration:underline}.analytics-link-button:hover{color:rgb(var(--color-ink-channel))}.analytics-form-error{color:rgb(var(--color-ink-channel));text-wrap:pretty;margin:0;font-size:.9rem;font-weight:800;line-height:1.35}.analytics-alert{margin-top:16px}.analytics-muted{color:rgb(var(--muted-foreground));text-wrap:pretty;font-size:.95rem;line-height:1.5}.analytics-header{justify-content:space-between;align-items:flex-start;gap:20px;width:min(100%,1440px);margin:0 auto clamp(20px,3vw,34px);display:flex}.analytics-title-row{align-items:center;gap:14px;display:flex}.analytics-reset-title-row{align-items:flex-start}.analytics-reset-title-row svg{margin-top:.22rem}.analytics-title-row h1{letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95}.analytics-kicker{color:rgb(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:900}.analytics-admin-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.analytics-tabs{flex-direction:column;gap:18px;width:min(100%,1440px);margin:0 auto;display:flex}.analytics-tabs [role=tablist]{flex-wrap:wrap;justify-content:flex-start;gap:4px;height:auto;min-height:2.5rem}.analytics-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.analytics-metric-value{font-variant-numeric:tabular-nums}.analytics-chart{min-height:220px;margin-bottom:18px}.analytics-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.analytics-control-row{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.analytics-inline-field{align-items:center;gap:10px;display:flex}.analytics-inline-field select{border:1px solid rgb(var(--input));background:rgb(var(--color-bg-channel));min-height:40px;color:rgb(var(--color-ink-channel));font:inherit;border-radius:8px;padding:0 12px}.analytics-filter-row{align-items:end}.analytics-filter-field{width:min(100%,220px)}.analytics-filter-field select{border:1px solid rgb(var(--input));background:rgb(var(--color-bg-channel));min-height:40px;color:rgb(var(--color-ink-channel));font:inherit;border-radius:8px;padding:0 12px}.analytics-filter-field select:focus-visible{outline:3px solid rgb(var(--ring) / .72);outline-offset:3px}.analytics-heatmap{flex-direction:column;gap:12px;display:flex}.analytics-heatmap-row{grid-template-columns:72px repeat(8,minmax(28px,1fr));align-items:center;gap:8px;display:grid}.analytics-heatmap-label{font-weight:900}.analytics-heatmap-cell{background:rgb(var(--color-ink-channel));min-height:44px;color:rgb(var(--color-bg-channel));font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-weight:900;display:grid}.analytics-heatmap-cell[data-sound=Snare]{background:rgb(var(--color-ink-channel))}.analytics-dictionary dt{font-weight:900}.analytics-dictionary dd{color:rgb(var(--muted-foreground));text-wrap:pretty;margin:0;line-height:1.5}.analytics-loading{width:min(100%,1440px);margin:0 auto 18px;font-weight:800}@media (width<=1100px){.analytics-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.analytics-page{padding:16px}.analytics-header,.analytics-two-column{flex-direction:column;display:flex}.analytics-admin-actions{justify-content:flex-start}.analytics-metric-grid{grid-template-columns:1fr}.analytics-filter-field{width:100%}.analytics-heatmap-row{grid-template-columns:54px repeat(8,minmax(24px,1fr));gap:5px}.analytics-heatmap-cell{min-height:36px;font-size:.82rem}}.game-stage{grid-template-rows:clamp(10.5rem,20svh,13rem) minmax(0,1fr);gap:clamp(8px,1.6svh,18px);width:min(100%,1640px);min-height:100svh;margin:0 auto;padding:clamp(12px,2.2svh,28px) clamp(16px,4.6vw,72px) clamp(12px,2svh,24px);display:grid}.game-stage-header{grid-template-columns:auto minmax(0,1fr) minmax(15rem,21rem) minmax(0,1fr);grid-template-areas:"nav title score info";align-items:start;gap:clamp(12px,2vw,28px);height:100%;min-height:0;display:grid;position:relative}.game-title{color:rgb(var(--color-ink-channel));letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.35rem,2.4vw,2.25rem);font-weight:400;line-height:1.08}.game-title-row{flex-wrap:wrap;align-items:center;gap:.45rem .6rem;min-width:0;display:flex}.web-experiment-badge{border:1px solid rgb(var(--workbench-rail) / .18);background:rgb(var(--workbench-surface) / .82);min-height:1.55rem;color:rgb(var(--workbench-rail) / .78);white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .54rem;font-size:clamp(.68rem,1.15vw,.78rem);font-weight:850;line-height:1;display:inline-flex}.game-title-block{grid-area:title;align-content:start;gap:.3rem;max-width:min(100%,32rem);display:grid}.game-nav-row{flex-wrap:wrap;grid-area:nav;align-items:center;gap:.4rem;min-height:1.8rem;display:flex;position:relative}.game-nav-button{border:1px solid rgb(var(--workbench-rail) / .16);background:rgb(var(--workbench-surface) / .72);min-height:2rem;color:rgb(var(--workbench-rail) / .72);letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .66rem;font-size:clamp(.76rem,1.25vw,.9rem);font-weight:820;line-height:1;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-flex}.game-nav-button:not(:disabled):hover{background:rgb(var(--workbench-surface) / .95);box-shadow:0 5px 12px rgb(var(--workbench-rail) / .08)}.game-nav-button:not(:disabled):active{transform:scale(.96)}.game-nav-row{position:relative}.free-build-confirmation{--free-build-radius:var(--radius-button);border-radius:var(--free-build-radius);border-color:rgb(var(--workbench-rail) / .16);background:rgb(var(--workbench-surface));width:min(28rem,100vw - 2rem);max-width:calc(100vw - 2rem);color:rgb(var(--workbench-rail));padding:clamp(1rem,4vw,1.5rem)}.free-build-confirmation button{border-radius:var(--free-build-radius);min-height:44px;font-family:Urbanist,system-ui,sans-serif;font-weight:850}.free-build-confirmation-action{background:rgb(var(--workbench-rail));color:rgb(var(--color-on-ink-channel))}.free-build-confirmation button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.game-tagline{color:rgb(var(--color-ink-channel) / .68);letter-spacing:0;text-wrap:pretty;margin:0;font-size:clamp(.94rem,1.45vw,1.1rem);font-style:italic;font-weight:300;line-height:1.15}.score-stack{text-align:center;grid-area:score;justify-items:center;gap:clamp(3px,.5svh,8px);display:grid;position:relative}.score-number{color:rgb(var(--color-ink-channel));letter-spacing:0;font-variant-numeric:tabular-nums;font-size:clamp(4rem,10svh,6.5rem);font-weight:500;line-height:.84}.score-label{letter-spacing:0;font-size:clamp(.82rem,1.45svh,1rem);font-weight:650;line-height:1}.score-delta{letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;min-width:3.25rem;padding:.18rem .7rem;font-size:clamp(.95rem,1.65svh,1.15rem);font-weight:760;line-height:1.1;display:inline-flex}.score-delta-positive,.score-delta-negative{color:rgb(var(--color-ink-channel));background:rgb(var(--color-line-soft-channel))}.score-delta-neutral{color:rgb(var(--muted-foreground));background:rgb(var(--secondary))}.score-complete-status{box-sizing:border-box;background:rgb(var(--workbench-surface) / .84);min-width:0;max-width:100%;color:rgb(var(--workbench-rail) / .74);text-align:center;text-wrap:balance;overflow-wrap:anywhere;border-radius:999px;padding:.4rem .72rem;font-size:clamp(.78rem,1.35svh,.92rem);font-weight:850;line-height:1.12;overflow:hidden}.score-feedback{box-sizing:border-box;border:1px solid rgb(var(--foreground) / .1);background:rgb(var(--color-on-ink-channel) / .72);border-radius:8px;align-content:center;gap:.22rem;width:min(100%,20rem);min-width:0;max-width:100%;min-height:4.3rem;max-height:4.3rem;padding:.48rem .72rem;display:grid;overflow:hidden}.score-feedback-tag{-webkit-line-clamp:1;min-width:0;max-width:100%;color:rgb(var(--foreground));overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;font-size:clamp(.82rem,1.35svh,.95rem);font-weight:850;line-height:1.1;display:-webkit-box;overflow:hidden}.score-feedback-copy{min-width:0;max-width:100%;color:rgb(var(--foreground) / .68);overflow-wrap:anywhere;text-wrap:pretty;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(.72rem,1.2svh,.82rem);font-weight:680;line-height:1.22;display:-webkit-box;overflow:hidden}.placement-coach{min-width:0;max-width:100%;color:rgb(var(--foreground));overflow-wrap:anywhere;text-wrap:pretty;border-radius:7px;padding:.42rem .58rem;font-size:clamp(.72rem,1.22svh,.84rem);font-weight:820;line-height:1.22;overflow:hidden}.unlock-notice{border:1px solid rgb(var(--foreground) / .18);min-height:1.75rem;box-shadow:0 10px 24px rgb(var(--foreground) / .08);color:rgb(var(--foreground));letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .78rem;font-size:clamp(.78rem,1.35svh,.92rem);font-weight:720;line-height:1.1;animation:2.6s both unlock-notice-lifetime;display:inline-flex}@keyframes unlock-notice-lifetime{0%{opacity:0;transform:translateY(4px)}12%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}.info-anchor{grid-area:info;justify-content:flex-end;justify-self:end;align-items:flex-start;gap:.65rem;display:flex;position:relative}.refresh-control-wrap{justify-content:center;display:inline-flex;position:relative}.guide-button,.refresh-button{aspect-ratio:1;border:1px solid rgb(var(--workbench-rail) / .18);background:rgb(var(--workbench-surface));width:clamp(2.65rem,5.2svh,3.65rem);color:rgb(var(--workbench-rail));box-shadow:0 8px 20px rgb(var(--foreground) / .1);border-radius:999px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,color .15s;display:inline-flex}.refresh-button{width:clamp(2.35rem,4.8svh,3.15rem);color:rgb(var(--workbench-rail) / .6)}.guide-button:not(:disabled):hover,.refresh-button:not(:disabled):hover{color:rgb(var(--workbench-rail));box-shadow:0 10px 24px rgb(var(--foreground) / .13);transform:translateY(-1px)}.guide-button:not(:disabled):active,.refresh-button:not(:disabled):active{box-shadow:0 4px 12px rgb(var(--foreground) / .1);transform:scale(.98)}.guide-button:disabled,.refresh-button:disabled,.info-button:disabled{cursor:not-allowed;opacity:.58}.refresh-icon-svg{transform-origin:50%;transition:transform .4s ease-in-out}.refresh-icon-svg-active{transform:rotate(180deg)}.info-button{aspect-ratio:1;background:rgb(var(--color-ink-channel));width:clamp(2.8rem,5.6svh,4rem);color:rgb(var(--color-bg-channel));box-shadow:0 10px 24px rgb(var(--foreground) / .12);letter-spacing:0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:clamp(1.5rem,3.2svh,2.2rem);font-weight:900;line-height:1;transition:transform .15s;display:inline-flex}.info-button:not(:disabled):active{transform:scale(.98)}.info-button:focus-visible,.guide-button:focus-visible,.refresh-button:focus-visible,.beat-report-action:focus-visible,.game-nav-button:focus-visible,.stage-report-button:focus-visible,.transport-mode-button:focus-visible,.finish-beat-button:focus-visible,.chance-discovery-guide:focus-visible,.chance-picker-pill:focus-visible,.placed-brick-button:focus-visible{outline:3px solid rgb(var(--ring) / .72);outline-offset:4px}.info-popover{z-index:50;border:1px solid rgb(var(--foreground) / .16);background:rgb(var(--color-bg-channel));width:min(92vw,28rem);max-height:calc(100svh - 7.5rem);box-shadow:0 18px 44px rgb(var(--foreground) / .18);text-align:left;border-radius:8px;padding:1rem;position:absolute;top:calc(100% + .65rem);right:0;overflow:auto}.info-popover:before{content:"";background:rgb(var(--color-bg-channel));border-left:1px solid rgb(var(--foreground) / .16);border-top:1px solid rgb(var(--foreground) / .16);width:.95rem;height:.95rem;position:absolute;top:-.48rem;right:clamp(1.1rem,4vw,1.8rem);transform:rotate(45deg)}.info-popover h2{letter-spacing:0;margin:0 0 .55rem;font-size:.9rem;font-weight:900;line-height:1.1}.legend-section+.legend-section{margin-top:1rem}.legend-copy{color:rgb(var(--foreground) / .72);margin:0;font-size:.84rem;font-weight:680;line-height:1.32}.legend-list,.control-list{gap:.45rem;display:grid}.legend-row{grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;gap:.55rem;font-size:.86rem;line-height:1.2;display:grid}.legend-chip{border:1.5px solid rgb(var(--foreground));border-radius:6px;justify-content:center;align-items:center;min-height:2rem;font-weight:900;display:inline-flex}.legend-name{min-width:0;font-weight:850}.legend-role{color:rgb(var(--muted-foreground));margin-top:.12rem;font-size:.72rem;font-weight:800;line-height:1.1;display:block}.legend-status{background:rgb(var(--secondary));color:rgb(var(--muted-foreground));white-space:nowrap;border-radius:999px;padding:.22rem .48rem;font-size:.72rem;font-weight:850;line-height:1.1}.legend-controls{margin-top:1rem}.control-list{color:rgb(var(--foreground) / .78);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.86rem;font-weight:750;line-height:1.2}.game-stage-body{grid-template-rows:auto auto;align-content:start;place-items:start center;gap:clamp(8px,1.45svh,14px);min-height:0;display:grid}.touch-play-surface{isolation:isolate;touch-action:pan-y;position:relative}.touch-swipe-helper{background:rgb(var(--color-ink-channel) / .06);color:rgb(var(--color-ink-channel) / .62);text-align:center;pointer-events:none;border-radius:999px;margin:0;padding:.46rem .78rem;font-size:clamp(.74rem,2.8vw,.88rem);font-weight:850;line-height:1.1;display:none}.stage-overlay-zone{z-index:18;pointer-events:none;position:absolute}.beat-section-separator{background:var(--color-line);pointer-events:none;width:1px;transform:none}.stage-message{width:min(80%,480px);color:rgb(var(--workbench-rail));text-align:center;text-wrap:balance;pointer-events:none;justify-items:center;gap:.2rem;animation:.4s both stage-message-fade-in;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.stage-message h2,.stage-message p{margin:0}.stage-message h2{color:rgb(var(--primary));letter-spacing:0;font-size:clamp(1.75rem,4.2vw,2rem);font-weight:650;line-height:1.05}.stage-message p{color:rgb(var(--foreground) / .68);text-wrap:pretty;font-size:.88rem;font-weight:720;line-height:1.25}.stage-message-complete{background:rgb(var(--workbench-surface) / .94);width:min(88%,24rem);box-shadow:0 0 0 1px rgb(var(--workbench-rail) / .12), 0 14px 28px rgb(var(--workbench-rail) / .12);pointer-events:auto;border-radius:18px;padding:clamp(.8rem,2.4vw,1.05rem);top:44%}.stage-message-complete h2{font-weight:900}.stage-complete-actions{flex-wrap:wrap;justify-content:center;gap:.44rem;padding-top:.38rem;display:inline-flex}.stage-report-button{border:1px solid rgb(var(--workbench-rail) / .18);background:rgb(var(--workbench-surface) / .92);min-height:2.75rem;color:rgb(var(--workbench-rail));box-shadow:0 3px 0 rgb(var(--workbench-rail) / .12);pointer-events:auto;border-radius:999px;margin-top:.4rem;padding:.62rem .9rem;font-size:.86rem;font-weight:900;line-height:1;transition:transform 80ms,box-shadow .12s}.stage-report-button-primary{background:rgb(var(--workbench-rail));color:rgb(var(--color-on-ink-channel))}.stage-report-button:not(:disabled):active{transform:scale(.96)}.stage-message-intro{background:rgb(var(--workbench-surface) / .92);width:min(86%,25rem);box-shadow:0 0 0 1px rgb(var(--workbench-rail) / .08), 0 10px 20px rgb(var(--workbench-rail) / .08);border-radius:999px;padding:.55rem .9rem;font-size:clamp(.86rem,2vw,1rem);font-style:italic;font-weight:760;line-height:1.2;animation-duration:.3s;top:34%}@keyframes stage-message-fade-in{0%{opacity:0}to{opacity:1}}.board-zone{touch-action:none;place-self:start center;width:fit-content;position:relative}.board-frame{position:relative}.transport-bar{width:min(100%, calc((var(--cell-size-x) * 16) + 14px));border-top:1px solid rgb(var(--workbench-rail) / .18);padding-top:.38rem;padding-bottom:max(0px, env(safe-area-inset-bottom))}.chance-discovery-strip{background:rgb(var(--workbench-surface) / .74);min-height:2rem;color:rgb(var(--workbench-rail) / .72);box-shadow:inset 0 1px 0 rgb(var(--color-on-ink-channel) / .36), 0 0 0 1px rgb(var(--workbench-rail) / .1);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.34rem;margin-top:.42rem;padding:.22rem .36rem;font-size:clamp(.68rem,1.15svh,.78rem);font-weight:820;line-height:1;display:flex}.chance-discovery-title{color:rgb(var(--workbench-rail));font-weight:950}.chance-discovery-option{background:rgb(var(--color-on-ink-channel) / .68);min-height:1.46rem;box-shadow:inset 0 0 0 1px rgb(var(--workbench-rail) / .08);border-radius:999px;align-items:center;gap:.22rem;padding:.22rem .42rem;display:inline-flex}.chance-discovery-option strong{color:rgb(var(--workbench-rail));font-variant-numeric:tabular-nums;font-weight:950}.chance-discovery-guide{border:1px solid rgb(var(--workbench-rail) / .16);background:rgb(var(--color-bg-channel));min-height:1.9rem;color:rgb(var(--workbench-rail));font-size:inherit;border-radius:999px;padding:.26rem .58rem;font-weight:900;line-height:1;transition:transform .15s,box-shadow .15s,background-color .15s}.chance-discovery-guide:not(:disabled):hover{background:rgb(var(--workbench-paper));box-shadow:0 5px 12px rgb(var(--workbench-rail) / .08)}.chance-discovery-guide:not(:disabled):active{transform:scale(.97)}.chance-discovery-guide:disabled{opacity:.52}.transport-control-row{grid-template-columns:minmax(0,1fr) minmax(4.9rem,auto);align-items:center;gap:.5rem;display:grid}.transport-mode-group{border:1px solid rgb(var(--workbench-rail) / .2);background:rgb(var(--workbench-surface) / .88);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));height:2.55rem;padding:.2rem;display:grid}.transport-mode-button{min-width:0;min-height:2.1rem;color:rgb(var(--workbench-rail));letter-spacing:0;opacity:.5;background-color:#0000;border:0;border-radius:999px;padding:.32rem .58rem;font-size:clamp(.72rem,1.35svh,.86rem);font-weight:850;line-height:1;transition:background-color .12s,color .12s,opacity .12s,transform .12s}.transport-mode-button:not(:disabled):active{transform:scale(.96)}.transport-mode-button-active{background-color:rgb(var(--workbench-rail));color:rgb(var(--color-on-ink-channel));opacity:1}.transport-mode-button:disabled{cursor:not-allowed;opacity:.32}.finish-beat-button{border:1px solid rgb(var(--workbench-rail) / .2);background-color:rgb(var(--workbench-surface) / .94);min-width:4.9rem;min-height:2.55rem;color:rgb(var(--workbench-rail));letter-spacing:0;box-shadow:0 0 0 1px rgb(var(--workbench-rail) / .06), 0 6px 14px rgb(var(--workbench-rail) / .1);border-radius:999px;padding:.5rem .86rem;font-size:clamp(.72rem,1.35svh,.86rem);font-weight:850;line-height:1;transition:transform .12s,box-shadow .12s,background-color .12s}.finish-beat-button:disabled{cursor:not-allowed;filter:saturate(.72);opacity:.42}.finish-beat-button:not(:disabled):hover{background-color:rgb(var(--workbench-surface));box-shadow:0 0 0 1px rgb(var(--workbench-rail) / .08), 0 8px 18px rgb(var(--workbench-rail) / .12)}.finish-beat-button:not(:disabled):active{transform:scale(.96)}.finish-control-wrap{min-width:4.9rem;position:relative}.placed-brick-button{appearance:none;cursor:pointer;flex-direction:column;gap:.05rem;padding:0}.placed-brick-button span:first-child{transform:translateY(-.02rem)}.falling-brick-piece,.placed-brick-button{font-size:clamp(.72rem,min(3.2vw,1.9svh),1rem)}.probability-badge{background-color:rgb(var(--color-on-ink-channel) / .88);max-width:calc(100% - 2px);color:rgb(var(--foreground));font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.02rem .12rem;font-size:clamp(.42rem,1.2vw,.58rem);font-weight:950;line-height:1;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.probability-badge-default{background-color:rgb(var(--workbench-surface) / .68);opacity:.74}.placed-brick-button:hover .probability-badge-default,.placed-brick-button:focus-visible .probability-badge-default{opacity:1}.chance-picker{z-index:34;background:rgb(var(--workbench-surface) / .98);width:min(28rem,94%);color:rgb(var(--workbench-rail));box-shadow:0 0 0 1px rgb(var(--workbench-rail) / .1), 0 12px 26px rgb(var(--workbench-rail) / .14);text-align:center;pointer-events:auto;border-radius:14px;gap:.62rem;padding:.82rem;animation:.3s both stage-message-fade-in;display:grid;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.chance-picker-header{color:rgb(var(--workbench-rail) / .72);text-wrap:balance;justify-content:center;align-items:center;gap:.45rem;font-size:.88rem;font-weight:780;line-height:1.15;display:inline-flex}.chance-picker-letter{border:1.5px solid rgb(var(--workbench-rail));min-width:1.7rem;min-height:1.7rem;color:rgb(var(--foreground));border-radius:7px;justify-content:center;align-items:center;font-size:.82rem;font-weight:950;line-height:1;display:inline-flex}.chance-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;display:grid}.chance-picker-pill{border:1px solid rgb(var(--workbench-rail) / .18);min-width:0;min-height:2.55rem;color:rgb(var(--workbench-rail));background:0 0;border-radius:999px;align-content:center;justify-items:center;gap:.14rem;padding:.44rem .5rem;font-size:.76rem;font-weight:820;line-height:1;transition:transform 80ms,background-color .12s,box-shadow .12s;display:grid}.chance-picker-pill strong{font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:950;line-height:1}.chance-picker-pill:not(:disabled):active{transform:scale(.95)}.chance-picker-pill-selected{border-color:rgb(var(--workbench-rail));box-shadow:inset 0 1px 0 rgb(var(--color-on-ink-channel) / .24), 0 4px 0 rgb(var(--workbench-rail) / .16)}.chance-picker-note{color:rgb(var(--workbench-rail) / .68);margin:0;font-size:.76rem;font-style:italic;font-weight:720;line-height:1.2}.probability-notice{background:rgb(var(--workbench-rail) / .92);color:rgb(var(--color-on-ink-channel));border-radius:999px;padding:.36rem .72rem;font-size:clamp(.72rem,1.25svh,.86rem);font-weight:850;line-height:1;animation:1.8s both probability-notice-lifetime}.beat-report-overlay{z-index:70;background:rgb(var(--workbench-rail) / .42);place-items:center;padding:clamp(.75rem,2.8vw,2rem);display:grid;position:fixed;inset:0}.beat-report-dialog{width:min(100%,62rem);max-height:min(92svh,60rem);box-shadow:0 28px 72px rgb(var(--workbench-rail) / .24), 0 0 0 1px rgb(var(--color-on-ink-channel) / .22);border-radius:18px;outline:none;gap:0;display:grid;overflow:auto}.beat-report-card{border:1px solid rgb(var(--workbench-rail) / .24);background:linear-gradient(135deg, rgb(var(--color-on-ink-channel) / .72), transparent 34%), linear-gradient(180deg, rgb(var(--workbench-surface)), rgb(var(--color-bg-channel)));color:rgb(var(--foreground));box-shadow:inset 0 1px 0 rgb(var(--color-on-ink-channel) / .58), 0 5px 0 rgb(var(--workbench-rail) / .12);border-radius:18px;gap:clamp(.8rem,2vw,1.1rem);padding:clamp(1rem,2.5vw,1.5rem);display:grid}.beat-report-identity{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid}.beat-report-product{color:rgb(var(--color-ink-soft-channel));margin:0 0 .2rem;font-size:clamp(.82rem,1.45vw,.96rem);font-weight:850;line-height:1}.beat-report-identity h2{color:rgb(var(--workbench-rail));letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:900;line-height:1.05}.beat-report-meta{color:rgb(var(--workbench-rail) / .72);text-align:right;justify-items:end;gap:.18rem;font-size:clamp(.74rem,1.25vw,.88rem);font-weight:780;line-height:1.18;display:grid}.beat-report-meta strong{color:rgb(var(--workbench-rail));font-size:clamp(.98rem,1.8vw,1.18rem);font-weight:950}.beat-report-section{min-width:0}.beat-report-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:clamp(.18rem,.55vw,.34rem);display:grid}.beat-report-cell{aspect-ratio:1;background:rgb(var(--color-bg-desk-channel));min-width:0;color:rgb(var(--foreground));border-radius:6px;place-items:center;font-size:clamp(.54rem,1.35vw,.84rem);font-weight:950;line-height:1;display:grid}.beat-report-cell-filled{border:1.5px solid rgb(var(--workbench-rail));box-shadow:inset 0 1px 0 rgb(var(--color-on-ink-channel) / .28)}.beat-report-sounds{gap:.46rem;display:grid}.beat-report-sounds h3{color:rgb(var(--workbench-rail));margin:0;font-size:clamp(.86rem,1.35vw,1rem);font-weight:900;line-height:1}.beat-report-sound-row{flex-wrap:wrap;gap:.42rem;display:flex}.beat-report-sound-badge{border:1px solid rgb(var(--workbench-rail) / .14);background:rgb(var(--color-bg-channel));min-height:2.15rem;color:rgb(var(--workbench-rail));border-radius:999px;align-items:center;gap:.36rem;padding:.28rem .58rem .28rem .34rem;font-size:.8rem;font-weight:850;line-height:1;display:inline-flex}.beat-report-sound-letter{border:1px solid rgb(var(--workbench-rail));min-width:1.5rem;min-height:1.5rem;color:rgb(var(--foreground));border-radius:6px;justify-content:center;align-items:center;font-size:.72rem;font-weight:950;display:inline-flex}.beat-report-muted{color:rgb(var(--workbench-rail) / .62);font-size:.84rem;font-weight:760}.beat-report-score{background:rgb(var(--color-line-soft-channel));border-radius:10px;place-items:center;padding:clamp(.7rem,1.8vw,1rem);display:grid}.beat-report-score-number{justify-items:center;min-width:7rem;display:grid}.beat-report-score-number strong{color:rgb(var(--color-ink-channel));font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,7vw,4.2rem);font-weight:900;line-height:.9}.beat-report-score-number span{color:rgb(var(--color-ink-soft-channel));font-size:.82rem;font-weight:900;line-height:1}.beat-report-score p{color:rgb(var(--workbench-rail) / .78);text-wrap:pretty;margin:0;font-size:clamp(.9rem,1.55vw,1.05rem);font-weight:780;line-height:1.3}.beat-report-tags{background:rgb(var(--color-on-ink-channel) / .64);border-radius:10px;gap:.28rem;padding:clamp(.7rem,1.8vw,1rem);display:grid}.beat-report-tags h3{background:rgb(var(--workbench-surface) / .74);width:fit-content;color:rgb(var(--workbench-rail));border-radius:999px;margin:0;padding:.28rem .58rem;font-size:clamp(.74rem,1.2vw,.86rem);font-weight:900;line-height:1}.beat-report-footer{border-top:1px solid rgb(var(--workbench-rail) / .12);color:rgb(var(--workbench-rail) / .66);text-align:center;gap:clamp(.7rem,1.8vw,1rem);padding-top:.82rem;font-size:clamp(.74rem,1.25vw,.86rem);font-weight:780;line-height:1.2;display:grid}.beat-report-footer>span{display:block}.beat-report-actions{grid-template-columns:max-content max-content max-content;justify-content:center;align-items:start;gap:.62rem;display:grid}.beat-report-action-slot,.beat-report-audio-action{justify-items:center;gap:.35rem;min-width:0;display:grid}.beat-report-action{border:1px solid rgb(var(--workbench-rail) / .18);background:rgb(var(--workbench-surface));min-height:2.75rem;color:rgb(var(--workbench-rail));box-shadow:0 3px 0 rgb(var(--workbench-rail) / .13);border-radius:999px;justify-content:center;align-items:center;padding:.62rem .95rem;font-size:.9rem;font-weight:900;line-height:1;transition:transform 80ms,box-shadow .12s,background-color .12s;display:inline-flex}.beat-report-action-primary,.beat-report-audio-button{background:rgb(var(--workbench-rail));color:rgb(var(--color-on-ink-channel))}.beat-report-action:not(:disabled):hover{box-shadow:0 4px 0 rgb(var(--workbench-rail) / .14), 0 10px 18px rgb(var(--workbench-rail) / .12);transform:translateY(-1px)}.beat-report-action:not(:disabled):active{transform:scale(.96)}.beat-report-action:disabled{cursor:not-allowed;opacity:.58}.beat-report-audio-action p{min-height:1rem;color:rgb(var(--workbench-rail) / .72);text-align:center;text-wrap:balance;margin:0;font-size:.8rem;font-weight:820;line-height:1.2}@media (width>=701px){.beat-report-dialog{width:min(100%,66rem)}.beat-report-card{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);grid-template-areas:"identity identity""grid score""sounds tags""mission mission""footer footer";align-items:stretch}.beat-report-identity{grid-area:identity}.beat-report-grid-section{grid-area:grid;align-self:center}.beat-report-score{grid-area:score;align-content:center;min-height:100%}.beat-report-sounds{grid-area:sounds}.beat-report-tags{grid-area:tags;align-content:center}.beat-report-listening-mission{grid-area:mission}.beat-report-footer{grid-area:footer}}@keyframes probability-notice-lifetime{0%{opacity:0;transform:translateY(4px)}14%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}.resume-countdown{left:calc(var(--cell-size-x) * .7);right:calc(var(--cell-size-x) * .7);top:calc(var(--cell-size-y) * 1.45);z-index:18;height:calc(var(--cell-size-y) * 5.3);pointer-events:none;place-items:center;display:grid;position:absolute}.resume-countdown span{color:rgb(var(--workbench-rail));font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgb(var(--workbench-surface) / .92), 0 10px 30px rgb(var(--workbench-rail) / .18);place-items:center;font-size:clamp(4.8rem,17svh,8.5rem);font-weight:900;line-height:.9;animation:.26s ease-out both resume-countdown-pop;display:inline-grid}.onboarding-backdrop{z-index:var(--z-onboarding-backdrop);background:rgb(var(--color-ink-pressed-channel) / .42);position:fixed;inset:0}.onboarding-spotlight{z-index:var(--z-onboarding-spotlight);border:3px solid rgb(var(--workbench-amber));box-shadow:0 0 0 2px rgb(var(--workbench-rail) / .82), 0 14px 28px rgb(var(--color-ink-channel) / .18);pointer-events:none;border-radius:12px;animation:.26s ease-out both coach-target-pulse;position:fixed}.onboarding-card{z-index:var(--z-onboarding-card);border:2px solid rgb(var(--workbench-rail));background:rgb(var(--color-bg-channel));width:min(21.25rem,100vw - 28px);max-height:calc(100svh - 28px);color:rgb(var(--foreground));box-shadow:0 16px 34px rgb(var(--color-ink-channel) / .18), 0 4px 0 rgb(var(--workbench-rail) / .16);border-radius:16px;gap:.64rem;padding:.95rem;animation:.18s ease-out both coach-card-in;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.onboarding-card[data-placement=anchored]{animation-name:coach-anchored-in;transform:none}.onboarding-card[data-placement=sheet]{padding-bottom:max(.95rem, env(safe-area-inset-bottom));border-radius:18px 18px 12px 12px;animation-name:coach-sheet-in;transform:none}.onboarding-card[data-placement=mobile-top]{animation-name:coach-anchored-in;transform:none}.onboarding-step-count{color:rgb(var(--foreground) / .64);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:850;line-height:1}.onboarding-title{text-wrap:balance;margin:0;font-size:1.05rem;font-weight:900;line-height:1.1}.onboarding-copy{color:rgb(var(--foreground) / .78);text-wrap:pretty;margin:0;font-size:.92rem;font-weight:700;line-height:1.34}.onboarding-progress{align-items:center;gap:var(--space-2);padding-block:var(--space-2);display:flex}.onboarding-progress span{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-cell);background:var(--color-line);transition-property:width,background-color;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.onboarding-progress span[data-current=true]{width:var(--space-6);background:var(--color-ink)}.onboarding-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;padding-top:.18rem;display:flex}.onboarding-nav-actions{align-items:center;display:inline-flex}.onboarding-button{min-height:2.75rem;padding-inline:.9rem;font-size:.86rem;font-weight:850;line-height:1}.onboarding-button:disabled{cursor:not-allowed;opacity:.52}@keyframes coach-card-in{0%{opacity:0;transform:translate(-50%,calc(5px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes coach-anchored-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes coach-sheet-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes coach-target-pulse{0%{opacity:.72;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes resume-countdown-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-build-id{right:max(var(--space-2), env(safe-area-inset-right));bottom:max(var(--space-1), env(safe-area-inset-bottom));z-index:1;color:var(--color-ink-soft);font-family:var(--font-family);font-size:var(--font-size-label);font-variant-numeric:tabular-nums;opacity:.7;pointer-events:none;margin:0;line-height:1;position:fixed}[data-testid=learn-exit-dialog] button{min-height:44px}[data-testid=learn-exit-dialog][data-state=open]{animation:.16s ease-out both learn-dialog-fade-in!important}@keyframes learn-dialog-fade-in{0%{opacity:0}to{opacity:1}}@media (width>=901px){:root{--cell-size:clamp(28px, min(4.25svh, 4.5vw), 48px);--cell-size-x:var(--cell-size);--cell-size-y:var(--cell-size)}.game-stage{grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.75svh,18px)}.game-stage-header{grid-template-columns:minmax(7rem, 1fr) minmax(0, calc((var(--cell-size-x) * 16) + 14px)) minmax(7rem, 1fr);grid-template-rows:auto auto;grid-template-areas:"nav title info""nav score info";align-items:start;gap:clamp(6px,.9svh,10px) clamp(12px,2vw,28px);height:auto;min-height:clamp(12.25rem,24svh,13.7rem)}.game-nav-row{justify-self:start}.game-stage-header .game-title-block{text-align:center;justify-self:center;justify-items:center;max-width:min(100%,34rem)}.game-stage-header .game-title-row{justify-content:center}.game-stage-header .game-tagline{text-align:center}.score-stack{width:min(100%, calc((var(--cell-size-x) * 16) + 14px));-moz-column-gap:clamp(.75rem, 1.8vw, 1.15rem);grid-template:"current score-number feedback""current score-label feedback""current score-delta feedback""complete complete complete"minmax(2.1rem,auto)/minmax(0,1fr) minmax(5.8rem,auto) minmax(0,1fr);justify-self:center;place-items:center;gap:clamp(2px,.45svh,5px) clamp(.75rem,1.8vw,1.15rem);min-height:8.85rem;overflow:visible}.score-number{grid-area:score-number;align-self:end;font-size:clamp(3.1rem,6.8svh,4.55rem)}.score-label{grid-area:score-label;align-self:center}.score-delta{grid-area:score-delta;align-self:start}.score-feedback{grid-area:feedback;place-self:center stretch;width:min(100%,clamp(11.25rem,20vw,18rem));min-width:0;min-height:3.72rem;max-height:3.72rem;padding:.42rem .58rem}.score-feedback-tag{font-size:clamp(.78rem,1.18svh,.9rem);line-height:1.08}.score-feedback-copy,.placement-coach{font-size:clamp(.68rem,1.04svh,.78rem);line-height:1.18}.score-complete-status{border-radius:12px;grid-area:complete;place-self:center;width:min(100%,24rem);padding:.42rem .68rem;line-height:1.16}.unlock-notice-layer{top:calc(100% + .35rem)}.info-anchor{gap:.52rem}.guide-button,.refresh-button,.info-button{box-shadow:0 7px 18px rgb(var(--foreground) / .09)}.game-stage-body{gap:clamp(10px,1.7svh,16px)}.board-frame{filter:drop-shadow(0 12px 24px rgb(var(--workbench-rail) / .06))}}@media (width<=900px){:root{--cell-size:clamp(16px, min(3.9svh, 5.2vw), 38px);--cell-size-x:var(--cell-size);--cell-size-y:var(--cell-size)}.game-screen{overflow:auto}.game-stage{min-height:100dvh;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.3svh,12px)}.game-stage-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"nav title info""score score score";align-items:center;min-height:0;overflow:visible}.game-screen-touch .game-stage-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"nav title info""score score score";align-items:center}.game-title{font-size:clamp(1.18rem,5.8vw,1.72rem)}.game-screen-touch .game-title{text-align:center;width:100%;max-width:20rem;font-size:clamp(.98rem,3.8vw,1.24rem);line-height:1.08}.game-title-row,.game-screen-touch .game-title-row{justify-content:center}.web-experiment-badge{min-height:1.42rem;padding:.18rem .48rem;font-size:clamp(.66rem,2.4vw,.76rem)}.game-title-block{gap:.2rem;max-width:min(100%,16.5rem)}.game-stage-header .game-title-block{text-align:center;grid-area:title;justify-items:center}.game-screen-touch .game-title-block{text-align:center;justify-items:center;width:min(100%,20rem);max-width:min(100%,20rem)}.game-tagline{font-size:clamp(.72rem,2.8vw,.86rem);line-height:1.1}.game-screen-touch .game-tagline{font-size:clamp(.68rem,2.55vw,.78rem)}.score-stack{width:min(100%, calc((var(--cell-size-x) * 16) + 14px));border:1px solid rgb(var(--workbench-rail) / .12);background:rgb(var(--workbench-surface) / .82);min-height:5.6rem;box-shadow:0 0 0 1px rgb(var(--color-on-ink-channel) / .28), 0 6px 14px rgb(var(--workbench-rail) / .07);text-align:left;border-radius:14px;grid-area:score;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"score-number status score-delta";justify-self:center;align-items:center;gap:.34rem;padding:.38rem;display:grid}.game-screen-touch .score-stack{gap:.18rem .46rem}.game-screen-touch .score-number{font-size:clamp(1.38rem,4.5vw,1.8rem);line-height:1}.score-number{text-align:center;grid-area:score-number;min-width:2.85rem;font-size:clamp(1.45rem,4.8vw,1.9rem)}.score-label{display:none}.score-delta{grid-area:score-delta;align-self:center;min-width:2.6rem;padding:.24rem .44rem;font-size:clamp(.74rem,2.65vw,.86rem)}.score-feedback-tag{font-size:clamp(.76rem,2.55vw,.9rem)}.score-feedback{border-radius:10px;width:100%;min-height:2.32rem;max-height:2.32rem;padding:.3rem .46rem}.score-feedback-copy{-webkit-line-clamp:1;display:none}.score-complete-status{text-wrap:pretty;border-radius:10px;width:100%;padding:.34rem .46rem;font-size:clamp(.72rem,2.45vw,.84rem);line-height:1.14}.game-screen-touch .score-complete-status{font-size:clamp(.68rem,2.2vw,.78rem)}.info-anchor{grid-area:info;align-items:flex-end}.game-screen-touch .info-anchor{justify-self:end;align-items:flex-start;gap:.42rem}.game-screen-touch .guide-button,.game-screen-touch .refresh-button{width:clamp(2.75rem,8.4vw,2.95rem);min-height:2.75rem}.game-screen-touch .info-button{width:clamp(2.75rem,8.4vw,2.95rem);min-height:2.75rem;font-size:clamp(1.2rem,4.2vw,1.45rem)}.game-nav-row{grid-area:nav;min-height:1.55rem}.game-nav-button{min-height:2.5rem;padding:.38rem .62rem;font-size:clamp(.68rem,2.6vw,.78rem)}.game-stage-body{grid-template-rows:minmax(0,auto) auto auto;grid-template-columns:1fr;align-content:start;justify-items:center;gap:clamp(8px,1.35svh,12px)}.board-zone{order:1}.free-build-cue{order:2}.touch-swipe-helper{order:2;justify-self:center;width:min(100%,22rem);margin-top:-.28rem;display:block}.transport-bar{width:min(100%, calc((var(--cell-size-x) * 16) + 14px));z-index:32;background:rgb(var(--workbench-paper) / .9);box-shadow:0 -10px 24px rgb(var(--workbench-rail) / .06);padding:.34rem .36rem max(.34rem, env(safe-area-inset-bottom));border-radius:18px;order:3;position:sticky;bottom:0}.chance-discovery-strip,.probability-badge-default{display:none}.transport-control-row{grid-template-columns:minmax(0,1fr) minmax(4.35rem,auto);gap:.36rem}.transport-mode-group{border-radius:16px;height:auto;min-height:2.95rem}.transport-mode-button{border-radius:13px;min-height:2.75rem;padding-inline:.42rem;font-size:clamp(.72rem,2.8vw,.84rem)}.finish-beat-button{border-radius:16px;min-width:4.35rem;min-height:2.95rem;padding-inline:.56rem;font-size:clamp(.68rem,2.65vw,.8rem)}.touch-play-surface{min-height:0}}@media (width<=520px){:root{--cell-size:clamp(15px, min(3.55svh, 5.15vw), 28px);--cell-size-x:clamp(16px, calc((100vw - 42px) / 16), 25px);--cell-size-y:clamp(28px, calc((100dvh - 344px) / 12), 38px)}.game-stage{padding-inline:14px}.game-title-block{max-width:min(100%,16.5rem)}.game-screen-touch .game-title-block{align-content:start;min-height:6.25rem}.score-number{font-size:clamp(1.28rem,4.2vw,1.68rem)}.score-stack{width:min(100%, calc((var(--cell-size-x) * 16) + 14px));gap:.16rem .4rem}.game-screen-touch .score-stack{height:6.25rem;min-height:6.25rem}.score-feedback{min-height:2.22rem;max-height:2.22rem}.score-feedback-copy{font-size:clamp(.66rem,2.35vw,.76rem)}.info-popover{width:calc(100vw - 28px);max-height:calc(100svh - 5.5rem);right:-.25rem}.legend-row{grid-template-columns:2.6rem minmax(0,1fr)}.legend-status{grid-column:2;justify-self:start}.control-list{grid-template-columns:1fr}.finish-beat-button{min-width:4rem;min-height:2.95rem;padding:.42rem .48rem;font-size:clamp(.68rem,2.55vw,.78rem)}.finish-control-wrap{min-width:4rem}.chance-picker{width:min(19rem,94%);padding:.68rem;top:38%}.chance-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.chance-picker-pill{place-items:center;min-height:44px;padding-inline:.4rem}.stage-message h2{font-size:clamp(1.52rem,7vw,2rem)}.stage-message p{font-size:clamp(.72rem,2.8vw,.82rem)}.beat-report-overlay{align-items:stretch;padding:0}.beat-report-dialog{border-radius:18px 18px 0 0;align-self:end;gap:.62rem;width:100%;height:100dvh;max-height:none;overflow:hidden}.beat-report-card{height:100%;padding:max(.9rem, env(safe-area-inset-top)) .9rem max(.9rem, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;gap:.78rem;overflow-y:auto}.beat-report-identity{grid-template-columns:1fr;gap:.42rem}.beat-report-meta{text-align:left;justify-items:start}.beat-report-grid{gap:.12rem}.beat-report-cell{border-radius:4px;font-size:clamp(.46rem,2.2vw,.62rem)}.beat-report-score{text-align:center;grid-template-columns:1fr;justify-items:center}.beat-report-footer{z-index:2;padding-top:.68rem;padding-inline:.9rem;padding-bottom:max(.9rem, env(safe-area-inset-bottom));background:linear-gradient(180deg, rgb(var(--workbench-surface) / .82), rgb(var(--workbench-surface)));box-shadow:0 -10px 22px rgb(var(--workbench-rail) / .08);gap:.62rem;margin-inline:-.9rem;position:sticky;bottom:0}.beat-report-actions{grid-template-columns:1fr;justify-items:stretch;gap:.5rem;display:grid}.beat-report-action-slot,.beat-report-audio-action{justify-items:stretch}.beat-report-action{width:100%;min-height:2.75rem;padding-inline:.8rem;font-size:.82rem}.transport-bar{padding-top:.28rem}.transport-control-row{grid-template-columns:minmax(0,1fr) minmax(4rem,auto);gap:.3rem}.transport-mode-group{height:auto;min-height:2.95rem;padding:.16rem}.transport-mode-button{min-height:2.75rem;padding-inline:.28rem;font-size:clamp(.68rem,2.6vw,.78rem)}.onboarding-card{width:min(19.5rem,100vw - 28px);padding:.85rem}.onboarding-actions{align-items:stretch}.onboarding-nav-actions{flex:auto;justify-content:flex-end}.onboarding-button{min-height:2.5rem;padding-inline:.72rem}}@media (prefers-reduced-motion:reduce){[data-testid=learn-exit-dialog][data-state=open]{animation:none!important}.unlock-notice,.probability-notice,.stage-message,.stage-message-intro,.chance-picker,.beat-report-card{animation:none}.beat-report-action,.guide-button,.refresh-button,.info-button,.game-nav-button,.transport-mode-button,.finish-beat-button,.stage-report-button,.chance-picker-pill,.refresh-icon-svg{transition:none}.onboarding-card,.onboarding-card[data-placement=anchored],.onboarding-card[data-placement=centered],.onboarding-card[data-placement=mobile-top],.onboarding-card[data-placement=sheet],.onboarding-spotlight,.resume-countdown span{animation:none}}.placed-brick-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (height<=600px){:root{--play-shell-zone-gap:var(--space-2);--play-shell-block-inset:max(var(--space-2), env(safe-area-inset-top));--play-shell-block-end-inset:max(var(--space-2), env(safe-area-inset-bottom))}}.application-shell{background:var(--color-bg);min-width:0;min-height:100dvh}.application-route-frame{min-width:0;min-height:0}.application-shell[data-consent-prompt=true]{grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.application-shell[data-consent-prompt=true] .application-route-frame{overscroll-behavior:contain;overflow:clip auto}.game-screen{--free-build-radius:var(--radius-button)}.game-screen .game-nav-button,.game-screen .guide-button,.game-screen .refresh-button,.game-screen .info-button,.game-screen .web-experiment-badge,.game-screen .score-delta,.game-screen .score-stack,.game-screen .score-feedback,.game-screen .stage-message-complete,.game-screen .stage-message-intro,.game-screen .stage-report-button,.game-screen .chance-picker,.game-screen .chance-picker-letter,.game-screen .chance-picker-pill,.game-screen .transport-mode-group,.game-screen .transport-mode-button,.game-screen .finish-beat-button,.game-screen .chance-edit-control,.game-screen .chance-discovery-guide,.game-screen .info-popover-close,.game-screen .free-build-cue{border-radius:var(--free-build-radius)}.game-screen .storage-cell-slot,.game-screen .falling-brick-piece,.game-screen .placed-brick-button,.game-screen .probability-badge,.game-screen .score-signal-track,.game-screen .score-signal-fill{border-radius:0}.game-screen .game-nav-button,.game-screen .guide-button,.game-screen .refresh-button,.game-screen .info-button,.game-screen .transport-mode-button,.game-screen .finish-beat-button,.game-screen .chance-edit-control,.game-screen .chance-discovery-guide,.game-screen .chance-picker-pill,.game-screen .chance-picker-target select,.game-screen .info-popover-close,.game-screen .stage-report-button{min-height:44px}.game-screen .score-stack{border-color:rgb(var(--workbench-rail) / .12);border-radius:var(--free-build-radius);background:rgb(var(--workbench-surface) / .72);box-shadow:none;overflow:visible}.game-screen .score-complete-status{border-radius:var(--free-build-radius);padding:var(--space-2);background:0 0;overflow:visible}.game-screen .free-build-cue{box-sizing:border-box;width:min(100%, calc((var(--cell-size-x) * 16) + 14px));align-content:center;gap:var(--space-1);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);height:5.75rem;min-height:5.75rem;padding:var(--space-2) var(--space-3);display:grid}.game-screen .free-build-cue p{margin:0}.game-screen .free-build-transient-cue{min-height:2.4em;color:var(--color-ink-soft);font-size:var(--font-size-label);overflow-wrap:anywhere;text-wrap:pretty;align-items:center;font-weight:700;line-height:1.2;display:grid}.game-screen .free-build-transient-cue .placement-coach{color:var(--color-ink);background:0 0;border:0;padding:0;display:block}.game-screen .transport-bar{border:1px solid rgb(var(--workbench-rail) / .14);border-radius:var(--free-build-radius);background:rgb(var(--workbench-surface) / .66);padding:var(--space-2);box-shadow:none}.game-screen .finish-control-wrap,.game-screen .finish-beat-button{min-width:5.5rem}.game-screen .transport-mode-group,.game-screen .finish-beat-button,.game-screen .chance-discovery-strip{box-shadow:none}.game-screen .chance-discovery-strip{border-top:1px solid var(--color-line);padding-top:var(--space-2);background:0 0;border-radius:0}.game-screen .chance-discovery-option{box-shadow:none;background:0 0}.game-screen .stage-message-complete{box-shadow:0 0 0 1px rgb(var(--workbench-rail) / .12)}.game-screen .well-wall{background:rgb(var(--workbench-rail) / .52)!important}.game-screen .score-feedback{align-content:stretch;gap:var(--space-1);border-radius:var(--free-build-radius);width:100%;min-height:0;max-height:none;padding:var(--space-2);background:0 0;border:0;grid-area:feedback;overflow:visible}.game-screen .score-feedback-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.game-screen .score-feedback-heading>span{color:var(--color-ink-soft);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;flex:none;font-weight:800;line-height:1}.game-screen .score-feedback-tag{min-width:0;color:var(--color-ink);font-size:var(--font-size-body);text-align:right;text-wrap:balance;line-height:1.1;display:block}.game-screen .score-signal-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.game-screen .score-signal{gap:var(--space-1);min-width:0;display:grid}.game-screen .score-signal>span{color:var(--color-ink-soft);font-size:var(--font-size-label);overflow-wrap:anywhere;text-wrap:balance;font-weight:700;line-height:1.08}.game-screen .score-signal-track{height:var(--space-1);border-radius:var(--radius-cell);background:var(--color-line);overflow:hidden}.game-screen .score-signal-fill{border-radius:inherit;background:var(--color-ink);height:100%;display:block}.game-screen .score-next-cue{min-width:0;color:var(--color-ink-soft);font-size:var(--font-size-label);overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-weight:650;line-height:1.2}.game-screen .score-next-cue strong{color:var(--color-ink);font-weight:850}@media (width>=901px){.game-screen .score-feedback{min-height:6.5rem;max-height:none}.game-screen .score-feedback-copy{-webkit-line-clamp:unset;display:block}}@media (width<=900px){.game-screen .score-stack,.game-screen-touch .score-stack{gap:var(--space-1) var(--space-2);border-radius:var(--radius-button);height:auto;min-height:8.75rem;padding:var(--space-2);grid-template:"score-number current score-delta""score-label current score-delta""feedback feedback feedback""complete complete complete"/auto minmax(0,1fr) auto}.game-screen .score-number{align-self:end}.game-screen .score-label{color:var(--color-ink-soft);font-size:var(--font-size-label);text-align:center;white-space:nowrap;grid-area:score-label;align-self:start;font-weight:750;line-height:1;display:block}.game-screen .score-feedback{grid-area:feedback;width:100%;min-height:5.25rem;max-height:none}.game-screen .score-feedback-copy{-webkit-line-clamp:unset;display:none}.game-screen .score-feedback-tag{font-size:var(--font-size-body)}.game-screen .score-signal>span,.game-screen .score-next-cue{font-size:var(--font-size-label)}.game-screen .score-complete-status{grid-area:complete}}.beat-report-listening-mission{gap:var(--space-1);border-radius:var(--radius-button);background:var(--color-line-soft);min-width:0;padding:var(--space-3);text-align:left;display:grid}.beat-report-listening-mission p,.beat-report-listening-mission h3,.beat-report-listening-mission span{margin:0}.beat-report-listening-mission p{color:var(--color-ink-soft);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:800;line-height:1}.beat-report-listening-mission h3{color:var(--color-ink);font-size:var(--font-size-body);text-wrap:balance;font-weight:800;line-height:1.25}.beat-report-listening-mission span{color:var(--color-ink-soft);font-size:var(--font-size-body);font-weight:650;line-height:1.25}@media (prefers-reduced-motion:reduce){.onboarding-progress span,.game-screen .score-signal-fill{transition:none}}.game-screen .free-build-storage-zone{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.game-screen .storage-cell-slot{border-radius:var(--radius-cell);background:var(--color-line-soft)}.game-screen .first-drop-map{z-index:12;min-height:var(--space-6);color:var(--color-ink-soft);font-size:var(--font-size-label);text-align:center;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;font-weight:750;line-height:1;display:grid;position:absolute}.game-screen .first-drop-map strong{color:var(--color-ink);font-weight:850}@media (width>=901px){:root{--cell-size-x:clamp(28px, min(4.25svh, 4.5vw), 42px);--cell-size-y:clamp(24px, min(3.1svh, 3.25vw), 30px)}}@media (width<=900px){:root{--cell-size-y:clamp(27px, 3.35svh, 31px)}}@media (width<=520px){:root{--cell-size-y:clamp(25px, calc((100dvh - 424px) / 12), 30px)}}@media (width<=520px) and (height<=860px){:root{--cell-size-y:clamp(24px, calc((100dvh - 438px) / 12), 29px)}}@media (width>=521px) and (width<=900px) and (height<=740px){.game-screen{--cell-size-y:clamp(25px, calc((100dvh - 400px) / 12), 28px)}}.game-screen .chance-discovery-meaning{color:var(--color-ink-soft);font-weight:700;line-height:1.1}@media (width<=900px){.game-screen .chance-discovery-strip{align-items:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-2);padding:var(--space-2) var(--space-1) 0 var(--space-3);text-align:left;background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.game-screen .chance-discovery-option{display:none}.game-screen .chance-discovery-meaning{min-width:0;font-size:var(--font-size-label);text-wrap:pretty}.game-screen .chance-discovery-guide{border-radius:var(--radius-button);min-height:44px;padding-inline:var(--space-3);white-space:nowrap}}@media (width<=700px) and (height<=840px){.beat-report-footer{box-shadow:none;position:static}}.onboarding-button{min-height:44px}.game-screen .game-stage{width:min(100%,1180px)}.game-screen .game-tagline{color:rgb(var(--color-ink-channel) / .8);font-weight:450}.game-screen .score-stack{width:min(100%, calc((var(--cell-size-x) * 16) + 14px));place-items:stretch stretch;gap:var(--space-1);border:0;border-bottom:1px solid var(--color-line);min-height:0;padding:0 0 var(--space-1);text-align:center;background:0 0;border-radius:0;grid-template:"summary""complete""feedback"/minmax(0,1fr);display:grid}.game-screen .score-summary{grid-area:summary;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-width:0;display:grid}.game-screen .score-primary{grid-column:2;justify-items:center;gap:2px;display:grid}.game-screen .score-primary .score-number,.game-screen .score-primary .score-label{grid-area:auto;align-self:auto}.game-screen .score-primary .score-label{color:var(--color-ink-soft);font-size:var(--font-size-label);white-space:nowrap;font-weight:750;line-height:1;display:block}.game-screen .score-feedback-heading{justify-content:center;gap:var(--space-3)}.game-screen .score-feedback-tag{text-align:left}.game-screen .score-summary .score-delta-group{grid-area:auto/3;place-self:center end}.game-screen .score-complete-status{grid-area:complete}.game-screen .free-build-cue{height:6rem;min-height:6rem}.game-screen .free-build-cue-primary{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.game-screen .guidance-toggle{border:1px solid var(--color-line);border-radius:var(--free-build-radius);min-width:44px;min-height:44px;color:var(--color-ink-soft);padding-inline:var(--space-2);font-size:var(--font-size-label);white-space:nowrap;background:0 0;font-weight:800}.game-screen .guidance-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.game-screen .free-build-cue[data-guidance=off]{height:3.5rem;min-height:3.5rem}.game-screen .guidance-off-copy{color:var(--color-ink-soft)}.game-screen .score-delta-group{color:var(--color-ink-soft);white-space:nowrap;grid-area:auto/3;align-self:center;justify-items:center;gap:2px;font-size:.68rem;font-weight:800;line-height:1;display:grid}.game-screen .score-delta{border:1px solid var(--color-line);background:0 0;grid-area:auto;min-width:2.9rem;padding:.24rem .5rem}.game-screen .score-diagnostics-heading{color:var(--color-ink-soft);font-size:.68rem;font-weight:750;line-height:1.1}.game-screen .score-signal-label{justify-content:space-between;align-items:baseline;gap:var(--space-1);min-width:0;display:flex}.game-screen .score-signal-label strong{color:var(--color-ink);font-variant-numeric:tabular-nums}.game-screen .info-popover{border-radius:var(--free-build-radius);width:min(28rem,100vw - 28px);max-height:min(42rem,100dvh - 28px);padding:var(--space-4);position:relative;inset:auto}.game-screen .info-popover:before{display:none}.game-screen .info-popover-close{width:100%;margin-top:var(--space-4);border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-ink);font-weight:800}.game-screen .score-diagnostic-definitions{gap:var(--space-2);margin:var(--space-2) 0 0;display:grid}.game-screen .score-diagnostic-definitions div{gap:2px;display:grid}.game-screen .score-diagnostic-definitions dt,.game-screen .score-diagnostic-definitions dd{margin:0}.game-screen .score-diagnostic-definitions dt{color:var(--color-ink);font-size:var(--font-size-label);font-weight:850}.game-screen .score-diagnostic-definitions dd{color:var(--color-ink-soft);font-size:var(--font-size-label);font-weight:650;line-height:1.25}.game-screen .chance-picker-target{gap:var(--space-1);color:var(--color-ink-soft);font-size:var(--font-size-label);font-weight:800;display:grid}.game-screen .chance-picker-target select{border:1px solid var(--color-line);border-radius:var(--free-build-radius);background:var(--color-bg);width:100%;color:var(--color-ink);padding:0 var(--space-3);font:inherit}.game-screen .chance-edit-control,.game-screen .chance-discovery-guide{border:1px solid var(--color-line);min-width:44px;color:var(--color-ink);padding-inline:var(--space-3);font-size:var(--font-size-label);white-space:nowrap;background:0 0;font-weight:850}.game-screen .guidance-toggle:hover,.game-screen .chance-edit-control:not(:disabled):hover,.game-screen .chance-discovery-guide:not(:disabled):hover,.game-screen .info-popover-close:hover{background:var(--color-line-soft)}.game-screen .guidance-toggle:active,.game-screen .chance-edit-control:not(:disabled):active,.game-screen .chance-discovery-guide:not(:disabled):active,.game-screen .info-popover-close:active{background:var(--color-line)}.game-screen .chance-edit-control:disabled,.game-screen .chance-discovery-guide:disabled{cursor:not-allowed;color:var(--color-ink-soft);opacity:.55}.game-screen .chance-edit-control:focus-visible,.game-screen .info-popover-close:focus-visible,.game-screen .chance-picker-target select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.game-screen .transport-bar{border:0;border-top:1px solid var(--color-line);background:0 0;border-radius:0}.game-screen .chance-discovery-strip{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) repeat(3,auto) auto auto;display:grid}.game-screen .chance-discovery-option,.game-screen .storage-cell-slot,.game-screen .falling-brick-piece,.game-screen .placed-brick-button,.game-screen .probability-badge,.game-screen .score-signal-track,.game-screen .score-signal-fill{border-radius:0}.game-screen .probability-badge{background:rgb(var(--color-bg-channel) / .86);border:0}.game-screen .probability-badge-default{display:none}@media (width>=901px){.game-screen{--cell-size-x:clamp(34px, min(5.2svh, 4vw), 48px);--cell-size-y:clamp(25px, min(3.2svh, 2.65vw), 31px)}.game-screen .score-feedback{min-height:5.25rem}.game-screen .game-stage{width:min(100%,1180px);padding-inline:clamp(16px,2.2vw,32px)}}@media (width<=900px){.game-screen{overflow:hidden auto}.game-screen .game-stage{width:100%;min-height:100dvh;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));gap:6px}.game-screen .game-stage-header{row-gap:4px}.game-screen-touch .game-title-block{align-content:center;min-height:0}.game-screen .score-stack,.game-screen-touch .score-stack{min-height:0;padding:6px var(--space-2) var(--space-2);grid-template-columns:minmax(0,1fr);grid-template-areas:"summary""complete""feedback";gap:5px}.game-screen .score-delta-group{grid-area:auto/3;align-self:center}.game-screen .score-delta{grid-area:auto}.game-screen .score-feedback{min-height:4.7rem;padding:var(--space-1) 0 0}.game-screen .score-feedback-heading{gap:var(--space-1)}.game-screen .score-diagnostics-heading{display:none}.game-screen .score-signal-grid{gap:var(--space-1)}.game-screen .score-signal-label{font-size:.66rem}.game-screen .game-stage-body{grid-template-rows:auto auto auto;gap:5px}.game-screen .free-build-cue{height:5.5rem;min-height:5.5rem;padding:6px var(--space-2);gap:2px}.game-screen .free-build-transient-cue{min-height:2.35em;font-size:.72rem}.game-screen .transport-bar{padding:6px;position:static;bottom:auto}.game-screen .chance-discovery-strip{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"title meaning edit guide";gap:5px;min-height:44px;margin-top:5px;padding:5px 0 0}.game-screen .chance-discovery-title{grid-area:title}.game-screen .chance-discovery-meaning{grid-area:meaning}.game-screen .chance-edit-control{min-width:0;padding-inline:var(--space-2);grid-area:edit}.game-screen .chance-discovery-guide{padding-inline:var(--space-2);grid-area:guide}}@media (width<=520px){.game-screen{--cell-size-x:clamp(16px, calc((100vw - 42px) / 16), 25px);--cell-size-y:clamp(23px, calc((100dvh - 480px) / 12), 28px)}.game-screen .game-stage{padding-inline:10px}.game-screen .game-title{font-size:clamp(1rem,4.8vw,1.25rem)}.game-screen .game-tagline{color:rgb(var(--color-ink-channel) / .78);font-size:clamp(.66rem,2.45vw,.76rem);font-weight:450}.game-screen .score-stack,.game-screen-touch .score-stack{min-height:0}.game-screen .score-feedback{min-height:4.45rem}.game-screen .score-feedback-tag{font-size:.76rem}.game-screen .score-signal-label{justify-items:start;gap:1px;font-size:.62rem;display:grid}.game-screen .free-build-cue{height:5.5rem;min-height:5.5rem}.game-screen .chance-discovery-title{display:none}.game-screen .chance-discovery-strip{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"meaning edit guide"}.game-screen .chance-discovery-meaning{font-size:.66rem}.game-screen .chance-edit-control,.game-screen .chance-discovery-guide{min-height:44px;padding-inline:7px;font-size:.66rem}.game-screen .chance-picker{width:min(20rem,96%)}.game-screen .chance-picker-target select{font-size:.72rem}.onboarding-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.game-screen .finish-beat-button,.game-screen .free-build-transient-cue>span{transform:none!important}.game-screen .finish-beat-button,.game-screen .free-build-transient-cue>span,.game-screen .score-signal-fill,.onboarding-card,.onboarding-spotlight,.game-screen .info-popover,.chance-picker,.stage-message{transition:opacity .01ms linear!important;animation:none!important}}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1))}.placeholder\:text-muted-foreground::placeholder{--tw-text-opacity:1;color:rgb(var(--muted-foreground) / var(--tw-text-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(var(--accent) / var(--tw-bg-opacity,1))}.hover\:bg-destructive\/80:hover{background-color:rgb(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:rgb(var(--destructive) / .9)}.hover\:bg-muted\/50:hover{background-color:rgb(var(--muted) / .5)}.hover\:bg-primary\/80:hover{background-color:rgb(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:rgb(var(--primary) / .9)}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--secondary) / var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:rgb(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{--tw-text-opacity:1;color:rgb(var(--accent-foreground) / var(--tw-text-opacity,1))}.hover\:text-foreground:hover{--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1))}.hover\:text-primary\/90:hover{color:rgb(var(--primary) / .9)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring) / var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring) / var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.97\]:active{--tw-scale-x:.97;--tw-scale-y:.97;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:scale-100:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:rgb(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{--tw-border-opacity:1;border-color:rgb(var(--border) / var(--tw-border-opacity,1))}.group.toast .group-\[\.toast\]\:bg-muted{--tw-bg-opacity:1;background-color:rgb(var(--muted) / var(--tw-bg-opacity,1))}.group.toast .group-\[\.toast\]\:bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--primary) / var(--tw-bg-opacity,1))}.group.toaster .group-\[\.toaster\]\:bg-background{--tw-bg-opacity:1;background-color:rgb(var(--background) / var(--tw-bg-opacity,1))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{--tw-text-opacity:1;color:rgb(var(--muted-foreground) / var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-primary-foreground{--tw-text-opacity:1;color:rgb(var(--primary-foreground) / var(--tw-text-opacity,1))}.group.toaster .group-\[\.toaster\]\:text-foreground{--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:rgb(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{--tw-bg-opacity:1;background-color:rgb(var(--destructive) / var(--tw-bg-opacity,1))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{--tw-text-opacity:1;color:rgb(var(--destructive-foreground) / var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--destructive) / var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{--tw-bg-opacity:1;background-color:rgb(var(--background) / var(--tw-bg-opacity,1))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{--tw-bg-opacity:1;background-color:rgb(var(--muted) / var(--tw-bg-opacity,1))}.data-\[state\=active\]\:text-foreground[data-state=active]{--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1))}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.dark\:border-destructive:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--destructive) / var(--tw-border-opacity,1))}@media (width>=640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-\[var\(--radius-button\)\]{border-radius:var(--radius-button)}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (width>=768px){.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:text-destructive>svg{--tw-text-opacity:1;color:rgb(var(--destructive) / var(--tw-text-opacity,1))}.\[\&\>svg\]\:text-foreground>svg{--tw-text-opacity:1;color:rgb(var(--foreground) / var(--tw-text-opacity,1))}.\[\&\>svg\]\:text-muted-foreground>svg{--tw-text-opacity:1;color:rgb(var(--muted-foreground) / var(--tw-text-opacity,1))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:rgb(var(--muted-foreground) / 1)}.\[\&_\.recharts-cartesian-grid_line\]\:stroke-border\/50 .recharts-cartesian-grid line{stroke:rgb(var(--border) / .5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:rgb(var(--border) / 1)}.\[\&_\.recharts-dot\]\:stroke-transparent .recharts-dot{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline-offset:2px;outline:2px solid #0000}.\[\&_\.recharts-polar-grid_\[stroke\]\]\:stroke-border .recharts-polar-grid [stroke]{stroke:rgb(var(--border) / 1)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:rgb(var(--muted) / 1)}.\[\&_\.recharts-reference-line_\[stroke\]\]\:stroke-border .recharts-reference-line [stroke]{stroke:rgb(var(--border) / 1)}.\[\&_\.recharts-sector\]\:stroke-transparent .recharts-sector{stroke:#0000}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline-offset:2px;outline:2px solid #0000}.\[\&_\[data-slot\=button-group\]\]\:shadow-none [data-slot=button-group]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.\[\&_button\:first-child\:not\(\:last-child\)\]\:rounded-r-none button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&_button\:focus-visible\]\:z-10 button:focus-visible{z-index:10}.\[\&_button\:last-child\:not\(\:first-child\)\]\:rounded-l-none button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&_button\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none button:not(:first-child):not(:last-child){border-radius:0}.\[\&_button\:not\(\:focus-visible\)\:not\(\:first-child\)\]\:-ml-px button:not(:focus-visible):not(:first-child){margin-left:-1px}.\[\&_button\]\:relative button{position:relative}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}