:root{--ink:#302746;--ally:#168eff;--allyShadow:#1762c4;--enemy:#ff625d;--enemyShadow:#b73c45;--action:#ffd83d;--actionShadow:#f0a527;--panel:#fff9ed;--disabled:#aca6bc;--disabledInk:#6d6585;--secondary:#895ce6;--health:#69ef4d;--blade:#fff5d8;--sand:#f8d993;--grass:#9cd97a;--sky:#9cdefa}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-height:100%;margin:0}body{color:var(--ink);background:var(--panel);justify-content:center;font-family:Nunito,Arial,sans-serif;font-weight:800;display:flex}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,summary:focus-visible{outline:4px solid var(--action);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{grid-template-rows:calc(88px + env(safe-area-inset-top)) minmax(0,1fr) calc(100px + env(safe-area-inset-bottom));background:var(--panel);width:min(100%,560px);height:100dvh;min-height:560px;display:grid;position:relative;overflow:hidden}.hud{padding:calc(10px + env(safe-area-inset-top)) 20px 10px;z-index:2;grid-template-columns:56px minmax(0,1fr) 80px;align-items:center;gap:18px;display:grid}.icon-button{background:var(--secondary);width:72px;height:68px;color:var(--panel);border:3px solid #66508f;border-bottom-width:6px;border-radius:22px;flex-shrink:0;padding:6px;box-shadow:inset 0 3px #c7a4ff,0 3px #ddceaf}.icon-button svg{width:100%;height:100%;fill:var(--panel);stroke:var(--ink);stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.icon-button.gear{border-color:#51406f;border-radius:50%;width:52px;height:52px;padding:9px;box-shadow:inset 0 3px #b59ae9,0 3px #ddceaf}.gear svg{stroke:none}.gear-hole{fill:#6b4ba8}.icon-button:active:not(:disabled),.level-pill:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #c7a4ff}.icon-button:disabled{background:#b7a3d7;border-color:#9588ae;box-shadow:inset 0 3px #ddd0ed,0 3px #e7dac2}.icon-button:disabled svg{opacity:.75}.level-pill{background:var(--ink);height:48px;color:var(--panel);letter-spacing:.5px;white-space:nowrap;border:3px solid #665580;border-bottom-width:5px;border-radius:28px;justify-self:center;width:100%;min-width:104px;max-width:190px;padding:0 14px;font-size:26px;font-weight:1000;line-height:1}.target-count{background:var(--panel);border:2px solid #ddc497;border-radius:26px;justify-content:flex-end;align-items:center;gap:1px;height:44px;padding:0 9px 0 0;font-size:28px;font-weight:1000;line-height:1;display:flex}.enemy-portrait{background-position:-9px -12px;background-repeat:no-repeat;background-size:480px 540px;flex-shrink:0;width:46px;height:43px}#stage{isolation:isolate;background:var(--panel);min-height:0;position:relative;overflow:hidden}#canvas{position:absolute;inset:0}#canvas canvas{width:100%;height:100%;display:block}#grid{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(5,1fr);display:grid;position:absolute}.cell{outline-offset:-4px;background:0 0;border:0;border-radius:12px;min-width:48px;min-height:48px;margin:0;padding:0}.cell[data-barrel]{cursor:grab}.cell:active{cursor:grabbing}.cell:focus-visible{outline:3px solid var(--action)}#loading{background:var(--panel);z-index:5;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}#combo{text-align:center;color:var(--action);-webkit-text-stroke:1.5px var(--ink);text-shadow:0 2px 0 var(--ink);opacity:0;z-index:4;pointer-events:none;font-size:28px;font-weight:1000;transition:opacity .12s,transform .12s;position:absolute;top:8px;left:0;right:0;transform:scale(.8)}#combo.show{opacity:1;transform:scale(1)}.toast{background:var(--panel);text-align:center;opacity:0;pointer-events:none;z-index:5;border:2px solid #ddc497;border-radius:18px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:7px 14px;font-size:15px;line-height:1.25;transition:opacity .12s,transform .12s;position:absolute;bottom:12px;left:50%;transform:translate(-50%,4px)}.toast.show{opacity:1;transform:translate(-50%)}#tap-cue{z-index:4;pointer-events:none;filter:drop-shadow(0 2px #30274622);width:48px;height:54px;animation:1.1s ease-in-out 5 tap-cue;position:absolute}#tap-cue svg{width:100%;height:100%;display:block;overflow:visible}#tap-cue .hand{fill:var(--panel);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}#tap-cue .tap-lines{fill:none;stroke:var(--action);stroke-width:5px;stroke-linecap:round}@keyframes tap-cue{0%,to{transform:translate(3px,5px)rotate(-8deg)}45%{transform:translate(0)rotate(-8deg)}}footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--panel);z-index:2;place-items:center;display:grid}.controls{justify-content:center;align-items:center;gap:28px;display:flex}.move-count{min-width:56px;height:46px;color:var(--ink);justify-content:center;align-items:center;gap:5px;font-size:26px;font-weight:1000;display:flex}.move-count svg{width:27px;height:27px;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;fill:none}.restart-outline{fill:none!important;stroke:var(--ink)!important;stroke-width:5px!important}.restart-ring{fill:none!important;stroke:var(--panel)!important;stroke-width:3.1px!important}dialog{width:calc(100% - 20px);max-width:410px;color:var(--ink);background:0 0;border:0;max-height:calc(100dvh - 30px);padding:12px;overflow:auto}dialog::backdrop{background:#30274655}.result-card,.picker-card,.settings-card{background:var(--panel);text-align:center;border:3px solid #665580;border-radius:26px;padding:22px 20px;box-shadow:0 5px #30274655}.result-symbol{color:var(--action);-webkit-text-stroke:2px var(--ink);font-size:64px;line-height:1.1}.eyebrow{letter-spacing:1px;margin:12px 0 6px;font-size:12px}.result-card h2{margin:0 0 8px;font-size:32px;line-height:1.1}.result-card>p:not(.eyebrow){margin:0 0 20px;font-size:18px;line-height:1.4}.primary{background:var(--action);width:100%;min-height:54px;color:var(--ink);border:3px solid #b88a32;border-radius:18px;font-size:20px;display:block;box-shadow:0 3px #b88a32}.primary:active,.level-choice:active{box-shadow:none;transform:translateY(2px)}.quiet{min-height:48px;color:var(--ink);background:0 0;border:none;margin-top:8px;font-size:15px}.picker-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.picker-heading h2{margin:0;font-size:24px}.close-button{width:48px;height:48px;color:var(--ink);background:0 0;border:0;border-radius:16px;padding:0;font-size:36px;line-height:1}.picker-card>p{margin:8px 0 14px;font-size:15px}#level-list{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.chapter-label{text-align:left;grid-column:1/-1;margin:14px 0 0;font-size:15px}.level-choice{background:var(--sand);min-width:48px;height:56px;color:var(--ink);border:2px solid #c6a65f;border-bottom-width:4px;border-radius:17px;font-size:21px;position:relative}.level-choice.cleared:after{content:"✓";font-size:12px;position:absolute;top:1px;right:3px}.level-choice.current{background:var(--action);border-color:#a37c31}.setting-row{width:100%;min-height:56px;color:var(--ink);background:#eee5f6;border:0;border-radius:16px;align-items:center;gap:14px;margin:16px 0;padding:8px 12px;font-size:18px;display:flex}.setting-row>span:first-child{font-size:29px}.setting-row>span:last-child{margin-left:auto;font-size:16px}.settings-card details{text-align:left;border-top:1px solid #ddc497;padding-top:8px}.settings-card summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;padding:12px 0;font-size:17px}.help-lines p{margin:0 0 12px;font-size:15px;line-height:1.4}.help-lines .keyboard-help{color:var(--disabledInk);font-size:13px}.help-action{min-height:48px;color:var(--ink);text-underline-offset:4px;background:0 0;border:0;padding:10px;font-size:15px;text-decoration:underline}@media (width<=390px){#app{grid-template-rows:calc(78px + env(safe-area-inset-top)) minmax(0,1fr) calc(88px + env(safe-area-inset-bottom))}.hud{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;grid-template-columns:52px minmax(0,1fr) 76px;gap:12px}.level-pill{font-size:23px}.icon-button:not(.gear){width:68px;height:64px}.controls{gap:24px}}@media (height<=600px) and (width>=650px){#app{grid-template-rows:1fr 100px;grid-template-columns:240px 1fr;width:100%;max-width:100%;min-height:360px}.hud{flex-wrap:wrap;grid-area:1/1;place-content:center;gap:24px;padding:20px;display:flex}.level-pill{order:-1;width:100%;max-width:190px}.target-count{width:84px}#stage{grid-area:1/2/3;height:100dvh}footer{grid-area:2/1;padding:12px}.controls{gap:12px}.move-count{min-width:44px}.icon-button:not(.gear){width:56px;height:56px;padding:4px}.toast{font-size:14px;bottom:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.community-note{color:var(--ink);margin:8px 0 16px!important;font-size:13px!important;line-height:1.45!important}#community-summary{font-variant-numeric:tabular-nums;margin:8px 0;font-size:14px;line-height:1.5}#community-boards{margin:12px 0;padding:0;font-size:13px;list-style:none}#community-boards li{font-variant-numeric:tabular-nums;border-bottom:1px solid #ddc497;justify-content:space-between;gap:12px;padding:9px 0;display:flex}#community-boards li span:last-child{white-space:nowrap;font-weight:1000}.release-follow{min-height:48px;padding:14px 0;display:block}#app{grid-template-rows:calc(118px + env(safe-area-inset-top)) minmax(0,1fr) calc(94px + env(safe-area-inset-bottom))}.corner-decor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.corner-foliage{aspect-ratio:1;background:var(--corner-foliage) left bottom/contain no-repeat;width:clamp(88px,28vw,120px);position:absolute}.corner-foliage.left{left:0}.corner-foliage.right{right:0;transform:scaleX(-1)}.corner-foliage.bottom{bottom:0}.corner-foliage.top{opacity:.58;width:clamp(56px,18vw,82px);top:0;transform:scaleY(-1)}.corner-foliage.top.right{transform:scale(-1)}#stage{z-index:1;background:0 0}.hud{padding:calc(8px + env(safe-area-inset-top)) 20px 8px;background:0 0;grid-template-rows:58px 28px;grid-template-columns:58px minmax(0,1fr) 80px;align-content:center;gap:8px 16px}.ui-icon{background-image:var(--ui-icons);pointer-events:none;background-repeat:no-repeat;background-size:200% 200%;flex-shrink:0;width:36px;height:36px;display:block}.gear-symbol{background-position:0 0;width:46px;height:46px}.undo-symbol{background-position:0 100%}.retry-symbol{background-position:100% 100%}.icon-button.gear{border-width:3px;border-color:#51406f;border-radius:50%;width:58px;height:58px;padding:3px;box-shadow:inset 0 3px #b59ae9,0 3px #ddceaf}.enemy-portrait{background-image:var(--ui-icons);background-position:100% 0;background-size:200% 200%;width:46px;height:46px}.board-info{grid-column:1/-1;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}#board-title{white-space:nowrap;min-width:0;margin:0;font-size:21px;line-height:1.2}.move-count{background:var(--action);white-space:nowrap;border-radius:14px;min-width:0;height:27px;padding:4px 11px;font-size:15px;line-height:1;display:inline-flex}footer{background:0 0}.controls{grid-template-columns:1fr 1fr;gap:12px;width:min(100%,420px);display:grid}.controls .action-button{border-radius:19px;justify-content:center;align-items:center;gap:7px;width:100%;min-width:48px;height:56px;padding:5px 10px;font-size:19px;font-weight:900;display:flex}.controls .action-button .ui-icon{width:34px;height:34px}.action-button:disabled .ui-icon{opacity:.65}.action-button:disabled>span:last-child{opacity:.75}.setting-row{gap:12px;min-height:60px;margin:12px 0}.setting-row>span:last-child{margin-left:0}.setting-row .audio-state{margin-left:auto;font-size:15px}.switch-track{border:2px solid var(--ink);background:var(--disabled);border-radius:18px;flex-shrink:0;width:52px;height:30px;position:relative}.switch-track:after{content:"";background:var(--panel);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 1px #30274644}.setting-row[aria-checked=true] .switch-track{background:var(--secondary)}.setting-row[aria-checked=true] .switch-track:after{transform:translate(22px)}@media (width<=390px){#app{grid-template-rows:calc(112px + env(safe-area-inset-top)) minmax(0,1fr) calc(96px + env(safe-area-inset-bottom))}.hud{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;grid-template-rows:58px 28px;grid-template-columns:58px minmax(0,1fr) 76px;gap:6px 12px}.level-pill{font-size:23px}#board-title{font-size:19px}.move-count{font-size:14px}.controls .action-button{width:100%;height:56px;padding:5px 8px}}@media (height<=600px) and (width>=650px){#app{grid-template-rows:1fr 94px;grid-template-columns:240px 1fr}.hud{flex-wrap:wrap;place-content:center;gap:16px;padding:12px;display:flex}.board-info{flex-direction:column;gap:7px;width:100%}#board-title{font-size:19px}.move-count{font-size:15px}.controls{gap:8px}.controls .action-button{gap:4px;width:100%;height:56px;padding:4px;font-size:16px}.controls .action-button .ui-icon{width:28px;height:28px}}