:root{--bg: #080911;--amber: #ffb700;--field: #262b3b}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:55}body:before{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}body:after{height:18vh;background:linear-gradient(to bottom,transparent,rgba(0,240,255,.05),transparent);animation:scan 7s linear infinite}[data-theme=light] body:before,[data-theme=light] body:after{opacity:.35}@keyframes scan{0%{transform:translateY(-20vh)}to{transform:translateY(110vh)}}.btn.primary{background-size:200% 100%!important;animation:flow 4s linear infinite}.btn.primary.cyan{background-image:linear-gradient(90deg,#00f0ff,#6af7ff,#9d00ff,#00f0ff)}.btn.primary.green{background-image:linear-gradient(90deg,#0f6,#8dffb8,#00f0ff,#0f6)}.btn.primary.pink{background-image:linear-gradient(90deg,#f05,#ff5c8d,#ffb700,#f05)}.btn.primary.amber{background-image:linear-gradient(90deg,#ffb700,#ffd86b,#f05,#ffb700);box-shadow:0 0 22px #ffb70073}@keyframes flow{to{background-position:-200% 0}}.game-card:before{animation:hue 9s linear infinite}.btn:not(.primary):hover:not(:disabled){border-color:transparent;background:linear-gradient(var(--panel-solid),var(--panel-solid)) padding-box,linear-gradient(90deg,var(--cyan),var(--pink),var(--amber),var(--cyan)) border-box;background-size:100%,200% 100%;animation:flow 3s linear infinite}.res.cyber b{color:#7df9ff}[data-theme=light] .res.cyber b{color:#007c8a}.glitch-fx{animation:glitch-fx .7s steps(1,end) 1}@keyframes glitch-fx{0%{filter:drop-shadow(-6px 0 rgba(255,0,85,.95)) drop-shadow(6px 0 rgba(0,240,255,.95));transform:translate(4px,-2px) skew(-6deg);clip-path:inset(0 0 45% 0)}12%{filter:drop-shadow(7px 0 rgba(255,0,85,.95)) drop-shadow(-7px 0 rgba(0,240,255,.95));transform:translate(-6px,2px) skew(4deg);clip-path:inset(35% 0 8% 0)}24%{filter:drop-shadow(-4px 0 rgba(255,183,0,.95)) drop-shadow(4px 0 rgba(157,0,255,.95));transform:translate(3px);clip-path:inset(12% 0 55% 0)}36%{filter:drop-shadow(5px 1px rgba(255,0,85,.9)) drop-shadow(-5px -1px rgba(0,240,255,.9));transform:translate(-3px,1px) scaleX(1.04);clip-path:inset(60% 0 0 0)}48%{filter:drop-shadow(-8px 0 rgba(255,0,85,.9)) drop-shadow(8px 0 rgba(0,240,255,.9));transform:translate(5px,-1px);clip-path:none}60%{filter:drop-shadow(3px 0 rgba(255,0,85,.8)) drop-shadow(-3px 0 rgba(0,240,255,.8));transform:translate(-2px) skew(-3deg);clip-path:inset(20% 0 30% 0)}76%{filter:drop-shadow(-2px 0 rgba(255,0,85,.7)) drop-shadow(2px 0 rgba(0,240,255,.7));transform:translate(1px);clip-path:none}to{filter:none;transform:none;clip-path:none}}.screen.glitch-fx{animation:glitch-screen .4s steps(2,end) 1}@keyframes glitch-screen{0%{filter:drop-shadow(-4px 0 rgba(255,0,85,.8)) drop-shadow(4px 0 rgba(0,240,255,.8));transform:translate(3px)}50%{filter:drop-shadow(3px 0 rgba(255,0,85,.8)) drop-shadow(-3px 0 rgba(0,240,255,.8));transform:translate(-2px)}to{filter:none;transform:none}}@media(hover:hover)and (pointer:fine){.game-card{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .15s ease-out,box-shadow .25s}.game-card:hover{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-3px)}.game-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}.game-card:hover:after{opacity:1}}.card-note{font-size:12px;color:var(--muted)}.game-card .card-body{flex:1}.game-card .card-note{margin-top:auto}.actions .btn{min-width:0}.card-body .pitch{color:var(--text);font-size:15px}.features{display:grid;gap:6px;margin:0;padding:0;list-style:none}.features li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.features .ico{font-size:18px;color:var(--accent)}[data-theme=light] .features .ico{color:#007c8a}.battleship-card .actions .ghost{grid-column:1 / -1}.new-badge{position:absolute;top:12px;left:12px;z-index:2;padding:3px 10px;border-radius:8px;background:#ffb700;color:#061018;font:900 12px/1.4 var(--display);letter-spacing:.14em;box-shadow:0 0 14px #ffb7008c}.td-card .actions{grid-template-columns:1fr}@media(min-width:480px){.td-card .actions{grid-template-columns:1fr 1fr}.td-card .actions .primary{grid-column:auto}}@media(min-width:900px){.td-card{grid-column:1 / -1;flex-direction:row}.td-card .preview{flex:0 0 46%;height:auto;min-height:300px}.battleship-card{grid-column:1 / -1;flex-direction:row-reverse}.battleship-card .preview{flex:0 0 40%;height:auto;min-height:240px}}.td-preview{width:min(92%,440px);height:auto;overflow:visible}.tdp-road{fill:none;stroke:#8c96be29;stroke-width:14;stroke-linejoin:round}.tdp-flow{fill:none;stroke:#b8c0e8;stroke-width:1.5;stroke-dasharray:4 6;opacity:.7;animation:tdp-flow 1s linear infinite}.tdp-range{fill:#ffb7000f;stroke:#ffb700;stroke-dasharray:3 4;opacity:.7}.tdp-sweep{stroke:#ffb700;stroke-width:1.5;transform-origin:190px 76px;animation:spin 3s linear infinite}.tdp-pulse{fill:none;stroke:#c45cff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:tdp-pulse 2s ease-out infinite}.tdp-tower rect{fill:#0b0e1c;stroke:currentColor;stroke-width:1.6}.tdp-tower circle{fill:currentColor}.tdp-tower.laser{color:var(--cyan)}.tdp-tower.emp{color:#c45cff}.tdp-tower.scan{color:#ffb700}.tdp-beam{stroke:#fff;stroke-width:2.5;stroke-linecap:round;opacity:0;animation:tdp-beam 3s linear infinite}.tdp-v{fill:var(--pink);transform:translate(40px,36px);animation:tdp-run 6s linear infinite}.tdp-v.v2{transform:translate(84px,70px);animation-delay:-3s}.tdp-boom{fill:none;stroke:#ffb700;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:tdp-boom 3s ease-out infinite}.tdp-core circle{fill:#00f0ff14;stroke:var(--cyan);stroke-width:1.5;stroke-dasharray:5 4;transform-box:fill-box;transform-origin:center;animation:spin 6s linear infinite}.tdp-core path{fill:#fff;stroke:var(--cyan);stroke-width:2}@keyframes tdp-flow{to{stroke-dashoffset:-10}}@keyframes tdp-pulse{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.3)}}@keyframes tdp-run{0%{transform:translate(-12px,36px) scale(1)}28.07%{transform:translate(84px,36px) scale(1)}46.2%{transform:translate(84px,98px) scale(1)}57.6%{transform:translate(123px,98px) scale(1)}60%,to{transform:translate(126px,98px) scale(0)}}@keyframes tdp-beam{0%,12%{opacity:0}13%,16%{opacity:1}18%,to{opacity:0}}@keyframes tdp-boom{0%,15%{opacity:0;transform:scale(.3)}16%{opacity:1}30%,to{opacity:0;transform:scale(1.7)}}.bs-preview{width:160px;height:160px;overflow:visible}.bsp-grid{fill:#ff005508;stroke:#ff5c8d38}.bsp-old circle{fill:#3b4060}.bsp-scan{fill:#00f0ff1a;stroke:var(--cyan);stroke-width:1.5;stroke-dasharray:4 3;opacity:.6;transform-box:fill-box;transform-origin:center;animation:bsp-scan 6s infinite}.bsp-ship{fill:#ff005526;stroke:var(--pink);stroke-width:2;animation:bsp-ship 6s infinite}.bsp-miss{fill:none;stroke:#8a92b4;stroke-width:1.5;animation:bsp-miss 6s infinite}.bsp-hit{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;opacity:0}.bsp-hit.h1{opacity:1;animation:bsp-h1 6s infinite}.bsp-hit.h2{animation:bsp-h2 6s infinite}.bsp-hit.h3{animation:bsp-h3 6s infinite}.bsp-boom{fill:none;stroke:#ffb700;stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:bsp-boom 6s ease-out infinite}.bsp-aim{fill:none;stroke:var(--cyan);stroke-width:1.6;transform:translate(51px,51px);animation:bsp-aim 6s infinite}@keyframes bsp-aim{0%{transform:translate(105px,15px);opacity:0}4%{opacity:1}10%,30%{transform:translate(87px,87px)}40%{transform:translate(33px,51px)}55%{transform:translate(51px,51px)}70%,84%{transform:translate(69px,51px);opacity:1}90%,to{transform:translate(69px,51px);opacity:0}}@keyframes bsp-miss{0%,10%{opacity:0}11%,88%{opacity:1}94%,to{opacity:0}}@keyframes bsp-scan{0%,16%{opacity:0;transform:scale(.2)}21%{opacity:1;transform:scale(1)}34%,86%{opacity:.35;transform:scale(1)}92%,to{opacity:0}}@keyframes bsp-ship{0%,18%{opacity:0}23%,70%{opacity:1;fill:#ff005526}73%{opacity:1;fill:#ff0055bf}82%,to{opacity:0}}@keyframes bsp-h1{0%,40%{opacity:0}41%,84%{opacity:1}90%,to{opacity:0}}@keyframes bsp-h2{0%,55%{opacity:0}56%,84%{opacity:1}90%,to{opacity:0}}@keyframes bsp-h3{0%,70%{opacity:0}71%,84%{opacity:1}90%,to{opacity:0}}@keyframes bsp-boom{0%,70%{opacity:0;transform:scale(.3)}72%{opacity:1}84%,to{opacity:0;transform:scale(2.2)}}html.eco :is(.td-preview,.bs-preview) *{animation:none}#dlg-lb{--lb-columns: 40px minmax(120px, 1fr) 66px 54px 50px 62px 52px 52px 46px}#dlg-lb[open]{display:flex;flex-direction:column;gap:12px;width:min(920px,calc(100vw - 32px));max-width:none;height:min(88dvh,980px);padding:20px;overflow:hidden;border-color:#00f0ff40;box-shadow:0 24px 100px #0009,0 0 32px #00f0ff12}#dlg-lb .modal-head{flex:none;margin:0}#dlg-lb h2{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lb-limit{padding:5px 9px;border:1px solid #00f0ff40;border-radius:7px;font:800 11px var(--display);letter-spacing:.12em;color:var(--cyan);background:#00f0ff0b}#dlg-lb .tabs{flex:none;margin:0;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0002}#dlg-lb .tabs button{flex:1 0 auto;border-radius:8px}#dlg-lb .tabs button[aria-selected=true]{background:#00f0ff10}.lb-head,.lb-list li,.lb-me{grid-template-columns:var(--lb-columns)!important;align-items:center;gap:8px;padding:10px 12px}.lb-head{flex:none;display:grid;color:var(--muted);font-size:12px;font-weight:800;text-align:center;padding-bottom:8px;border-bottom:1px solid var(--line)}.lb-head>span{min-width:0;display:grid;place-items:center}.lb-head>span:nth-child(2){justify-items:start;padding-left:46px}.lb-head .ico{width:23px;height:23px;font-size:23px;color:var(--cyan)}.lb-head .lb-ach .ico{color:var(--gold)}#dlg-lb .lb-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0}#dlg-lb .lb-head,#dlg-lb .lb-me{overflow-y:auto;scrollbar-gutter:stable}#dlg-lb .lb-head{border:1px solid transparent;border-bottom-color:var(--line)}#dlg-lb .lb-list li{min-height:54px;border:1px solid transparent;border-radius:10px;margin-bottom:3px}#dlg-lb .lb-list li:hover{background:#00f0ff09;border-color:#00f0ff24}.lb-player{display:flex;align-items:center;gap:12px;min-width:0}.lb-player .avatar{flex:none}#dlg-lb .avatar{width:34px;height:34px;font-size:21px}.lb-name{min-width:0;font-size:14px}.lb-num{min-width:0;font:800 14px var(--display);font-variant-numeric:tabular-nums;text-align:center}.lb-num.hl{color:var(--cyan);text-shadow:0 0 14px #00f0ff40}.lb-rank{display:grid;place-items:center;font-variant-numeric:tabular-nums}.lb-rank .ico{width:28px;height:28px;font-size:28px}#dlg-lb .lb-podium{background:linear-gradient(90deg,#ffd84d0b,#8c96be08)}#dlg-lb .lb-place-1{border-color:#ffd84d35}#dlg-lb .lb-me{flex:none;margin-top:0;border-top:1px solid #00f0ff55;outline:none;border-radius:10px}#dlg-lb .lb-list li.lb-empty{display:block;padding:28px 12px}@media(max-width:760px){#dlg-lb{--lb-columns: 32px minmax(0, 1fr) 64px 42px}#dlg-lb[open]{width:calc(100vw - 20px);height:90dvh;padding:12px;gap:10px}#dlg-lb h2{font-size:18px;gap:7px}#dlg-lb .tabs button{padding:10px;font-size:12px}.lb-head,.lb-list li,.lb-me{gap:6px;padding:9px 6px}.lb-head>span:nth-child(2){padding-left:40px}.lb-player{gap:8px}#dlg-lb .avatar{width:30px;height:30px;font-size:19px}#dlg-lb :is(.lb-mmr,.lb-winrate,.lb-duel,.lb-cells,.lb-bs,.lb-td){display:none}#dlg-lb:is(:not([data-lb-board]),[data-lb-board=mmr]) .lb-mmr,#dlg-lb[data-lb-board=winrate] .lb-winrate,#dlg-lb[data-lb-board=duel] .lb-duel,#dlg-lb[data-lb-board=cells] .lb-cells,#dlg-lb[data-lb-board=battleship] .lb-bs,#dlg-lb[data-lb-board=td] .lb-td{display:grid}}.dock-actions{grid-template-columns:repeat(3,1fr)!important}@media(min-width:720px){.dock-actions{grid-template-columns:repeat(4,auto) auto auto!important}}#cells-capture[aria-pressed=true]{border-color:#7df9ff;background:#7df9ff26;box-shadow:0 0 16px #7df9ff80}#cells-nuke[aria-pressed=true]{border-color:var(--amber);background:#ffb7002e;box-shadow:0 0 16px #ffb7008c}@media(prefers-reduced-motion:reduce){body:after{display:none}}.reduce-motion body:after{display:none}.avatar .ico{color:var(--pc, var(--cyan))}[data-theme=light] .avatar .ico{color:var(--pc, #007c8a)}.avatar.big{width:52px;height:52px;font-size:30px}.profile-title{display:flex;align-items:center;gap:12px}#dlg-profile .modal-head{margin-bottom:14px}.res .ico{color:var(--gold)}.res.cyber .ico{color:#7df9ff}[data-theme=light] .res .ico{color:#a07800}[data-theme=light] .res.cyber .ico{color:#007c8a}.ach-icons .ico{margin-right:6px;color:var(--gold)}.ach-grid .ai{display:grid;place-items:center;color:var(--gold)}.lb-rank .ico{font-size:22px}.ico-medal-1{color:var(--gold)}.ico-medal-2{color:#c9d3ff}.ico-medal-3{color:#ff9b52}.wait-players .ico{font-size:20px;color:var(--cyan)}.avatars button{display:grid;place-items:center;color:var(--text)}.avatars button[aria-pressed=true]{color:var(--cyan)}.emotes button{display:grid;place-items:center;color:var(--gold)}.emote-pop,.result-emoji{color:var(--gold)}.result.win .result-emoji{color:var(--cyan)}.result.lose .result-emoji{color:var(--pink)}.result-ach .ico,.toast .ico{color:var(--gold)}.card-note .ico,.rules .ico{color:var(--cyan)}[data-theme=light] .card-note .ico,[data-theme=light] .rules .ico{color:#007c8a}.seg button .ico{margin-right:5px}.tut-row{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.tut-row h3{margin:0}.tut-row .row .btn{flex:1 1 120px}.avatar[data-frame^=frame_]:before{content:"";position:absolute;inset:-4px;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));pointer-events:none}.avatar[data-frame=frame_apex]:before{background:conic-gradient(var(--cyan),var(--pink),var(--amber),var(--violet),var(--cyan));animation:spin 2.4s linear infinite}.avatar[data-frame=frame_apex]{animation:apex-glitch 3.2s steps(1) infinite}@keyframes apex-glitch{0%,89%,to{transform:none;filter:none}91%{transform:translate(-1px,1px);filter:drop-shadow(-2px 0 #ff0055) drop-shadow(2px 0 #00f0ff)}94%{transform:translate(1px,-1px);filter:drop-shadow(2px 0 #ff0055) drop-shadow(-2px 0 #00f0ff)}}.avatar[data-frame=frame_circuit]:before{background:repeating-conic-gradient(var(--green) 0 14deg,transparent 14deg 20deg,#b8ffd6 20deg 24deg,transparent 24deg 30deg);animation:spin 7s linear infinite}.avatar[data-frame=frame_circuit]:after{content:"";position:absolute;inset:-8px;border:1px dashed rgba(0,255,102,.6);border-radius:50%;animation:spin 10s linear infinite reverse;pointer-events:none}.avatar[data-frame=frame_faction]:before{background:conic-gradient(var(--green) 0 120deg,var(--violet) 0 240deg,var(--orange) 0)}.avatar[data-frame=frame_faction]:after{content:"";position:absolute;left:50%;bottom:-10px;width:18px;height:11px;margin-left:-9px;background:linear-gradient(90deg,var(--green),var(--violet),var(--orange));clip-path:polygon(0 0,100% 0,100% 100%,50% 62%,0 100%);pointer-events:none}.cells-map{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:8px;background:#0000008c;color:#c9d1f5;font-size:11px;font-weight:700;pointer-events:none}.cells-map:empty{display:none}@media(max-width:767px){.topbar{backdrop-filter:none;background:var(--bg)}.modal::backdrop{backdrop-filter:none;background:#05070ed9}body:before,body:after{display:none}.backdrop i{animation:none}.btn.primary,.game-card:before,.avatar[data-frame=frame_apex]{animation:none}.glitch{filter:none}.btn.primary.cyan,.btn.primary.green,.btn.primary.pink,.btn.primary.amber,.new-badge{box-shadow:none}.pcard.active{box-shadow:0 0 0 1px var(--pc)}.btn .ico,.emote-pop .ico,.combo-pop .ico,.toast .ico,.result-emoji .ico,.pcard .ico,.emotes .ico{filter:none}@keyframes attention{50%{box-shadow:0 0 0 3px #ffd84db3}}}html.eco .topbar{backdrop-filter:none;background:var(--bg)}html.eco .modal::backdrop{backdrop-filter:none;background:#05070ed9}html.eco body:before,html.eco body:after,html.eco .backdrop i{display:none}html.eco .ico,html.eco .glitch{filter:none;animation:none}html.eco .btn.primary,html.eco .game-card:before,html.eco .surge-banner,html.eco .timer.hurry,html.eco .btn.attention,html.eco .avatar[data-frame],html.eco .avatar[data-frame]:before,html.eco .avatar[data-frame]:after,html.eco .cells-preview .pulse,html.eco body.hyper *{animation:none}html.eco .pv-line{animation:none;stroke-dashoffset:0}html.eco .pv-box{animation:none;opacity:.25}html.eco .btn.primary,html.eco .pcard.active,html.eco .net-dot.online,html.eco .cells-preview span,html.eco .faction .sw,html.eco .faction.me,html.eco .energy-cells span:after,html.eco .spinner,html.eco .toast,html.eco .new-badge{box-shadow:none}html.eco .pcard.active{outline:1px solid var(--pc)}html .btn.primary.glitch-fx,html .glitch.glitch-fx{animation:glitch-fx .7s steps(1,end) 1}html.eco .pscore,html.eco .combo-pop,html.eco .room-code b,html.eco .logo,html.eco .logo span,html.eco .result h2{text-shadow:none}