:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff3d5;background:#102e2b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffe29a;outline-offset:3px}button{cursor:pointer}#stage{position:relative;width:min(100vw,46.2581dvh);height:100dvh;margin:auto;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#247d96}#view{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:2;top:0;left:0;right:0;padding-top:env(safe-area-inset-top);background:linear-gradient(#123e37fa,#164b41f5);border-bottom:1px solid #b6d1a640}.heading{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:4px 5px}.heading h1{font-size:clamp(13px,4.6vw,21px);white-space:nowrap;text-align:center;line-height:1.1;margin:0;font-weight:800}.icon{width:44px;height:44px;min-width:44px;border:0;border-radius:13px;color:#fff3d5;background:transparent;display:grid;place-items:center;text-decoration:none}.icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=true]{color:#f3c56f}.status{height:25px;text-align:center;font-size:12px;font-weight:650;letter-spacing:.02em;border-top:1px solid #acc8ac26;padding:3px 5px}#fullscreen{position:absolute;left:12px;bottom:max(15px,env(safe-area-inset-bottom));background:#104c41e8;border:1px solid #acc8a66b}#reset{position:absolute;right:12px;bottom:max(15px,env(safe-area-inset-bottom));border:1px solid #acc8a66b;border-radius:14px;background:#104c41e8;color:#fff3d5;font-size:12px;font-weight:650;min-height:44px;padding:0 14px}#reset[hidden]{display:none}#hint{position:absolute;pointer-events:none;left:14%;right:14%;top:57%;font-size:13px;text-align:center;line-height:1.45;text-shadow:0 1px 3px #17473c;padding:8px 12px;border-radius:14px;background:#103f347d}#hint[hidden]{display:none}#notice{position:absolute;bottom:10%;left:10%;right:10%;font-size:12px;text-align:center;background:#153e37e8;border-radius:12px;padding:8px}#notice:empty{display:none}#pause{position:absolute;inset:0;z-index:4;background:#0d2c2aba;display:grid;place-content:center;text-align:center;gap:15px;padding:22px}#pause[hidden]{display:none}#pause strong{font-size:22px}#resume{border:0;border-radius:16px;min-height:48px;background:#f3c56f;color:#153e37;font-weight:800;font-size:16px;padding:12px 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root #stage{container-type:inline-size}.heading h1{font-size:clamp(12px,4.8cqw,21px)}.status{font-size:clamp(10px,3.1cqw,12px)}@container (max-width:280px){.heading h1{white-space:normal;font-size:12px}.heading{padding:3px 1px}#hint{left:5%;right:5%;font-size:11px}}.status.fight-action{font-size:clamp(13px,4.2cqw,16px);font-weight:850;letter-spacing:.075em;line-height:18px;color:#fff8d6}.status.fight-action.give-slack{color:#ffe3a8;background:#594325}#hint{top:14%}#landing-preview{position:absolute;z-index:2;width:10px;height:6px;border:1.5px solid #fff3d5d9;border-radius:50%;background:transparent;box-shadow:0 0 2px 1px #153e3766;transform:translate(-50%,-50%);pointer-events:none}#landing-preview[hidden]{display:none}#cast-feedback{position:absolute;z-index:2;transform:translate(-50%,-100%);border-radius:12px;background:#153e37ed;color:#fff3d5;padding:5px 10px;font-weight:750;font-size:13px;pointer-events:none}#cast-feedback[hidden]{display:none}#hook-coach{position:absolute;z-index:2;left:0;right:0;bottom:12%;margin:0;text-align:center;font-size:14px;font-weight:750;line-height:1.25;white-space:pre-line;letter-spacing:.03em;color:#fff3d5;text-shadow:0 1px 3px #103f34,0 0 7px #103f34;pointer-events:none}#hook-coach[hidden]{display:none}#catch-feedback{position:absolute;z-index:3;top:18%;left:50%;transform:translate(-50%);min-width:132px;padding:7px 18px 8px;border:1px solid #f3c56f80;border-radius:14px;background:#153e37e8;color:#fff3d5;text-align:center;pointer-events:none;box-shadow:0 5px 16px #102e2b45}#catch-feedback[hidden]{display:none}#catch-feedback strong,#catch-feedback span{display:block}#catch-feedback strong{font-size:18px;line-height:1.05;letter-spacing:.055em;color:#f3c56f}#catch-feedback span{margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.08em}#session-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 13px 6px;border-top:1px solid #acc8ac26;color:#fff3d5;font-size:12px;font-weight:800;letter-spacing:.035em}#session-hud strong{color:#f3c56f;font-size:13px}#session-hud[hidden]{display:none}#finish{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:#0d2c2ac9;text-align:center}#finish[hidden]{display:none}.finish-card{width:min(100%,300px);padding:22px 18px 18px;border:1px solid #f3c56fa3;border-radius:20px;background:#153e37f5;box-shadow:0 10px 28px #0b2828a8}.finish-card small{display:block;color:#f3c56f;font-size:12px;font-weight:800;letter-spacing:.09em}.finish-card h2{margin:10px 0 0;color:#fff3d5;font-size:30px;line-height:1.1}.finish-card p{margin:8px 0;font-size:14px;line-height:1.3}#final-message{min-height:36px;color:#d9edda}.finish-card button,.finish-card a{display:block;width:100%;min-height:46px;margin-top:9px;border:0;border-radius:13px;padding:12px 10px;font-size:14px;font-weight:800;text-decoration:none}.finish-card button{background:#f3c56f;color:#153e37}.finish-card a{border:1px solid #fff3d58c;color:#fff3d5;background:#104c41}