:root{--bg:#06202e;--glass:rgba(8,28,42,.78);--line:rgba(120,220,240,.28);--cy:#4fe3d0;--or:#ff9a4a;--red:#ff5a4a;--tx:#eaf8fb;--mu:#9fc3cc}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#041620;color:var(--tx);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow:auto}.screen.show{display:flex;animation:fadeIn .35s ease}.screen.opaque{background:radial-gradient(circle at 50% 40%,#0b3548,#041620)}.screen>*{pointer-events:auto}.screen.hud{display:none;padding:0;align-items:stretch;justify-content:stretch;overflow:visible;pointer-events:none}.screen.hud.show{display:block}.screen.hud>*{pointer-events:none}.screen.hud button,.screen.hud .palette,.screen.hud .react{pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.menu-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(460px,100%);margin:auto}.logo{display:flex;flex-direction:column;align-items:center;text-align:center;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.logo .l1{font-weight:900;letter-spacing:.18em;font-size:clamp(20px,5.6vw,34px);color:#e9fbff;text-shadow:0 0 18px rgba(79,227,208,.7)}.logo .l2{font-weight:900;font-size:clamp(46px,14vw,86px);line-height:.95;letter-spacing:.06em;background:linear-gradient(180deg,#fff4d0,#ffb347 55%,#ff6a3a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #6a2410)}.logo .l3{margin-top:8px;font-size:13px;color:var(--mu);letter-spacing:.08em}.menu-btns{display:flex;flex-direction:column;gap:10px;width:100%}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.row3 .btn{padding:9px 6px;font-size:14px}@media(max-height:620px)and (min-width:700px){.row3{grid-template-columns:repeat(5,1fr);gap:6px}.row3 .btn{padding:7px 4px;font-size:13px;white-space:nowrap}}.foot{font-size:12px;color:var(--mu);text-align:center}.btn{font:inherit;font-weight:700;color:var(--tx);background:linear-gradient(180deg,#18465ceb,#0a283aeb);border:1px solid var(--line);border-radius:14px;padding:11px 14px;cursor:pointer;box-shadow:0 4px 14px #00000059;transition:transform .12s,filter .12s,background .12s;backdrop-filter:blur(6px);font-size:15px}.btn:hover{filter:brightness(1.18);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.big{padding:16px;font-size:19px;border-radius:18px}.btn.pri{background:linear-gradient(180deg,#ffb04a,#f2701f);border-color:#ffd9a0;color:#2a1000;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn:disabled{opacity:.4;filter:grayscale(.6);cursor:not-allowed;transform:none}.panel{background:var(--glass);border:1px solid var(--line);border-radius:22px;padding:22px;width:min(520px,100%);margin:auto;box-shadow:0 20px 60px #0000008c;backdrop-filter:blur(14px);max-height:100%;overflow:auto}.panel.wide{width:min(760px,100%)}.panel.center{text-align:center}.panel h2{margin:0 0 10px;font-size:26px}.panel h3{margin:16px 0 8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}.muted{color:var(--mu);font-size:14px;line-height:1.45}.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.chips.small{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.chip{font:inherit;color:var(--tx);text-align:left;background:#0e3042cc;border:2px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:.15s}.chip small{color:var(--mu);font-size:12px}.chip.sel{border-color:var(--cy);box-shadow:0 0 0 3px #4fe3d038,0 0 18px #4fe3d040;background:#124658e6}.chip.locked{opacity:.5;filter:grayscale(.7)}.actions{display:flex;gap:10px;justify-content:space-between;margin-top:18px}.actions.wrap{flex-wrap:wrap;justify-content:center}.stack{display:flex;flex-direction:column;gap:10px;margin-top:14px}input[type=text],input:not([type]),input[type=search]{font:inherit;font-weight:700;color:var(--tx);background:#04141ecc;border:2px solid var(--line);border-radius:12px;padding:11px 12px;width:100%;-webkit-user-select:text;user-select:text}input:focus{outline:none;border-color:var(--cy)}.joinrow{display:flex;gap:8px}.joinrow input{text-transform:uppercase;letter-spacing:.2em;text-align:center}.msg{min-height:20px;color:#ffb3a0;font-size:14px;margin:10px 0 0}.code{font-size:58px;font-weight:900;letter-spacing:.2em;color:#ffe3a0;text-shadow:0 0 22px rgba(255,170,60,.6);margin:10px 0}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--cy);animation:spin 1s linear infinite;margin:14px auto}@keyframes spin{to{transform:rotate(360deg)}}.tog{display:flex;align-items:center;gap:10px;padding:8px 0;font-weight:600}.tog input{width:22px;height:22px;accent-color:var(--cy)}.tog input[type=range]{width:100%}.help ul{padding-left:20px;line-height:1.5;color:#d6edf2}.help li{margin:8px 0}.rank{display:flex;flex-direction:column;gap:6px;margin:12px 0;max-height:46vh;overflow:auto}.rank .r{display:grid;grid-template-columns:36px 1fr 70px 80px;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#0e3042b3}.rank .r.me{outline:2px solid var(--cy)}.rank .r:nth-child(1) .n{color:#ffd84a}.rank .r:nth-child(2) .n{color:#d6dde2}.rank .r:nth-child(3) .n{color:#e0905a}.rank .h{color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.1em;background:none}.ach{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.ach .a{padding:10px 12px;border-radius:12px;background:#0e3042b3;border:1px solid var(--line);display:flex;gap:10px;align-items:center}.ach .a.off{opacity:.45;filter:grayscale(1)}.ach .i{font-size:28px}.pill{display:inline-block;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:800;backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000059}.pill.turn.me{background:linear-gradient(180deg,#ffb04a,#f2701f);color:#2a1000;border-color:#ffd9a0;animation:pulse 1.4s infinite}.pill.timer{margin-left:8px;color:#ffe3a0}.pill.timer.low{color:#ff7a6a;animation:pulse .6s infinite}@keyframes pulse{50%{transform:scale(1.05)}}.icon-btn{font:inherit;font-size:20px;width:46px;height:46px;border-radius:14px;color:var(--tx);background:var(--glass);border:1px solid var(--line);cursor:pointer;backdrop-filter:blur(8px)}.icon-btn:active{transform:scale(.94)}.top-left{position:absolute;left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));display:flex;flex-wrap:wrap;align-items:center;max-width:70%}.top-right{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;gap:8px}.log{flex-basis:100%;margin-top:8px;font-size:13px;color:#d6edf2;text-shadow:0 1px 3px #000;display:flex;flex-direction:column;gap:2px}.log div{animation:fadeIn .4s;background:#04141e73;padding:2px 8px;border-radius:8px;width:fit-content}.fleets{position:absolute;left:0;right:0;top:max(62px,calc(env(safe-area-inset-top) + 52px));display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.fleet{display:flex;flex-direction:column;gap:3px;font-size:11px;background:#04141e80;border-radius:10px;padding:6px 8px;border:1px solid var(--line);margin-top:56px}.fleet b{font-size:10px;letter-spacing:.12em;color:var(--mu);text-transform:uppercase}.fleet .p{display:flex;gap:2px;align-items:center}.fleet .p i{display:inline-block;width:9px;height:9px;border-radius:2px;background:#4fe3d0}.fleet .p.dead{opacity:.45;text-decoration:line-through}.fleet .p.dead i{background:#ff5a4a}.bar{position:absolute;left:0;right:0;bottom:0;padding:10px 10px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(0deg,#020c14d9,#020c1400)}.target{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-weight:700;font-size:15px;color:var(--tx);pointer-events:none}.target b{color:#ffcf7a;font-size:19px;letter-spacing:.06em}.bar-row{display:flex;gap:8px;align-items:stretch;width:min(620px,100%)}.btn.weapon{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;font-size:22px;padding:7px 4px;line-height:1.1;position:relative}.btn.weapon small{font-size:11px;font-weight:700;color:var(--mu);white-space:normal;text-align:center;line-height:1.05;max-width:84px}.btn.weapon.sel{border-color:var(--cy);box-shadow:0 0 0 3px #4fe3d04d,0 0 18px #4fe3d066}.btn.weapon.avail{animation:glow 1.2s infinite}@keyframes glow{50%{box-shadow:0 0 0 3px #ffc85080,0 0 22px #ffaa28b3}}.btn.fire{flex:1.6;font-size:20px;font-weight:900;letter-spacing:.06em;background:linear-gradient(180deg,#ff7a5a,#d62a1a);border-color:#ffb0a0;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}.btn.fire:not(:disabled){animation:pulse 1.2s infinite}.react{position:absolute;right:max(8px,env(safe-area-inset-right));top:50%;transform:translateY(-40%);display:flex;flex-direction:column;gap:6px}.react button{font-size:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--glass);cursor:pointer}.react button:active{transform:scale(.85)}.react-pop{position:absolute;font-size:56px;pointer-events:none;animation:floatUp 2.4s ease-out forwards;filter:drop-shadow(0 4px 8px #000)}@keyframes floatUp{0%{transform:translateY(20px) scale(.4);opacity:0}15%{opacity:1;transform:translateY(0) scale(1.2)}to{transform:translateY(-140px) scale(1);opacity:0}}.banner{position:absolute;left:0;right:0;top:34%;text-align:center;font-weight:900;font-size:clamp(40px,12vw,110px);letter-spacing:.06em;pointer-events:none;opacity:0;text-shadow:0 6px 0 rgba(0,0,0,.45),0 0 40px currentColor}.banner small{display:block;font-size:.28em;letter-spacing:.2em;color:#fff;text-shadow:0 2px 6px #000;margin-top:4px}.banner.go{animation:bannerIn 1.6s ease-out forwards}@keyframes bannerIn{0%{opacity:0;transform:scale(2.2) rotate(-4deg)}12%{opacity:1;transform:scale(1) rotate(-2deg)}75%{opacity:1;transform:scale(1.02) rotate(-2deg)}to{opacity:0;transform:scale(1.1) translateY(-30px) rotate(-2deg)}}.banner.agua{color:#6fd8ff}.banner.impacto{color:#ff9a3a}.banner.hundido{color:#ff4a3a}.banner.poder{color:#ffd84a}.banner.turno{color:#bfeaff}.place-top{position:absolute;left:0;right:0;top:0;padding:max(10px,env(safe-area-inset-top)) 10px 0;display:flex;justify-content:space-between;align-items:center}.place-bottom{position:absolute;left:0;right:0;bottom:0;padding:10px 10px max(12px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#020c14eb,#020c1400);display:flex;flex-direction:column;gap:8px;align-items:center}.palette{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:760px}.pc{font:inherit;color:var(--tx);background:#0e3042e0;border:2px solid var(--line);border-radius:12px;padding:6px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700;touch-action:none;cursor:grab}.pc .cells{display:grid;gap:2px}.pc .cells i{width:9px;height:9px;border-radius:2px;background:#4fe3d0}.pc .cells i.e{background:transparent}.pc.sel{border-color:#ffb04a;box-shadow:0 0 0 3px #ffb04a4d}.pc.done{border-color:#78e696b3}.pc.done:after{content:"✔";color:#8be28b}.place-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.place-actions .btn{padding:9px 12px;font-size:14px}.hint{font-size:12px;color:var(--mu);text-align:center;text-shadow:0 1px 3px #000}#toasts{position:absolute;left:0;right:0;top:max(70px,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:50}.toast{background:linear-gradient(180deg,#ffc85af5,#f08c28f5);color:#2a1400;font-weight:800;padding:10px 18px;border-radius:14px;box-shadow:0 8px 24px #00000080;animation:toast 3.6s ease forwards;max-width:90%;text-align:center}.toast.info{background:var(--glass);color:var(--tx);border:1px solid var(--line)}.toast.auto{border:2px solid #fff6;font-size:1.05em}.toast.info.auto{border-color:#ffb347}.log .auto{color:#ffcf6b}@keyframes toast{0%{opacity:0;transform:translateY(-20px) scale(.8)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#loader{position:absolute;inset:0;background:#041620;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;pointer-events:auto;transition:opacity .6s}#loader.hide{opacity:0;pointer-events:none}#nogl{position:absolute;inset:0;background:#041620;display:flex;z-index:101;pointer-events:auto}.end h1{font-size:clamp(38px,9vw,64px);margin:0;background:linear-gradient(180deg,#fff4d0,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #6a2410)}.end.lose h1{background:linear-gradient(180deg,#d6dde2,#6c7b86);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #1a232a)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.stats div{background:#0e3042b3;border-radius:12px;padding:10px 6px}.stats b{display:block;font-size:22px;color:#ffe3a0}.stats span{font-size:11px;color:var(--mu);letter-spacing:.06em}.rankbox{margin:10px 0;padding:10px;background:#0e304280;border-radius:14px}@media(max-width:600px){.panel{padding:16px}.btn{font-size:14px}.fleet{font-size:10px}.react button{width:38px;height:38px;font-size:19px}.pc{padding:5px 7px}}@media(max-height:520px){.logo .l2{font-size:44px}.menu-btns{gap:6px}.btn.big{padding:10px;font-size:16px}.menu-wrap{gap:8px}.fleets{display:none}}.btn.weapon.urgent{border-color:#ff4a3a!important;background:linear-gradient(180deg,#ff3c2859,#780a0a59);animation:urgent .55s infinite}.btn.weapon.urgent small{color:#ffd0c8}@keyframes urgent{0%,to{box-shadow:0 0 #ff3c2800,0 0 10px #ff3c2880;transform:scale(1)}50%{box-shadow:0 0 0 4px #ff3c2873,0 0 28px #ff5028f2;transform:scale(1.06)}}.cpick{font:inherit;color:var(--tx);display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#0e3042cc;border:2px solid var(--line);border-radius:14px;padding:8px 12px;cursor:pointer;transition:.15s}.cpick:hover{border-color:var(--cy)}.cpick b{flex:1;font-size:16px}.cpick small{color:var(--mu);font-size:12px}.cpick .dice{font-size:26px;width:48px;text-align:center}img.flag{width:48px;height:32px;border-radius:4px;box-shadow:0 0 0 1px #ffffff59,0 2px 6px #0006;object-fit:cover;flex:none}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:52vh;overflow:auto;padding:4px}.cgrid button{font:inherit;color:var(--tx);display:flex;flex-direction:column;align-items:center;gap:6px;background:#0e3042cc;border:2px solid var(--line);border-radius:12px;padding:8px 4px;cursor:pointer;font-size:13px;transition:.15s}.cgrid button:hover{border-color:var(--cy);transform:translateY(-1px)}.cgrid button.sel{border-color:var(--cy);box-shadow:0 0 0 3px #4fe3d040;background:#124658e6}.cgrid img.flag{width:64px;height:43px}.cgrid .dice{font-size:32px;height:43px;line-height:43px}#s-country{z-index:60}.endflags{display:flex;justify-content:center;align-items:center;gap:14px;margin:4px 0 8px;flex-wrap:wrap}.endflags .c{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:12px;background:#0e3042b3;border:2px solid var(--line);font-weight:700;opacity:.75}.endflags .c.w{opacity:1;border-color:#ffd24a;box-shadow:0 0 16px #ffd24a59}.endflags .vs{color:var(--mu);font-size:13px}#fs-aviso{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%,-140%);z-index:60;display:flex;gap:10px;align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:8px 10px 8px 14px;font-weight:700;backdrop-filter:blur(10px);transition:transform .3s;pointer-events:auto}#fs-aviso.show{transform:translate(-50%)}#fs-aviso .x{font:inherit;background:none;border:0;color:var(--mu);cursor:pointer;padding:6px}.icon-btn[data-fs].on,.btn[data-fs].on{border-color:var(--cy)}.btn.weapon.x{display:none}.bar.ext .btn.weapon.x{display:flex}.bar.ext .bar-row{flex-wrap:wrap;justify-content:center;width:min(760px,100%)}.bar.ext .btn.weapon{flex:1 1 74px;min-width:68px;font-size:19px;padding:5px 3px}.bar.ext .btn.weapon small{font-size:10px;max-width:76px}.bar.ext .btn.fire{flex:1 1 100%;order:9}.bar.ext .btn.weapon[data-ok="0"]{filter:saturate(.4)}#place-timer{margin-left:8px;color:#ffe3a0}#place-timer.low{color:#ff7a6a;animation:pulse .6s infinite}.pill.timer{min-width:64px;text-align:center;font-weight:800}.fleet .p.cap i{background:#ffd34a}@media(max-width:640px){.bar.ext .btn.weapon{flex:1 1 60px;min-width:58px}}.help details{background:#0a283a8c;border:1px solid rgba(120,210,230,.2);border-radius:12px;margin:8px 0;padding:6px 12px}.help summary{cursor:pointer;font-weight:800;padding:6px 0;font-size:16px}.help details ul{margin:6px 0 8px;padding-left:18px}.help details li{margin:5px 0;line-height:1.35}.wtab{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}.wtab th,.wtab td{border-bottom:1px solid rgba(120,210,230,.18);padding:5px 6px;text-align:left;vertical-align:top}.wtab th{color:var(--cy)}#set-voz-name{max-width:60%;background:#0b2a3c;color:#fff;border:1px solid rgba(120,210,230,.3);border-radius:8px;padding:6px}.camp,.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:10px 0}.mi,.cd{background:#0e3042cc;border:2px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}.mi.lock{opacity:.45;filter:grayscale(.7)}.mi b{font-size:16px}.mi .st{font-size:20px;letter-spacing:2px}.mi small{color:var(--mu)}.mi .obj{color:#ffd77a;font-size:13px}.cd .ico{font-size:34px}.cd b{font-size:15px}.cd .n{font-weight:800;color:var(--cy)}.cd.off{opacity:.4}#weather{position:fixed;inset:0;pointer-events:none;z-index:4;display:none;overflow:hidden}#weather.rain{display:block;background:repeating-linear-gradient(100deg,#bed7eb00 0 7px,#bed7eb29 7px 8px);background-size:60px 60px;animation:rain .35s linear infinite}#weather.rain:after{content:"";position:absolute;inset:0;background:#0a182838}#weather.mist{display:block;background:radial-gradient(ellipse at 50% 60%,#c8d7e11a,#c8d7e138)}#weather.bolt:before{content:"";position:absolute;inset:0;background:#fff;opacity:0;animation:bolt .5s ease-out}@keyframes rain{to{background-position:-12px 60px}}@keyframes bolt{0%{opacity:.85}15%{opacity:.1}30%{opacity:.6}to{opacity:0}}body.big .panel,body.big .bar,body.big .top-left,body.big .fleets,body.big #s-menu .menu-btns{zoom:1.22}body.big .banner small{font-size:1.25em}#clima-pill{position:absolute;top:56px;left:12px}body.cb-prot #gl,body.cb-prot #app{filter:url(#f-prot)}body.cb-trit #gl,body.cb-trit #app{filter:url(#f-trit)}html,body{-webkit-text-size-adjust:100%;max-width:100vw;overflow:hidden}.screen{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));overflow-x:hidden}.screen.hud{padding:0}.panel{overflow-x:hidden;overflow-wrap:anywhere;max-width:100%}.panel .chips,.panel .joinrow,.panel .actions{min-width:0}.joinrow{flex-wrap:wrap}.joinrow input{flex:1 1 110px;min-width:0}.joinrow .btn{flex:0 1 auto}.pill{white-space:normal;max-width:100%}img,canvas,svg{max-width:100%}#fs-fab{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:40px;height:40px;font-size:18px;z-index:40;pointer-events:auto;opacity:.92}body[data-screen=battle] #fs-fab,body[data-screen=place] #fs-fab,body[data-screen=replay] #fs-fab,body.phone #fs-fab{display:none}#fs-ios{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%,160%);z-index:61;display:flex;gap:10px;align-items:flex-start;background:var(--glass);border:1px solid var(--cy);border-radius:16px;padding:10px 12px 10px 14px;width:min(94vw,440px);font-size:14px;line-height:1.35;backdrop-filter:blur(10px);transition:transform .3s;pointer-events:auto}#fs-ios.show{transform:translate(-50%)}#fs-ios .x{font:inherit;background:none;border:0;color:var(--mu);cursor:pointer;padding:4px}.rp-btns{display:flex;gap:8px}:root{--ib:46px}.icon-btn{width:var(--ib);height:var(--ib)}.top-left{max-width:calc(100% - (4 * var(--ib) + 36px) - env(safe-area-inset-left) - env(safe-area-inset-right))}.pill.wep{display:none;margin-top:6px;font-size:13px;padding:4px 12px}.btn.weapon#w-repair{display:flex}.tu .chips{margin:8px auto;max-width:520px}@media(max-width:640px){.screen:not(.hud){padding-top:max(54px,calc(env(safe-area-inset-top) + 46px))}.panel h2{font-size:22px}.code{font-size:44px}.row3 .btn{padding:9px 4px;font-size:13px}.stats{grid-template-columns:repeat(2,1fr)}.rank .r{grid-template-columns:30px 1fr 56px 64px;gap:6px;padding:8px;font-size:14px}.fleet{max-width:34vw}}@media(max-width:640px){.bar{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.bar-row{gap:5px}.btn.weapon{min-width:0;flex:1 1 0;padding:6px 2px;font-size:20px}.btn.weapon small{font-size:9.5px;max-width:100%;overflow-wrap:anywhere;hyphens:auto}.btn.fire{flex:1.3 1 0;min-width:0;padding:8px 4px;font-size:15px;letter-spacing:.03em}.bar.ext .btn.fire{flex:1 1 100%}.bar.ext .btn.weapon{flex:1 1 56px;min-width:52px}}@media(max-width:480px){:root{--ib:38px}.icon-btn{font-size:17px}.pill{padding:6px 12px;font-size:14px}.top-right{gap:5px}.fleets{top:max(104px,calc(env(safe-area-inset-top) + 96px))}.fleet{margin-top:0}.banner{font-size:clamp(30px,11vw,80px)}}@media(max-width:640px)and (max-height:700px){.fleets{display:none}}@media(min-width:641px)and (max-width:860px){.panel.wide{width:calc(100% - 92px)}}@media(max-height:520px)and (orientation:landscape){:root{--ib:40px}.menu-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px 18px;width:min(920px,100%);align-items:center}.menu-wrap .logo{grid-column:1;grid-row:1 / span 2}.menu-wrap .menu-btns{grid-column:2;grid-row:1}.menu-wrap .foot{grid-column:1 / span 2;grid-row:3}.logo .l1{font-size:20px}.logo .l2{font-size:48px}.logo .l3{display:none}.row3{grid-template-columns:repeat(4,1fr);gap:5px}.row3 .btn{padding:6px 3px;font-size:12px;white-space:normal}.menu-btns{gap:5px}.btn.big{padding:8px;font-size:15px}.panel{padding:14px 18px}.panel h2{font-size:20px;margin-bottom:6px}.panel h3{margin:10px 0 6px}.bar{padding:6px 8px max(8px,env(safe-area-inset-bottom));gap:5px}.btn.weapon small{display:none}.btn.weapon{padding:5px 3px;font-size:20px}.bar.ext .btn.weapon{flex:1 1 44px;min-width:40px}.btn.fire{font-size:16px;padding:8px}.target{padding:3px 12px;font-size:13px}.target b{font-size:15px}.banner{top:24%;font-size:clamp(28px,9vh,64px)}.code{font-size:38px;margin:2px 0}.spinner{width:28px;height:28px;margin:6px auto}.end h1{font-size:34px}.stats{margin:6px 0}.stats b{font-size:18px}.top-left{max-width:calc(100% - (4 * var(--ib) + 40px))}.log{font-size:12px}}@media(min-aspect-ratio:21/9){.menu-wrap{width:min(520px,100%)}.panel.wide{width:min(900px,100%)}.bar-row{width:min(760px,100%)}}@media(min-width:1600px){.panel{width:min(600px,100%)}.panel.wide{width:min(900px,100%)}.menu-wrap{width:min(520px,100%)}.btn.big{font-size:21px}.bar-row{width:min(760px,100%)}}@media(min-width:2200px){:root{--ib:54px}html{font-size:19px}.pill,.btn{font-size:17px}}#shell,#pad{display:none;position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#shell{z-index:1}#pad{z-index:4}#pad>*{position:absolute;pointer-events:auto;touch-action:none}body.phone{--shell1:#d6d4c9;--shell2:#b9b7ab;--bezel:#575b68;--bezel2:#2f323c;--dp:#2c2c33;--dpa:#4a4a55;--dpon:#ffd23f;--bA:#a3194f;--bAi:#f6d3e2;--bB:#3d4a99;--bBi:#e6ebff;--bC:#5c6a3a;--bCi:#eef5d6;--pill:#7c7d87;--lab:#4b4b52;background:var(--shell2)}body.phone[data-skin=rojo]{--shell1:#d9363c;--shell2:#a51c22;--bezel:#2e2e33;--bezel2:#16161a;--dp:#1d1d21;--dpa:#44444c;--bA:#f7c52b;--bAi:#3b2a00;--bB:#2fa3d6;--bBi:#02202e;--bC:#f7c52b;--bCi:#3b2a00;--pill:#3b0d10;--lab:#ffe7e8}body.phone[data-skin=transp]{--shell1:#2a1b4d;--shell2:#0b0618;--bezel:#05030c;--bezel2:#000;--dp:rgba(255,255,255,.16);--dpa:rgba(255,255,255,.55);--bA:rgba(255,90,70,.45);--bAi:#fff;--bB:rgba(255,255,255,.2);--bBi:#fff;--bC:rgba(160,110,255,.3);--bCi:#fff;--pill:rgba(255,255,255,.28);--lab:#cfc6ee}body.phone[data-skin=armada]{--shell1:#2f4f6a;--shell2:#15293a;--bezel:#0b1620;--bezel2:#050b10;--dp:#0d1a24;--dpa:#4fe3d0;--bA:#ff7a3a;--bAi:#2a1000;--bB:#4fe3d0;--bBi:#04201c;--bC:#ffd34a;--bCi:#2a1c00;--pill:#4fe3d0;--lab:#cde8f0}body.phone[data-skin=chile]{--shell1:#e8e8f0;--shell2:#b4b6c8;--bezel:#1d3a8a;--bezel2:#0f2158;--dp:#0f2a78;--dpa:#ffffff;--bA:#d52b1e;--bAi:#ffffff;--bB:#0039a6;--bBi:#ffffff;--bC:#ffffff;--bCi:#0039a6;--pill:#d52b1e;--lab:#1d3a8a}body.phone #shell{background:linear-gradient(160deg,var(--shell1),var(--shell2))}body.phone[data-skin=armada] #shell{background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 14px),linear-gradient(160deg,var(--shell1),var(--shell2))}body.phone[data-skin=chile] #shell{background:linear-gradient(180deg,#fff 0 50%,#d52b1e 50% 100%)}body.phone #shell:before{content:"";position:absolute;left:calc(var(--sx) - 7px);top:calc(var(--sy) - 7px);width:calc(var(--sw) + 14px);height:calc(var(--sh) + 14px);border-radius:18px;background:linear-gradient(var(--bezel),var(--bezel2));box-shadow:0 3px #00000059,inset 0 0 0 2px #ffffff14}body.phone[data-skin=chile] #shell:after{content:"";position:absolute;left:0;top:0;width:34%;height:50%;background:#0039a6;opacity:0}body.phone #pad .dpad{position:absolute;touch-action:none}.dpad .a,.dpad .c{position:absolute;background:var(--dp);box-shadow:0 3px #00000059}.dpad .c{left:30%;top:30%;width:40%;height:40%}.dpad .u{left:33.3%;top:0;width:33.4%;height:36%;border-radius:10px 10px 0 0}.dpad .d{left:33.3%;bottom:0;width:33.4%;height:36%;border-radius:0 0 10px 10px}.dpad .l{top:33.3%;left:0;width:36%;height:33.4%;border-radius:10px 0 0 10px}.dpad .r{top:33.3%;right:0;width:36%;height:33.4%;border-radius:0 10px 10px 0}.dpad .a:after{content:"";position:absolute;left:50%;top:50%;border:solid transparent;border-width:7px;margin:-7px}.dpad .u:after{border-bottom-color:var(--dpa);border-width:0 7px 9px;margin:-8px -7px}.dpad .d:after{border-top-color:var(--dpa);border-width:9px 7px 0;margin:-1px -7px}.dpad .l:after{border-right-color:var(--dpa);border-width:7px 9px 7px 0;margin:-7px -8px}.dpad .r:after{border-left-color:var(--dpa);border-width:7px 0 7px 9px;margin:-7px -1px}.dpad.up .u,.dpad.dn .d,.dpad.lf .l,.dpad.rt .r{filter:brightness(1.7);transform:translateY(1px)}.gbtn{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;border:3px solid rgba(0,0,0,.32);box-shadow:0 4px #0006,inset 0 3px #ffffff47;transition:transform .05s;cursor:pointer;line-height:1}.gbtn span{pointer-events:none}.gbtn small{pointer-events:none;font-size:max(8px,.26em);letter-spacing:.5px;margin-top:2px;opacity:.9;text-align:center}.gA{background:var(--bA);color:var(--bAi)}.gB{background:var(--bB);color:var(--bBi)}.gC{background:var(--bC);color:var(--bCi)}.gbtn.on{transform:translateY(3px) scale(.96);box-shadow:0 1px #0006;filter:brightness(1.25)}.gpill{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transform:rotate(-18deg)}.gpill:after{content:"";position:absolute;inset:-12px}.gpill i{display:block;width:100%;height:12px;border-radius:8px;background:var(--pill);box-shadow:0 2px #00000059,inset 0 1px #ffffff4d}.gpill small{font-size:9px;font-weight:900;letter-spacing:1px;color:var(--lab);margin-top:3px;pointer-events:none;white-space:nowrap}.gpill.on i{transform:translateY(2px);filter:brightness(.8)}body.lcd.phone #gl{filter:grayscale(1) sepia(1) hue-rotate(38deg) saturate(2.6) brightness(.92) contrast(1.08)}body.phone .bar-row,body.phone .react,body.phone .fleets,body.phone #b-view,body.phone #b-menu{display:none!important}body.phone .bar{background:none;padding:0 6px 6px}body.phone .pill.wep{display:inline-block}body.phone .top-left{max-width:calc(100% - 2 * var(--ib) - 24px)}body.phone .top-right{gap:5px}body.phone .log div:nth-child(n+3){display:none}body.phone .banner{top:30%;font-size:clamp(26px,9vw,64px)}body.phone[data-orient=landscape] .log{display:none}body.phone .target{font-size:13px;padding:4px 12px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row2 .btn{padding:10px 6px;font-size:14px}@media(max-width:360px){.row2{grid-template-columns:1fr}}