.game-map-page{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;height:calc(100vh - 96px);padding:0}.map-container{grid-row:2;align-self:center;height:570px;width:1008px;position:relative}.game-map-page .base-selector{grid-row:3;align-self:start;display:flex;justify-content:center;gap:6px;margin-top:16px}.game-map-page .base-selector-btn{font-family:Rajdhani,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:5px 14px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#aaa;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.game-map-page .base-selector-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.game-map-page .base-selector-btn.active{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b;cursor:default}.simple-map-wrapper{grid-row:2;align-self:center;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;width:fit-content}.simple-map-wrapper table{border-collapse:collapse}.simple-map-wrapper td.case_map{margin:0;padding:0;cursor:pointer}.simple-map-wrapper td.case_map a{display:block;height:50px;width:50px}.simple-map-wrapper td.case_map img{display:block}.map-tooltip{position:fixed;pointer-events:none;z-index:1000;padding:4px 10px;font-size:12px;color:#fff;background:#0a0a0ad1;-webkit-backdrop-filter:blur(10px) brightness(.8);backdrop-filter:blur(10px) brightness(.8);border:1px solid rgba(255,255,255,.08);border-radius:6px;white-space:nowrap;transform:translate(-50%)}.cell-panel{font-size:.9rem;line-height:1.6}.cell-panel h4{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;margin:0 0 6px}.cell-panel p{margin:4px 0}.cell-panel strong{color:#fff}.cell-panel-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.cell-panel-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cell-section-title{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:#f59e0b}.cell-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.cell-building-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}.cell-building-card{padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.cell-building-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cell-building-icon{width:56px;height:auto;flex-shrink:0}.cell-building-name{font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.05rem;color:#fff}.cell-building-available{font-size:.75rem;color:var(--color-text-muted)}.cell-building-costs{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;margin-bottom:6px}.cell-building-costs img{width:14px;height:14px;vertical-align:middle;margin-right:2px}.cell-building-desc{font-size:.8rem;color:var(--color-text-muted);margin-bottom:8px}.cell-building-action{text-align:right}.cell-building-blocked{font-size:.8rem;font-style:italic;color:var(--color-text-muted)}.cell-level-display{display:flex;flex-direction:column;align-items:center;padding:4px 0 8px}.cell-level-number{font-family:Rajdhani,sans-serif;font-weight:700;font-size:3rem;line-height:1;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.3)}.cell-level-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:2px}.cell-worker-line{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.cell-capacity-bar{height:6px;border-radius:3px;background:#ffffff0f;margin:10px 0 6px;overflow:hidden}.cell-capacity-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .3s}.cell-capacity-info{display:flex;justify-content:space-between;font-size:.78rem;color:var(--color-text-muted);margin-bottom:8px}.unit-gauge{display:flex;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden;margin:8px 0 12px}.unit-gauge-fill{height:100%;border-radius:5px;transition:width .6s ease}.unit-gauge-broken{background-image:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.6) 2px,rgba(0,0,0,.6) 4px)!important;background-blend-mode:multiply;background-size:8px 8px,auto}.unit-gauge-repairing{animation:unit-stripe-slide 2s linear infinite}@keyframes unit-stripe-slide{0%{background-position:0 0,0 0}to{background-position:8px 8px,0 0}}.cell-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:12px 0}.cell-stat{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);font-size:.85rem}.cell-stat-icon{flex-shrink:0;color:var(--color-text-muted);display:flex;align-items:center}.cell-stat-value{font-weight:700;color:#fff;font-family:Rajdhani,sans-serif;font-size:1rem}.cell-stat-label{color:var(--color-text-muted);font-size:.78rem}.cell-stat--warn{border-color:#ef444426;background:#ef44440a}.cell-requirements{display:flex;flex-direction:column;gap:8px;margin:12px 0}.cell-requirement{display:flex;align-items:center;gap:10px;font-size:.88rem;padding:8px 12px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.cell-requirement--met{border-color:#22c55e26;background:#22c55e0a}.cell-requirement--unmet{border-color:#ef444426;background:#ef44440a}.cell-requirement-status{flex-shrink:0;display:flex;align-items:center}.cell-requirement-check{color:#22c55e}.cell-requirement-x{color:#ef4444}.cell-requirement-icon{flex-shrink:0;display:flex;align-items:center}.cell-requirement-label{color:#fff}.cell-requirement-detail{font-size:.78rem;color:var(--color-text-muted);font-style:italic}.improvement-stats{display:flex;flex-direction:column;gap:10px;margin:12px 0}.improvement-stat{padding:10px 14px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.improvement-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.improvement-stat-icon{color:#f59e0b;display:flex;align-items:center}.improvement-stat-name{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;color:#fff}.improvement-stat-bonus{margin-left:auto;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.95rem;color:#f59e0b}.improvement-stat-bar{position:relative;height:4px;border-radius:2px;background:#ffffff0f;margin-bottom:10px;overflow:hidden}.improvement-stat-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .3s}.improvement-stat-bar-pending{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--color-primary);background-image:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.6) 2px,rgba(0,0,0,.6) 4px);background-blend-mode:multiply;background-size:8px 8px,auto;animation:improvement-pending-scroll 2s linear infinite}@keyframes improvement-pending-scroll{0%{background-position-x:0}to{background-position-x:8px}}.improvement-stat--researching{border-color:#f59e0b26}.improvement-stat-footer{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--color-text-muted);margin-top:2px}.cell-improvement-table{width:100%;font-size:.85rem;border-collapse:collapse;margin-bottom:8px}.cell-improvement-table td,.cell-improvement-table th{padding:4px 8px;text-align:left}.cell-improvement-table th{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid rgba(255,255,255,.06)}.cell-improvement-table tr:nth-child(2n){background:#ffffff05}.cell-improvement-label{font-weight:600;white-space:nowrap}.res-tip-bar-fill--oil{background:var(--resource-oil);box-shadow:0 0 8px rgba(var(--resource-oil-rgb),.55)}.res-tip-bar-fill--gold{background:var(--resource-gold);box-shadow:0 0 8px rgba(var(--resource-gold-rgb),.55)}.res-tip-bar-fill--iron{background:var(--resource-iron);box-shadow:0 0 8px rgba(var(--resource-iron-rgb),.55)}.resource-revenue-cards{display:flex;gap:10px;margin:12px 0}.resource-revenue-card{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.resource-revenue-icon{color:var(--color-text-muted);display:flex;align-items:center}.resource-revenue-info{display:flex;flex-direction:column;gap:2px}.resource-revenue-period{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.resource-revenue-value{display:flex;align-items:center;gap:4px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:1rem;color:#fff}.defense-stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:14px 0;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.defense-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f59e0b14;color:#f59e0b;flex-shrink:0}.defense-stat-info{display:flex;flex-direction:column;gap:2px}.defense-stat-value{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.15rem;color:#fff}.defense-stat-desc{font-size:.8rem;color:var(--color-text-muted)}.radar-levels{display:flex;flex-direction:column;gap:6px;margin:12px 0}.radar-level{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);font-size:.83rem;color:var(--color-text-muted)}.radar-level--unlocked{border-color:#22c55e1f;background:#22c55e08;color:var(--color-text-soft)}.radar-level--current{border-color:#f59e0b40;background:#f59e0b0f;color:#fff}.radar-level-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;background:#ffffff0f;flex-shrink:0}.radar-level--current .radar-level-badge{background:#f59e0b33;color:#f59e0b}.radar-level-desc{flex:1}.radar-signal-bars{flex-shrink:0;margin-left:auto}.radar-blocked{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:#ef4444;font-size:.85rem;margin-top:8px}.radar-blocked strong{color:#ef4444}.radar-blocked p{margin:4px 0 0;color:var(--color-text-muted)}.radar-no-attacks{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:.85rem;color:var(--color-text-muted)}.radar-attacks{display:flex;flex-direction:column;gap:8px;margin-top:8px}.radar-attack-card{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:#ef44440a;border:1px solid rgba(239,68,68,.12);font-size:.85rem}.radar-attack-attacker a{color:#fff;font-weight:600}.radar-attack-details{display:flex;gap:14px}.radar-attack-detail{color:var(--color-text-soft)}.radar-locked{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:var(--color-text-muted);opacity:.5}.cell-action-bar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.cell-action-bar-left{display:flex;gap:6px}.cell-action-bar-right{display:flex;gap:8px;margin-left:auto}.cell-action-reset{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--color-text-muted);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.cell-action-reset:hover{background:#ef444414;border-color:#ef44444d;color:var(--color-error)}.cell-action-demolish{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:var(--color-error);cursor:pointer;transition:background .2s,border-color .2s;&--disabled{opacity:.3;cursor:not-allowed}}.cell-action-demolish:hover:not(:disabled){background:#ef444426;border-color:#ef444480}@media(max-width:768px){.game-map-page{overflow:auto;-webkit-overflow-scrolling:touch}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px}.empty-state-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--color-text-muted);opacity:.4}.empty-state-icon svg{width:22px;height:22px}.empty-state-text{color:var(--color-text-muted);font-size:.84rem}