*{box-sizing:border-box}html,body{margin:0;background:#080e16;color:#e8f3f5;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}body{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#112731 0,#080e16 68%)}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;background:#14212b;border:1px solid #344650;border-radius:8px;padding:12px 16px;min-height:44px}button:hover{border-color:#58edc7}button:focus-visible{outline:3px solid #f2c561;outline-offset:3px}main{width:min(760px,96vw);padding:16px 0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px}.brand span{color:#65f2cb}.brand small{display:block;letter-spacing:3px;font-size:10px;font-weight:400;margin-top:5px;color:#97a9b7}.tools{display:flex;gap:8px}.tools button{font-size:14px}.hud{display:flex;justify-content:space-between;padding:0 6px 15px}.hud small{display:block;letter-spacing:2px;font-size:11px;color:#94a9b8;margin-bottom:5px}.hud strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}#health{color:#65f2cb;font-size:21px}.stage{position:relative;width:100%;aspect-ratio:1;border:1px solid #334c54;border-radius:14px;overflow:hidden;box-shadow:0 25px 80px #0007}canvas{display:block;width:100%;height:100%;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040b1466;backdrop-filter:blur(3px);padding:24px}#overlay.hidden{display:none}.panel{width:100%;max-width:490px;text-align:center;background:#0d1923ef;border:1px solid #36555d;border-radius:18px;padding:36px 20px;box-shadow:0 15px 60px #0008}.eyebrow{font-size:11px;letter-spacing:3px;color:#6ceccc}h1{font-size:clamp(28px,5vw,44px);line-height:1;letter-spacing:-1.5px;margin:22px 0}p{font-size:16px;line-height:1.6;color:#c1d0d8}.primary{background:#69f0c9;color:#06251e;border:0;font-weight:900;letter-spacing:1px;padding:18px 40px;margin:8px 0}.hint{font-size:12px;color:#8ca5b5;line-height:1.8;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1px;color:#8ea4b1;margin:14px 2px}#biome{color:#69f0c9}#notice{position:absolute;top:18%;width:100%;pointer-events:none;text-align:center;color:#e7fff8;font-weight:800;font-size:clamp(18px,4vw,32px);text-shadow:0 3px 18px #000;opacity:0;transition:opacity .2s}.choices{display:grid;gap:10px}.choices button{text-align:left;padding:14px 18px}.choices b{display:block;color:#70f5ce;font-size:17px}.choices small{display:block;font-size:13px;color:#adbfca;margin-top:5px}.choices button:hover{background:#1a3438}#touchzone{display:none;position:relative;height:90px;touch-action:none;overflow:hidden;border:1px dashed #29404c;border-radius:14px;color:#617b8b;align-items:center;justify-content:center;font-size:11px;letter-spacing:2px}#stick{display:none;position:absolute;width:74px;height:74px;border:1px solid #63e9c666;border-radius:50%;background:#63e9c610;pointer-events:none;transform:translate(-50%,-50%)}#stick i{display:block;width:30px;height:30px;background:#65f2cb88;border-radius:50%;position:absolute;left:21px;top:21px}@media(pointer:coarse){#touchzone{display:flex}}@media(max-width:520px){main{width:96vw;padding:12px 0}header{margin-bottom:14px}.brand{font-size:23px}.tools button{padding:9px 10px}.hud strong{font-size:21px}#tip{display:none}.panel{padding:22px 14px}#overlay{padding:15px}.hint{font-size:11px}footer{margin:10px 2px}}@media(min-width:700px) and (max-height:900px){main{width:min(630px,78vh)}header{margin-bottom:12px}.hud{padding-bottom:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}