:root{--arena-blue:#3b82e6;--arena-red:#ec5a59;--arena-ink:#15343c;--arena-panel:#f8fbf7;--arena-line:#d7e4db;--arena-green:#65a74e;--arena-gold:#f5bd45}
body[data-page="arena-game"]{background:#d9eef0;overflow-x:hidden}body[data-page="arena-game"]>.site-header{display:none}body[data-page="arena-game"]>.arena-page{max-width:none;padding:0}
body.arena-game{background:#d9eef0;overflow-x:hidden}.arena-game .app-header{display:none}.arena-game .app-main{max-width:none;padding:0}.arena-page{min-height:100dvh;color:var(--arena-ink);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif}.arena-menu{position:relative;display:grid;place-content:center;min-height:100dvh;padding:32px 20px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#64c2e5 0,#b9e7dc 57%,#79b85d 58%,#345d37 100%)}.arena-menu:after{position:absolute;content:"";left:-10%;right:-10%;bottom:-9%;height:39%;border-radius:50% 50% 0 0;background:linear-gradient(#6fa450,#375e39);box-shadow:inset 0 10px #a5d774;transform:rotate(-2deg)}.arena-menu-sky i{position:absolute;width:120px;height:35px;border-radius:40px;background:#fff9;filter:blur(.2px);animation:arenaCloud 16s linear infinite}.arena-menu-sky i:before,.arena-menu-sky i:after{position:absolute;content:"";border-radius:50%;background:inherit}.arena-menu-sky i:before{width:55px;height:55px;left:20px;top:-24px}.arena-menu-sky i:after{width:70px;height:70px;right:10px;top:-35px}.arena-menu-sky i:nth-child(1){left:8%;top:15%}.arena-menu-sky i:nth-child(2){right:7%;top:23%;transform:scale(.7);animation-delay:-7s}.arena-menu-sky i:nth-child(3){left:22%;top:52%;transform:scale(.45);animation-delay:-11s}.arena-logo,.arena-menu-actions,.arena-menu>.arena-error{position:relative;z-index:2}.arena-logo span{display:inline-block;padding:5px 14px;border-radius:999px;background:#143b43d9;color:#d8f9eb;font-size:12px;font-weight:900;letter-spacing:.28em}.arena-logo h1{margin:2px 0 0;color:#fff;font-size:clamp(55px,10vw,104px);font-style:italic;font-weight:1000;letter-spacing:-.085em;line-height:.95;text-shadow:0 8px 0 #174a51,0 13px 28px #0b3d4a5c}.arena-logo p{margin:17px 0 26px;color:#19454d;font-weight:800}.arena-menu-actions{display:grid;gap:9px;width:min(100%,340px);margin:auto}.arena-button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid #ffffff70;border-radius:14px;background:#fffde;color:#21464c;font:inherit;font-weight:850;text-decoration:none;box-shadow:0 5px 0 #2d5d4654;cursor:pointer;transition:transform .12s,filter .12s}.arena-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.arena-button:active{transform:translateY(3px);box-shadow:0 2px 0 #2d5d4654}.arena-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.arena-button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.55}.arena-primary{border-color:#7edb67;background:linear-gradient(#8dda64,#57a744);color:#fff;text-shadow:0 1px #286121}.arena-quiet{min-height:40px;background:#163f4773;color:#fff;box-shadow:none}.arena-error{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:#8d2626;color:#fff;font-size:13px}
.arena-game{min-height:100dvh;padding:10px;background:linear-gradient(135deg,#183a40,#10282e)}.arena-hud{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:12px;max-width:1180px;margin:0 auto 8px}.arena-player-card{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px;border:1px solid #ffffff22;border-radius:15px;background:#071c22b8;color:#fff;box-shadow:0 7px 20px #0004}.arena-player-card.red{justify-content:flex-end;text-align:right}.arena-avatar{flex:0 0 32px;width:32px;height:32px;border:3px solid #fff;border-radius:50% 50% 42% 42%;background:var(--arena-blue);box-shadow:inset 0 -7px #0002}.arena-player-card.red .arena-avatar{background:var(--arena-red)}.arena-player-card>div{min-width:0;flex:1}.arena-player-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-player-card div>span{display:block;height:7px;margin-top:5px;overflow:hidden;border-radius:99px;background:#ffffff27}.arena-player-card div>span i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67d86c,#a6ee74);transition:width .35s}.arena-player-card b{font-size:13px;white-space:nowrap}.arena-turn{text-align:center;color:#eafdf5}.arena-turn small,.arena-turn span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.arena-turn strong{display:block;font-size:30px;line-height:1}.arena-turn span{margin-top:2px;color:#9fc3bd}.arena-stage-wrap{position:relative;max-width:1180px;margin:auto;overflow:hidden;border:2px solid #5f8790;border-radius:20px;background:#70c8e7;box-shadow:0 16px 42px #0007}.arena-stage-wrap canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none}.arena-banner{position:absolute;z-index:4;left:50%;top:18%;padding:10px 22px;border-radius:999px;background:#102f38df;color:#fff;font-size:18px;font-weight:900;letter-spacing:.05em;transform:translate(-50%);animation:arenaBanner 1.6s both}.arena-charge{position:absolute;z-index:3;left:50%;bottom:18px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:99px;background:#102d35d9;color:#fff;transform:translateX(-50%)}.arena-charge span{display:block;width:150px;height:10px;overflow:hidden;border-radius:99px;background:#ffffff2e}.arena-charge i{display:block;width:20%;height:100%;background:linear-gradient(90deg,#80d967,#f6c845,#ec6259)}.arena-waiting{position:absolute;z-index:5;left:50%;top:50%;width:min(90%,450px);padding:24px;border:1px solid #fff4;border-radius:20px;background:#102e36e8;color:#fff;text-align:center;box-shadow:0 18px 60px #0007;transform:translate(-50%,-50%);backdrop-filter:blur(10px)}.arena-waiting strong{font-size:24px}.arena-waiting p{color:#c5ddd8}.arena-waiting>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.arena-controls{max-width:1180px;margin:8px auto 0}.arena-weapons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.arena-weapons button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:55px;border:1px solid #ffffff1f;border-radius:13px;background:#0c252b;color:#d9ebe8;font:inherit;font-weight:750;cursor:pointer}.arena-weapons button.selected{border-color:#f5c455;background:#26453c;color:#fff;box-shadow:inset 0 0 0 1px #f5c455,0 0 18px #f5bd4538}.arena-weapons button kbd{position:absolute;left:6px;top:5px;color:#7c9d98;font-size:10px}.arena-weapons button i{font-size:21px;font-style:normal}.arena-mobile-controls{display:none}.arena-meta{display:flex;justify-content:space-between;margin-top:6px;color:#a8c7c2;font-size:12px}.arena-meta button{border:0;background:transparent;color:#d7ece8;cursor:pointer}.arena-game>.arena-error{max-width:1180px;margin:8px auto}.arena-dialog{width:min(92vw,470px);padding:26px;border:1px solid #d5e5db;border-radius:20px;background:#f9fcf8;color:var(--arena-ink);box-shadow:0 24px 80px #001b2470}.arena-dialog::backdrop{background:#061b22ad;backdrop-filter:blur(5px)}.arena-dialog form{display:grid;gap:14px}.arena-dialog h2{margin:0;font-size:27px}.arena-dialog p{margin:0;color:#607579}.arena-dialog label{display:grid;gap:7px;font-weight:800}.arena-dialog input{min-height:45px;padding:8px 11px;border:1px solid #bfd1c7;border-radius:11px;font:inherit}.arena-dialog-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#e7efea;font-size:23px;cursor:pointer}.arena-help ol{display:grid;gap:11px;margin:0;padding-left:20px;color:#435d62}.arena-result{text-align:center}.arena-result-mark{font-size:54px;color:#f2bd47;text-shadow:0 4px #aa7923}.arena-result>div:last-child{display:flex;justify-content:center;gap:10px}.arena-result[open]{animation:arenaResult .28s both}
@keyframes arenaCloud{50%{transform:translateX(24px)}}@keyframes arenaBanner{0%{opacity:0;transform:translate(-50%,-20px) scale(.8)}20%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,12px)}}@keyframes arenaResult{from{opacity:0;transform:translateY(16px) scale(.95)}}
@media(max-width:760px){body.arena-game{background:#10282e}.arena-game{padding:5px}.arena-hud{grid-template-columns:1fr 72px 1fr;gap:4px}.arena-player-card{padding:6px;gap:5px;border-radius:11px}.arena-avatar{display:none}.arena-player-card strong{font-size:11px}.arena-player-card b{font-size:10px}.arena-turn strong{font-size:23px}.arena-turn small,.arena-turn span{font-size:8px}.arena-stage-wrap{border-radius:12px}.arena-weapons{gap:4px}.arena-weapons button{min-height:48px;padding:5px}.arena-weapons button span{display:none}.arena-weapons button i{font-size:20px}.arena-mobile-controls{display:grid;grid-template-columns:auto minmax(100px,1fr) 70px;align-items:center;gap:8px;margin-top:7px}.arena-mobile-controls>div{display:flex;gap:4px}.arena-mobile-controls button{width:44px;height:44px;border:1px solid #ffffff31;border-radius:12px;background:#23434a;color:#fff;font-size:18px;font-weight:900;touch-action:manipulation}.arena-mobile-controls label{display:grid;gap:2px;color:#c6dcda;font-size:10px}.arena-mobile-controls input{width:100%}.arena-mobile-controls .arena-fire{width:70px;background:#c64e47}.arena-charge{bottom:8px}.arena-charge span{width:100px}.arena-waiting{padding:16px}.arena-waiting strong{font-size:20px}.arena-menu{padding:20px 14px}.arena-logo p{font-size:13px}.arena-game .core-overlay{display:none!important}}
@media(max-width:430px) and (orientation:portrait){.arena-stage-wrap:after{position:absolute;right:8px;top:8px;content:"↻ Горизонтально удобнее";padding:4px 7px;border-radius:8px;background:#0d2c34a8;color:#fff;font-size:9px;pointer-events:none}.arena-mobile-controls{grid-template-columns:1fr 1fr}.arena-mobile-controls>div{grid-column:1/-1}.arena-mobile-controls>div button{flex:1}.arena-mobile-controls .arena-fire{width:100%}}
@media(prefers-reduced-motion:reduce){.arena-menu-sky i,.arena-banner,.arena-result[open]{animation:none}.arena-button,.arena-player-card div>span i{transition:none}}
.arena-setup{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,480px);margin:0 auto 14px;padding:10px;border:1px solid #ffffff52;border-radius:16px;background:#17444b8c;color:#fff;text-align:left;backdrop-filter:blur(8px)}.arena-setup label{display:grid;gap:4px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.arena-setup select,.arena-dialog select{min-height:40px;padding:7px 30px 7px 10px;border:1px solid #c5d9cf;border-radius:10px;background:#fff;color:#183b42;font:inherit;font-weight:700}.arena-player-card.gold .arena-avatar{background:var(--arena-gold)}.arena-player-card.gold{border-color:#f5bd4566}.arena-player-card.gold div>span i{background:linear-gradient(90deg,#d79921,#ffe27a)}.arena-hud:has(.arena-player-card.gold:not([hidden])){grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr) minmax(0,1fr)}.arena-weapons{grid-template-columns:repeat(8,minmax(0,1fr))}.arena-weapons button{min-width:0;padding:5px}.arena-weapons button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-player-card strong:after{content:attr(data-class);display:block;color:#9fc3bd;font-size:9px;font-weight:650}
@media(max-width:900px){.arena-weapons{grid-template-columns:repeat(4,1fr)}.arena-hud:has(.arena-player-card.gold:not([hidden])){grid-template-columns:1fr 74px 1fr}.arena-hud:has(.arena-player-card.gold:not([hidden])) .arena-player-card.gold{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,320px)}.arena-hud:has(.arena-player-card.gold:not([hidden])) .arena-player-card.red{grid-column:3;grid-row:1}}
@media(max-width:480px){.arena-setup{grid-template-columns:1fr}.arena-weapons{grid-template-columns:repeat(4,1fr)}.arena-player-card strong:after{display:none}}