.stage{position:relative;height:100vh;aspect-ratio:450 / 800;max-width:100vw;background:linear-gradient(180deg,#1b2a55,#16224a 55%,#101a3a);overflow:hidden;box-shadow:0 0 60px #0009}.phaser-parent,.phaser-parent canvas{width:100%!important;height:100%!important;display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px 14px}.hud-home{pointer-events:auto;width:42px;height:42px;border-radius:12px;border:none;background:#ffffff1f;color:#ffd34d;font-size:22px;cursor:pointer}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-time{font-size:13px;font-weight:700;opacity:.85;letter-spacing:1px}.hud-pill{font-size:16px;font-weight:800;background:#00000040;padding:4px 12px;border-radius:14px;white-space:nowrap}.hud-pill.gold{color:#ffe07a}.hud-pill.ball{color:#cfe0ff}.hud-pill.level{color:#9dffa8}.hud-pill.brick{color:#ffd9a0}.hud-title{position:absolute;top:58px;right:16px;font-size:22px;font-weight:900;color:#ffe24a;text-shadow:0 0 6px rgba(0,0,0,.5),2px 2px 0 #b07a00;transform:rotate(-4deg);letter-spacing:2px}.hud-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.hud-banner span{font-size:40px;font-weight:900;color:#ffe24a;text-shadow:0 0 12px rgba(0,0,0,.6),3px 3px 0 #b07a00;animation:banner-pop 1.4s ease-out forwards}@keyframes banner-pop{0%{transform:scale(.3);opacity:0}20%{transform:scale(1.15);opacity:1}35%{transform:scale(1)}80%{opacity:1}to{opacity:0}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#0b1530;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none}