*{box-sizing:border-box;margin:0;padding:0;user-select:none}body,html{width:100%;height:100%;background:#0d0f12;color:#e0e1dd;font-family:Courier New,Courier,monospace;overflow:hidden}#game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#101216}#top-bar{position:absolute;top:0;left:0;right:0;height:64px;background:#0d0f12eb;border-bottom:2px solid #3d405b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10;backdrop-filter:blur(6px)}.header-left{display:flex;flex-direction:column}.game-badge{font-size:11px;font-weight:700;letter-spacing:2px;color:#ffb703}.game-title{font-size:20px;font-weight:900;letter-spacing:3px;color:#fff}.header-center{display:flex;flex-direction:column;align-items:center;gap:4px}.wave-pill{font-size:12px;font-weight:900;background:#2b2d42;border:1px solid #4a4e69;color:#0fa;padding:2px 14px;border-radius:4px;letter-spacing:1px}.sectors-bar{display:flex;gap:12px}.sector-pill{font-size:12px;font-weight:700;background:#1b263b;border:1px solid #415a77;color:#90e0ef;padding:2px 8px;border-radius:3px}.sector-pill.contested{border-color:#f77f00;color:#f77f00}.sector-pill.enemy{border-color:#d90429;color:#ef233c}.header-right{display:flex;align-items:center;gap:20px}.command-box{display:flex;align-items:center;gap:8px}.command-label{font-size:12px;font-weight:700;color:#ffb703}.command-meter{width:140px;height:14px;background:#161a1d;border:1px solid #ffb703;border-radius:3px;overflow:hidden}#command-fill{height:100%;background:linear-gradient(90deg,#d97706,#ffb703)}.command-num{font-size:12px;font-weight:700;color:#fff}.score-pill{font-size:13px;background:#1b1d28;padding:4px 10px;border-radius:4px;border:1px solid #30363d;color:#0fa}#chain-banner{position:absolute;top:76px;left:50%;transform:translate(-50%);background:#d90429e6;color:#fff;padding:8px 24px;border:2px solid #ffea00;border-radius:6px;font-size:16px;font-weight:900;letter-spacing:2px;z-index:20;box-shadow:0 8px 24px #0009;animation:pulseChain .4s infinite alternate}.camera-hint-pill{position:absolute;bottom:96px;left:50%;transform:translate(-50%);background:#10141ac7;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 16px;border-radius:20px;z-index:15;pointer-events:none;backdrop-filter:blur(4px)}@keyframes pulseChain{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.08)}}#bottom-deck{position:absolute;bottom:0;left:0;right:0;height:86px;background:#0d0f12eb;border-top:2px solid #3d405b;display:flex;align-items:center;justify-content:space-around;padding:0 20px;z-index:10;backdrop-filter:blur(6px)}.order-group,.ability-group{display:flex;flex-direction:column;gap:4px}.deck-label{font-size:11px;font-weight:700;color:#8d99ae;letter-spacing:1px}.order-buttons,.ability-buttons{display:flex;gap:10px}.order-btn{background:#1b1e24;color:#adb5bd;border:1px solid #495057;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .15s ease}.order-btn:hover{border-color:#0fa;color:#fff}.order-btn.active{background:#0fa;color:#080a0f;border-color:#0fa;box-shadow:0 4px 12px #00000080}.ability-btn{background:#1c2128;border:1px solid #ffb703;padding:6px 14px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:4px;font-family:inherit;cursor:pointer;transition:all .15s ease}.ability-btn:hover:not(:disabled){background:#2b2818;box-shadow:0 4px 12px #00000080}.ability-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#495057}.ab-key{font-size:11px;color:#ffb703;font-weight:700}.ab-name{font-size:12px;color:#fff;font-weight:700}.ab-cost{font-size:10px;color:#8d99ae}.modal{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(8px)}.modal.hidden{display:none!important}.modal-content{background:#161a23;border:2px solid #ffb703;border-radius:8px;padding:32px;max-width:820px;width:90%;text-align:center;box-shadow:0 0 40px #000c}.modal-header{font-size:26px;font-weight:900;letter-spacing:3px;color:#ffb703;margin-bottom:8px}.modal-sub{font-size:14px;color:#adb5bd;margin-bottom:24px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upgrade-card{background:#1e2430;border:2px solid #415a77;border-radius:6px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer;transition:all .2s ease}.upgrade-card:hover{transform:translateY(-4px);border-color:#ffb703;box-shadow:0 8px 24px #ffb7034d}.upgrade-card.rarity-common{border-color:#8d99ae}.upgrade-card.rarity-rare{border-color:#0fa}.upgrade-card.rarity-legendary{border-color:#ff0054;box-shadow:0 8px 24px #0009}.upg-icon{font-size:32px}.upg-name{font-size:15px;font-weight:700;color:#fff}.upg-desc{font-size:12px;color:#cbd5e1;line-height:1.4}.result-content{max-width:520px}.result-title{font-size:28px;font-weight:900;letter-spacing:3px;color:#0fa;margin-bottom:8px}.result-stats{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px;color:#e0e1dd;text-align:left;background:#0f1217;padding:16px;border-radius:6px;border:1px solid #30363d}.build-code-box{margin-bottom:20px;background:#1f242e;padding:10px;border-radius:4px;border:1px dashed #ffb703;display:flex;justify-content:space-between;align-items:center}.restart-btn{background:#ffb703;color:#0d0f12;border:none;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:900;letter-spacing:2px;border-radius:4px;cursor:pointer;transition:all .2s ease}.restart-btn:hover{background:#ffd166;box-shadow:0 6px 16px #0009}#minimap-container{position:absolute;top:72px;right:18px;width:240px;background:#0d0f12e0;border:1px solid #3d405b;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0009;backdrop-filter:blur(4px);z-index:9}.minimap-header{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#00f5d4;padding:4px 8px;background:#161b22e6;border-bottom:1px solid #30363d;text-align:center}#minimap-canvas{display:block;width:240px;height:150px}
