:root{--ink: #f3e6c8;--muted: #c4a574;--panel: #1a120c;--edge: #6b4423;--page: #0d0a08}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--page);color:var(--ink);font-family:IBM Plex Sans JP,Hiragino Sans,sans-serif}.stage{position:fixed;inset:0;width:100%;height:100%;height:100dvh;display:grid;place-items:center;padding:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;touch-action:none}#game{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#1a120c;border:3px solid var(--edge);cursor:pointer;touch-action:none}.viewport{position:relative;display:inline-block;max-width:100%;max-height:100%;touch-action:none}.viewport.is-title .hud-pts,.viewport.is-title .score-toasts,.viewport.is-title .stage-intro,.viewport.is-title .ending-layer,.viewport.is-title .gameover-layer,.viewport.is-title .clear-layer,.viewport.is-ending .stage-intro,.viewport.is-gameover .stage-intro,.viewport:not(.is-title) .hud-title{display:none}.title-layer{position:absolute;inset:3px;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 calc(8px * var(--hud-scale, 1)) calc(10px * var(--hud-scale, 1));pointer-events:none}.title-layer[hidden]{display:none}.title-pick{pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;gap:calc(8px * var(--hud-scale, 1));width:min(100%,calc(360px * var(--hud-scale, 1)));padding:calc(10px * var(--hud-scale, 1)) calc(12px * var(--hud-scale, 1)) calc(10px * var(--hud-scale, 1));border:2px solid #a07848;border-radius:2px;background:linear-gradient(180deg,rgba(255,231,160,.14),transparent 42%),linear-gradient(165deg,#3a2818,#5a3a22 38%,#2a1c12);box-shadow:inset 0 1px #ffe7a038,inset 0 -2px #120c0859,0 4px 18px #08040073}.title-pick-label{margin:0;text-align:center;color:#fff6d0;font-size:calc(11px * var(--hud-scale, 1));font-weight:700;letter-spacing:.16em;text-shadow:0 1px 0 #120c08,1px 1px 0 #120c08}.title-feature{display:grid;grid-template-columns:auto 1fr;gap:calc(10px * var(--hud-scale, 1));align-items:center;min-height:calc(88px * var(--hud-scale, 1))}.title-feature-art{width:calc(88px * var(--hud-scale, 1));height:calc(88px * var(--hud-scale, 1));border:2px solid #8a6238;border-radius:2px;image-rendering:pixelated;image-rendering:crisp-edges;background:#5a7a32;box-shadow:inset 0 1px #ffffff26}.title-feature-text{display:grid;gap:calc(3px * var(--hud-scale, 1));min-width:0}.title-feature-index{margin:0;color:#c4a574;font-size:calc(9px * var(--hud-scale, 1));font-variant-numeric:tabular-nums;letter-spacing:.08em}.title-feature-name{margin:0;color:#fff6d0;font-size:calc(16px * var(--hud-scale, 1));font-weight:700;letter-spacing:.12em;text-shadow:0 1px 0 #120c08}.title-feature-tag{margin:0;color:#ffe7a0;font-size:calc(10px * var(--hud-scale, 1));font-weight:700;letter-spacing:.08em}.title-feature-blurb{margin:2px 0 0;color:#f3e6c8;font-size:calc(10px * var(--hud-scale, 1));line-height:1.45;letter-spacing:.04em}.title-feature-controls{display:grid;grid-template-columns:auto 1fr auto;gap:calc(8px * var(--hud-scale, 1));align-items:center}.title-nav{cursor:pointer;min-width:calc(28px * var(--hud-scale, 1));min-height:calc(28px * var(--hud-scale, 1));padding:0;border:2px solid #8a6238;background:#1a120cb3;color:#ffe7a0;font:inherit;font-size:calc(11px * var(--hud-scale, 1));line-height:1}.title-nav:hover,.title-nav:focus-visible{border-color:#ffe7a0;outline:none}.title-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(5px * var(--hud-scale, 1))}.title-dot{cursor:pointer;width:calc(8px * var(--hud-scale, 1));height:calc(8px * var(--hud-scale, 1));padding:0;border:1px solid #8a6238;border-radius:50%;background:#120c088c}.title-dot.is-on{border-color:#ffe7a0;background:#ffe7a0}.title-dot:hover,.title-dot:focus-visible{border-color:#fff6d0;outline:none}.title-confirm{cursor:pointer;min-height:calc(36px * var(--hud-scale, 1));padding:6px 14px;border:2px solid #ffe7a0;background:#c4a574;color:#120c08;font:inherit;font-size:calc(12px * var(--hud-scale, 1));font-weight:700;letter-spacing:.14em}.title-confirm:hover,.title-confirm:focus-visible{background:#a07848;outline:none}.title-confirm:focus-visible{outline:2px solid #ffe7a0;outline-offset:2px}.title-confirm:active{background:#8a6238}.title-start{pointer-events:auto;cursor:pointer;min-height:44px;min-width:148px;padding:8px 22px;border:2px solid #ffe7a0;background:#c4a574;color:#120c08;font:inherit;font-size:calc(13px * var(--hud-scale, 1));font-weight:700;letter-spacing:.18em}.title-start:hover,.title-start:focus-visible{background:#a07848}.title-start:focus-visible{outline:2px solid #ffe7a0;outline-offset:3px}.title-start:active{background:#8a6238}.stage-intro{position:absolute;left:0;right:0;top:calc(28px * var(--hud-scale, 1));z-index:4;margin:0;text-align:center;pointer-events:none;color:var(--ink);text-shadow:0 1px 0 #120c08,1px 1px 0 #120c08,0 0 12px #120c08,0 0 18px #120c08}.stage-intro[hidden]{display:none}.stage-intro-num,.stage-intro-name{margin:0}.stage-intro-num{font-size:calc(28px * var(--hud-scale, 1));font-weight:700;letter-spacing:.12em;line-height:1;color:#fff6d0}.stage-intro-num span{font-variant-numeric:tabular-nums;margin:0 .08em}.stage-intro-name{margin-top:calc(8px * var(--hud-scale, 1));font-size:calc(16px * var(--hud-scale, 1));letter-spacing:.28em;color:#ffe7a0}.clear-layer{position:absolute;inset:3px;z-index:5;place-items:center;pointer-events:none}.clear-layer.is-on{display:grid;pointer-events:auto}.clear-layer[hidden],.clear-card[hidden]{display:none}.clear-veil{position:absolute;inset:0;background:#120c08;opacity:0}.clear-card{position:relative;text-align:center;padding:calc(16px * var(--hud-scale, 1)) calc(20px * var(--hud-scale, 1));background:none;border:none;color:var(--ink);text-shadow:0 1px 0 #120c08,1px 1px 0 #120c08,0 0 10px #120c08}.clear-kicker{margin:0 0 calc(10px * var(--hud-scale, 1));font-size:calc(16px * var(--hud-scale, 1));letter-spacing:.18em;color:var(--muted)}.clear-from{margin:0;font-size:calc(32px * var(--hud-scale, 1));font-weight:700;letter-spacing:.08em;line-height:1.15;color:#fff6d0}.clear-buddies{margin:calc(10px * var(--hud-scale, 1)) 0 0;font-size:calc(16px * var(--hud-scale, 1));letter-spacing:.08em;color:var(--muted)}.clear-score-line{margin:calc(14px * var(--hud-scale, 1)) 0 0;font-variant-numeric:tabular-nums}.clear-score-k{display:block;font-size:calc(12px * var(--hud-scale, 1));letter-spacing:.2em;color:var(--muted)}#clear-score-delta{display:inline-block;margin-top:calc(4px * var(--hud-scale, 1));font-size:calc(36px * var(--hud-scale, 1));color:#ffe7a0;transform-origin:center}#clear-score-delta.is-run{animation:score-tick .5s cubic-bezier(.18,1.4,.32,1)}.score-toasts{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:3}.score-toasts[hidden]{display:none}.score-toast{padding:0;background:none;border:none;color:#ffe7a0;font-variant-numeric:tabular-nums;font-size:calc(11px * var(--hud-scale, 1));letter-spacing:.08em;animation:score-float 3.2s ease-out forwards;white-space:nowrap;text-shadow:0 1px 0 #120c08,1px 1px 0 #120c08,0 0 10px #ffe7a066,0 0 18px #120c08}.score-toast .l{color:#f3e6c8;margin-right:.35em}.score-toast .n{display:inline-block;min-width:2.5em;text-align:left;font-weight:700}.hud{position:absolute;left:calc(8px * var(--hud-scale, 1));right:calc(8px * var(--hud-scale, 1));top:calc(6px * var(--hud-scale, 1));z-index:4;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;color:var(--ink);text-shadow:0 1px 0 #120c08,1px 1px 0 #120c08,0 0 10px #120c08}.hud-pts,.hud-title,.hud-world{display:flex;align-items:baseline;gap:calc(6px * var(--hud-scale, 1))}.hud-title,.hud-world{flex-direction:column;gap:calc(2px * var(--hud-scale, 1))}.hud-title{align-items:flex-start}.hud-world{flex-direction:column;align-items:flex-end;gap:calc(2px * var(--hud-scale, 1))}.hud-world-line{display:flex;align-items:center;gap:calc(3px * var(--hud-scale, 1))}.hud-gem{width:calc(6px * var(--hud-scale, 1));height:calc(6px * var(--hud-scale, 1));margin:0 calc(2px * var(--hud-scale, 1));background:#ffe7a0;transform:rotate(45deg);box-shadow:0 0 8px #ffe7a088;flex-shrink:0;align-self:center;animation:hud-gem 2.4s ease-in-out infinite}@keyframes hud-gem{0%,to{box-shadow:0 0 6px #ffe7a066}50%{box-shadow:0 0 12px #ffe7a0}}.hud-pts-k,.hud-world-k{font-size:calc(8px * var(--hud-scale, 1));letter-spacing:.22em;color:#ffe7a0}.hud-score{display:inline-block;font-variant-numeric:tabular-nums;font-size:calc(16px * var(--hud-scale, 1));font-weight:700;letter-spacing:.06em;line-height:1;color:#fff6d0;transform-origin:left center;background:linear-gradient(180deg,#fffaf0,#ffe7a0 42%,#c4a574);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #ffe7a055)}.hud-score.is-tick{animation:score-tick .48s cubic-bezier(.18,1.4,.32,1)}.hud-world-n{font-size:calc(16px * var(--hud-scale, 1));font-weight:700;font-variant-numeric:tabular-nums;color:#fff6d0;line-height:1}.hud-world-of{font-size:calc(8px * var(--hud-scale, 1));letter-spacing:.08em;color:var(--muted)}.hud-biome{font-size:calc(9px * var(--hud-scale, 1));letter-spacing:.18em;color:#ffe7a0}.hud-pts-k{animation:hud-shimmer 2.8s ease-in-out infinite}@keyframes hud-shimmer{0%,to{opacity:.82;filter:none}50%{opacity:1;filter:drop-shadow(0 0 6px #ffe7a0)}}@keyframes score-tick{0%{transform:scale(1);filter:drop-shadow(0 0 6px #ffe7a055)}32%{transform:scale(1.28);filter:drop-shadow(0 0 12px #ffe7a0)}to{transform:scale(1);filter:drop-shadow(0 0 6px #ffe7a055)}}@keyframes score-float{0%{transform:translateY(10px) scale(.55);opacity:0}8%{transform:translateY(-6px) scale(1.18);opacity:1}16%{transform:translateY(-10px) scale(1);opacity:1}72%{transform:translateY(-16px) scale(1);opacity:1}to{transform:translateY(-28px) scale(1);opacity:0}}.clear-to{margin:calc(14px * var(--hud-scale, 1)) 0 0;font-size:calc(16px * var(--hud-scale, 1));letter-spacing:.12em;color:var(--muted)}.ending-layer{position:absolute;inset:3px;z-index:5;place-items:center;pointer-events:none}.ending-layer.is-on{display:grid;pointer-events:auto}.ending-layer[hidden],.ending-card[hidden],.ending-back[hidden]{display:none}.ending-veil{position:absolute;inset:0;background:#120c08;opacity:0}.ending-card{position:relative;text-align:center;padding:10px 16px;color:var(--ink);text-shadow:0 1px 0 #120c08,1px 1px 0 #120c08,0 0 12px #120c08;animation:ending-rise .7s cubic-bezier(.18,1.2,.32,1)}.ending-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.28em;color:#ffe7a0}.ending-title{margin:0;font-size:calc(22px * var(--hud-scale, 1));font-weight:700;letter-spacing:.12em;color:#fff6d0;line-height:1.2}.ending-line{margin:10px 0 0;font-size:calc(12px * var(--hud-scale, 1));letter-spacing:.12em;color:var(--muted)}.ending-buddies{margin:8px 0 0;font-size:12px;letter-spacing:.08em;color:var(--muted)}#ending-score{display:inline-block;margin-top:2px;font-size:28px;color:#ffe7a0;font-variant-numeric:tabular-nums}#ending-score.is-run{animation:score-tick .5s cubic-bezier(.18,1.4,.32,1)}.ending-back{margin-top:16px;min-width:132px}.ending-sparks{position:absolute;inset:12%;pointer-events:none;opacity:var(--ending-spark, 0)}.ending-sparks span{position:absolute;width:calc(6px * var(--hud-scale, 1));height:calc(6px * var(--hud-scale, 1));background:#ffe7a0;transform:rotate(45deg);box-shadow:0 0 10px #ffe7a0;animation:ending-spark 1.8s ease-in-out infinite}.ending-sparks span:nth-child(1){left:12%;top:18%}.ending-sparks span:nth-child(2){right:16%;top:28%;animation-delay:.35s}.ending-sparks span:nth-child(3){left:22%;bottom:22%;animation-delay:.7s}.ending-sparks span:nth-child(4){right:24%;bottom:18%;animation-delay:1.05s}.ending-sparks span:nth-child(5){left:48%;top:8%;animation-delay:.2s}@keyframes ending-rise{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ending-spark{0%,to{opacity:.25;transform:rotate(45deg) scale(.6)}50%{opacity:1;transform:rotate(45deg) scale(1.25)}}.gameover-layer{position:absolute;inset:3px;z-index:6;place-items:center;pointer-events:none}.gameover-layer.is-on{display:grid;pointer-events:auto}.gameover-layer[hidden],.gameover-card[hidden],.gameover-actions[hidden]{display:none}.gameover-veil{position:absolute;inset:0;background:#1a080c;opacity:0}.gameover-card{position:relative;text-align:center;padding:12px 18px;color:var(--ink);text-shadow:0 1px 0 #120808,1px 1px 0 #120808,0 0 14px #120808;animation:ending-rise .65s cubic-bezier(.18,1.2,.32,1)}.gameover-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.32em;color:#ff9aaa}.gameover-title{margin:0;font-size:calc(22px * var(--hud-scale, 1));font-weight:700;letter-spacing:.14em;color:#ffe0e6;line-height:1.2}.gameover-line{margin:10px 0 0;font-size:calc(12px * var(--hud-scale, 1));letter-spacing:.1em;color:var(--muted)}.gameover-continues{margin:8px 0 0;font-size:12px;letter-spacing:.08em;color:#ffc1d0}.gameover-actions{display:grid;gap:8px;justify-items:center;margin-top:16px}.gameover-actions .title-start{min-width:148px}.gameover-title-btn{opacity:.92}.hint{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:12;margin:0;max-width:min(92vw,420px);padding:0 8px;font-size:12px;color:var(--muted);text-align:center;pointer-events:none;text-shadow:0 1px 2px #0d0a08}.stage:has(#install-banner:not([hidden])) .hint{visibility:hidden}.install-banner{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);z-index:14;margin:0;box-sizing:border-box;width:min(92vw,340px);max-width:min(92vw,340px);max-height:min(72dvh,420px);padding:14px 14px 12px;border:2px solid #8a6238;border-radius:4px;background:linear-gradient(165deg,#2a1c12,#1a120c);color:var(--ink);text-align:left;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 0 0 9999px #0804008c,0 8px 28px #0000008c}.install-banner-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#ffe7a0}.install-banner-steps{margin:0 0 8px;padding-left:1.2em;font-size:12px;line-height:1.55;color:var(--ink)}.install-banner-note{margin:0 0 10px;font-size:11px;line-height:1.45;color:var(--muted)}.install-banner-ok{cursor:pointer;display:block;width:100%;padding:8px 10px;border:2px solid #8a6238;background:#5a7a32;color:#fff6d0;font:inherit;font-size:13px;font-weight:700}.install-banner-ok:active{filter:brightness(1.08)}.audio-dock{position:absolute;right:calc(6px * var(--hud-scale, 1));bottom:calc(10px * var(--hud-scale, 1));z-index:8;display:flex;gap:calc(4px * var(--hud-scale, 1));pointer-events:auto}.viewport.is-title .audio-dock{top:calc(6px * var(--hud-scale, 1));bottom:auto}.dock-btn{cursor:pointer;min-width:calc(40px * var(--hud-scale, 1));min-height:calc(28px * var(--hud-scale, 1));padding:0 calc(6px * var(--hud-scale, 1));border:2px solid #8a6238;background:#1a120cd1;color:var(--muted);font:inherit;font-size:calc(10px * var(--hud-scale, 1));font-weight:700;letter-spacing:.04em;line-height:1}.dock-btn.is-on{border-color:#c4a574;color:var(--ink);background:#5a3a22e0}.dock-btn:hover,.dock-btn:focus-visible{border-color:#ffe7a0;color:#ffe7a0}.dock-btn:focus-visible{outline:2px solid #ffe7a0;outline-offset:2px}.dock-btn:disabled{opacity:.4;cursor:default}.pause-layer{position:absolute;inset:3px;z-index:7;display:grid;place-items:center;background:#0d0a0873;pointer-events:none}.pause-layer[hidden]{display:none}.pause-label{margin:0;padding:8px 18px;border:2px solid #ffe7a0;background:#1a120ce6;color:#ffe7a0;font-size:calc(14px * var(--hud-scale, 1));font-weight:700;letter-spacing:.2em}@media(prefers-reduced-motion:reduce){.hud-pts-k,.hud-gem,.hud-score.is-tick,.score-toast,#clear-score-delta.is-run,#ending-score.is-run,.ending-card,.ending-sparks span{animation:none}}#boot-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;margin:0;max-width:min(90vw,360px);padding:12px;color:#e8c4a0;font-size:13px;text-align:center;background:#0d0a08eb;border:1px solid #8a6238}