.battle-game{background:#263b80}.battle-game .camera{filter:saturate(.55) contrast(1.08)}.battle-wash{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#156fc899 0 46%,#18244ca8 49% 51%,#db326d99 54% 100%),radial-gradient(circle at 50% 45%,transparent 20%,#071439a8)}.arena-side{position:absolute;z-index:1;top:0;bottom:0;width:50%;opacity:.25}.arena-side.blue{left:0;background:repeating-linear-gradient(115deg,#52c8ff 0 15px,transparent 15px 45px)}.arena-side.pink{right:0;background:repeating-linear-gradient(65deg,#ff6b9c 0 15px,transparent 15px 45px)}.battle-hud{position:absolute;z-index:7;top:74px;left:18px;right:18px;display:flex;align-items:start;justify-content:space-between;pointer-events:none}.player-tag{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border:3px solid #fff8de;border-radius:16px;color:#fff8de;box-shadow:0 6px 0 #101a4c;font-weight:1000}.player-tag.p1{background:#147fd2}.player-tag.p2{background:#da326c}.player-tag strong{font-size:28px}.player-tag small{font-size:9px}.phase{padding:8px 18px;border:3px solid #30213f;border-radius:99px;color:#3c2b19;background:#ffe565;box-shadow:0 6px 0 #b86a33;font-size:13px;font-weight:1000}.vs{position:absolute;z-index:6;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-5deg);color:#ffe75e;-webkit-text-stroke:7px #2e2041;paint-order:stroke fill;text-shadow:0 8px 0 #e73569;font-size:clamp(46px,7vw,88px);font-weight:1000;pointer-events:none}.vs i{font-style:normal}.move-readout{position:absolute;z-index:7;bottom:53px;min-width:160px;padding:8px 13px;border:3px solid #fff8db;border-radius:99px;color:#3c2946;background:#ffe66fdc;box-shadow:0 6px 0 #762d53;text-align:center;font:1000 13px system-ui;transition:.13s transform}.move-readout.left{left:12%}.move-readout.right{right:12%}.move-readout.punch{transform:scale(1.12)}.side-call{position:absolute;z-index:9;top:34%;opacity:0;color:#ffe760;-webkit-text-stroke:6px #322145;paint-order:stroke fill;text-shadow:0 7px 0 #e23d6b;font-size:clamp(34px,5vw,66px);font-weight:1000;line-height:.85;pointer-events:none}.side-call.left{left:5%;transform:rotate(-7deg)}.side-call.right{right:5%;transform:rotate(7deg)}.side-call.show{animation:sidePop .95s cubic-bezier(.16,1,.3,1)}.mega-call{position:absolute;z-index:12;left:50%;top:45%;transform:translate(-50%,-50%) scale(.4);opacity:0;color:#fff26d;-webkit-text-stroke:clamp(7px,1vw,13px) #281c43;paint-order:stroke fill;text-shadow:0 10px 0 #f03d68;text-align:center;font-size:clamp(55px,11vw,135px);font-weight:1000;line-height:.78;white-space:nowrap;pointer-events:none}.mega-call.show{animation:mega .95s cubic-bezier(.16,1,.3,1)}.control-strip{position:absolute;z-index:7;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:20px;padding:9px 22px;color:#fff9df;background:#131b47e8;font:900 11px system-ui;letter-spacing:.04em}.control-strip span:first-child{color:#6ed9ff}.control-strip span:last-child{color:#ff88b0}.battle-card{width:min(700px,95vw)}.battle-card h1{color:#3e5ad0;text-shadow:0 6px 0 #a9ddff}.battle-game .screen{background:linear-gradient(120deg,#1684cf,#6348b1 49%,#db376e)}.gesture-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 25px}.gesture-row div{padding:13px 7px;border-radius:18px;color:#4a2e51;background:#ffe78c;box-shadow:0 5px 0 #d39342}.gesture-row b{display:block;font-size:32px}.gesture-row span{font:1000 11px/1.05 system-ui}.battle-game.shake{animation:screenPunch .18s linear}.battle-game.frenzy .phase{color:#fff;background:#ef3d62;box-shadow:0 6px 0 #851c44;animation:pulse .45s ease-in-out infinite alternate}.battle-game.frenzy .battle-wash{background:linear-gradient(90deg,#167dd599 0 46%,#6a172bb8 49% 51%,#df306e99 54% 100%),radial-gradient(circle at 50% 45%,transparent 10%,#55102a88)}@keyframes sidePop{0%{opacity:0;transform:scale(.3) rotate(-10deg)}20%,70%{opacity:1;transform:scale(1) rotate(-4deg)}100%{opacity:0;transform:scale(1.15) translateY(-30px)}}@keyframes mega{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-8deg)}20%,68%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}100%{opacity:0;transform:translate(-50%,-60%) scale(1.2)}}@keyframes screenPunch{25%{transform:translate(7px,-3px)}50%{transform:translate(-6px,4px)}75%{transform:translate(3px,2px)}}@keyframes pulse{to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:720px){.vs{display:none}.move-readout.left{left:4%}.move-readout.right{right:4%}.move-readout{min-width:120px;font-size:10px}.control-strip b{display:none}.gesture-row{gap:6px}.gesture-row div{padding:9px 4px}.battle-hud{top:66px}.player-tag{padding:6px 9px}.phase{font-size:10px}}