@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Kalam:wght@300;400;700&display=swap";:root{--paper-bg:#f8f0e2;--line-color:#002a8b1a;--text-color:#292a30;--primary:#002a8b;--hit-color:#e74c3c;--miss-color:#34495e;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--material-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--material-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--cell-size:38px}@media (width<=600px){:root{--cell-size:min(9.2vw, 34px)}.app-container{padding:0 2px 2px}.title-section h1{font-size:2rem!important}.boards-container{margin-top:10px;padding-bottom:5px;overflow:hidden;gap:0!important}.hidden-on-mobile{display:none!important}.board-wrapper h2{margin-bottom:5px!important;font-size:1.1rem!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--paper-bg);color:var(--text-color);background-image:radial-gradient(#002a8b1a 1px,#0000 1px);background-size:25px 25px;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;display:flex}.kalam-font{font-family:Kalam,cursive}.app-container{flex-direction:column;flex:1;width:100%;max-width:1000px;margin:0 auto;display:flex;position:relative}.title-section{text-align:center;margin-top:20px;margin-bottom:5px}.main-logo{filter:drop-shadow(0 4px 8px #0000001a);width:90%;max-width:280px;height:auto;margin-bottom:5px}@keyframes floatPlane{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sticky-header-v5{z-index:1200;border-bottom:2px solid var(--primary);background:#f8f0e2;justify-content:space-between;align-items:center;height:50px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 15px #0000001a}.hdr-center{flex:1;justify-content:center;display:flex}.hdr-tactical-main{align-items:center;gap:12px;display:flex}.hdr-timer-minimal{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.hdr-status-text{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:800}.hdr-side{align-items:center;gap:5px;min-width:65px;display:flex}.fixed-score-bar-v5{display:none!important}.score-item{align-items:center;gap:10px;display:flex}.plane-status-row{align-items:center;gap:4px;display:flex}.plane-icon{transition:all .3s;transform:rotate(90deg)}.plane-icon.active{color:var(--primary);opacity:.8;filter:drop-shadow(0 0 5px #002a8b33)}.plane-icon.destroyed{color:#e67e22;opacity:.3;transform:rotate(90deg)scale(.85)}.score-item .label{color:#7f8c8d;opacity:.7;font-size:.65rem;font-weight:800}.score-divider{background:#002a8b1a;width:1px;height:12px}.header-status-text{text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:.72rem;font-weight:800}.header-icon-btn{width:40px;height:40px;color:var(--primary);box-shadow:var(--material-shadow);cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-icon-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.turn-status-bar{-webkit-backdrop-filter:blur(10px);color:var(--primary);background:#fff9;border:1px solid #002a8b1a;border-radius:100px;align-items:center;gap:10px;width:fit-content;margin:10px auto;padding:10px 25px;font-weight:700;display:flex;box-shadow:0 4px 15px #0000000d}.game-playing-container-v4{flex-direction:column;align-items:center;width:100%;margin-top:15px;padding:0;display:flex}@media (width<=600px){.game-playing-container-v4{margin-top:12px}}.boards-layout-v4{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}@media (width>=900px){.boards-layout-v4{flex-direction:row;justify-content:center;align-items:flex-start;gap:0;padding:20px 0}}.player-board-column-v4{background:0 0;flex-direction:column;align-items:center;width:100%;padding:10px 0;display:flex}.target-board-column-v4{flex-direction:column;align-items:center;width:100%;padding:5px 0 30px;display:flex}.target-column-header-v4{z-index:50;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:95%;max-width:420px;min-height:34px;margin-bottom:6px;display:flex;position:relative}.board-label-v4{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;opacity:.9;white-space:nowrap;font-size:.72rem;font-weight:900}.mini-board-v4{transform-origin:top;filter:drop-shadow(0 5px 15px #0000000d);margin-bottom:-115px;transform:scale(.65)}@media (width>=900px){.mini-board-v4{margin-bottom:0;transform:scale(1)}.mini-only{display:block!important}}.mini-only{display:none}.main-attack-board-v4{filter:drop-shadow(0 15px 35px #0000001f);width:100%;max-width:420px}.game-controls-v4{z-index:10;flex-direction:column;align-items:center;width:95%;margin-top:-10px;display:flex}@media (width>=900px){.game-controls-v4{max-width:420px;margin-top:35px}}.fleet-status-integrated{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;border:1px solid #002a8b0d;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0;padding:4px 12px;display:flex}.fleet-status-integrated.opponent{background:#e74c3c0d;border:1px solid #e74c3c1a;margin-top:5px;margin-bottom:15px}.fleet-status-integrated .label{color:#7f8c8d;letter-spacing:1px;font-size:.7rem;font-weight:900}.player-mini-hud{background:#fff6!important;margin:0!important;padding:4px 10px!important}.draft-actions-group-v3{align-items:center;gap:15px;width:100%;display:flex}.draft-btns-mini{gap:8px;display:flex}.draft-attack-btn{flex:1;min-width:140px}@media (width>=900px){.draft-actions-group-v3,.main-actions-group{justify-content:center;gap:20px;width:auto}.attack-launch-btn{min-width:200px;padding:10px 40px}}.main-attack-board{width:100%;max-width:380px;margin-top:0;position:relative}.action-btn-pill{color:#fff;cursor:pointer;background:#002a8b;border:none;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 10px #002a8b33}.attack-launch-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#27ae60;border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:12px 25px;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 6px 20px #27ae6066}.attack-launch-btn:active{transform:scale(.95)}.game-controls-v2{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:0;display:flex}.game-timer-v2{z-index:10;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:900;transition:color .3s;position:absolute;top:-25px;right:5px}.header-status-msg{text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;font-size:.95rem;font-weight:800;animation:.3s fadeIn;display:flex}.lobby-glass-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffb3;border:1px solid #fff6;border-radius:24px;width:100%;max-width:400px;margin:10px auto;padding:25px;box-shadow:0 15px 35px #00000014}.room-id-badge{border:1.5px dashed var(--primary);letter-spacing:4px;color:var(--primary);background:#f8f9fa;border-radius:12px;margin:15px 0;padding:12px;font-size:1.8rem;font-weight:900}.pulse-glow{animation:2s ease-in-out infinite pulse-glow-anim}@keyframes pulse-glow-anim{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02);box-shadow:0 0 20px #002a8b26}to{opacity:.7;transform:scale(1)}}.match-found-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#27ae60e6;border-radius:20px;padding:20px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 10px 30px #27ae6066}.full-screen-loading{background:var(--paper-bg);z-index:5000;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-content{text-align:center;padding:20px}.loading-content h2{color:var(--primary);margin-bottom:10px;font-size:1.5rem}.loading-content p{opacity:.7;font-size:.9rem}.match-found-premium{text-align:center;flex-direction:column;align-items:center;gap:15px;max-width:90%;display:flex}.match-vs-icons{justify-content:center;align-items:center;gap:20px;margin-bottom:10px;display:flex}.vs-badge{background:var(--primary);color:#fff;border-radius:8px;padding:6px 12px;font-size:1.1rem;font-weight:900;box-shadow:0 4px 10px #002a8b4d}.match-found-title{color:var(--primary);margin:0;font-size:1.4rem;font-weight:800}.opponent-name-reveal{color:#e74c3c;text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 10px #e74c3c1a;margin:5px 0;font-size:2.2rem;font-weight:900}.match-found-subtitle{opacity:.7;color:#666;font-size:.95rem;font-weight:500}.main-menu-buttons{flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:380px;margin:15px auto;padding:0 10px;display:flex}.main-menu-buttons button{box-shadow:3px 3px 0px var(--text-color);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:1.3rem;display:flex}.main-menu-buttons button:active{box-shadow:0px 0px 0px var(--text-color);transform:translate(3px,3px)}.rules-btn-card{cursor:pointer;align-items:center;gap:6px;transition:all .2s;display:inline-flex;color:#444!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:8px!important;padding:6px 14px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:.95rem!important;box-shadow:0 4px 10px #0000000f!important}.rules-btn-card:hover{background:#fff!important;box-shadow:0 3px 12px #0000001a!important}.rules-btn-card:active{transform:scale(.97)!important;box-shadow:0 1px 4px #00000014!important}.profile-card-material{background:var(--paper-bg);border:2px solid #002a8b;border-radius:32px;gap:15px;width:100%;margin:15px auto;padding:15px 20px;position:relative;box-shadow:0 10px 25px #002a8b14;text-align:left!important;flex-direction:row!important;align-items:center!important;display:flex!important}.profile-avatar-wrapper{color:#fff;cursor:pointer;background:#002a8b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:0 4px 12px #002a8b4d}.avatar-edit-icon{color:#002a8b;background:#fff;border:2px solid #002a8b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 4px #0000001a}.profile-card-material .profile-info-main{flex:1}.profile-card-material .greeting{color:#292a30;margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.profile-card-material .rank-line-new{color:#7f8c8d;margin-top:4px;font-size:1rem}.profile-card-material .rank-val{color:#292a30;font-weight:700}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.avatar-option{cursor:pointer;background:#f0f3f8;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.avatar-option.selected{background:#fff;border-color:#002a8b;transform:scale(1.1);box-shadow:0 4px 8px #0000001a}.profile-card-material .points-label{color:#002a8b;text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.7rem;font-weight:700}.profile-card-material .points-value{color:#002a8b;font-size:1.6rem;font-weight:800}.header-icon-btn{background:var(--paper-bg);cursor:pointer;color:#002a8b;border:2px solid #002a8b;border-radius:10px;justify-content:center;align-items:center;width:38px;height:34px;transition:all .1s;display:flex;box-shadow:0 3px #002a8b}.rules-btn-header{background:var(--paper-bg);cursor:pointer;color:#002a8b;border:2px solid #002a8b;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:.8rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 3px #002a8b}.main-logo{filter:drop-shadow(0 4px 8px #0000001a);max-width:320px;height:auto}.rules-btn-header:active,.header-icon-btn:active{transform:translateY(2px);box-shadow:0 2px #002a8b}.action-card{background:var(--paper-bg);cursor:pointer;box-shadow:var(--material-shadow);color:#002a8b;border:2px solid #002a8b;border-radius:20px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .2s;display:flex;position:relative}.action-card:hover{box-shadow:var(--material-shadow-lg);background:#fdfaf5;transform:translateY(-3px)}.action-card:active{transform:translateY(0)}.action-card.primary{color:var(--paper-bg);background:#002a8b}.action-card-icon{background:#002a8b0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-card.primary .action-card-icon{background:#ffffff1a}.action-card.light .action-card-icon{color:var(--primary);background:#002a8b0d}.pwa-onboarding-grid{grid-template-columns:1fr 1fr;gap:12px;width:90%;max-width:380px;margin-top:20px;margin-left:auto;margin-right:auto;display:grid}.onboarding-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border:1px solid var(--glass-border);box-shadow:var(--material-shadow);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:15px;display:flex}.action-btn{z-index:1;position:relative;overflow:hidden;color:#fff!important;text-align:center!important;border:4px solid #fff!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:12px 18px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:1.15rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;box-shadow:0 12px 24px #0000002e,0 8px 8px #0000001f,inset 0 -2px 4px #0000001a!important}.action-btn:before{content:"";border-radius:inherit;box-shadow:0 0 20px 2px var(--btn-glow-color,#fff6);pointer-events:none;z-index:-1;opacity:.5;animation:3s ease-in-out infinite breathingGlow;position:absolute;inset:0}@keyframes breathingGlow{0%,to{opacity:.25;transform:scale(.99)}50%{opacity:.8;transform:scale(1.03)}}.action-btn:after{content:"";opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.action-btn:hover{transform:translateY(-4px)!important;box-shadow:0 15px 30px #00000038,0 10px 10px #00000026!important}.action-btn:active{transform:translateY(1px)!important;box-shadow:0 4px 8px #0000001f!important}.action-btn .btn-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;width:32px;height:32px}.action-btn.btn-matchmaking{background:#002a8b!important;box-shadow:0 5px #001a55!important}.action-btn.btn-friend{background:#2e7d32!important;box-shadow:0 5px #1b5e20!important}.action-btn.btn-robot{background:#1976d2!important;box-shadow:0 5px #0d47a1!important}.action-btn:active{box-shadow:0 2px 0 inherit!important;transform:translateY(3px)!important}.menu-footer{text-align:center;color:#2c3e5099;margin-top:25px;padding-bottom:80px;font-size:.95rem;font-style:italic}.menu-footer strong{color:#2c3e50cc}button{transition:all .1s}.btn-small{padding:4px 10px!important;font-size:.9rem!important}.btn-mini{padding:2px 8px!important;font-size:.8rem!important}.action-btn-mini{box-shadow:1px 1px 0px var(--text-color)!important;border-radius:6px!important;padding:4px 10px!important;font-size:.9rem!important}.btn-start-game{margin-top:5px;animation:2s ease-in-out infinite pulse-button;color:#fff!important;background:#27ae60!important;border:3px solid #fff!important;border-radius:12px!important;padding:12px 30px!important;font-size:1.3rem!important;box-shadow:0 4px 15px #27ae6066!important}.pwa-install-btn{letter-spacing:.5px;border:4px solid #34495e;font-weight:700;transition:all .2s;box-shadow:4px 4px #34495e}.pwa-install-btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #2c3e50;background-color:#34495e!important}@keyframes pulse-button{0%,to{box-shadow:4px 4px 0px var(--text-color);transform:scale(1)}50%{box-shadow:2px 2px 0px var(--text-color), 0px 0px 15px #27ae60;transform:scale(1.02)}}.active-edit-box{background:#2980b91a;border:2px dashed #2980b9;border-radius:8px;padding:10px;box-shadow:0 4px 12px #0000000d}.placement-tip{color:#7f8c8d;text-align:center;max-width:250px;margin-top:5px;font-size:.8rem;font-style:italic;line-height:1.2;animation:.5s ease-out scaleUp}.scale-up{animation:.3s ease-out forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}button:active{box-shadow:0px 0px 0px var(--text-color);transform:translate(2px,2px)}.boards-container{flex-direction:column;align-items:center;gap:30px;margin-top:15px;padding-bottom:80px;display:flex}@media (width>=800px){.boards-container{flex-direction:row;justify-content:center;align-items:flex-start}}.board-wrapper h2{text-align:center;margin-bottom:10px;font-size:1.4rem}.board{grid-template-columns:calc(var(--cell-size) * .8) repeat(10, var(--cell-size));grid-template-rows:calc(var(--cell-size) * .8) repeat(10, var(--cell-size));background:var(--paper-bg);border-top:1px solid var(--line-color);border-left:1px solid var(--line-color);gap:0;transition:box-shadow .3s,border-color .3s,transform .2s ease-out;display:grid;box-shadow:3px 5px 15px #00000026,-2px -2px 10px #00000008}.board-placing{touch-action:none}.board-wrapper:first-child .board{transform:rotate(-.5deg)}.board-wrapper:nth-child(2) .board{transform:rotate(.8deg)}.board-wrapper.active-target .board{z-index:10;border:2px solid #27ae60;transform:rotate(0)scale(1.02);box-shadow:0 0 15px #2ecc7180}@media (width<=600px){.board-wrapper.active-target .board{transform-origin:top;transform:rotate(0)scale(.9)}}.board-wrapper:not(.active-target) .board{border-right:1px solid var(--line-color);border-bottom:1px solid var(--line-color)}.cell,.coord-cell{justify-content:center;align-items:center;display:flex}.cell{border-right:1px solid var(--line-color);border-bottom:1px solid var(--line-color);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;position:relative}.coord-cell{font-size:calc(var(--cell-size) * .45);color:#34495e;opacity:.8;border-right:1px solid var(--line-color);border-bottom:1px solid var(--line-color);background-color:#fff6;font-family:sans-serif;font-weight:700}.empty-coord{border-bottom:1px solid var(--line-color);border-right:none!important}@keyframes drawHit{0%{opacity:0;transform:scale(.2)rotate(-30deg)}60%{opacity:1;transform:scale(1.3)rotate(15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.cell.hit{color:var(--hit-color);font-size:calc(var(--cell-size) * .9);z-index:2;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards drawHit}@keyframes hitFlash{0%{border-color:#e74c3c00;box-shadow:0 0 #e74c3c00}20%{border-color:#e74c3c;box-shadow:0 0 35px #e74c3ce6}to{border-color:#e74c3c00;box-shadow:0 0 #e74c3c00}}.hit-flash .board{z-index:50;animation:.6s cubic-bezier(.19,1,.22,1) forwards hitFlash;position:relative}@keyframes drawMiss{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.cell.miss{color:var(--miss-color);font-size:calc(var(--cell-size) * 1.5);line-height:0;animation:.2s ease-out forwards drawMiss}.cell.plane{transition:background .2s;position:relative;border:1px solid #002a8b26!important}.plane-color-0{--p-body:#2196f373;--p-head:#0d47a1;--p-icon:#2196f3}.plane-color-1{--p-body:#e91e6373;--p-head:#880e4f;--p-icon:#e91e63}.plane-color-2{--p-body:#4caf5073;--p-head:#1b5e20;--p-icon:#4caf50}.plane-color-3{--p-body:#ff980073;--p-head:#e65100;--p-icon:#ff9800}.plane-color-4{--p-body:#9c27b073;--p-head:#4a148c;--p-icon:#9c27b0}.plane-color-5{--p-body:#f4433673;--p-head:#b71c1c;--p-icon:#f44336}.plane-color-6{--p-body:#00bcd473;--p-head:#006064;--p-icon:#00bcd4}.plane-color-7{--p-body:#607d8b73;--p-head:#263238;--p-icon:#607d8b}.plane-color-8{--p-body:#79554873;--p-head:#3e2723;--p-icon:#795548}.plane-color-9{--p-body:#673ab773;--p-head:#311b92;--p-icon:#673ab7}.plane-icon.active{filter:drop-shadow(0 0 5px #fffc);color:var(--p-icon)!important;opacity:1!important}.plane-icon.destroyed{color:#ccc!important;opacity:.2!important}.cell.plane{box-shadow:inset 0 0 4px #0000000d;background-color:var(--p-body)!important;border-color:var(--p-head)!important}.cell.head{z-index:10;background-color:var(--p-head)!important;border-color:#002a8b!important}.cell.head.dir-0{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.cell.head.dir-1{clip-path:polygon(100% 50%,0% 0%,0% 100%)}.cell.head.dir-2{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.cell.head.dir-3{clip-path:polygon(0% 50%,100% 0%,100% 100%)}@keyframes subtleFlames{0%{filter:drop-shadow(0 0 2px #e74c3c80)hue-rotate()brightness()}50%{filter:drop-shadow(0 0 5px #f39c12b3)hue-rotate(15deg)brightness(1.2)}to{filter:drop-shadow(0 0 2px #e74c3c80)hue-rotate()brightness()}}.cell.dead{animation:1.5s ease-in-out infinite subtleFlames;cursor:not-allowed!important;background-color:#e74c3ccc!important;border-color:#c0392b!important}.cell.preview-plane,.cell.preview-head{opacity:.85;z-index:10;transform:scale(.95);box-shadow:0 0 10px #2ecc7180;border:2px solid #2ecc71!important}.cell.invalid-preview{box-shadow:none!important;background-color:#e74c3c99!important;border-color:#c0392b!important}.ghost-layer{pointer-events:none;border-style:solid;border-width:1px;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.ghost-color-0{background-color:#3498db66;border-color:#3498dbe6;transform:scale(1)}.ghost-color-1{background-color:#e67e2266;border-color:#e67e22e6;transform:scale(.85)}.ghost-color-2{background-color:#9b59b666;border-color:#9b59b6e6;transform:scale(.7)}.ghost-color-3{background-color:#1abc9c66;border-color:#1abc9ce6;transform:scale(.55)}.cell.unknown-dir{animation:1.5s ease-in-out infinite subtleFlames;clip-path:none!important;background-color:#e74c3ccc!important;border:3px solid #c0392b!important;border-radius:50%!important}.rematch-modal{-webkit-backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #fff6;border-radius:32px;max-width:400px;margin:0 auto;padding:35px;box-shadow:0 20px 50px #0000001a}.rematch-modal h3{color:#c0392b;margin-bottom:12px;font-size:1.6rem;font-weight:800}.btn-pill{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-pill-danger{color:#fff;background:#e74c3c;box-shadow:0 4px 15px #e74c3c4d}.btn-pill-secondary{color:#fff;background:#95a5a6;box-shadow:0 4px 15px #95a5a633}.btn-pill:active{transform:scale(.96)}.rules-btn{color:var(--text-color);box-shadow:none;opacity:.8;background:0 0;border:1px dotted #2c3e5080;border-radius:12px;padding:3px 10px;font-size:.85rem}.rules-btn:hover{background:#0000000d}.mute-btn-inline{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .2s;display:flex;background:#fff!important;border:1px solid #0000001a!important;border-radius:8px!important;padding:0!important;box-shadow:0 4px 10px #0000000f!important}.mute-btn-inline:hover{transform:scale(1.05);background:#fdfdfd!important;box-shadow:0 3px 12px #0000001a!important}.mute-btn-inline:active{transform:scale(.95)}@media (width<=600px){.mute-btn-inline{width:32px;height:32px;font-size:1rem}}.modal-overlay{z-index:2000;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:contain;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.modal-content{background:var(--paper-bg);-webkit-overflow-scrolling:touch;border:1px solid #0000001a;border-radius:12px;width:90%;max-width:420px;max-height:90vh;padding:30px 25px 25px;position:relative;overflow-y:auto;box-shadow:0 15px 40px #0000001f,0 5px 15px #00000014}.modal-close-x{color:#888;cursor:pointer;box-shadow:none;background:0 0;border:none;padding:5px;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:12px}.modal-close-x:hover{color:#333}.modal-close-x:active{transform:scale(.9)}.modal-content h3{text-align:center;margin-bottom:15px;font-size:1.6rem;-webkit-text-decoration:underline wavy #3498db;text-decoration:underline wavy #3498db}.modal-footer{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.modal-home-btn{color:#2f3542;background:#f1f2f6;border:1px solid #ced4da;border-radius:6px;padding:8px 16px;box-shadow:2px 2px #ced4da}.close-modal{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:8px 20px;font-family:Kalam,cursive;font-size:1.1rem;box-shadow:2px 4px 10px #e74c3c4d}.granular-texture{position:relative;overflow:hidden}.granular-texture:after{content:"";opacity:.04;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.ad-banner{color:#666;background:#f0f0f0;border-top:2px solid #ccc;justify-content:center;align-items:center;width:100%;height:60px;font-family:sans-serif;display:flex;position:fixed;bottom:0}.cell.pending-target{z-index:5;font-size:1.3rem;animation:1s infinite alternate pulse-target;background-color:#f39c1266!important;border:3px dashed #f39c12!important}@keyframes pulse-target{0%{transform:scale(1);box-shadow:inset 0 0 5px #f39c12}to{transform:scale(1.15);box-shadow:inset 0 0 15px #f39c12}}.attack-btn-container{justify-content:center;width:100%;padding:10px 0;display:flex}.confirm-attack-btn{animation:2s ease-in-out infinite pulse-button;color:#fff!important;box-shadow:2px 2px 0px var(--text-color)!important;background-color:#27ae60!important;border-color:#27ae60!important;border-radius:20px!important;padding:8px 24px!important;font-size:1.1rem!important}.board-col-wrapper{flex-direction:column;align-items:center;display:flex}@media (width<=800px){.mini-board{transform-origin:top;margin-bottom:-110px;transform:scale(.7)}}.ghost-helper-text{color:#2c3e50;background:#fffc;border:1px dashed #3498db;border-radius:4px;margin:10px 0;padding:8px;font-size:.95rem}@media (width<=600px){.ghost-helper-text{margin:5px 0 -10px;padding:6px;font-size:.82rem}}.cell.draft-cell{z-index:8;pointer-events:auto!important;background-color:#3498db26!important;border:1px dashed #3498db66!important}.cell.draft-head{cursor:grab;pointer-events:auto!important;background-color:#3498db66!important;border:2px solid #3498db99!important}.cell.draft-head:active{cursor:grabbing}.cell.draft-head.draft-dir-0{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.cell.draft-head.draft-dir-1{clip-path:polygon(100% 50%,0% 0%,0% 100%)}.cell.draft-head.draft-dir-2{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.cell.draft-head.draft-dir-3{clip-path:polygon(0% 50%,100% 0%,100% 100%)}.placement-container-modern{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:15px;display:flex}.random-pill-wrapper{justify-content:center;display:flex}.random-dice-pill.blue{color:var(--paper-bg);cursor:pointer;background:#002a8b;border:1.5px solid #002a8b;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 4px 10px #002a8b33}.placement-control-panel{text-align:center;background:var(--paper-bg);width:90%;max-width:340px;box-shadow:var(--material-shadow-lg);border:1.5px solid #002a8b;border-radius:24px;flex-direction:column;gap:10px;padding:12px 15px;display:flex}.placement-status-row{justify-content:center;gap:10px;display:flex}.info-chip{border:1px solid;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.action-btn-circle.small{width:42px;height:42px}.action-btn.compact{border-radius:15px;padding:10px 15px;font-size:.9rem}.action-btn.success-modern{-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#27ae60e6,#1e8449f2);border-radius:100px;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #27ae6066,inset 0 1px 1px #ffffff4d;border:none!important}.action-btn.success-modern:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26,#0000);height:50%;position:absolute;top:0;left:0;right:0}.action-btn.success-modern:hover{background:linear-gradient(135deg,#27ae60,#1e8449);transform:translateY(-2px);box-shadow:0 15px 35px #27ae6099}.placement-instruction.small{margin-top:2px;font-size:.75rem}.info-chip.blue{color:#002a8b;background:#002a8b0d;border-color:#002a8b}.info-chip.orange{color:#f39c12;background:#f39c120d;border-color:#f39c12}.active-edit-actions,.placement-idle-actions{flex-direction:column;gap:10px;width:100%;display:flex}.edit-hint{color:#666;margin-bottom:5px;font-size:.85rem;font-weight:600}.button-group-modern{justify-content:center;gap:10px;width:100%;display:flex}.placement-instruction{color:#002a8b;opacity:.7;margin-top:5px;font-size:.85rem;font-weight:500}.action-btn.icon-only{align-items:center;gap:6px;padding:8px 12px;display:flex}.action-btn-circle{cursor:pointer;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;box-shadow:0 4px #0000001a}.action-btn-circle:active{transform:translateY(3px);box-shadow:0 1px #0000001a}.action-btn-circle.blue{background:var(--paper-bg);color:#002a8b;border-color:#002a8b}.action-btn-circle.danger{background:var(--paper-bg);color:#e74c3c;border-color:#e74c3c}.action-btn-circle.success{background:var(--paper-bg);color:#27ae60;border-color:#27ae60}.avatar-ring{border:3px solid #0000;border-radius:50%;padding:4px;transition:all .3s}.color-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.color-option{cursor:pointer;border:2px solid #fff;border-radius:50%;width:32px;height:32px;transition:transform .2s;box-shadow:0 2px 5px #0000001a}.color-option.selected{border:2px solid var(--primary);transform:scale(1.2)}.avatar-option{cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden}.avatar-option:hover{background:#ffffff26;transform:scale(1.1)}.avatar-option img{width:44px;height:44px;display:block}.btn-save-modified{background:#27ae60!important;box-shadow:0 4px 15px #27ae6066!important}.avatar-grid{background:#002a8b;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:12px;max-height:220px;margin-bottom:25px;padding:15px;display:grid;overflow-y:auto;box-shadow:inset 0 2px 10px #0000004d}.avatar-option img{content-visibility:auto;width:40px;height:40px}.action-btn.danger{color:#fff;background:#e74c3c;border:2px solid #c0392b}.action-btn.success{color:#fff;background:#27ae60;border:2px solid #219150}.action-btn.secondary{background:var(--paper-bg);color:#f39c12;border:2px solid #f39c12}.rules-list-modern{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.rule-item{background:#002a8b08;border:1px solid #002a8b14;border-radius:16px;align-items:center;gap:15px;padding:12px 16px;display:flex}.rule-icon-box{color:#fff;background:#002a8b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rule-item p{color:#444;margin:0;font-size:.95rem;line-height:1.4}.install-pill-wrapper{justify-content:center;margin:10px 0;display:flex}.install-pill-btn{color:var(--paper-bg);cursor:pointer;background:#002a8b;border:1.5px solid #002a8b;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #002a8b33}.install-pill-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #002a8b4d}.install-pill-btn:active{transform:translateY(0)}#app-version-display{color:#002a8b99;letter-spacing:.5px;z-index:3000;pointer-events:none;text-transform:lowercase;background:#fff6;border:1px dotted #002a8b4d;border-radius:100px;padding:3px 12px;font-family:Poppins,sans-serif;font-size:11px;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.update-overlay{z-index:5000;-webkit-backdrop-filter:blur(12px);background:#f8f0e299;justify-content:center;align-items:center;display:flex}.update-card{text-align:center;background:#ffffffb3;border:1px solid #fff6;border-radius:32px;width:90%;max-width:350px;padding:40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 20px 50px #002a8b1a}.spin-icon{animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fleet-side{flex-direction:column;gap:4px;display:flex}.fleet-icons{gap:6px;display:flex}.plane-status-active{color:var(--primary);filter:drop-shadow(0 0 5px #002a8b33);transition:all .3s}.plane-status-destroyed{color:#e74c3c;opacity:.4;position:relative}.plane-status-destroyed:after{content:"";background:#e74c3c;width:120%;height:2px;position:absolute;top:50%;left:-10%;transform:rotate(-45deg)}.fleet-label{text-transform:uppercase;color:#7f8c8d;font-size:.7rem;font-weight:700}.destruction-alert-overlay{color:#fff;z-index:5000;pointer-events:none;letter-spacing:2px;background:#e74c3cf2;border:4px solid #fff;border-radius:100px;padding:15px 40px;font-size:1.5rem;font-weight:900;animation:2s ease-out forwards destructionPop;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #e74c3c99}@keyframes destructionPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(1.2)}}.app-version-footer{text-align:center;color:#7f8c8d;opacity:.6;letter-spacing:.5px;width:100%;font-size:.75rem;font-weight:600;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.unified-controls-row{justify-content:center;width:100%;padding:0 10px;display:flex}.main-actions-group,.draft-actions-group{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.small-text{font-size:.9rem!important}.energy-pill-mini{border:2px solid var(--primary);color:var(--primary);box-shadow:0 3px 0 var(--primary);background:#fff;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.9rem;font-weight:800;display:flex}.about-section-premium{-webkit-backdrop-filter:blur(10px);background:#fffdf0b3;border:1px solid #d4ac0d33;border-radius:32px;width:95%;max-width:800px;margin:60px auto 20px;padding:40px 25px;box-shadow:0 20px 40px #002a8b14,inset 0 0 0 1px #ffffff80}.about-content-inner{text-align:center}.about-content-inner h3{color:var(--primary);letter-spacing:-.5px;text-transform:uppercase;margin-bottom:20px;font-size:1.8rem;font-weight:900}.about-content-inner p{color:#444;max-width:600px;margin-bottom:25px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.8}.about-features-grid{flex-wrap:wrap;justify-content:center;gap:15px;margin:30px 0;display:flex}.feature-item{color:var(--primary);background:#fffc;border:1px solid #002a8b1a;border-radius:100px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 15px #0000000d}.seo-text-subtle{opacity:.5;margin-top:30px;font-style:italic;line-height:1.4;font-size:.85rem!important}.game-footer-legal{text-align:center;width:100%;margin:20px auto 40px;padding:20px}.legal-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:15px;display:flex}.legal-links a{color:var(--primary);border-bottom:2px solid #0000;padding:5px 10px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.legal-links a:hover{border-bottom-color:var(--primary);opacity:.8}.legal-links .dot{background:#cbd5e0;border-radius:50%;width:5px;height:5px}.copyright{color:#718096;letter-spacing:.3px;font-size:.8rem;font-weight:600}@media (width<=600px){.about-section-premium{margin:40px 10px 20px;padding:30px 15px}.about-content-inner h3{font-size:1.4rem}.feature-item{padding:10px 16px;font-size:.8rem}.legal-links{gap:10px}.legal-links .dot{display:none}}