@font-face{font-family:"M PLUS Rounded 1c";src:url(/niwatori-games/play/media/8e7c15901dca87f1451b356dda594f7d092ba252a5dcc47da74523a242493c36.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#3d2b24;font-synthesis:none;--ink:#4b3328;--paper:#fffaf0;--cream:#f6e8c8;--blue:#76a9bd;--coral:#dc765e;--gold:#e9bf65;--leaf:#7d9b63;background:#efe2c8;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body[data-overlay=title] .hud,body[data-overlay=title] .touch,body[data-overlay=title] #game-root canvas,body[data-overlay=title] #toast{visibility:hidden}#title-overlay{background:#bfe3ed var(--title-scenery) center 42% / auto 140% no-repeat}#title-overlay .overlay-card{background:#fff9e9ee;border:3px solid #78513b;width:min(780px,96%);max-height:96%;overflow-y:auto;box-shadow:0 8px #76513b40}.front-title{text-align:center;padding:4px 16px 16px;position:relative}#stage-title{color:#764532;text-wrap:balance;max-width:590px;margin:0 auto;font-size:clamp(22px,3.5vw,42px);line-height:1.35}.title-hero{object-fit:contain;width:210px;height:210px;margin:-30px auto 8px;display:block}.title-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.title-actions button{min-width:138px}#front-opening{text-align:center;padding:40px 20px}#front-settings{text-align:center;padding:28px 12px}@media (height<=600px){.title-hero{width:110px;height:100px;margin:-10px auto 0}#stage-title{font-size:24px}.first-play-lead{font-size:12px}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% -10%,#fffdf7 0 24%,#efe0be 65%,#d8bd91 100%);width:100%;min-width:280px;height:100%;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.19;mix-blend-mode:multiply;background-image:repeating-linear-gradient(11deg,#6e56340a 0 1px,#0000 1px 5px);position:fixed;inset:0}button{border:2px solid var(--ink);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff9e9;border-radius:12px;padding:8px 14px;font-weight:800;box-shadow:0 3px #9d8068}button:hover{background:#fff1c8}button:active{transform:translateY(2px);box-shadow:0 1px #9d8068}button:focus-visible{outline-offset:3px;outline:4px solid #186d8c}button:disabled{cursor:wait;opacity:.68}.shell{grid-template-rows:auto minmax(0,1fr);gap:7px;width:min(1220px,100%);height:100dvh;margin:0 auto;padding:clamp(5px,1.1vw,12px);display:grid;overflow:hidden}.toolbar{background:#fffaf0e8;border:2px solid #785945;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 4px #a98663,0 10px 24px #51391f1f}.toolbar h1{margin:0;font-size:clamp(1.12rem,2.55vw,2rem);line-height:1.02}.subtitle{color:#6b5041;margin:2px 0 0;font-size:clamp(.7rem,1.3vw,.94rem);font-weight:800}ruby{ruby-align:center}rt{font-size:.52em;font-weight:800}.visual-pack-label{color:#49603d;vertical-align:.12em;background:#edf3d6;border:1px solid #6c8054;border-radius:999px;margin-inline-start:6px;padding:2px 8px;font-size:.67em;display:inline-block}.eyebrow{color:#9c472f;letter-spacing:.12em;margin:0;font-size:.7rem;font-weight:900}.toolbar-actions{flex-wrap:nowrap;justify-content:end;gap:6px;display:flex}.toolbar-actions button{min-height:44px;padding:6px 10px;font-size:.75rem}.offline-status{color:#574337;background:#fff9e9;border:2px solid #6c5948;border-radius:12px;align-items:center;min-height:44px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.offline-status[data-state=ready]{background:#e9f4dc;border-color:#4c7553}.offline-status[data-state=offline]{background:#fff0bf;border-color:#8a6028}.offline-status[data-state=error]{background:#ffe1d6;border-color:#a34838}.stage-shell{aspect-ratio:16/9;background:var(--cream);border:5px solid #604334;border-radius:23px 18px 25px 17px;place-self:center;width:auto;min-width:0;max-width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 6px #9e7757,0 14px 32px #5b3d263d}.stage-shell:after{content:"";z-index:4;pointer-events:none;border:1px solid #fff8ddb3;border-radius:16px;position:absolute;inset:7px}#game-root{position:absolute;inset:0}#game-root:focus-visible{outline-offset:-7px;outline:5px solid #186d8c}#game-root canvas{display:block;width:100%!important;height:100%!important}.canvas-fallback{z-index:1;border:2px solid var(--ink);text-align:center;background:#fffaf0;border-radius:14px;width:min(44ch,84%);margin:0;padding:14px;font-weight:750;line-height:1.55;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.canvas-fallback[hidden]{display:none}.hud{z-index:5;top:max(8px, env(safe-area-inset-top));left:max(9px, env(safe-area-inset-left));right:max(9px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;display:grid;position:absolute}.hud-status{scrollbar-width:none;justify-content:center;align-items:start;gap:5px;min-width:0;display:flex;overflow:hidden}.life-hud{color:#fff;white-space:nowrap;background:#6e3859e8;border:2px solid #653849;border-radius:15px 12px 16px 11px;align-items:center;gap:3px;min-height:38px;padding:4px 8px;display:inline-flex;box-shadow:0 3px #4c263c,0 5px 13px #2d162b3d}.life-label{letter-spacing:.04em;margin-right:2px;font-size:clamp(.62rem,1.35vw,.76rem)}.life-heart{filter:drop-shadow(0 1px #51253e);width:clamp(22px,2.6vw,29px);height:clamp(21px,2.5vw,28px);overflow:visible}.life-heart path{stroke-linejoin:round;stroke-linecap:round}.life-heart.is-filled path{fill:#ff6b9d;stroke:#722b50;stroke-width:2.2px}.life-heart.is-empty path{fill:#ffffff1f;stroke:#fff;stroke-width:2.8px;stroke-dasharray:4 3}.hud-chip{white-space:nowrap;background:#fffaf0eb;border:2px solid #62483a;border-radius:999px 850px 999px 760px;align-items:center;gap:5px;min-height:32px;padding:5px 10px;font-size:clamp(.66rem,1.5vw,.82rem);display:inline-flex;box-shadow:0 3px #9e8065,0 5px 12px #4a2d1c1c}.objective-chip{background:#fff0b8f2;border-color:#755126}#hud-page-markers{color:#8d4d36;letter-spacing:.12em}.hud-controls{pointer-events:auto;gap:4px;display:inline-flex}.hud-controls button{white-space:nowrap;background:#fffaf0eb;border-width:2px;border-radius:999px;min-width:44px;min-height:34px;padding:3px 8px;font-size:clamp(.61rem,1.25vw,.75rem);box-shadow:0 3px #9e8065}.game-overlay{z-index:8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(90deg,#31231cc7 0 34%,#31231c70 69%,#31231c28);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.game-overlay[hidden]{display:none}.overlay-card{border:4px double var(--ink);text-align:center;background:linear-gradient(145deg,#fffdf8f4,#f5dfb9f2);border-radius:24px 18px 27px 20px;width:min(720px,96%);max-height:96%;padding:clamp(18px,4vw,32px);overflow:auto;box-shadow:0 10px #3f2d22b8,0 18px 35px #24160f4f}body[data-visual=stage01-v1] #title-overlay{place-items:center;padding:18px}body[data-visual=stage01-v1] #title-overlay .overlay-card{width:min(760px,82%);padding:22px 28px}.compact-card{gap:10px;width:min(390px,94%);display:grid}.overlay-card h2{color:#4c3025;margin:4px 0 10px;font-size:clamp(1.45rem,4vw,2.4rem)}.overlay-card p{line-height:1.55}.overlay-kicker{color:#a34631;letter-spacing:.13em;margin:0;font-size:.74rem;font-weight:900}.primary-action{background:linear-gradient(#ffd879,#efb94e);min-width:min(260px,90%);font-size:1.05rem;box-shadow:0 4px #8b6337,inset 0 1px #fff4c2}.control-summary{font-size:.82rem}.player-guide{text-align:left;gap:3px;margin:7px 0;font-size:clamp(.66rem,1.18vw,.79rem);display:grid}.player-guide p{margin:0;line-height:1.34}.next-stage-line{background:#fff0b8;border-radius:999px;margin:4px 0 10px;padding:6px 10px}.first-play-lead{max-width:48ch;margin:6px auto 12px;font-weight:750}.onboarding-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 12px;display:grid}.onboarding-grid article{background:#fffaf0;border:2px solid #765443;border-radius:14px;align-content:start;gap:5px;min-height:118px;padding:12px 10px 10px 38px;display:grid;position:relative}.onboarding-grid article>b{font-size:.95rem}.onboarding-grid small{color:#695144;font-weight:650;line-height:1.3}.step-number{color:#fff;background:#dd775f;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:900;display:grid;position:absolute;top:10px;left:9px}.page-demo{color:#8f543e;letter-spacing:.08em;font-weight:900}kbd{text-align:center;background:#fff;border:1px solid #7e6959;border-bottom-width:3px;border-radius:5px;min-width:25px;margin:0 1px;padding:2px 5px;display:inline-block}.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px;display:grid}.result-grid span{background:#fff9e9;border:2px solid #795846;border-radius:12px;gap:4px;padding:10px;display:grid}#toast{z-index:7;border:2px solid var(--ink);opacity:0;pointer-events:none;text-align:center;background:#fff9ddf2;border-radius:14px;max-width:min(580px,90%);padding:9px 14px;font-weight:850;transition:opacity .18s,transform .18s;position:absolute;bottom:18%;left:50%;transform:translate(-50%,12px)}#toast.visible{opacity:1;transform:translate(-50%)}.instructions{color:#594536;background:#fff9e9e8;border:2px solid #80604c;border-radius:16px 12px 17px 13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;line-height:1.55;display:flex;box-shadow:0 4px #b18c67}.instructions>div{flex:620px}.instructions h2{color:#3d2b24;margin:0 0 4px;font-size:1rem}.instructions p{margin:0}.screen-reader-note{color:#654a3b}#reset-data{min-height:44px;padding:5px 10px;font-size:.75rem}.touch{z-index:6;left:50%;bottom:max(8px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(5,minmax(54px,1fr));gap:clamp(4px,.7vw,7px);width:min(590px,100% - 34px);display:grid;position:absolute;transform:translate(-50%)}.touch button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff5d7e8;border-color:#5c4638;place-items:center;min-height:48px;padding:3px 4px;font-size:clamp(.68rem,1.4vw,.86rem);display:grid;box-shadow:0 3px #7c644f}.touch button small{font-size:.62rem;font-weight:750;display:block}.touch #touch-jump{background:#f4c76a}.touch #touch-crouch{background:#d7e7ed}.touch button.is-pressed,.touch button[aria-pressed=true]{background:#b9d9c6;border-color:#2f5262;transform:translateY(3px)scale(.97);box-shadow:0 1px #6c7b67,inset 0 0 0 3px #fff8}.prototype-note{color:#6f5b4d;text-align:center;max-width:980px;margin:0 auto;font-size:.7rem}.debug-only{display:none!important}.enemy-rule{color:#5d3828;background:#fff0c9;border:2px solid #b66e45;border-radius:14px;padding:7px 10px;font-weight:850;margin-top:6px!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=700px){.shell{gap:5px;padding:5px}.toolbar{align-items:center;padding:5px 8px}.toolbar h1{font-size:clamp(.94rem,5vw,1.25rem)}.subtitle{font-size:clamp(.6rem,3.15vw,.76rem)}.visual-pack-label{display:none}.toolbar-actions{flex:none}.offline-status{text-align:center;max-width:92px;min-height:38px;padding:3px 6px;font-size:.58rem}.stage-shell{width:100%;height:auto;max-height:100%}.hud{grid-template-columns:auto minmax(0,1fr);gap:5px}.hud-status{justify-content:start}.life-hud{padding:3px 5px}.life-label{display:none}.hud-chip{padding:4px 7px;font-size:.65rem}.overlay-card{padding:9px 10px}#title-overlay:not([hidden]){z-index:100;padding:5px;position:fixed;inset:5px;overflow:hidden}#title-overlay:not([hidden]) .overlay-card{width:min(560px,100%);max-height:none;overflow:hidden}body[data-visual=stage01-v1] #title-overlay{place-items:center;padding:8px}body[data-visual=stage01-v1] #title-overlay .overlay-card{width:96%;padding:9px 10px}.overlay-card h2{margin:2px 0 5px;font-size:clamp(1rem,5vw,1.35rem)}.overlay-card p{font-size:.78rem}.overlay-kicker,.first-play-lead,.control-summary{display:none}.onboarding-grid{grid-template-columns:1fr;gap:3px;margin:3px 0 5px}.onboarding-grid article{grid-template-columns:minmax(88px,.78fr) 1fr;align-items:center;gap:3px;min-height:36px;padding:2px 4px 2px 31px}.onboarding-grid article>b{font-size:.76rem}.onboarding-grid article>small{display:none}.onboarding-grid article>span:not(.step-number){font-size:.7rem}.step-number{width:21px;height:21px;top:6px;left:6px}.player-guide{margin:3px 0;font-size:.61rem}.player-guide p{line-height:1.2}.enemy-rule{border-width:1px;padding:3px 6px}.hud-chip{min-height:27px}.hud-controls button{min-height:32px;padding:2px 6px}.touch{gap:3px;width:calc(100% - 20px);bottom:5px}.touch button{min-height:44px;padding:1px 2px}}@media (width<=480px){.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.result-grid span{padding:7px 3px;font-size:.72rem}.primary-action{width:100%;min-width:0}.overlay-card{padding:16px 13px}}@media (width>=701px) and (width<=800px){.overlay-card{padding:18px}.onboarding-grid article{min-height:82px}.control-summary{display:none}}@media (height<=540px) and (orientation:landscape){.shell{gap:4px;padding:4px}.toolbar{padding:3px 8px}.toolbar h1{font-size:clamp(.9rem,3vw,1.3rem)}.subtitle{margin:0;font-size:.62rem}.offline-status{min-height:34px}.stage-shell{width:auto;max-width:100%;height:100%}.touch{width:min(520px,58%);bottom:4px}.touch button{min-height:44px}.overlay-card{padding:9px 12px}.overlay-card h2{margin:1px 0 4px;font-size:clamp(.95rem,3.2vw,1.2rem)}.overlay-kicker,.first-play-lead,.control-summary{display:none}.onboarding-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin:3px 0 7px}.onboarding-grid article{min-height:72px;padding:7px 5px 5px 32px}.onboarding-grid article>small{display:none}.step-number{width:21px;height:21px;top:7px;left:6px}}@media (forced-colors:active){button,.hud-chip,.overlay-card,.instructions,.offline-status{forced-color-adjust:auto;border-color:canvastext}button:focus-visible,#game-root:focus-visible{outline-color:highlight}}body[data-overlay=title] .toolbar{display:none}body[data-overlay=title] .shell{grid-template-rows:minmax(0,1fr)}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.result-actions button{white-space:normal;max-width:100%;min-height:48px;line-height:1.4}#clear-overlay .overlay-card{max-height:96%;overflow-y:auto}@media (width<=700px),(height<=500px){body[data-overlay=clear] .stage-shell{overflow:visible}#clear-overlay,#result-confirmation{z-index:35;position:fixed;inset:8px}#clear-overlay .overlay-card{width:min(560px,96%);max-height:96%;padding:18px}}#result-confirmation{z-index:40;background:#35231780}.confirmation-card{text-align:center;background:#fff9e9;border:3px solid #78513b;border-radius:22px;width:min(560px,94%);max-height:96%;padding:24px;overflow-y:auto}.confirmation-card h2{font-size:clamp(19px,3vw,25px);line-height:1.6}.boss-health-responsive{text-align:center;pointer-events:none;background:#fff3d9f5;border:2px solid #6c321f;border-radius:12px;grid-row:2;justify-self:center;align-items:center;gap:16px;width:min(680px,100%);padding:8px 12px;display:flex}body[data-boss-responsive=true] .shell{grid-template-rows:auto auto minmax(0,1fr)}body[data-boss-responsive=true] .stage-shell{grid-row:3}.boss-health-responsive[hidden]{display:none}.boss-health-responsive p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:16px;line-height:1.4}#boss-responsive-stars{justify-content:center;gap:12px;display:flex}#boss-responsive-stars svg{fill:#ffd83d;stroke:#6c321f;stroke-width:3px;width:26px;height:25px}#boss-responsive-stars svg[hidden]{display:none}body[data-visual=stage01-v1] #title-overlay .overlay-card{background:#fffaf0}body[data-front-view=title][data-visual=stage01-v1] #title-overlay .overlay-card{width:min(900px,96%);box-shadow:none;background:0 0;border:0;padding:10px 16px;overflow:visible}body[data-front-view=title] #title-overlay{background-size:auto 100%}body[data-front-view=title] #stage-title{color:#71422d;text-shadow:-2px -2px #fffaf0,2px -2px #fffaf0,-2px 2px #fffaf0,2px 2px #fffaf0,0 4px #e4b864;font-size:clamp(24px,3.5vw,44px);line-height:1.35}.title-adventure{width:360px;max-width:100%;height:210px;margin:0 auto;position:relative}.title-adventure .title-book{object-fit:contain;width:310px;height:180px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.title-adventure .title-hero{width:270px;height:270px;margin:0;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.title-page{object-fit:contain;width:40px;height:49px;position:absolute;top:50px}.page-left{animation:2.8s ease-in-out 2 title-page;left:28px;transform:rotate(-15deg)}.page-right{animation:3s ease-in-out 2 title-page;right:28px;transform:rotate(15deg)}@keyframes title-page{50%{translate:0 -8px}}body[data-front-view=title] .first-play-lead{background:#fffaf0eb;border-radius:20px;max-width:600px;margin:0 auto 14px;padding:6px 14px}body[data-front-view=title] .title-actions{background:#fffaf0ed;border:2px solid #876445;border-radius:24px;width:fit-content;max-width:100%;margin:auto;padding:10px}button:focus{outline-offset:3px;outline:4px solid #246e85}body:not([data-overlay=none]) .touch,body[data-game-controls-active=false] .touch{visibility:hidden}@media (prefers-reduced-motion:reduce){.title-page{animation:none}}@media (width<=480px),(height<=600px){.title-adventure{width:270px;height:125px}.title-adventure .title-book{width:230px;height:110px}.title-adventure .title-hero{width:180px;height:180px;bottom:0}.title-page{width:30px;height:38px;top:20px}body[data-front-view=title] #stage-title{font-size:clamp(18px,4.8vw,28px)}}#stage-title span{white-space:nowrap;display:block}.shell{flex-direction:column;display:flex}.play-group{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;min-height:0;display:flex}.play-group .stage-shell{aspect-ratio:auto;border-width:3px;flex:none;align-self:center;max-width:100%;min-height:0;max-height:none}.play-group .hud{grid-template-columns:auto minmax(0,1fr);width:100%;position:relative;inset:auto}.play-group .hud-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;overflow:visible}.play-group .hud-chip{white-space:normal;overflow-wrap:anywhere;min-height:32px;padding:3px 8px;font-size:14px}.play-group .hud-controls{flex-wrap:wrap;gap:6px}.play-group .hud-controls button{min-height:44px;font-size:14px}.play-group .objective-chip{flex:auto;justify-content:center}.play-group .touch{flex:none;width:min(620px,100%);position:relative;inset:auto;transform:none}.play-group .touch button{min-height:48px;font-size:14px}.combat-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.combat-hud:not(:has(>:not([hidden]))){display:none}.combat-hud .boss-health-responsive{grid-row:auto;gap:12px;width:100%;padding:6px 10px}.combat-hud #boss-responsive-stars{flex-shrink:0;gap:6px}#weapon-hud{background:#edfaff;border:2px solid #366f85;border-radius:12px;grid-template-columns:auto minmax(50px,1fr);align-content:center;align-items:center;gap:3px 10px;padding:6px 12px;font-size:14px;display:grid}#water-charge{accent-color:#1786ac;width:100%;min-width:0;height:16px}#water-guidance{overflow-wrap:anywhere;text-align:center;grid-column:1/-1;margin:0;line-height:1.4}body[data-overlay=title] .play-group>.hud,body[data-overlay=title] .play-group>.combat-hud,body[data-overlay=title] .play-group>.touch{display:none}@media (width<=640px){.combat-hud,.play-group .hud{grid-template-columns:minmax(0,1fr)}.play-group .life-hud{justify-self:center}.play-group .hud-status{justify-content:center}.play-group .objective-chip{flex-basis:100%}}@media (height<=540px) and (orientation:landscape){body:not([data-overlay=title]) .toolbar h1{display:none}.play-group{gap:4px}.play-group .hud{gap:5px}.play-group .hud-chip{padding:2px 5px;font-size:12px}.play-group .hud-controls button{padding:2px 6px}.play-group .life-hud{min-height:32px}.play-group .touch button{min-height:44px}.combat-hud .boss-health-responsive p{font-size:16px}}@media (width<=480px){#stage-title{font-size:clamp(1rem,5.2vw,1.5rem)}.title-hero{width:140px;height:140px}}@media (height<=540px) and (orientation:landscape){.title-hero{width:110px;height:110px;margin:-20px auto -6px}body[data-front-view=title] #stage-title{margin:0 0 3px;font-size:22px;line-height:1.15}.title-adventure,.title-adventure .title-book{height:90px}.title-adventure .title-hero{width:145px;height:145px;bottom:-3px}body[data-front-view=title] .title-actions{flex-wrap:nowrap;gap:7px;padding:7px}.title-actions button{min-width:115px;padding:7px 10px}}.shell{padding:max(4px,var(--safe-top,env(safe-area-inset-top,0px))) max(4px,var(--safe-right,env(safe-area-inset-right,0px))) max(4px,var(--safe-bottom,env(safe-area-inset-bottom,0px))) max(4px,var(--safe-left,env(safe-area-inset-left,0px)));gap:0}.shell>.toolbar{display:none}.play-group{justify-content:center;gap:4px}.play-field{flex-direction:column;align-items:center;gap:4px;width:100%;min-height:0;display:flex;position:relative}.play-group>.hud{border:0;flex-wrap:nowrap;align-items:center;gap:4px;height:44px;min-height:44px;padding:0;display:flex}.persistent-stage-identity{color:#493624;overflow-wrap:anywhere;flex:1;min-width:0;font-size:clamp(12px,1.6vw,16px);font-weight:700;line-height:18px}.persistent-stage-identity rt{font-size:8px}.hud .life-hud{flex:none;gap:2px;min-height:32px;padding:3px 5px}.hud .life-label{font-size:11px}.hud .life-heart{width:18px;height:20px}.hud>.hud-chip{white-space:nowrap;padding:3px 5px;font-size:12px}.hud #hud-page-markers{display:none}.hud:has(#boss-health-responsive:not([hidden]))>.hud-chip{display:none}.hud>button{pointer-events:auto;border-radius:8px;flex:none;width:44px;min-width:44px;height:44px;padding:2px;font-size:12px}#pause-control{margin-left:auto}.hud>.boss-health-responsive{border-width:1px;flex-direction:column;flex:100px;align-items:center;gap:1px;min-width:64px;max-width:160px;height:38px;padding:2px 4px}#boss-responsive-name{white-space:nowrap;text-overflow:ellipsis;flex:none;width:100%;margin:0;font-size:12px;line-height:16px;overflow:hidden}#boss-responsive-stars{gap:3px;height:16px}#boss-responsive-stars svg{width:17px;height:16px}.hud>#weapon-hud{border-width:1px;flex-direction:column;flex:0 100px;justify-content:center;gap:2px;min-width:80px;height:38px;padding:2px 5px;font-size:12px;line-height:16px;display:flex}.hud>#weapon-hud[hidden]{display:none}#water-charge{width:100%;height:9px}.pause-information{text-align:left;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:14px;display:flex}.pause-information h1{display:none}.pause-information .hud-chip{white-space:normal}.pause-information #pause-boss-name,.pause-information #water-guidance{overflow-wrap:anywhere;width:100%;margin:0}.pause-information .visual-pack-label{display:none}.touch{gap:5px;width:min(620px,100%);height:50px;display:flex}.touch-left-rail,.touch-right-rail{flex:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.touch button{width:100%;min-width:44px;min-height:48px;padding:2px;font-size:14px}.touch button small{white-space:nowrap;letter-spacing:0;font-size:10px;line-height:12px}body[data-layout-rails=true] .play-field{display:block}body[data-layout-rails=true] .stage-shell{margin:auto}body[data-layout-rails=true] .touch{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}body[data-layout-rails=true] .touch-left-rail,body[data-layout-rails=true] .touch-right-rail{pointer-events:auto;gap:6px;width:64px;position:absolute;bottom:20px}body[data-layout-rails=true] .touch-left-rail{left:calc(50% - var(--stage-outer-width)/2 - 72px);grid-template-columns:1fr}body[data-layout-rails=true] .touch-right-rail{right:calc(50% - var(--stage-outer-width)/2 - 72px);grid-template-columns:1fr}body[data-layout-rails=true] .touch button{min-height:64px}.title-review-link{justify-content:center;align-items:center;min-height:44px;font-size:12px;display:inline-flex}body[data-overlay=title] .play-group>.hud,body[data-overlay=title] .touch{display:none}@media (width<=430px){.hud .life-label{display:none}.hud>.boss-health-responsive{max-width:120px}}.hud #toast{overflow-wrap:anywhere;text-align:center;box-sizing:border-box;border-width:1px;border-radius:7px;flex:1;min-width:0;max-width:none;max-height:40px;margin:0;padding:3px 6px;font-size:12px;line-height:16px;position:relative;inset:auto;overflow:hidden;transform:none}.hud #toast.visible{transform:none}@media (width<=640px) and (orientation:portrait){.hud #toast,.hud #toast.visible{top:calc(44px + var(--stage-outer-height) + 60px);width:min(380px,100%);position:absolute;left:50%;transform:translate(-50%)}}body[data-layout-rails=true] .shell{padding-bottom:4px}body[data-layout-rails=true] .touch-left-rail,body[data-layout-rails=true] .touch-right-rail{bottom:max(20px,calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 8px))}body[data-overlay=pause] .hud #toast,body[data-overlay=clear] .hud #toast{visibility:hidden}#canvas-hud{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}body:not([data-overlay=none]) #canvas-hud{visibility:hidden}#canvas-hud .life-hud,#canvas-hud .boss-health-responsive{box-sizing:border-box;background:#fff8e8ef;border:1px solid #74533d;border-radius:8px;flex-direction:column;gap:2px;width:112px;max-width:calc(50% - 12px);height:43px;min-height:0;margin:0;padding:3px 6px;display:flex;position:absolute;top:6px}#canvas-hud .life-hud{left:6px}#canvas-hud #page-status{box-sizing:border-box;color:#583b28;background:#fff8e8ef;border:1px solid #74533d;border-radius:8px;flex-wrap:wrap;place-content:center;gap:2px 5px;width:100px;height:43px;margin:0;padding:3px 5px;font-size:11px;line-height:15px;display:flex;position:absolute;top:6px;left:124px}#page-status #hud-page-markers{letter-spacing:2px;font-size:15px}#canvas-hud .life-label{color:#583b28;font-size:12px;line-height:15px;display:block}#canvas-hud .life-heart{width:18px;height:18px}#canvas-hud .life-slots{gap:4px;display:flex}#canvas-hud .boss-health-responsive{right:6px}#canvas-hud [hidden]{display:none!important}#canvas-hud #boss-responsive-stars svg[data-empty=true]{fill:#fff9ed;stroke:#796656;opacity:.7}#canvas-hud #boss-responsive-name{font-size:12px;font-weight:700}#canvas-hud #weapon-hud{background:#f0fcffef;border-width:1px;border-radius:7px;flex-direction:column;justify-content:center;gap:1px;width:86px;height:32px;padding:2px 5px;font-size:10px;line-height:12px;display:flex;position:absolute}#canvas-hud #weapon-hud label{white-space:nowrap}#canvas-hud #water-charge{flex:none;height:7px}#touch-jump[data-ready=true]{color:#fff9d9;background:#285d48;border-color:#234f41;box-shadow:0 0 0 3px #fff6a0,0 0 12px 3px #ffdc65}#touch-jump .keyboard-hint{white-space:normal;overflow-wrap:anywhere;max-width:100%;display:block}@media (any-pointer:coarse){#touch-jump .keyboard-hint{display:none}}#canvas-hud #weapon-hud[data-ready=true]{border-color:#986000;box-shadow:0 0 0 2px #ffe785}#canvas-hud #toast,#canvas-hud #toast.visible{text-align:center;overflow-wrap:anywhere;box-sizing:border-box;pointer-events:none;background:#fff9e9ee;border:1px solid #76533a;border-radius:7px;width:max-content;max-width:calc(100% - 12px);max-height:42px;margin:0;padding:4px 7px;font-size:12px;line-height:16px;position:absolute;inset:auto;overflow:hidden;transform:none}body[data-layout-rails=false] .touch-right-rail #touch-crouch{order:1}body[data-layout-rails=false] .touch-right-rail #touch-jump{order:2}@media (width<=600px) and (orientation:portrait){#title-overlay:not([hidden]){inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));z-index:100;place-items:center;padding:10px;position:fixed;overflow-y:auto}body[data-visual=stage01-v1] #title-overlay .overlay-card{box-sizing:border-box;width:100%;max-height:100%;padding:14px 10px;overflow-y:auto}body[data-front-view=title] #title-overlay .overlay-card{overflow-y:auto}#title-overlay .title-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#title-overlay .title-actions button{white-space:normal;min-width:120px;max-width:100%;min-height:44px}#title-overlay #stage-title span{white-space:normal}}.hud-chip:has(#hud-checkpoint){display:none}:root{--ui-ink:#293d3b;--ui-muted:#4c6264;--ui-line:#52736e;--ui-paper:#fbfcf8;--ui-teal-top:#327b67;--ui-teal-bottom:#246451;--ui-blue-top:#eef7fc;--ui-blue-bottom:#c8e2f0;--ui-blue-ink:#244f69;--ui-lavender-top:#f6f1ff;--ui-lavender-bottom:#ded1ef;--ui-lavender-ink:#514169;--ui-gold-top:#fff0b8;--ui-gold-bottom:#edc56b;--ui-gold-ink:#624716;--ui-coral-top:#ffedf0;--ui-coral-bottom:#f4ccd7;--ui-coral-ink:#6f3549;--ui-focus:#195771;--ui-shadow:#405a5340;background:#dce9e3}body{color:var(--ui-ink);background:linear-gradient(160deg,#f5f7ee,#dcebe6)}button{color:var(--ui-ink);border-color:var(--ui-line);box-shadow:inset 0 1px 0 #fff,0 3px 0 #627a6e,0 4px 7px var(--ui-shadow);background:linear-gradient(#fbfcf8,#e2eae1);line-height:1.4}button:hover:not(:disabled){background:linear-gradient(#fff,#d7e9df)}button:focus,button:focus-visible,select:focus-visible,a:focus-visible,.book-details:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}button:active:not(:disabled){box-shadow:inset 0 2px 3px #203b382e,0 1px #627a6e}button:disabled{opacity:1;color:#5f6868;box-shadow:none;cursor:default;background:#e1e5e3;border-style:dashed;border-color:#87948f}button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ui-line);background:#c6ded7;border-style:double}.primary-action,#opening-skip,#confirm-accept{color:#fffef6;background:linear-gradient(var(--ui-teal-top),var(--ui-teal-bottom));box-shadow:inset 0 1px 0 #aedbc5,0 3px 0 #204f43,0 5px 8px var(--ui-shadow);border-color:#204f43}.primary-action:hover:not(:disabled),#opening-skip:hover,#confirm-accept:hover{background:linear-gradient(#327b67,#1e5948)}#title-help,#title-settings,#setting-sound,#setting-effects,#pause-control,#mute-control{color:var(--ui-blue-ink);background:linear-gradient(var(--ui-blue-top),var(--ui-blue-bottom));border-color:#50798e}#title-encyclopedia,#review-full-encyclopedia,#review-pause-full-encyclopedia,#review-menu-control{color:var(--ui-lavender-ink);background:linear-gradient(var(--ui-lavender-top),var(--ui-lavender-bottom));border-color:#827095}#setting-sound[aria-pressed=true],#setting-effects[aria-pressed=true]{border-style:double;box-shadow:inset 0 0 0 2px #50798e}body[data-visual] #title-overlay .overlay-card,.overlay-card,.confirmation-card{color:var(--ui-ink);border-color:var(--ui-line);background:linear-gradient(#f8fcfa,#e4efea);box-shadow:inset 0 2px #fff,0 5px #5a756c,0 12px 24px #203f3938}body[data-front-view=title][data-visual] #title-overlay .overlay-card{box-shadow:none;background:0 0;border:0}body[data-front-view=title] #title-overlay .title-actions{border-color:var(--ui-line);background:linear-gradient(#f2f8f3,#dceae2);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:inset 0 2px #fff,0 4px #577368}body[data-front-view=title] #stage-introduction{max-width:760px;color:var(--ui-ink);background:#f7faf4;border:1px solid #6c887d;border-radius:16px;margin:0 auto 14px;padding:8px 14px;font-size:1rem;line-height:1.65;display:block}.intro-line{display:block}.ui-phrase{white-space:normal;word-break:normal;overflow-wrap:break-word;max-width:100%;display:inline-block}.weapon-keyboard-guide{display:block}@media (hover:none) and (pointer:coarse){.weapon-keyboard-guide{display:none}}.overlay-card p,.confirmation-card h2,.book-copy{word-break:normal;line-break:strict;overflow-wrap:break-word}.player-guide{font-size:.875rem}.player-guide p{line-height:1.6}.onboarding-grid article>b,.onboarding-grid article>span:not(.step-number),.onboarding-grid article>small{font-size:.875rem}.overlay-card h2,.confirmation-card h2{color:var(--ui-ink)}.overlay-kicker{color:#426c61}body[data-front-view=help][data-visual] #title-overlay .overlay-card,body[data-front-view=settings][data-visual] #title-overlay .overlay-card{background:linear-gradient(#f5fafd,#dcecf5);border-color:#537d91}.onboarding-grid article{background:#f7fbfd;border-color:#688b9b}.step-number{color:#fff;background:#356e80}.onboarding-grid small{color:#425d6c}.enemy-rule{color:#614520;background:#fff4d7;border-color:#b58c47}.next-stage-line{color:#294e40;background:#d8eae1}.result-grid span{background:#fbfcf8;border-color:#7a9588}.result-grid b{color:#245c49}.pause-information{color:var(--ui-ink)}.pause-information .hud-chip,.offline-status{color:var(--ui-ink);background:#f8fbf7;border-color:#7f9a8c}.title-review-link{color:var(--ui-lavender-ink);text-underline-offset:3px}.title-external-links{box-sizing:border-box;background:#f2f8f3;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 12px;width:fit-content;max-width:100%;margin:10px auto 0;padding:0 10px;display:flex}.title-external-links a{color:#395a50;white-space:nowrap;text-underline-offset:3px;justify-content:center;align-items:center;min-height:44px;padding:0 6px;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.title-external-links a:focus-visible{outline:3px solid var(--ui-focus);outline-offset:1px;border-radius:4px}@media (width>=601px) and (orientation:portrait){body[data-front-view=title] #title-overlay{z-index:100;place-items:center;position:fixed;inset:6px;overflow-y:auto}body[data-front-view=title][data-visual] #title-overlay .overlay-card{box-sizing:border-box;width:min(100%,760px);max-width:760px;max-height:100%;overflow-y:auto}}@media (height<=540px) and (orientation:landscape){body[data-front-view=title] #title-overlay{z-index:100;place-items:center;position:fixed;inset:4px;overflow-y:auto}body[data-front-view=title][data-visual] #title-overlay .overlay-card{box-sizing:border-box;width:min(100%,900px);max-width:900px;max-height:100%;padding:6px;overflow-y:auto}body[data-front-view=title] .front-title{padding:4px 8px 8px}body[data-front-view=title] #title-overlay .title-actions{gap:8px}.title-external-links{margin-top:8px}}body[data-front-view=title] #title-overlay .title-review-link{white-space:nowrap;flex:none}.persistent-stage-identity{color:#284d43;background:linear-gradient(90deg,#d9e9df,#f1f6ee);border-radius:8px;box-shadow:inset 0 1px #fff}#canvas-hud .life-hud{background:linear-gradient(var(--ui-coral-top),var(--ui-coral-bottom));border-color:#8d5164;box-shadow:inset 0 1px #fff,0 2px #86546a}#canvas-hud .life-label{color:var(--ui-coral-ink)}#canvas-hud .life-heart{filter:none}#canvas-hud .life-heart.is-filled path{fill:#e95b82;stroke:#85364f;stroke-width:2.2px}#canvas-hud .life-heart.is-empty path{fill:#fff8fa;stroke:#875266;stroke-width:2.8px;stroke-dasharray:4 3}#canvas-hud .boss-health-responsive{background:linear-gradient(var(--ui-gold-top),#f6dea0);border-color:#997139;box-shadow:inset 0 1px #fff,0 2px #86633b}#canvas-hud #boss-responsive-name{color:var(--ui-gold-ink)}#canvas-hud #boss-responsive-stars svg{fill:#edb73f;stroke:#82551e;stroke-width:2.8px;stroke-linejoin:round}#canvas-hud #boss-responsive-stars svg[data-empty=true]{fill:#fff8e8;stroke:#87683d;opacity:1;stroke-dasharray:5 3}#canvas-hud #page-status{color:#524363;background:linear-gradient(#f5f1fc,#e7dff1);border-color:#8b789b;box-shadow:inset 0 1px #fff,0 2px #887093}#canvas-hud #weapon-hud{color:#284c62;background:linear-gradient(#f8fdff,#d6edf4);border-color:#4c8398;box-shadow:inset 0 1px #fff,0 1px #547d91}#canvas-hud #water-charge{appearance:none;background:#f6fbfc;border:1px solid #6b8991;border-radius:4px;overflow:hidden}#water-charge::-webkit-progress-bar{background:#f6fbfc;border-radius:3px}#water-charge::-webkit-progress-value{background:linear-gradient(#65bfcb,#24889b);border-radius:3px}#water-charge::-moz-progress-bar{background:linear-gradient(#65bfcb,#24889b);border-radius:3px}#canvas-hud #weapon-hud[data-ready=true]{background:linear-gradient(#fff5d2,#f4d785);border-color:#866020;box-shadow:inset 0 1px #fff,0 0 0 2px #c39335}#weapon-hud[data-ready=true] #water-charge::-webkit-progress-value{background:#b67b20}#weapon-hud[data-ready=true] #water-charge::-moz-progress-bar{background:#b67b20}#canvas-hud #toast,#canvas-hud #toast.visible{color:#284a40;background:#f2f8f3;border-color:#53766a;box-shadow:inset 0 1px #fff,0 2px #547568}.play-group .touch button{color:#284c41;background:linear-gradient(#f5faf6,#d1e4d8);border-color:#5a7a6b;box-shadow:inset 0 1px #fff,0 3px #4f7061}.play-group .touch #touch-jump{background:linear-gradient(var(--ui-gold-top),var(--ui-gold-bottom));color:var(--ui-gold-ink);border-color:#97713b}.play-group .touch #touch-crouch{background:linear-gradient(var(--ui-blue-top),var(--ui-blue-bottom));color:var(--ui-blue-ink);border-color:#547e93}.play-group .touch button.is-pressed,.play-group .touch button[aria-pressed=true]{background:#c2ded0;border-style:double;box-shadow:inset 0 0 0 2px #335e50,0 1px #4f7061}.play-group .touch #touch-jump[data-ready=true]{color:#573e12;background:linear-gradient(#ffedaa,#e8bd58);border-color:#795522;box-shadow:inset 0 0 0 2px #fff8dc,0 0 0 2px #a67b29,0 3px #795522}.play-group .touch #touch-jump .action-label{white-space:nowrap;max-width:100%;font-size:clamp(12px,1.65vw,14px)}.play-group .touch #touch-jump[data-ready=true]:after{content:"OK";letter-spacing:.08em;font-size:10px;font-weight:900;line-height:12px}body[data-front-view=encyclopedia][data-visual] #title-overlay:not([hidden]) .overlay-card{background:linear-gradient(#f6f1fb,#e6dced);border-color:#81708f}#front-encyclopedia{color:var(--ui-lavender-ink)}#front-encyclopedia .book-list button{color:#514169;background:#fcfafc;border-color:#9585a4}#front-encyclopedia .book-list button[aria-pressed=true]{background:linear-gradient(#e7dcf4,#d5c4e8);border:2px solid #715a89;box-shadow:inset 4px 0 #715a89,inset 0 1px #fff}#front-encyclopedia .book-list button[aria-pressed=true] span:first-child{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}#front-encyclopedia .book-details{background:#fcfafc;border-color:#b9a9c8;border-radius:8px}#front-encyclopedia .book-copy{background:#fcfafc;border-radius:0}#front-encyclopedia .book-toolbar select,#front-encyclopedia .book-toolbar button,#front-encyclopedia .book-pages button{color:#514169;background:linear-gradient(#faf7fd,#e6dced);border-color:#8b799b}#front-encyclopedia .book-pages button:disabled{color:#60606b;box-shadow:none;background:#e1e1e5;border-style:dashed}#front-encyclopedia .book-save-status{color:#5a4e68}@media (width<=600px) and (orientation:portrait){body[data-front-view=title] #stage-introduction{margin-bottom:10px;padding:6px 10px;font-size:.875rem;line-height:1.65}body[data-front-view=help] .player-guide{font-size:.875rem;line-height:1.6}body[data-front-view=help] .player-guide p{line-height:1.6}}@media (height<=540px) and (orientation:landscape){body[data-front-view=title] #stage-introduction{margin-bottom:6px;padding:3px 10px;font-size:.875rem;line-height:1.45}body[data-front-view=title] #title-overlay{overflow-y:auto}body[data-front-view=title][data-visual] #title-overlay .overlay-card{max-height:100%;overflow-y:auto}}@media (forced-colors:active){button:focus-visible,select:focus-visible,a:focus-visible{outline-color:highlight}#canvas-hud .life-heart path,#canvas-hud #boss-responsive-stars svg{stroke:canvastext}}.visual-pack-label,#offline-status{display:none}.hud-chip:has(#hud-checkpoint){display:none}body #title-overlay #front-title>.overlay-kicker{letter-spacing:.03em;color:#284e43;background:#f7faf4;border-radius:8px;width:fit-content;margin:0 auto 4px;padding:2px 8px;font-size:14px;line-height:1.4;display:block!important}