:root{--page:#f3eee5;--surface:#fffaf3;--ink:#342721;--muted:#75665f;--line:#6a5a52;--pink:#f486a8;--yellow:#f4d35e;--blue:#7ba9ee;--mint:#81d4bd;--safe-top:max(.35rem,env(safe-area-inset-top));--safe-right:max(.55rem,env(safe-area-inset-right));--safe-bottom:max(.35rem,env(safe-area-inset-bottom));--safe-left:max(.55rem,env(safe-area-inset-left));font-family:ui-rounded,"Arial Rounded MT Bold",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--page);color:var(--ink)}body{min-width:320px}button,a{color:inherit;font:inherit;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.game-shell{display:grid;width:min(100%,56rem);height:100dvh;min-height:0;margin:0 auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-rows:44px 50px minmax(0,1fr) auto 22px;gap:.35rem;overflow:hidden}.game-header{display:grid;grid-template-columns:4.5rem minmax(0,1fr) 4.5rem;align-items:center}.game-header h1{margin:0;text-align:center;font-size:clamp(1rem,4.7vw,1.45rem);font-weight:950;letter-spacing:-.06em}.text-link{display:inline-flex;min-width:48px;min-height:48px;align-items:center;border:0;background:transparent;font-size:.68rem;font-weight:950;letter-spacing:.06em;text-decoration:none}.game-header #how-open{justify-content:flex-end}.hud{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.hud-cell{display:grid;min-width:0;min-height:48px;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink)}.hud-cell:first-child{border-left:0}.hud-cell span{color:var(--muted);font-size:.53rem;font-weight:950;letter-spacing:.08em}.hud-cell strong{font-size:1rem;font-weight:950;font-variant-numeric:tabular-nums}.hud-level{cursor:pointer}.hud-level strong{color:var(--pink)}.play-area{display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden}.art-stage{position:relative;width:min(100%,calc(100dvh * .5622));height:min(100%,calc(100vw * 1.778));aspect-ratio:941/1672;overflow:hidden;background:#3b3436}.art-stage img,.art-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}.art-stage img{z-index:1}.art-stage canvas{z-index:2;pointer-events:none}.layer-callout{position:absolute;z-index:3;right:.45rem;bottom:.45rem;padding:.35rem .5rem;border:1px solid rgb(255 255 255 / .25);border-radius:8px;background:rgb(32 32 36 / .76);color:#fffaf6;font-size:.58rem;font-weight:950;letter-spacing:.05em}.controls{display:grid;gap:.35rem}.waiting-row,.rack{display:grid;min-height:48px;gap:.35rem}.waiting-row{grid-template-columns:repeat(var(--slot-count,3),1fr)}.rack{grid-template-columns:repeat(4,1fr)}.launcher{position:relative;display:grid;min-width:0;min-height:48px;padding:.2rem;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.launcher:active{transform:translateY(1px) scale(.98)}.launcher .heart{display:block;width:1.25rem;height:1.1rem;background:var(--launcher-color);transform:rotate(45deg);border-radius:3px;position:relative}.launcher .heart:before,.launcher .heart:after{position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background:inherit;content:""}.launcher .heart:before{left:-.62rem}.launcher .heart:after{top:-.62rem}.launcher .capacity{position:absolute;right:.3rem;bottom:.18rem;font-size:.68rem;font-weight:950}.launcher .name{position:absolute;left:.3rem;top:.18rem;max-width:calc(100% - 1rem);overflow:hidden;color:var(--muted);font-size:.46rem;font-weight:950;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.launcher[data-color=pink]{--launcher-color:var(--pink)}.launcher[data-color=yellow]{--launcher-color:var(--yellow)}.launcher[data-color=blue]{--launcher-color:var(--blue)}.launcher[data-color=mint]{--launcher-color:var(--mint)}.launcher.is-target{border-color:var(--launcher-color);box-shadow:inset 0 -3px 0 var(--launcher-color)}.waiting-slot-empty{display:grid;min-width:0;min-height:48px;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.5rem;font-weight:950;letter-spacing:.06em}.live-status{min-height:22px;margin:0;overflow:hidden;color:var(--muted);font-size:.59rem;font-weight:950;line-height:22px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.live-status[data-kind=good]{color:var(--mint)}.live-status[data-kind=bad]{color:var(--pink)}.result-screen{position:fixed;z-index:20;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;align-content:center;gap:.5rem;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden;background:var(--page)}.result-screen img{display:block;width:min(92vw,calc(100dvh * .46));height:min(62dvh,calc(92vw * 1.778));max-width:100%;max-height:62dvh;object-fit:contain;object-position:center}.result-screen[data-result="jammed"]{grid-template-rows:1fr}.result-screen[data-result="jammed"] #result-art{display:none}.result-copy{text-align:center}.result-copy p{margin:0;color:var(--muted);font-size:.62rem;font-weight:950;letter-spacing:.1em}.result-copy h2{margin:.1rem 0 .55rem;font-size:clamp(2.8rem,13vw,6rem);font-weight:950;letter-spacing:-.08em;line-height:.8}.result-actions{display:flex;gap:.45rem;justify-content:center}.result-actions button,.dialog-head button,.level-choices button{min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.67rem;font-weight:950;letter-spacing:.06em}.result-actions #result-primary{background:var(--pink);color:#2c1d23;border-color:var(--pink)}dialog{width:min(30rem,calc(100% - 1.2rem));max-height:calc(100dvh - 1.2rem);padding:1rem;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}dialog::backdrop{background:rgb(0 0 0 / .76)}.dialog-head{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:1rem}.dialog-head h2{margin:0;font-size:1.1rem;font-weight:950;letter-spacing:-.04em}.dialog-head button{border:0;background:transparent}.dialog-head+ol{margin:.5rem 0 0;padding:0;list-style:none}.dialog-head+ol li{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;padding:.8rem 0;border-top:1px solid var(--line);font-size:.86rem;line-height:1.35}.dialog-head+ol b{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:var(--pink);color:#2c1d23}.level-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.6rem}.level-choices button{display:grid;min-height:72px;place-items:center;background:var(--page)}.level-choices small{color:var(--muted);font-size:.55rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:24.375rem){.game-shell{padding-right:max(.4rem,env(safe-area-inset-right));padding-left:max(.4rem,env(safe-area-inset-left))}.game-header{grid-template-columns:4rem minmax(0,1fr) 4rem}.launcher .name{font-size:.4rem}.art-stage{width:min(100%,calc(100dvh * .56))}}@media (orientation:landscape) and (max-height:30rem){.game-shell{width:100%;grid-template-columns:7.5rem minmax(0,1fr) 7.5rem;grid-template-rows:1fr auto;gap:.3rem}.game-header{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;grid-template-rows:44px 44px;align-content:start}.game-header h1{position:absolute;top:var(--safe-top);left:50%;width:50vw;transform:translateX(-50%);font-size:1rem}.game-header #how-open{justify-content:flex-start}.hud{grid-column:3;grid-row:1;align-self:start;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:144px}.hud-cell{border-top:1px solid var(--line);border-left:0}.hud-cell:first-child{border-top:0}.play-area{grid-column:2;grid-row:1/3}.controls{grid-column:1;grid-row:2;gap:.2rem}.waiting-row{grid-template-columns:repeat(var(--slot-count,3),1fr)}.rack{grid-template-columns:repeat(2,1fr)}.live-status{position:absolute;right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);pointer-events:none}.art-stage{height:min(100%,calc(100vw * 1.778));width:min(100%,calc(100dvh * .5622))}.result-screen{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;gap:1rem}.result-screen[data-result="jammed"]{grid-template-columns:1fr}.result-screen img{width:min(42vw,calc(100dvh * .8));height:90dvh}.result-copy{padding-right:max(1rem,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.launcher:active{transform:none}.launcher .heart{transform:rotate(45deg)}}