:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#eff4ec;background:#15282d;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;border:1px solid #647f80;background:#29464b;border-radius:10px;min-height:44px;font-weight:700}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #ffde82;outline-offset:2px}button:active,button.down{background:#527777;transform:scale(.96)}[hidden]{display:none!important}
#game{width:100%;max-width:560px;height:100dvh;min-height:550px;margin:auto;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#344e50;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.hud{background:#203b40;padding:10px 14px 8px;flex-shrink:0;border-bottom:1px solid #587578;z-index:2}.hud-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hud-title>span{font-size:18px;font-weight:800;letter-spacing:.06em}.small{font-size:14px;min-height:34px;padding:3px 10px;margin-left:5px}.resource{display:flex;gap:8px;align-items:center;font-size:13px;margin:5px 0}.resource>span{width:30px}.resource>b{font-variant-numeric:tabular-nums;text-align:right;min-width:45px}.track{height:10px;border-radius:3px;background:#112529;flex:1;overflow:hidden}.track i{display:block;height:100%;width:100%;transform-origin:left}.hp i{background:#ef8d6e}.stamina i{background:#91d4a7}.hud-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:8px;color:#d1e3df;margin-top:8px}.sound{background:none;border:0;font-size:12px;min-height:24px;padding:0 3px}
#viewport{position:relative;flex:1;min-height:170px;overflow:hidden;background:#8eaaa5}canvas{width:100%;height:100%;display:block;touch-action:none}#boss-hud{position:absolute;top:12px;left:18px;right:18px;pointer-events:none;text-shadow:0 1px 2px #071619;background:#173035ed;border:1px solid #698d8d;border-radius:8px;padding:10px}#boss-hud>div:first-child{display:flex;justify-content:space-between;font-weight:700;font-size:17px}.boss{height:8px;margin-top:8px}.boss i{background:#e9826b}#boss-phase{font-size:13px;color:#f2c794}#boss-tell{font-size:14px;margin:7px 0 0;min-height:1.1em}#focus-badge{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;background:#174c56e8;color:#b5f6ff;border:1px solid #80dfe7;border-radius:4px;font-size:14px;font-weight:700}#context-row{position:absolute;bottom:28px;left:0;right:0;text-align:center;pointer-events:none}#interact-button{pointer-events:auto;padding:8px 22px;background:#eed89c;color:#28382d;border-color:#fff0c9;box-shadow:0 3px 10px #122e3340;font-size:17px}#legend{position:absolute;bottom:5px;right:8px;color:#e6f4ed;background:#284649dc;padding:3px 7px;font-size:12px;border-radius:4px;pointer-events:none}
#message{background:#203b40;margin:0;padding:8px 14px;min-height:48px;font-size:14px;line-height:1.45;display:flex;align-items:center;border-top:1px solid #648482;flex-shrink:0}#controls{padding:10px 12px 8px;display:flex;gap:12px;background:#182f35;flex-shrink:0;user-select:none;-webkit-user-select:none}.movement{width:132px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}#stick{height:106px;width:106px;position:relative;border:2px solid #7da59f;border-radius:50%;background:#304c50;touch-action:none}#knob{position:absolute;left:29px;top:29px;width:44px;height:44px;border-radius:50%;background:#a9c8bd;border:2px solid #e0eee1;pointer-events:none;box-shadow:0 3px 6px #153435}#stick>span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;pointer-events:none;color:#def0e3}.stick-cross{position:absolute;inset:10px;border:1px dashed #617e7c;border-radius:50%;pointer-events:none}#guard{width:132px;min-height:34px;font-size:13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.actions button{min-width:0;min-height:68px;padding:6px 2px;touch-action:none}.actions b{display:block;font-size:21px;letter-spacing:.08em}.actions small{display:block;font-size:11px;margin-top:4px;color:#d4e4dd}.actions .attack{background:#665442;border-color:#bea378}.actions .roll{background:#226374;border-color:#86c6d2}.actions button.down{filter:brightness(1.4)}
.overlay{position:absolute;inset:0;background:#11292ce8;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}#panel{width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:8px 2px;outline:0}#panel h1{font-family:Georgia,"Yu Mincho",serif;font-size:38px;font-weight:500;line-height:1.3;letter-spacing:.10em;margin:10px 0 22px;color:#f5e4b9}#panel h2{font-size:26px;margin:10px 0 18px;color:#f5e4b9}.eyebrow{font-size:11px;letter-spacing:.22em;color:#9dd9d6;font-weight:800}.intro{font-size:16px;line-height:1.9;color:#dde9dd}.rules{border-block:1px solid #536f70;margin:20px 0;padding:12px 0;display:grid;gap:12px;font-size:15px;line-height:1.65}.rules b{color:#eccfa2}.primary{width:100%;background:#d4bb82;color:#203632;border-color:#eedfb8;font-size:18px;min-height:54px}.secondary{width:100%;margin-top:9px;min-height:46px}.footnote{font-size:12px;color:#abc7c1;line-height:1.7}.death-word{color:#f18c6c!important;letter-spacing:.2em!important}.report{font-size:15px;line-height:1.8;background:#30494bcc;border-left:3px solid #d1b67a;padding:12px 16px;margin:16px 0}.options{display:grid;gap:8px;margin:15px 0}.options button{padding:12px;text-align:left}.options button small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#c8d9d0}.options .chosen{border:2px solid #edce89;background:#436469}.upgrades{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upgrades button{padding:10px;font-size:15px}.upgrades small{display:block;font-size:12px;margin-top:6px}.mapview{width:100%;height:auto;max-height:52vh;background:#344f51;border:1px solid #789992;border-radius:8px}.map-labels{font-size:14px;line-height:1.7;color:#d4e7df}.clear-stats{font-size:16px;line-height:2}.pulse{animation:pulse .6s ease-out}@keyframes pulse{0%{color:#f6cb7b}100%{color:#eff4ec}}
@media(max-height:700px){.hud{padding:6px 12px}.hud-title{margin-bottom:3px}.hud-title>span{font-size:16px}.resource{margin:3px 0}#controls{padding:6px 10px}.movement{width:110px}#guard{width:110px}#stick{width:90px;height:90px}#knob{left:21px;top:21px}.actions button{min-height:59px}.actions b{font-size:18px}#message{min-height:40px;padding:5px 12px}.overlay{padding:16px}#panel h1{font-size:30px;margin-bottom:12px}.rules{margin:12px 0;gap:7px}}
@media(min-width:700px){body{background:#10252b}#game{box-shadow:0 0 70px #0005;border-inline:1px solid #567375}}