#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#05080d;overflow:hidden;transition:opacity .55s ease,visibility .55s ease}#loading-screen.loader-exit{opacity:0;visibility:hidden;pointer-events:none}.loader-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(0,212,170,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.06) 1px,transparent 1px);background-size:48px 48px;animation:loader-grid-drift 24s linear infinite;transform:perspective(500px) rotateX(58deg);transform-origin:center 80%}.loader-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,212,170,.04) 45%,rgba(0,212,170,.12) 50%,rgba(0,212,170,.04) 55%,transparent 100%);background-size:100% 220%;animation:loader-scan 3.2s ease-in-out infinite;pointer-events:none}@keyframes loader-grid-drift{0%{transform:perspective(500px) rotateX(58deg) translateY(0)}to{transform:perspective(500px) rotateX(58deg) translateY(48px)}}@keyframes loader-scan{0%,to{background-position:0 -80%}50%{background-position:0 180%}}.loader-panel{position:relative;width:min(92vw,520px);padding:28px 28px 24px;background:#0a1018eb;border:1px solid rgba(0,212,170,.35);border-radius:12px;box-shadow:0 0 40px #00d4aa1f,inset 0 1px #ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loader-brand{text-align:center;margin-bottom:20px}.loader-logo{font-size:32px;font-weight:800;letter-spacing:4px;color:var(--accent)}.loader-logo-x{color:#fff;text-shadow:0 0 16px var(--accent)}.loader-tagline{margin-top:4px;font-size:10px;letter-spacing:5px;color:var(--text-dim)}.loader-percent{font-size:42px;font-weight:700;text-align:center;color:#fff;text-shadow:0 0 20px rgba(0,212,170,.5);margin-bottom:14px;font-variant-numeric:tabular-nums}.loader-bar-wrap{margin-bottom:18px}.loader-bar-track{position:relative;height:10px;background:#2c3e50cc;border-radius:6px;overflow:hidden;border:1px solid rgba(0,212,170,.2)}.loader-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:6px;transition:width .18s ease-out;box-shadow:0 0 12px #00d4aa99}.loader-bar-glow{position:absolute;top:-4px;width:14px;height:18px;margin-left:-7px;background:radial-gradient(circle,rgba(0,255,210,.9) 0%,transparent 70%);transition:left .18s ease-out;pointer-events:none}.loader-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:14px}.loader-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#121a24d9;border:1px solid rgba(44,62,80,.7);border-radius:8px}.loader-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.loader-stat-value{font-size:14px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.loader-file-bar{height:3px;background:#2c3e5080;border-radius:2px;overflow:hidden;margin-bottom:10px}.loader-file-fill{height:100%;width:0%;background:#7ee8ffb3;transition:width .12s linear}.loader-current{font-size:12px;color:#7ee8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;min-height:18px}.loader-status{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);text-align:center}:root{--bg-dark: #0a0e14;--bg-panel: #121a24;--bg-panel-light: #1a2535;--accent: #00d4aa;--accent-dim: #00a888;--danger: #ff4757;--warning: #ffa502;--text: #c8d6e5;--text-dim: #8395a7;--border: #2c3e50;--soldier: #3498db;--alien: #9b59b6;--cover-half: #f39c12;--cover-full: #e67e22}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);overflow:hidden;height:100vh}#app{display:flex;flex-direction:column;height:100vh}.top-bar{display:flex;align-items:center;gap:24px;padding:10px 20px;background:linear-gradient(180deg,#141c28 0%,var(--bg-panel) 100%);border-bottom:1px solid var(--border);flex-shrink:0}.logo{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--accent)}.logo-x{color:#fff;text-shadow:0 0 12px var(--accent)}.logo-sub{font-size:10px;color:var(--text-dim);letter-spacing:3px;margin-left:8px}.mission-info{flex:1;font-size:13px;color:var(--text-dim)}.game-layout{display:grid;grid-template-columns:240px 1fr 220px;flex:1;min-height:0}.unit-panel,.log-panel{background:var(--bg-panel);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.log-panel{border-right:none;border-left:1px solid var(--border)}.log-panel h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:12px}.canvas-wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;background:radial-gradient(ellipse at center,#0c1218,#040608);position:relative;min-height:0;overflow:hidden}#game-container{flex:1;position:relative;min-height:0;cursor:crosshair}#game-container canvas{display:block;width:100%!important;height:100%!important;position:relative;z-index:1}#game-container>div{pointer-events:none!important}#game-container>div *{pointer-events:none!important}.action-bar{display:flex;gap:8px;padding:12px;background:var(--bg-panel);border-top:1px solid var(--border);width:100%;justify-content:center;flex-wrap:wrap}.btn{padding:8px 16px;border:1px solid var(--border);background:var(--bg-panel-light);color:var(--text);font-size:13px;cursor:pointer;border-radius:4px;transition:all .15s}.btn:hover:not(:disabled){background:var(--border);border-color:var(--accent-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.turn-controls{display:flex;gap:10px;margin-left:auto}.btn-auto{background:#1a2838;border-color:var(--warning);color:var(--warning);font-weight:600}.btn-auto:hover:not(:disabled){background:#243040;border-color:#f0c040;color:#f0c040}.btn-auto.active{background:var(--warning);border-color:var(--warning);color:#000;animation:auto-pulse 1.5s ease-in-out infinite}@keyframes auto-pulse{0%,to{box-shadow:0 0 #f0c04066}50%{box-shadow:0 0 12px 2px #f0c04099}}.btn-primary{background:var(--accent-dim);border-color:var(--accent);color:#000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-danger{background:#c0392b;border-color:var(--danger);color:#fff}.btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.unit-card{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:10px;cursor:pointer;transition:border-color .15s}.unit-card:hover{border-color:var(--accent-dim)}.unit-card.selected{border-color:var(--accent);box-shadow:0 0 12px #00d4aa33}.unit-card.dead{opacity:.35;pointer-events:none}.unit-card .name{font-weight:600;font-size:14px;margin-bottom:6px}.unit-card .class-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:8px}.hp-bar{height:6px;background:#2c3e50;border-radius:3px;overflow:hidden;margin-bottom:8px}.hp-fill{height:100%;background:linear-gradient(90deg,var(--danger),#2ecc71);transition:width .3s}.unit-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:11px;color:var(--text-dim)}.combat-log{font-size:12px;line-height:1.6}.log-entry{padding:4px 0;border-bottom:1px solid rgba(44,62,80,.5)}.log-entry.hit{color:var(--danger)}.log-entry.miss{color:var(--text-dim)}.log-entry.kill{color:var(--warning);font-weight:600}.log-entry.info{color:var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.overlay.hidden{display:none}.overlay-content{background:var(--bg-panel);border:1px solid var(--accent);border-radius:8px;padding:32px 48px;text-align:center;max-width:480px}.overlay-content h2{font-size:28px;color:var(--accent);margin-bottom:12px}.overlay-content p{color:var(--text-dim);margin-bottom:24px;line-height:1.5}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin:16px 0 8px}.ap-dots{display:flex;gap:4px;margin-top:8px}.ap-dot{width:12px;height:12px;border-radius:50%;background:var(--accent)}.ap-dot.spent{background:var(--border)}.soldier-strip,.mobile-dock{display:none}@media(max-width:900px){body{overflow:hidden;height:100dvh;height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}#app{height:100dvh;height:100vh}.top-bar{gap:8px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}.logo{font-size:16px;letter-spacing:1px;flex-shrink:0}.logo-sub{display:none}.mission-info{font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-controls{gap:6px;flex-shrink:0}.turn-controls .btn{padding:10px 12px;font-size:12px;min-height:44px;min-width:44px}.btn-auto .dock-label,.turn-controls .btn-auto{font-size:11px}#btn-end-turn{padding:10px 14px}.game-layout{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.canvas-wrap{flex:1;min-height:0;order:1;border-radius:0}#game-container{touch-action:none;min-height:180px}.soldier-strip{display:flex;gap:8px;padding:8px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:linear-gradient(180deg,transparent 0%,rgba(18,26,36,.95) 30%);flex-shrink:0}.soldier-strip::-webkit-scrollbar{display:none}.soldier-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px 10px;background:#1a2535e6;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;-webkit-tap-highlight-color:transparent}.soldier-chip:active{transform:scale(.96)}.soldier-chip.selected{border-color:var(--accent);box-shadow:0 0 16px #00d4aa59;background:#00a88826}.soldier-chip.dead{opacity:.35;pointer-events:none}.soldier-chip .chip-name{font-size:11px;font-weight:700;color:#fff;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soldier-chip .chip-class{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent)}.soldier-chip .chip-hp{width:48px;height:4px;background:#2c3e50;border-radius:2px;overflow:hidden}.soldier-chip .chip-hp-fill{height:100%;background:linear-gradient(90deg,var(--danger),#2ecc71);transition:width .3s}.soldier-chip .chip-ap{display:flex;gap:3px}.soldier-chip .chip-ap-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.soldier-chip .chip-ap-dot.spent{background:var(--border)}.action-bar{padding:8px 10px;gap:6px;flex-shrink:0;justify-content:stretch;background:#121a24fa;border-top:1px solid rgba(0,212,170,.2);padding-bottom:max(8px,env(safe-area-inset-bottom))}.action-bar .btn{flex:1;min-width:0;min-height:48px;padding:10px 6px;font-size:12px;border-radius:10px;font-weight:600}.unit-panel,.log-panel{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));max-height:42vh;z-index:50;border:none;border-top:1px solid rgba(0,212,170,.3);border-radius:16px 16px 0 0;padding:12px 14px 16px;background:#0e141ef7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 32px #00000080;transform:translateY(110%);transition:transform .28s cubic-bezier(.32,.72,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.unit-panel.open,.log-panel.open{transform:translateY(0)}.log-panel h3,.unit-panel .section-title:first-child{margin-top:0}.unit-card{padding:10px;margin-bottom:8px}.unit-card .name{font-size:13px}.combat-log{font-size:11px;max-height:36vh;overflow-y:auto}.mobile-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0a0e14fa;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dock-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px 10px;background:none;border:none;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s;min-height:56px}.dock-tab .dock-icon{font-size:20px;line-height:1}.dock-tab .dock-label{font-size:10px;font-weight:600;letter-spacing:.3px}.dock-tab.active{color:var(--accent)}.dock-tab.active .dock-icon{filter:drop-shadow(0 0 6px rgba(0,212,170,.6))}body[data-mobile-tab=map] #squad-section,body[data-mobile-tab=map] #enemy-section,body[data-mobile-tab=squad] #enemy-section,body[data-mobile-tab=enemies] #squad-section,body[data-mobile-tab=log] #squad-section,body[data-mobile-tab=log] #enemy-section{display:none}body[data-mobile-tab=squad] #squad-section,body[data-mobile-tab=enemies] #enemy-section{display:block}.overlay-content{margin:16px;padding:24px 20px;max-width:none}.overlay-content h2{font-size:22px}}@media(max-width:900px)and (orientation:landscape){.unit-panel,.log-panel{max-height:55vh}.soldier-strip{padding:4px 8px}.soldier-chip{min-width:56px;padding:6px 8px}.action-bar .btn{min-height:40px;font-size:11px}}