:root{color:#452a2a;background:#2d2036;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#55405f 0,#2d2036 68%)}button{font:inherit}.app-shell{display:grid;min-height:100dvh;place-items:center;padding:12px}.game-frame{position:relative;width:min(calc(100vw - 24px),405px,calc((100dvh - 24px)*.5625));aspect-ratio:9 / 16;overflow:hidden;border:4px solid rgba(255,245,215,.78);border-radius:22px;box-shadow:0 18px 48px #0d071273;touch-action:none}#game-canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:32px;text-align:center;background:#39213161;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{color:#512c2c}.menu-panel{background:linear-gradient(#ffefc424,#492a3738)}.eyebrow,.hint,.best-score,.story{margin:0}.eyebrow{color:#fff0c8;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 0 #8f5144}h1,h2{margin:8px 0 12px;color:#fff7df;letter-spacing:.04em;text-shadow:0 3px 0 #8f5144}h1{font-size:clamp(2rem,9vw,2.8rem)}h2{font-size:clamp(1.55rem,7vw,2.1rem)}.story{width:100%;color:#6e3d32;padding:13px 17px;border-radius:14px;background:#ffefc9d1;font-weight:700;line-height:1.65;white-space:nowrap}.primary-button{margin-top:24px;padding:12px 26px;border:0;border-radius:999px;color:#fff9ed;background:#d75845;box-shadow:0 5px #953c3e;cursor:pointer;font-weight:900;letter-spacing:.04em}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #953c3e}.secondary-button{margin-top:18px;color:#7b4035;background:#ffd36f;box-shadow:0 5px #c5853e}.secondary-button:active{box-shadow:0 2px #c5853e}.text-button{margin-top:13px;border:0;color:#fff3cb;background:transparent;cursor:pointer;font-size:.82rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.hint{margin-top:22px;color:#fff1c7;font-size:.78rem;font-weight:700}.best-score{margin-top:10px;color:#ffe9a2;font-weight:800}.hud{position:absolute;z-index:2;top:14px;right:14px;left:14px;display:flex;align-items:flex-start;gap:7px}.score-card{display:grid;padding:7px 13px;border-radius:13px;color:#744033;background:#fff8e0d4;box-shadow:0 2px #6c3a3033}.score-card span{font-size:.65rem;font-weight:800}.score-card strong{font-size:1.3rem;line-height:1.1}.score-card em{color:#9b5a42;font-size:.55rem;font-style:normal;font-weight:800}.mode-label{align-self:center;padding:5px 8px;border-radius:999px;color:#73463b;background:#fff8e0b8;font-size:.6rem;font-weight:900}.mode-label--endless{color:#fff4d8;background:#9f4a64}.energy-card{display:grid;min-width:114px;padding:7px 10px;border-radius:13px;color:#744033;background:#fff8e0d4;box-shadow:0 2px #6c3a3033}.energy-card span{color:#b05d35;font-size:.65rem;font-weight:900}.energy-card strong{font-size:.95rem;line-height:1.2}.energy-card em{color:#80594a;font-size:.55rem;font-style:normal;font-weight:700}.energy-card em.shield-ready{color:#c56d25;font-weight:900}.icon-button{margin-left:auto}.icon-button{width:38px;height:38px;border:0;border-radius:50%;color:#744033;background:#fff8e0d4;cursor:pointer;font-weight:900}.scene-title{position:absolute;z-index:4;top:38%;right:20px;left:20px;text-align:center;pointer-events:none;opacity:0;transform:translateY(10px) scale(.96)}.scene-title p{margin:0;color:#fff4d5;font-weight:900;text-shadow:0 2px 0 #744036}.scene-title h2{margin:5px 0;font-size:clamp(1.8rem,9vw,2.6rem)}.scene-title--show{animation:title-enter 1.55s ease both}.result-score{margin:0;padding:11px 18px;border-radius:12px;color:#6e3d32;background:#ffefc9db;font-weight:800}.result-score strong{font-size:1.35rem}.score-breakdown{margin:9px 0 0;padding:8px 11px;border-radius:10px;color:#744033;background:#fff6dcc7;font-size:.72rem;font-weight:800}.victory-panel{overflow:hidden;background:linear-gradient(#37224c80,#873c53ad)}.victory-copy{margin:0;padding:9px 14px;border-radius:12px;color:#6b3843;background:#ffefc9e6;font-weight:900}.victory-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:min(100%,280px);margin-top:12px}.victory-stats span{display:grid;padding:8px;border-radius:10px;color:#6e3d32;background:#fff6dce6;font-size:.72rem;font-weight:800}.victory-stats strong{color:#c55642;font-size:1.2rem}.party-shapes{position:absolute;inset:0;z-index:-1;opacity:.85}.party-shapes i{position:absolute;display:block;border-radius:50%;background:#ffd166;box-shadow:0 0 18px #ffd166}.party-shapes i:nth-child(1){top:16%;left:9%;width:20px;height:20px}.party-shapes i:nth-child(2){top:24%;right:8%;width:14px;height:14px;background:#ffa88f;box-shadow:0 0 18px #ffa88f}.party-shapes i:nth-child(3){bottom:16%;left:13%;width:25px;height:25px;background:#b3e59f;box-shadow:0 0 18px #b3e59f}.party-shapes i:nth-child(4){right:14%;bottom:21%;width:17px;height:17px;background:#b8d6ff;box-shadow:0 0 18px #b8d6ff}.name-field{display:grid;gap:7px;width:min(100%,260px);margin-top:8px;color:#fff2cf;font-size:.8rem;font-weight:900;text-align:left}.name-field input{width:100%;padding:11px 12px;border:2px solid #ffe6a7;border-radius:11px;outline:none;color:#553128;background:#fff9e9;font:inherit}.name-field input:focus{border-color:#f5a152;box-shadow:0 0 0 3px #f5a15259}.form-error{min-height:1.3em;max-width:270px;margin:10px 0 0;color:#fff0b8;font-size:.78rem;font-weight:800}.leaderboard-panel{align-content:center}.leaderboard-list{display:grid;width:min(100%,290px);max-height:260px;gap:7px;margin:4px 0 0;padding:0;overflow:auto;list-style-position:inside}.leaderboard-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;color:#633a32;background:#fff6dde6;font-weight:800;text-align:left}.leaderboard-list strong{color:#bf5945}.leaderboard-message{min-height:1.4em;max-width:260px;margin:8px 0 0;color:#fff2cf;font-size:.82rem;font-weight:800}[hidden]{display:none!important}@keyframes title-enter{0%{opacity:0;transform:translateY(10px) scale(.96)}14%,76%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(1.03)}}@media(max-width:380px){.game-frame{border-radius:16px}}