*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#183b2a;color:#fffaf0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.top-bar{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(130px,190px) minmax(130px,1fr) minmax(88px,132px);gap:8px;align-items:start}.pill,.boss-panel,.stage-chip{min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#12201ab8;box-shadow:0 10px 24px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.label-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:12px;font-weight:800;letter-spacing:0}.bar{height:10px;overflow:hidden;border-radius:999px;background:#ffffff29}.bar>i{display:block;width:100%;height:100%;border-radius:inherit;transform-origin:left center;transition:transform .12s linear}.hp-fill{background:linear-gradient(90deg,#ffcf57,#ff6f61)}.ice-fill{background:linear-gradient(90deg,#b9f3ff,#4fb4ff)}.boss-fill{background:linear-gradient(90deg,#ff8e6e,#d7263d)}.stage-chip{display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:900;text-align:center}.center-message{position:absolute;top:46%;left:50%;width:min(560px,calc(100vw - 32px));transform:translate(-50%,-50%);display:grid;gap:12px;justify-items:center;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.42)}.center-message h1{margin:0;font-size:clamp(30px,7vw,64px);line-height:1;letter-spacing:0}.center-message p{max-width:460px;margin:0;font-size:clamp(14px,2vw,18px);font-weight:700}.primary-button{pointer-events:auto;min-width:150px;min-height:48px;padding:12px 18px;border:0;border-radius:8px;color:#1f1a14;background:#ffd166;font:inherit;font-weight:900;box-shadow:0 10px 22px #0000003d}.controls{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:14px}.stick{pointer-events:auto;width:118px;aspect-ratio:1;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#0e1e1875;position:relative}.stick-knob{position:absolute;left:50%;top:50%;width:48px;aspect-ratio:1;border-radius:50%;background:#f4e3c7;box-shadow:inset 0 -4px #00000029;transform:translate(-50%,-50%)}.action-buttons{pointer-events:auto;display:grid;grid-template-columns:72px 72px;grid-template-rows:72px 72px;gap:10px}.action-button{border:2px solid rgba(255,255,255,.24);border-radius:50%;color:#fffaf0;background:#3c2c1fd1;font:inherit;font-size:28px;font-weight:900;box-shadow:0 8px 18px #00000047}.action-button[data-action=ice]{grid-column:2;grid-row:1;background:#226f9adb}.action-button[data-action=attack]{grid-column:1;grid-row:2;background:#7a4c2ae6}.action-button:disabled{opacity:.48}.pause-button{position:absolute;top:max(58px,calc(env(safe-area-inset-top) + 58px));right:max(12px,env(safe-area-inset-right));pointer-events:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fffaf0;background:#12201ab8;font:inherit;font-weight:900}.hidden{display:none}@media (orientation: portrait){.center-message{top:40%}.top-bar{grid-template-columns:1fr 1fr}.stage-chip{grid-column:1 / -1}.controls{bottom:18px}}