:root{color:#2e3349;font-synthesis:none;--navy:#272c43;--gold:#e5bd69;--muted:#757585;background:#f5f2e9;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #64bdd2}button:disabled{cursor:wait;opacity:.65}button,canvas{-webkit-tap-highlight-color:transparent}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.page{max-width:1160px;margin:auto;padding:32px 32px 18px}.masthead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:var(--navy);width:42px;height:42px;color:var(--gold);place-items:center;font-size:28px;display:grid;box-shadow:3px 3px #d9caa8}.brand-name{letter-spacing:3px;font:700 20px Georgia,serif}.brand-sub{letter-spacing:2px;color:var(--muted);margin-top:4px;font-size:12px}.sound{color:#4b4d60;background:0 0;border:1px solid #cec9bc;border-radius:6px;padding:10px 14px;font-size:14px}.game-shell{border:6px solid var(--navy);background:var(--navy);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 15px 40px #25273d17,0 0 0 1px #e2c98f}.viewport{aspect-ratio:16/9;background:#cbe5e7;position:relative}canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hud{color:#ffe2a0;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:14px 16px auto}.hud-pill{background:#30354bef;border:1px solid #d8b976;border-radius:5px;align-items:center;gap:12px;padding:10px 14px;display:flex}.hud-label{letter-spacing:1px;color:#c6c4cf;font-size:12px}.hearts{letter-spacing:5px;color:#ffd17b;white-space:nowrap;font-size:21px}.score{color:#fff0cc;min-width:66px;font:700 19px ui-monospace,monospace}.hud-right{align-items:center;gap:8px;display:flex}.pause{pointer-events:auto;color:#ffe2a0;background:#30354b;border:1px solid #dfc184;border-radius:5px;padding:10px 13px;font-size:14px}.progress{background:#30354bc9;border-radius:8px;height:7px;position:absolute;bottom:13px;left:16px;right:16px;overflow:hidden}.progress span{background:#f3d482;width:0;height:100%;transition:width .1s;display:block}.effect-bar{gap:8px;display:flex;position:absolute;bottom:32px;left:18px}.effect{color:#b8f3ef;background:#26334bef;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:700}.effect.shield{color:#e8cbff}.overlay{pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:73px 26px 25px}.panel{color:#f8f1de;pointer-events:auto;background:#292d44f5;border:1px solid #dcb76a;border-radius:9px;width:44%;max-width:440px;padding:26px;box-shadow:5px 5px #272c4340}.eyebrow{letter-spacing:2.5px;color:#ddc080;margin:0 0 10px;font-size:12px}.title{letter-spacing:1px;color:#fff1cb;margin:0;font:700 clamp(32px,4vw,49px)/.98 Georgia,serif}.title span{letter-spacing:5px;margin-top:9px;font-size:.52em;display:block}.intro{color:#d1cfda;margin:17px 0;font-size:14px;line-height:1.8}.difficulty-label{letter-spacing:2px;color:#d0c9b8;margin:16px 0 8px;font-size:12px}.difficulties{gap:7px;display:flex}.difficulty{color:#d5d2dc;background:#35394e;border:1px solid #656275;border-radius:4px;flex:1;min-width:0;padding:11px 3px;font-size:13px}.difficulty[aria-pressed=true]{color:#302d3e;background:#f1d18a;border-color:#f1d18a;font-weight:700}.difficulty-note{color:#c6c3cd;min-height:18px;margin:9px 0 16px;font-size:12px}.primary{color:#2a2d41;background:#edcc82;border:1px solid #f6dc9b;border-radius:5px;width:100%;padding:13px;font-size:16px;font-weight:800;box-shadow:0 3px #a2844e}.primary:hover{background:#ffe2a1}.best{color:#b9b6c3;justify-content:space-between;gap:10px;margin:17px 0 0;font-size:12px;display:flex}.best strong{color:#eed499;letter-spacing:1px}.center-overlay{background:#24273c66;justify-content:center;inset:0}.result-panel{text-align:center;width:370px}.result-title{color:#ffe3a0;margin:12px 0;font:700 33px Georgia,serif}.result-score{color:#fff4da;margin:12px 0;font:700 45px ui-monospace,monospace}.result-desc{color:#d3cfdb;font-size:14px;line-height:1.7}.secondary{color:#ded9e6;background:0 0;border:1px solid #757184;border-radius:4px;width:100%;margin-top:13px;padding:10px;font-size:14px}.control-strip{color:#d6d2dc;background:#272c43;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.control-copy{font-size:13px;line-height:1.7}.control-copy strong{color:#f2ddb0;font-weight:500}.keys{align-items:center;gap:8px;display:flex}.move{color:#f7e1ab;touch-action:none;-webkit-user-select:none;user-select:none;background:#42475d;border:1px solid #828093;border-bottom:3px solid #77768a;border-radius:5px;width:52px;height:43px;font-size:23px}.move.held{color:#292d44;background:#eed28b;border-color:#eed28b}.controls-label{color:#aba8b9;margin-right:7px;font-size:12px}.legend{border-bottom:1px solid #dbd5c7;justify-content:space-between;gap:16px;margin:25px 0 22px;padding-bottom:20px;display:flex}.legend-item{align-items:center;gap:11px;display:flex}.item-icon{color:#8f6a26;background:#eee2c1;border:1px solid #c5af77;border-radius:50%;place-items:center;width:39px;height:39px;font-size:24px;display:grid}.item-icon.slow{color:#3e7f82;background:#dbeddf;border-color:#a6c8bf}.item-icon.shield{color:#876296;background:#e9e2f0;border-color:#c4add0}.legend-title{font-size:14px;font-weight:700}.legend-sub{color:var(--muted);margin-top:4px;font-size:12px}.foot{color:#898490;justify-content:space-between;gap:12px;font-size:12px;display:flex}.foot span:last-child{letter-spacing:2px;font-family:Georgia,serif}.storage-warning{color:#9d553e;margin:12px 0;font-size:13px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=900px) and (height<=820px){.page{max-width:1020px;padding-top:19px}.masthead{margin-bottom:16px}.legend{margin-top:18px;margin-bottom:12px;padding-bottom:12px}.panel{padding:20px}.intro{margin:12px 0}.title{font-size:38px}}@media (width<=760px){.page{padding:16px 12px}.masthead{margin-bottom:15px}.brand-name{letter-spacing:2px;font-size:16px}.brand-sub{font-size:10px}.brand-mark{width:35px;height:35px}.sound{padding:9px;font-size:12px}.game-shell{border-width:4px}.hud{gap:4px;inset:8px 8px auto}.hud-pill{gap:5px;padding:5px 7px}.hud-label{font-size:10px}.hearts{letter-spacing:2px;font-size:15px}.score{min-width:45px;font-size:14px}.pause{padding:7px;font-size:12px}.town-label{display:none}.overlay:not(.center-overlay){background:#292d44;display:block;position:relative;inset:auto}.overlay:not(.center-overlay) .panel{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;padding:20px 22px}.title{font-size:30px}.title span{letter-spacing:3px;margin-left:12px;font-size:16px;display:inline}.intro{margin:10px 0}.difficulties{gap:10px}.difficulty{font-size:14px}.difficulty-label{margin-top:13px}.best{margin-top:15px}.control-strip{gap:8px;padding:12px}.control-copy{font-size:12px}.controls-label{display:none}.move{width:56px;height:48px}.legend{gap:8px;margin:18px 0;padding-bottom:17px}.legend-item{gap:6px}.legend-title{font-size:12px}.legend-sub{font-size:10px}.item-icon{flex-shrink:0;width:28px;height:28px;font-size:20px}.foot{font-size:10px}.result-panel{width:88%;max-width:350px;padding:18px}.result-title{font-size:25px}.result-score{margin:7px 0;font-size:34px}.result-desc{margin:7px 0;font-size:13px}.center-overlay{background:#292d44;padding:15px;position:relative}.effect-bar{bottom:22px;left:8px}.effect{padding:4px 6px;font-size:10px}.progress{height:5px;bottom:8px;left:8px;right:8px}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.page{max-width:780px;padding:8px 16px}.masthead,.legend,.foot{display:none}.game-shell{max-width:720px;margin:auto}.viewport{aspect-ratio:16/9;width:auto;max-height:calc(100svh - 86px);margin:auto}.overlay:not(.center-overlay){background:0 0;display:flex;position:absolute;inset:4px 12px}.overlay:not(.center-overlay) .panel{background:#292d44f5;border:1px solid #dcb76a;border-radius:6px;width:44%;padding:10px 15px}.title{font-size:25px}.title span{letter-spacing:3px;margin:4px 0;font-size:13px;display:block}.intro{margin:7px 0;font-size:11px;line-height:1.5}.difficulty-label{margin:6px 0;font-size:10px}.difficulty{padding:6px 1px;font-size:11px}.difficulty-note{margin:5px 0;font-size:10px}.primary{padding:8px;font-size:13px}.best{margin:9px 0 0;font-size:10px}.hud{inset:7px 8px auto}.control-strip{padding:6px 10px}.move{height:37px}.center-overlay{background:#24273c66;padding:0;position:absolute}.result-panel{padding:12px}.result-desc{margin:7px 0}.result-title{margin:6px 0;font-size:22px}.result-score{font-size:30px}.secondary{margin-top:8px;padding:7px}}@media (prefers-reduced-motion:reduce){button,.progress span{transition:none}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.masthead{max-width:720px;min-height:24px;margin:0 auto 6px;display:flex}.brand-mark,.brand-sub{display:none}.brand-name{letter-spacing:2px;font-size:12px}.sound{white-space:nowrap;padding:4px 8px;font-size:11px}.viewport{max-height:calc(100svh - 112px)}.overlay:not(.center-overlay){inset:10px 12px 60px}.overlay:not(.center-overlay) .eyebrow{display:none}.overlay:not(.center-overlay) .intro{margin:5px 0}.overlay:not(.center-overlay) .best{margin-top:5px}.overlay:not(.center-overlay) .panel{padding:10px 14px}.hud{gap:4px;font-size:10px;inset:5px 6px auto}.hud-pill{gap:5px;padding:4px 6px}.hud-label{letter-spacing:.5px;font-size:9px}.hearts{letter-spacing:2px;font-size:14px}.score{min-width:43px;font-size:13px}.town-label{display:none}.pause{white-space:nowrap;padding:5px 7px;font-size:10px}.effect-bar{bottom:20px;left:7px}.effect{padding:3px 5px;font-size:9px}.progress{height:4px;bottom:7px;left:7px;right:7px}.control-copy{font-size:11px}}@media (width<=700px) and (orientation:landscape) and (height<=500px){.overlay:not(.center-overlay){background:#292d44;display:block;position:relative;inset:auto}.overlay:not(.center-overlay) .panel{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;padding:16px 20px}.overlay:not(.center-overlay) .title span{margin-left:12px;display:inline}.overlay:not(.center-overlay) .intro{font-size:12px;line-height:1.6}.overlay:not(.center-overlay) .difficulties{max-width:400px}.overlay:not(.center-overlay) .difficulty{padding:9px;font-size:13px}.overlay:not(.center-overlay) .primary{max-width:400px;padding:11px}.overlay:not(.center-overlay) .best{max-width:400px;margin-top:12px}}@media (width>=1001px){.overlay:not(.center-overlay){bottom:90px}}.clear-status{color:#f1d18a;letter-spacing:1px;margin:10px 0 0;font-size:12px}@media (width>=761px) and (width<=1000px) and (height>=501px){.overlay:not(.center-overlay){background:#292d44;display:block;position:relative;inset:auto}.overlay:not(.center-overlay) .panel{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;padding:24px}.overlay:not(.center-overlay) .title span{margin-left:14px;font-size:22px;display:inline}.overlay:not(.center-overlay) .difficulties,.overlay:not(.center-overlay) .primary,.overlay:not(.center-overlay) .best{max-width:480px}}.item-icon.heal{color:#a94262;background:#f5dce2;border-color:#d7a9b6}html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.move{-webkit-touch-callout:none;-webkit-user-select:none!important;user-select:none!important}.move svg{pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;margin:auto;display:block}.header-actions{align-items:center;gap:10px;display:flex}.debug-stage-select{color:#59566a;letter-spacing:1px;grid-template-columns:auto auto;align-items:center;gap:2px 7px;font-size:10px;display:grid}.debug-stage-select select{color:#343247;background:#fffaf0;border:1px solid #c2b486;border-radius:5px;grid-area:1/2/3;padding:8px 26px 8px 9px;font:700 12px ui-monospace,monospace}.debug-stage-select small{letter-spacing:.5px;color:#a05f49;font-size:9px}.debug-stage-select select:focus-visible{outline-offset:3px;outline:3px solid #64bdd2}@media (width<=760px){.masthead{align-items:flex-start}.header-actions{gap:6px}.debug-stage-select{display:block}.debug-stage-select span,.debug-stage-select small{display:none}.debug-stage-select select{padding:8px 5px;font-size:11px}}#result-screen .result-panel{box-sizing:border-box;overscroll-behavior:contain;width:min(430px,100%);max-height:100%;padding:20px;overflow-y:auto}.share-actions{gap:8px;display:flex}.share-actions .secondary{box-sizing:border-box;flex:1;width:auto;padding:10px 5px;font-size:12px;text-decoration:none;display:block}.share-actions a:focus-visible{outline-offset:3px;outline:3px solid #64bdd2}.share-note{color:#d3cfdb;margin:8px 0 0;font-size:11px;line-height:1.5}.share-note:empty{display:none}#share-text{box-sizing:border-box;resize:vertical;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;width:100%;height:145px;margin-top:8px;padding:8px;font:12px/1.6 sans-serif}