:root{--ink:#04181d;--pipe-dim:#1d4b52;--pipe-live:#4fe3d8;--gold:#ffd88a;--text:#9fd6d3;--text-strong:#dcf7f4;--turn-duration:.23s;--turn-ease:cubic-bezier(.34, 1.4, .5, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{-webkit-user-select:none;user-select:none;background-image:radial-gradient(115% 70% at 50% 20%,#0b2f38 0%,#04181d00 72%);flex-direction:column;min-height:100%;padding:76px 16px 0;display:flex;position:relative}.board-area{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden auto}.board{border-radius:22px;display:grid}.board.is-complete{transition:box-shadow .48s;box-shadow:0 0 0 1px #ffd88a42,0 0 46px #ffd88a2e}.tile{color:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block}.tile:disabled{cursor:default}.tile-press,.tile-rot{width:100%;height:100%;display:block}.tile-press{transition:transform .15s}.tile:active:not(:disabled) .tile-press{transform:scale(.92)}.tile-rot{transform:rotate(var(--deg));transition:transform var(--turn-duration) var(--turn-ease)}.tile-art{width:100%;height:100%;display:block}.tile-bed{fill:#4fe3d807;stroke:#4fe3d80b;stroke-width:1px}.pipe{fill:none;stroke:var(--pipe-dim);stroke-width:14px;stroke-linecap:round;transition:stroke .28s}.hub{fill:var(--pipe-dim);transition:fill .28s}.pipe-glow{fill:none;stroke:#4fe3d826;stroke-width:26px;stroke-linecap:round}.tile.is-live .pipe{stroke:var(--pipe-live)}.tile.is-live .hub{fill:var(--pipe-live)}@keyframes pipe-wash{0%{stroke:var(--pipe-live)}32%{stroke:var(--gold)}to{stroke:var(--pipe-live)}}@keyframes hub-wash{0%{fill:var(--pipe-live)}32%{fill:var(--gold)}to{fill:var(--pipe-live)}}@keyframes glow-wash{0%{stroke:#4fe3d826}32%{stroke:#ffd88a57}to{stroke:#4fe3d826}}.board.is-complete .pipe{animation:.9s ease-out both pipe-wash;animation-delay:var(--wash-delay)}.board.is-complete .hub{animation:.9s ease-out both hub-wash;animation-delay:var(--wash-delay)}.board.is-complete .pipe-glow{animation:.9s ease-out both glow-wash;animation-delay:var(--wash-delay)}.chrome{padding-top:12px;padding-bottom:max(28px, env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:12px;display:flex}.slot{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:94px;display:flex}.status{letter-spacing:.02em;color:#9fd6d399;margin:0;font-size:15px;line-height:24px}.status.is-complete{color:var(--gold);letter-spacing:.08em;transition:color .42s,letter-spacing .42s}.next{color:#2a1a08;letter-spacing:.01em;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#ffe7b1 0%,#ffd88a 100%);border:0;border-radius:17px;width:100%;min-height:58px;font-family:inherit;font-size:17px;font-weight:600;line-height:24px;animation:.34s both rise;box-shadow:0 12px 32px #ffd88a29}.next:active{background-image:linear-gradient(#f6d597 0%,#efc978 100%);transform:scale(.985)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.level{letter-spacing:.08em;text-transform:uppercase;color:#9fd6d375;font-size:13px;line-height:22px}.control-buttons{gap:8px;display:flex}.ghost{min-width:48px;min-height:48px;color:var(--text-strong);-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#4fe3d80d;border:1px solid #4fe3d829;border-radius:15px;justify-content:center;align-items:center;padding-left:16px;padding-right:16px;font-family:inherit;font-size:15px;line-height:22px;transition:background .16s,transform .16s;display:inline-flex}.ghost:active{background:#4fe3d824;transform:scale(.97)}.sound{padding-left:0;padding-right:0}.sound svg{width:22px;height:22px}.sound[aria-pressed=false]{color:#9fd6d366}.sound-body{fill:currentColor}.sound-mark{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.tile-rot,.tile-press,.board.is-complete,.status.is-complete{transition-duration:.01ms}.next{animation:none}.board.is-complete .pipe,.board.is-complete .hub,.board.is-complete .pipe-glow{animation-duration:.01ms;animation-delay:0s}}