*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#1c2730;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;color:#f4f3e9;overscroll-behavior:none}button,select{font:inherit}button{cursor:pointer;color:inherit;background:#24343cce;border:1px solid #c6d4d24d;border-radius:5px;padding:11px 16px;touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ff91c6;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}a{color:inherit}#app,#world{position:absolute;inset:0;width:100%;height:100%;display:block}#world,#controls{touch-action:none;user-select:none;-webkit-user-select:none}#shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#08111933,transparent 30%,transparent 70%,#08111966);box-shadow:inset 0 0 90px #07131b44}[hidden]{display:none!important}#menu{position:absolute;inset:0;background:linear-gradient(90deg,#101b24eb,#14232f99 42%,#14232f0a 80%);padding:25px 5vw;display:flex;flex-direction:column;overflow-y:auto}#menu header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}#menu header a{text-decoration:none;font-weight:800}#menu header span{color:#d4dedb;font-size:8px}.title-block{margin:auto 0;max-width:510px;padding:25px 0}.eyebrow{font-size:10px;letter-spacing:.2em;color:#e1d4c1}h1{font-size:clamp(60px,8vw,110px);font-weight:950;line-height:1;letter-spacing:-.08em;margin:20px 0 12px;text-shadow:0 4px 40px #0005}h1 span{display:block;font-size:clamp(38px,4.8vw,65px);letter-spacing:-.05em;margin-top:10px}.subtitle{font-size:11px;letter-spacing:.5em;color:#efa6be}.intro{font-size:14px;line-height:2;color:#dce3df;margin:23px 0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 25px}.tags span{font-size:8px;border:1px solid #d9d9bf50;padding:6px 8px}.setup{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:10px;color:#c7d8db}.setup select{margin-left:10px;background:#172c37;color:#f4efe2;padding:7px;border:1px solid #94b8bd66;border-radius:4px;font-size:16px}.setup button{font-size:10px;padding:8px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ede5d6;color:#132632;border:0;padding:18px 20px;font-size:14px;font-weight:800}.primary b{font-size:8px;letter-spacing:.14em}.text{background:transparent;border:0;padding-left:0;font-size:11px}#loading{font-size:9px;color:#c7d8db;margin:7px 0}#menu footer{font-size:8px;color:#c8d4d1;line-height:1.8}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 2px 12px #0008}.hud-left{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top))}.hud-left small{font-size:8px;letter-spacing:.16em;color:#f4e4cd}.hud-left b{font-size:38px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud-left span{font-size:9px;margin-left:7px}.hud-left label{display:block;font-size:11px;color:#ffd09e;font-weight:800}.timer{position:absolute;left:50%;top:17px;transform:translateX(-50%);text-align:center}.timer small{display:block;font-size:7px;letter-spacing:.17em}.timer b{font-size:32px;font-variant-numeric:tabular-nums;font-weight:500}.timer.urgent{color:#ff9a96}#hud nav{position:absolute;right:20px;top:17px;pointer-events:auto;display:flex;gap:7px}#hud nav button{width:35px;height:35px;padding:0;background:#112c36aa}#map{position:absolute;right:20px;top:67px;width:120px;height:120px;background:#14252bbd;border:1px solid #b3c5c14d;border-radius:7px}#energy{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);width:210px}#energy label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#f6cae4}#energy i{display:block;background:#152a35b0;height:5px;margin-top:7px;border-radius:2px}#energy em{display:block;width:100%;height:100%;background:#ffc0e0;box-shadow:0 0 12px #ff8ab4}#crosshair{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;width:7px;height:1px;background:#ffffffc9;left:0;top:14px}#crosshair i:nth-child(2){left:auto;right:0}#crosshair i:nth-child(3){left:14px;top:0;width:1px;height:7px}#crosshair i:nth-child(4){left:14px;top:auto;bottom:0;width:1px;height:7px}#crosshair b{width:3px;height:3px;border-radius:50%;background:#fff;position:absolute;left:13px;top:13px}#crosshair.active{filter:drop-shadow(0 0 4px #ff58ac);transform:translate(-50%,-50%) scale(1.2)}#target{position:absolute;top:calc(50% + 30px);left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.05em;text-align:center;white-space:nowrap}#message{position:absolute;top:25%;left:15%;right:15%;text-align:center;font-size:18px;font-weight:800;color:#fff0cf}#score-pop{position:absolute;top:35%;left:55%;font-size:23px;font-weight:900;color:#ffd5ec}#walk-hint{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#e6e8dc}#controls{position:absolute;inset:0;pointer-events:none}#stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:28px;width:140px;height:140px;pointer-events:auto;touch-action:none}#stick>div{position:absolute;inset:10px;border:1px solid #e9eddf80;border-radius:50%;background:#1c384854;box-shadow:0 4px 30px #0002}#knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;background:#cbd5d688;border:1px solid #fff9;border-radius:50%}#stick>span{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.25em;color:#f1ead4aa}.attacks{position:absolute;bottom:22px;right:max(25px,env(safe-area-inset-right));width:230px;height:150px}.attacks button{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;width:70px;height:70px;font-size:13px;font-weight:800;background:#183341b5;backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none}.attacks small{display:block;font-size:7px;font-weight:400;color:#d2dbd7;margin-top:5px}#punch{right:3px;bottom:4px;width:84px;height:84px;border-color:#f5d3a7aa;color:#ffe3bb}#kick{left:31px;bottom:5px;color:#cedce4}#beam{right:32px;top:-6px;width:62px;height:62px;color:#ffe1f1;background:#6e244e99;border-color:#f1a2ceaa}#beam small{font-size:6px}.attacks button.pressed{filter:brightness(1.5);transform:scale(.95)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92%);max-height:92%;overflow:auto;padding:30px;background:#152c38f0;border:1px solid #a7bab866;border-radius:9px;box-shadow:0 20px 100px #0007;backdrop-filter:blur(18px);text-align:center}.modal h2{font-size:32px;margin:14px 0}.modal p{font-size:12px;line-height:1.9;color:#cedbd9}.modal button{margin-top:10px}.modal .primary{justify-content:center}.help{text-align:left;width:min(680px,94%)}.help h2{font-size:25px}.help .primary{justify-content:center}#result-score{font-size:45px;font-weight:900;color:#f8dbc6}#rotate{position:absolute;inset:0;background:#102632ed;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;z-index:10}#rotate b{font-size:23px}#rotate p{font-size:12px;line-height:1.9;color:#d1dedb}#rotate button{margin-top:15px}#error{position:absolute;bottom:20px;left:10%;right:10%;padding:20px;background:#4d2724;color:#fff4d5;z-index:20;font-size:13px}#error a{display:block;margin-top:8px}@media(max-height:560px){#menu{padding:13px 4vw}.title-block{max-width:390px;padding:12px 0}h1{font-size:60px;margin:10px 0}h1 span{font-size:36px;margin-top:6px}.eyebrow{font-size:8px}.intro{font-size:11px;margin:13px 0;line-height:1.8}.tags{margin:12px 0}.tags span{font-size:7px;padding:5px}.setup{margin:8px 0}.primary{padding:12px 15px}.text{padding:8px 0}#menu footer{font-size:7px}.hud-left{top:10px;left:15px}.hud-left b{font-size:29px}.timer{top:10px}.timer b{font-size:28px}#map{width:90px;height:90px;right:14px;top:53px}#hud nav{right:14px;top:10px}#hud nav button{width:30px;height:30px}#stick{width:116px;height:116px;left:18px;bottom:20px}.attacks{transform:scale(.87);transform-origin:bottom right;right:14px;bottom:15px}#energy{bottom:20px;width:170px}#walk-hint{bottom:53px;font-size:8px}.modal{padding:22px}}@media(orientation:portrait){#menu{background:linear-gradient(90deg,#10232ee8,#14232f55)}.title-block{max-width:100%}#map{width:82px;height:82px;top:70px}#energy{bottom:190px;width:65%}#walk-hint{bottom:215px}.hud-left b{font-size:28px}.timer{top:80px;left:22px;transform:none}.timer b{font-size:27px}.timer small{font-size:6px}#message{top:30%;font-size:15px}#target{font-size:8px}.attacks{right:15px;transform:scale(.85);transform-origin:bottom right}#stick{left:10px;width:125px;height:125px}#menu header span{font-size:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}