.stage{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 50% 45%,#0b0820,#050314 55%,#000);overflow:hidden;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:brightness(.35) saturate(.7) contrast(1.05);z-index:1}.battle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;color:#eaf2ff}.hud-top{position:absolute;top:26px;left:30px;text-shadow:0 2px 14px rgba(0,0,0,.9)}.hud-title{font-size:28px;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#5fd0ff,#b06bff,#ff7a2d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.hud-tips{list-style:none;font-size:13px;line-height:1.95;opacity:.92}.hud-tips li span{display:inline-block;min-width:150px;color:#7fd6ff;font-weight:600}.hud-panel{position:absolute;top:24px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:16px 20px;min-width:210px;background:#0a0e1e8c;border:1px solid rgba(120,180,255,.25);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-score{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.hud-score-num{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#fff,#9fd8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hud-score-label{font-size:11px;letter-spacing:3px;opacity:.5;margin-top:2px}.hud-combo{font-size:16px;font-weight:800;color:#ffd24a;text-shadow:0 0 12px rgba(255,200,60,.6);animation:pop .18s ease}@keyframes pop{0%{transform:scale(1.4)}to{transform:scale(1)}}.hud-row{display:flex;align-items:center;gap:8px}.hud-mini-label{font-size:11px;opacity:.55;letter-spacing:1px;min-width:28px}.hud-shield{display:inline-flex;gap:4px}.hud-shield i{width:12px;height:12px;border-radius:3px;transform:rotate(45deg);display:inline-block}.hud-shield i.on{background:#4ad6ff;box-shadow:0 0 8px #4ad6ffcc}.hud-shield i.off{background:#ffffff1f}.hud-warp{position:relative;display:inline-block;width:110px;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.hud-warp i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#2a7fff,#5fd0ff);border-radius:999px;transition:width .2s}.hud-warp i.ready{background:linear-gradient(90deg,#5fd0ff,#b06bff);box-shadow:0 0 12px #78b4ffe6;animation:warpPulse 1s ease-in-out infinite}@keyframes warpPulse{0%,to{opacity:1}50%{opacity:.6}}.hud-warp-ready{font-size:11px;color:#b06bff;font-weight:700}.hud-phase{font-size:15px;font-weight:800;transition:color .2s}.hud-boss{position:absolute;top:22px;left:50%;transform:translate(-50%);width:min(520px,56vw);display:flex;flex-direction:column;align-items:center;gap:6px}.hud-boss-name{font-size:14px;font-weight:800;letter-spacing:2px;color:#d9a6ff;text-shadow:0 0 12px rgba(180,90,255,.7)}.hud-boss-bar{width:100%;height:12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(200,130,255,.4);overflow:hidden}.hud-boss-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff3b6b,#b06bff,#5fd0ff);border-radius:999px;box-shadow:0 0 14px #c85affcc;transition:width .15s linear}.hud-banner{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:46px;font-weight:900;letter-spacing:6px;color:#9fe2ff;text-shadow:0 0 28px rgba(90,200,255,.8);animation:bannerIn .4s ease,bannerFade 2.2s ease forwards;pointer-events:none;white-space:nowrap}.hud-banner.warn{color:#ff6b6b;text-shadow:0 0 28px rgba(255,60,60,.85)}@keyframes bannerIn{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes bannerFade{0%,70%{opacity:1}to{opacity:0}}.hud-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:center}.btn{pointer-events:auto;cursor:pointer;border-radius:999px;padding:13px 30px;font-size:16px;font-weight:700;color:#fff;background:#141c32cc;border:1px solid rgba(120,180,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .12s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:linear-gradient(90deg,#2a7fff,#b06bff);border:none;box-shadow:0 8px 30px #5a78ff80}.hud-gameover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 56px;background:#14060cb3;border:1px solid rgba(255,90,90,.5);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.go-title{font-size:40px;font-weight:900;letter-spacing:4px;color:#ff5a5a;text-shadow:0 0 24px rgba(255,60,60,.7)}.go-score{font-size:20px;opacity:.9}.hud-error{position:absolute;bottom:100px;left:50%;transform:translate(-50%);max-width:80%;text-align:center;padding:14px 20px;background:#78141480;border:1px solid rgba(255,80,80,.5);border-radius:12px;font-size:14px;line-height:1.6}.hud-center-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:16px;line-height:1.8;opacity:.75;max-width:80%}:root{color-scheme:dark;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#000;overflow:hidden}