:root{color-scheme:dark;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#f6f5ea;background:#080f1b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}button:focus-visible{outline:3px solid #fff1a6;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#stage{position:relative;overflow:hidden;isolation:isolate;width:min(100vw,177.77dvh);height:min(100dvh,56.25vw);background:#10283e;container-type:size}canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}#overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:linear-gradient(90deg,#071627a6,#10283e55,#071627a6);padding:18px;overflow:auto}.panel{max-width:760px;width:100%;text-align:center;padding:16px 28px;text-shadow:0 2px 10px #08132288}.eyebrow{color:#f1dba4;font-size:12px;letter-spacing:.22em;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.075em;font-size:clamp(32px,6cqw,68px);margin:12px 0;color:#fff9df;text-shadow:0 3px 25px #13203c}h1 span{display:block;font-family:system-ui;font-size:.24em;letter-spacing:.55em;margin-top:8px}#message{font-size:clamp(16px,2.5cqw,25px);line-height:1.8;white-space:pre-line;margin:14px auto;max-width:650px}#choices{display:flex;justify-content:center;gap:14px;margin:18px auto}#choices button{width:29%;max-width:180px;border:1px solid #e2d5a455;border-radius:12px;background:linear-gradient(#10253b99,#102138e6);padding:8px 10px 14px;box-shadow:0 10px 25px #07121c66;transition:transform .16s,background .16s}#choices button:hover{transform:translateY(-5px);background:#254766e6;border-color:#ffe6ab}#choices img{display:block;object-fit:contain;width:100%;height:clamp(80px,23cqh,195px);filter:drop-shadow(0 8px 8px #0005)}#choices b{display:block;font-size:17px;margin-top:8px}#choices small{display:block;font-size:12px;margin-top:5px;color:#c9d9e3}#help{font-size:13px;line-height:1.7;color:#d4e1e8;margin:12px auto;max-width:540px}#loading{font-size:13px;color:#ffe5a4}.primary{border:1px solid #ffecc3;border-radius:8px;background:linear-gradient(#ffe5a7,#cfa461);color:#19283c;padding:14px 32px;font-weight:800;box-shadow:0 5px 22px #06122455;margin:14px}#hud{position:absolute;inset:0;pointer-events:none;z-index:3}.hud-main{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:grid;gap:4px;background:#0a192cc9;padding:10px 15px;border-left:2px solid #e6d4a2;border-radius:3px 12px 12px 3px;box-shadow:0 2px 14px #08152344}.hud-main b{font-size:15px}.hud-main span{color:#ffabb4;letter-spacing:4px;font-size:19px}.hud-main small{font-size:12px;color:#d2dfeb}.top-actions{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;gap:8px;pointer-events:auto}.top-actions button{border:1px solid #eceddf66;border-radius:50%;background:#0b1d32bb;width:42px;height:42px;font-size:20px}.progress{position:absolute;top:0;width:100%;height:3px;background:#ffffff22}.progress i{display:block;height:100%;background:#edd69b;width:0}#banner{position:absolute;top:25%;left:15%;right:15%;text-align:center;color:#fff8dc;text-shadow:0 2px 12px #081326;font-size:clamp(16px,3cqw,28px);font-weight:800;white-space:pre-line}#boss-hud{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:8px 20px;text-align:center;background:#201332cc;border:1px solid #d8b4fc66;border-radius:8px;font-size:14px;color:#efd8ff}#mobileControls{position:absolute;inset:0;z-index:4;pointer-events:none}.pad,.actions{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:10px;pointer-events:auto;align-items:end}.pad{left:max(14px,env(safe-area-inset-left))}.actions{right:max(14px,env(safe-area-inset-right))}.touchBtn{width:62px;height:62px;border:1px solid #f3e1b688;border-radius:20px;background:#0d233da8;font-size:23px;box-shadow:inset 0 1px #ffffff44,0 3px 15px #07142555}.touchBtn.jump{width:78px;height:78px;border-radius:50%;font-size:14px;background:#35556fb8}.touchBtn.jump span{display:block;font-size:10px;margin-top:3px;color:#dce9ee}.touchBtn.dash{width:57px;height:57px;border-radius:50%;font-size:12px}.touchBtn.active{background:#aa8759cc;transform:scale(.94)}@media(pointer:fine) and (min-width:1101px){#mobileControls{display:none}}@container(max-height:450px){.panel{padding:5px 15px}h1{font-size:36px;margin:5px 0}#choices{margin:8px auto;gap:12px}#choices img{height:92px}#choices button{padding:4px 10px 8px}#choices small{display:none}#message{font-size:17px;margin:8px auto}#help{margin:8px auto;font-size:12px}.eyebrow{font-size:10px}.primary{padding:11px 25px}.hud-main{padding:6px 10px;gap:1px}.hud-main b{font-size:12px}.hud-main span{font-size:16px}.hud-main small{font-size:10px}.touchBtn{width:52px;height:52px}.touchBtn.jump{width:67px;height:67px}.touchBtn.dash{width:49px;height:49px}#boss-hud{top:72px;font-size:12px;padding:5px 12px}}@container(max-width:500px){.panel{padding:12px 0}#choices{gap:8px}#choices button{width:31%;padding:6px 4px 10px}#choices img{height:130px}#choices small{display:none}h1{font-size:36px}#message{font-size:18px;line-height:1.9}#help{font-size:12px}.hud-main{padding:8px 10px}.hud-main b{font-size:13px}.hud-main small{font-size:11px}#boss-hud{top:110px;white-space:nowrap}.touchBtn{width:55px;height:55px}.touchBtn.jump{width:71px;height:71px}.touchBtn.dash{width:49px;height:49px}.pad,.actions{gap:7px}}