*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff}#root{width:100%;height:100%;overflow:hidden}.hex-territory{cursor:pointer;transition:filter .3s ease,transform .2s ease}.hex-territory:hover{filter:brightness(1.2)}.hex-pulsing{animation:hex-pulse 1.5s ease-in-out infinite}@keyframes hex-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 0px rgba(180,150,50,0))}50%{filter:brightness(1.1) drop-shadow(0 0 6px rgba(180,150,50,.4))}}.hex-owned:hover{filter:brightness(1.15) drop-shadow(0 0 6px currentColor)}.hex-lock{animation:lock-bob 2.5s ease-in-out infinite}@keyframes lock-bob{0%,to{opacity:.7}50%{opacity:1}}.troop-shield-selected{animation:shield-glow 1.2s ease-in-out infinite}@keyframes shield-glow{0%,to{filter:drop-shadow(0 0 2px rgba(212,175,55,.3))}50%{filter:drop-shadow(0 0 6px rgba(212,175,55,.8))}}.troop-shield-destination{animation:shield-dest-pulse 1.2s ease-in-out infinite}@keyframes shield-dest-pulse{0%,to{filter:drop-shadow(0 0 1px rgba(212,175,55,.2))}50%{filter:drop-shadow(0 0 4px rgba(212,175,55,.6))}}.hex-territory polygon{transition:stroke .3s ease,stroke-width .3s ease,opacity .3s ease}.scoreboard{position:absolute;top:10px;right:10px;background-color:#2a2a2af2;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000080;z-index:1000;-webkit-user-select:none;user-select:none;border:2px solid #555}.scoreboard-header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #555}.current-player{font-weight:700;font-size:14px}.player-list{margin-bottom:4px}.player-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;margin:3px 0}.player-row.active{background-color:#ffeb3b26}.player-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.player-name{color:#ddd;font-size:13px}.collapse-btn{width:100%;margin-top:6px;background:#d4af3733;color:#d4af37;border:1px solid #d4af37;border-radius:4px;padding:5px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.collapse-btn:hover{background:#d4af37;color:#1a1a1a}.ready-indicator{margin-left:auto;font-size:14px;color:#666;transition:color .2s}.ready-indicator.ready{color:#4caf50;font-weight:700}.map-container{position:relative;display:inline-block;max-width:100%;max-height:calc(100vh - 120px)}.map-container svg{max-width:100%;max-height:calc(100vh - 120px);width:auto;height:auto}.end-turn-overlay{position:absolute;bottom:15px;right:15px;padding:12px 24px;color:#fff;border:2px solid;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s;box-shadow:0 4px 8px #0000004d;z-index:10}.end-turn-overlay:hover:not(:disabled){opacity:.85}.end-turn-overlay:disabled{opacity:.5;cursor:not-allowed}.ready-btn.is-ready{animation:ready-pulse 2s ease-in-out infinite}@keyframes ready-pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-urgent-text{animation:timer-urgent-text 1s ease-in-out infinite}@keyframes timer-urgent-text{0%,to{opacity:1}50%{opacity:.5}}.battle-arrow-line{animation:arrow-draw .5s cubic-bezier(.2,.8,.3,1) forwards}.battle-arrow-flank{animation:arrow-draw .55s cubic-bezier(.2,.8,.3,1) .08s forwards}@keyframes arrow-draw{0%{stroke-dashoffset:inherit;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.battle-impact-group{opacity:0;animation:impact-appear .05s step-end .5s forwards}@keyframes impact-appear{to{opacity:1}}.battle-impact-ray{opacity:0;transform-origin:center;animation:ray-burst .4s ease-out .5s forwards}@keyframes ray-burst{0%{opacity:0;stroke-width:4}30%{opacity:1}to{opacity:0;stroke-width:1}}.battle-impact-sword{opacity:0;animation:sword-slash .35s ease-out .48s forwards}@keyframes sword-slash{0%{opacity:0;stroke-width:6}30%{opacity:1;stroke-width:4}to{opacity:.9;stroke-width:3.5}}.battle-impact-flash{animation:impact-flash .5s ease-out .48s forwards}@keyframes impact-flash{0%{r:0;opacity:.9}40%{r:16;opacity:.7}to{r:28;opacity:0}}.move-arrow-chevron{animation:move-chevron-blink 1.2s ease-in-out infinite}@keyframes move-chevron-blink{0%,to{opacity:.15}50%{opacity:.9}}.surrender-btn{position:absolute;top:10px;left:10px;padding:6px 14px;background-color:#0000004d;color:#999;border:1px solid #666;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;z-index:10}.surrender-btn:hover{background-color:#b4282866;color:#e74c3c;border-color:#e74c3c}.battle-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;animation:battleFadeIn .2s ease-out}@keyframes battleFadeIn{0%{opacity:0}to{opacity:1}}.battle-result-modal{background-color:#1a1a1a;border:2px solid #444;border-radius:8px;max-width:420px;width:90%;animation:battleSlideIn .3s ease-out}@keyframes battleSlideIn{0%{transform:scale(.9) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.battle-result-header{padding:14px 16px;text-align:center;border-bottom:2px solid #333}.battle-result-header.victory{border-bottom-color:#27ae60}.battle-result-header.defeat{border-bottom-color:#c0392b}.battle-result-header h2{margin:0;font-size:1.3em;text-transform:uppercase;letter-spacing:2px}.battle-result-header.victory h2{color:#2ecc71}.battle-result-header.defeat h2{color:#e74c3c}.battle-territory{display:block;color:#888;font-size:.85em;margin-top:4px}.battle-result-content{padding:14px 16px}.battle-matchup{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}.battle-side{display:flex;flex-direction:column;align-items:center}.side-label{font-weight:700;font-size:1em}.side-role{font-size:.75em;color:#666;text-transform:uppercase;letter-spacing:1px}.vs{color:#555;font-size:.9em;font-weight:700}.battle-stats-table{width:100%;border-collapse:collapse;margin-bottom:12px}.battle-stats-table th{padding:4px 0;font-size:.8em;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #333}.battle-stats-table th:first-child{text-align:left}.battle-stats-table th:not(:first-child){text-align:right}.battle-stats-table td{padding:5px 0;font-size:.9em;border-bottom:1px solid #2a2a2a}.battle-stats-table tr:last-child td{border-bottom:none}.battle-stats-table .stat-label{color:#999;font-weight:700}.battle-stats-table td:not(:first-child){text-align:right;color:#ddd}.battle-stats-table .casualties{color:#e74c3c}.gold-stolen{text-align:center;color:#d4af37;font-weight:700;font-size:.9em;padding:8px 0 0}.territory-captured{text-align:center;color:#2ecc71;font-weight:700;font-size:.9em;padding:8px 0 0}.battle-dismiss-button{display:block;width:100%;padding:12px;border:none;border-top:1px solid #333;border-radius:0 0 6px 6px;background-color:#2c2c2c;color:#ccc;font-family:inherit;font-size:.9em;cursor:pointer;transition:background-color .2s}.battle-dismiss-button:hover{background-color:#3a3a3a;color:#fff}.recon-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;animation:reconFadeIn .2s ease-out}@keyframes reconFadeIn{0%{opacity:0}to{opacity:1}}.recon-result-modal{background-color:#1a1a1a;border:2px solid #444;border-radius:8px;max-width:420px;width:90%;animation:reconSlideIn .3s ease-out}@keyframes reconSlideIn{0%{transform:scale(.9) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.recon-result-header{padding:14px 16px;text-align:center;border-bottom:2px solid #333}.recon-result-header.success{border-bottom-color:#2980b9}.recon-result-header.failure{border-bottom-color:#c0392b}.recon-result-header h2{margin:0;font-size:1.3em;text-transform:uppercase;letter-spacing:2px}.recon-result-header.success h2{color:#3498db}.recon-result-header.failure h2{color:#e74c3c}.recon-target{display:block;color:#888;font-size:.85em;margin-top:4px}.recon-result-content{padding:14px 16px}.recon-section{margin-bottom:12px}.recon-section h3{margin:0 0 6px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:#3498db;border-bottom:1px solid #333;padding-bottom:4px}.recon-stats-table{width:100%;border-collapse:collapse}.recon-stats-table td{padding:3px 0;font-size:.9em;border-bottom:1px solid #2a2a2a}.recon-stats-table tr:last-child td{border-bottom:none}.recon-stats-table .stat-label{color:#999;font-weight:700}.recon-stats-table td:not(:first-child){text-align:right;color:#ddd}.item-category{font-weight:700}.item-category.attack{color:#e74c3c}.item-category.defense{color:#3498db}.item-category.sentry{color:#f39c12}.recon-empty{color:#666;font-size:.85em;font-style:italic;text-align:center;padding:4px 0}.recon-sentry-rating{text-align:center;color:#f39c12;font-weight:700;font-size:.9em;padding:8px 0 0}.recon-failure-message{text-align:center;color:#e74c3c;font-weight:700;font-size:1.1em;padding:20px 0}.recon-failure-detail{color:#888;font-size:.8em;font-weight:400;margin-top:8px}.recon-dismiss-button{display:block;width:100%;padding:12px;border:none;border-top:1px solid #333;border-radius:0 0 6px 6px;background-color:#2c2c2c;color:#ccc;font-family:inherit;font-size:.9em;cursor:pointer;transition:background-color .2s}.recon-dismiss-button:hover{background-color:#3a3a3a;color:#fff}.sabotage-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;animation:sabResultFadeIn .2s ease-out}@keyframes sabResultFadeIn{0%{opacity:0}to{opacity:1}}.sabotage-result-modal{background-color:#1a1a1a;border:2px solid #444;border-radius:8px;max-width:400px;width:90%;animation:sabResultSlideIn .3s ease-out}@keyframes sabResultSlideIn{0%{transform:scale(.9) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.sabotage-result-header{padding:14px 16px;text-align:center;border-bottom:2px solid #333}.sabotage-result-header.success{border-bottom-color:#8e44ad}.sabotage-result-header.failure{border-bottom-color:#c0392b}.sabotage-result-header h2{margin:0;font-size:1.3em;text-transform:uppercase;letter-spacing:2px}.sabotage-result-header.success h2{color:#9b59b6}.sabotage-result-header.failure h2{color:#e74c3c}.sabotage-result-matchup{display:block;color:#888;font-size:.85em;margin-top:4px}.sabotage-result-content{padding:14px 16px}.sabotage-result-section{margin-bottom:12px}.sabotage-result-section h3{margin:0 0 6px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:#8e44ad;border-bottom:1px solid #333;padding-bottom:4px}.sabotage-result-table{width:100%;border-collapse:collapse}.sabotage-result-table td{padding:3px 0;font-size:.9em;border-bottom:1px solid #2a2a2a}.sabotage-result-table tr:last-child td{border-bottom:none}.sabotage-result-table .stat-label{color:#999;font-weight:700;display:flex;align-items:center;gap:6px}.sabotage-result-table td:not(:first-child){text-align:right;color:#ddd;font-weight:700}.result-cat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.sabotage-failure-message{text-align:center;color:#e74c3c;font-weight:700;font-size:1.1em;padding:20px 0}.sabotage-failure-detail{color:#888;font-size:.8em;font-weight:400;margin-top:8px}.sabotage-result-dismiss{display:block;width:100%;padding:12px;border:none;border-top:1px solid #333;border-radius:0 0 6px 6px;background-color:#2c2c2c;color:#ccc;font-family:inherit;font-size:.9em;cursor:pointer;transition:background-color .2s}.sabotage-result-dismiss:hover{background-color:#3a3a3a;color:#fff}.upgrade-table{background-color:#2a2a2a;border-radius:8px;padding:10px;width:475px;border:2px solid #444}.upgrade-table h2{margin:0 0 15px;color:#fff;font-size:20px;text-align:center}.territory-context-header{text-align:center;font-size:13px;color:#ccc;margin-bottom:8px;padding:4px 8px}.territory-context-header.no-selection{color:#666;font-style:italic}.tab-placeholder-greyed{text-align:center;padding:40px 20px;color:#666;font-style:italic;font-size:14px}.command-center-layout{display:flex;flex-direction:column;gap:15px}.tab-bar{display:flex;flex-direction:row;gap:8px;border-bottom:2px solid #444;padding-bottom:8px}.tab-button{padding:8px 16px;background-color:#1a1a1a;color:#aaa;border:1px solid #444;border-radius:4px 4px 0 0;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;flex:1}.tab-button:hover{background-color:#333;border-color:#555}.tab-button.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.tab-content{width:100%}.tab-placeholder{color:#aaa;text-align:center;padding:40px 20px;font-size:14px}.upgrade-table table{width:100%;border-collapse:collapse}.upgrade-table thead th{background-color:#1a1a1a;color:#aaa;padding:10px;text-align:left;font-size:13px;font-weight:700;border-bottom:2px solid #444}.upgrade-table thead th:nth-child(3),.upgrade-table thead th:nth-child(4){text-align:center}.upgrade-table tbody tr{border-bottom:1px solid #333}.upgrade-table tbody tr:last-child{border-bottom:none}.upgrade-table tbody td{padding:12px 10px;color:#fff;font-size:14px}.upgrade-table tbody td:first-child{font-weight:700;color:#ddd}.upgrade-table tbody td:nth-child(2),.upgrade-table tbody td:nth-child(3),.upgrade-table tbody td:nth-child(4){text-align:center;color:#ffeb3b;font-weight:700}.upgrade-table tbody td:nth-child(5){text-align:center}.upgrade-btn{padding:6px 12px;background-color:#666;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s;width:100%}.upgrade-btn:hover:not(:disabled){opacity:.85}.upgrade-btn:disabled{background-color:#555;cursor:not-allowed;opacity:.5}.deployments-remaining{font-size:18px;font-weight:700;color:#ffeb3b;text-align:center;margin-top:10px}.upgrade-table p{color:#fff;text-align:center;margin:10px 0}.train-input{width:100%;padding:6px 8px;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;text-align:center}.train-input:focus{outline:none;border-color:#4caf50}.train-input::placeholder{color:#666}.train-input::-webkit-outer-spin-button,.train-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.train-input[type=number]{-moz-appearance:textfield}.battle-log{max-height:400px;overflow-y:auto}.battle-log-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #2a2a2a;gap:8px}.battle-log-row.win{border-left:3px solid #4caf50}.battle-log-row.loss{border-left:3px solid #e74c3c}.battle-log-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:.82em}.battle-log-turn{color:#888;font-weight:700;flex-shrink:0}.battle-log-territory{color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-log-matchup{color:#999;white-space:nowrap;flex-shrink:0}.battle-log-result{font-weight:700;flex-shrink:0}.battle-log-row.win .battle-log-result{color:#4caf50}.battle-log-row.loss .battle-log-result{color:#e74c3c}.battle-log-result.captured{color:#2ecc71}.battle-log-view-btn{background:transparent;border:1px solid;border-radius:3px;padding:2px 8px;font-size:.75em;cursor:pointer;flex-shrink:0;transition:background-color .2s}.battle-log-view-btn:hover{background-color:#ffffff1a}.battle-log-row.recon-success{border-left-color:#2980b9}.battle-log-row.recon-failure{border-left-color:#e74c3c}.battle-log-row.recon-captured{border-left-color:#f39c12}.recon-label{color:#3498db!important;font-style:italic}.recon-success-text{color:#3498db}.recon-captured-text{color:#f39c12}.battle-log-row.sabotage-success{border-left-color:#8e44ad}.battle-log-row.sabotage-failure{border-left-color:#e74c3c}.battle-log-row.sabotage-foiled{border-left-color:#27ae60}.sabotage-label{color:#9b59b6!important;font-style:italic}.sabotage-success-text{color:#9b59b6}.sabotage-foiled-text{color:#27ae60}.gold-bar{background-color:#1a1a1a;border-top:2px solid;padding:8px 12px;margin-top:10px;text-align:center;font-size:16px;font-weight:700;color:#fff;border-radius:0 0 6px 6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.game-over-modal{background-color:#2a2a2a;border-radius:12px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.game-over-modal h1{margin:0 0 30px;color:#fff;font-size:36px;text-align:center}.winner-announcement{text-align:center;margin:30px 0;padding:30px;background-color:#333;border-radius:8px;border:3px solid #ffd700}.winner-announcement h2{margin:0 0 15px;color:gold;font-size:24px}.surrender-subtitle{color:#e74c3c;font-size:16px;margin-bottom:12px;font-style:italic}.elimination-subtitle{color:#e67e22;font-size:16px;margin-bottom:12px;font-style:italic}.winner-name{font-size:32px;font-weight:700;margin:10px 0}.winner-rank{font-size:20px;color:#ddd;margin-top:10px}.final-rankings{margin:30px 0}.final-rankings h3{margin:0 0 15px;color:#fff;font-size:20px}.final-rankings table{width:100%;border-collapse:collapse;background-color:#333;border-radius:8px;overflow:hidden}.final-rankings th{background-color:#444;color:#fff;padding:12px 8px;font-size:14px;text-align:left;font-weight:700}.final-rankings td{padding:12px 8px;color:#ddd;font-size:14px;border-top:1px solid #444}.winner-row{background-color:#4a4a00}.rank-number{font-weight:700;color:gold;font-size:16px}.player-cell{display:flex;align-items:center;gap:10px}.player-indicator{width:16px;height:16px;border-radius:50%;border:2px solid #fff;flex-shrink:0}.gold-cell{color:gold;font-weight:700}.total-cell{font-weight:700;color:#4caf50;font-size:16px}.play-again-btn{width:100%;padding:15px;margin-top:30px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .3s}.play-again-btn:hover{background-color:#45a049}.play-again-btn:active{background-color:#3d8b40}.race-selection-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000}.race-selection-modal{background-color:#2a2a2a;border-radius:12px;padding:30px;max-width:900px;box-shadow:0 8px 24px #000c;border:3px solid #d4af37}.race-selection-header{text-align:center;margin-bottom:30px}.race-selection-header h2{margin:0 0 10px;font-size:28px;font-weight:700}.race-selection-header p{margin:0;font-size:18px;color:#ddd}.race-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.race-card{background-color:#1a1a1a;border:2px solid #555;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease}.race-card:hover{border-color:#d4af37;background-color:#222;transform:translateY(-4px);box-shadow:0 4px 12px #d4af374d}.race-card.selected{border-color:#d4af37;background-color:#2a2a1a;box-shadow:0 0 20px #d4af3780}.race-card.taken{opacity:.4;cursor:not-allowed;pointer-events:none}.taken-label{display:block;text-align:center;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:-6px 0 4px}.race-card h3{margin:0 0 10px;font-size:22px;color:#d4af37;text-align:center}.race-description{margin:0 0 15px;font-size:13px;color:#999;text-align:center;font-style:italic}.race-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.stat-label{color:#aaa}.stat-value{color:#fff;font-weight:700}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.confirm-selection-btn{width:100%;margin-top:25px;padding:12px;background-color:#d4af37;color:#1a1a1a;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.confirm-selection-btn:hover:not(:disabled){background-color:#f0c24a;transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.confirm-selection-btn:disabled{background-color:#555;color:#888;cursor:not-allowed}.territory-action-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.territory-action-modal{background-color:#1a1a1a;border:2px solid #444;border-radius:8px;max-width:400px;width:90%;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid}.modal-header h2{margin:0;font-size:1.1em;white-space:nowrap}.close-button{background:none;border:none;color:#888;font-size:1.5em;cursor:pointer;line-height:.8;padding:0;width:24px;height:24px;transition:color .2s;flex-shrink:0}.close-button:hover{color:#fff}.modal-content{padding:12px 16px}.enemy-stats-section{margin-bottom:12px}.stats-table{width:100%;border-collapse:collapse}.stats-table td{padding:4px 0;border-bottom:1px solid #2a2a2a;font-size:.9em}.stats-table tr:last-child td{border-bottom:none}.stats-table .stat-label{font-weight:700;color:#999;width:55%}.stats-table td:last-child{text-align:right;color:#ddd}.no-intel{color:#666!important;font-style:italic}.recon-intel{color:#3498db!important}.intel-source{text-align:right;color:#555;font-size:.75em;font-style:italic;margin-top:4px}.recon-full{width:100%;padding:10px 0;border:1px solid #2980b9;border-radius:4px;background-color:#2980b9;color:#fff;cursor:pointer;text-align:center;transition:all .2s;font-family:inherit;font-size:.85em;font-weight:700}.recon-full:hover:not(:disabled){background-color:#3498db;transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.recon-full:disabled{opacity:.4;cursor:not-allowed}.source-section{margin-top:10px;border-top:1px solid #333;padding-top:8px}.source-section-label{font-size:.8em;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.source-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;margin-bottom:4px;background-color:#2c2c2c;border:1px solid #444;border-radius:4px;color:#ddd;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.85em}.source-option:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.source-option:last-child{margin-bottom:0}.attack-source:hover{background-color:#3a2020;border-color:#c0392b}.sabotage-source:hover{background-color:#2d1f3a;border-color:#8e44ad}.source-name{font-weight:700;color:#eee}.source-stats{display:flex;gap:10px;font-size:.9em}.source-troops{color:#999}.source-power{color:#c0392b;font-weight:700}.source-cost{color:#f1c40f;font-weight:700}.sabotage-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;animation:sabotageFadeIn .2s ease-out}@keyframes sabotageFadeIn{0%{opacity:0}to{opacity:1}}.sabotage-modal{background-color:#1a1a1a;border:2px solid #8e44ad;border-radius:8px;max-width:420px;width:90%;animation:sabotageSlideIn .3s ease-out}@keyframes sabotageSlideIn{0%{transform:scale(.9) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.sabotage-header{padding:14px 16px;text-align:center;border-bottom:2px solid #8e44ad}.sabotage-header h2{margin:0;font-size:1.2em;text-transform:uppercase;letter-spacing:2px;color:#9b59b6}.sabotage-target{display:block;color:#888;font-size:.85em;margin-top:4px}.sabotage-intel-source{display:block;color:#555;font-size:.75em;font-style:italic;margin-top:2px}.sabotage-content{padding:14px 16px}.sabotage-empty{color:#666;font-size:.9em;font-style:italic;text-align:center;padding:20px 0}.sabotage-items-table{width:100%;border-collapse:collapse;margin-bottom:12px}.sabotage-items-table th{padding:4px 0;font-size:.75em;text-transform:uppercase;letter-spacing:1px;color:#666;border-bottom:1px solid #333;text-align:left}.sabotage-items-table th:nth-child(2),.sabotage-items-table th:nth-child(3),.sabotage-items-table th:nth-child(4){text-align:center}.sabotage-items-table td{padding:6px 0;font-size:.85em;border-bottom:1px solid #2a2a2a;color:#ddd}.sabotage-items-table tr:last-child td{border-bottom:none}.sabotage-items-table tr.requirement-not-met .item-name-cell{color:#888}.item-name-cell{display:flex;align-items:center;gap:6px}.item-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.item-qty-cell{text-align:center;color:#999}.item-target-cell{text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.qty-btn{width:22px;height:22px;border:1px solid #555;border-radius:3px;background:#2c2c2c;color:#ddd;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9em;padding:0;transition:all .15s}.qty-btn:hover:not(:disabled){background:#3a3a3a;border-color:#8e44ad}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{min-width:20px;text-align:center;font-weight:700}.item-req-cell{text-align:center;font-size:.8em}.item-req-cell.req-met{color:#27ae60}.item-req-cell.req-not-met{color:#e74c3c}.sabotage-summary{border-top:1px solid #333;padding-top:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.summary-label{color:#999;font-size:.85em;font-weight:700}.summary-value{font-size:.9em;color:#ddd}.summary-value.insufficient{color:#e74c3c;font-weight:700}.summary-value.prob-high{color:#27ae60;font-weight:700}.summary-value.prob-medium{color:#f39c12;font-weight:700}.summary-value.prob-low{color:#e74c3c;font-weight:700}.sabotage-footer{display:flex;border-top:1px solid #333}.sabotage-launch-btn{flex:1;padding:12px;border:none;border-right:1px solid #333;border-radius:0 0 0 6px;background-color:#8e44ad;color:#fff;font-family:inherit;font-size:.9em;font-weight:700;cursor:pointer;transition:background-color .2s}.sabotage-launch-btn:hover:not(:disabled){background-color:#9b59b6}.sabotage-launch-btn:disabled{background-color:#2c2c2c;color:#555;cursor:not-allowed}.sabotage-cancel-btn{flex:1;padding:12px;border:none;border-radius:0 0 6px;background-color:#2c2c2c;color:#ccc;font-family:inherit;font-size:.9em;cursor:pointer;transition:background-color .2s}.sabotage-cancel-btn:hover{background-color:#3a3a3a;color:#fff}.troop-move-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.troop-move-modal{background-color:#1a1a1a;border:2px solid #444;border-radius:8px;max-width:380px;width:90%;animation:slideIn .3s ease-out}.troop-move-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid #444}.troop-move-modal .modal-header h2{margin:0;font-size:1em}.troop-move-modal .close-button{background:none;border:none;color:#888;font-size:1.5em;cursor:pointer;transition:color .2s;padding:0 4px}.troop-move-modal .close-button:hover{color:#fff}.troop-move-modal .modal-content{padding:12px 16px}.dest-section{margin-bottom:12px}.dest-label{color:#999;font-weight:700;font-size:.9em;margin-right:8px}.dest-select{background:#2c2c2c;color:#ddd;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:.9em;width:100%;margin-top:4px}.slider-section{margin-bottom:12px}.troop-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.slider-label{width:65px;font-size:.85em;font-weight:700;text-align:right}.troop-range{flex:1;accent-color:#d4af37;height:4px}.slider-value{width:55px;text-align:right;color:#aaa;font-size:.8em}.remaining-info{text-align:center;color:#888;font-size:.85em;margin-bottom:12px;padding:6px;background:#222;border-radius:4px}.remaining-info strong{color:#ddd}.actions-row{display:flex;gap:8px}.action-button{flex:1;padding:10px 0;border:1px solid;border-radius:4px;background-color:#2c2c2c;color:#fff;font-weight:700;font-size:.85em;cursor:pointer;transition:all .2s}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.action-button:disabled{opacity:.4;cursor:not-allowed}.cancel-button{border-color:#555}.cancel-button:hover{background-color:#333}.move-button{border-color:#d4af37;color:#d4af37}.move-button:hover:not(:disabled){background-color:#d4af3726}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-board{display:flex;justify-content:center;align-items:center;padding:15px;height:calc(100vh - 80px);overflow:hidden}.game-container{display:flex;flex-direction:row;align-items:flex-start;gap:15px;max-height:100%;overflow:hidden}.game-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#281e0feb;color:#e8d5a3;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;border:1px solid #6b5b3a;box-shadow:0 4px 16px #0006;z-index:1000;pointer-events:none;animation:toast-fade 2.5s ease-in-out}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(-8px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.waiting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.waiting-content{text-align:center;color:#d4c5a0;padding:40px;background:#1e1e1ef2;border-radius:12px;border:2px solid #5a4a2a}.waiting-content h2{margin:0 0 20px;font-size:20px}.waiting-spinner{width:40px;height:40px;margin:0 auto;border:4px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.surrender-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:500}.surrender-confirm-modal{background:#2a2a2a;border:2px solid #e74c3c;border-radius:10px;padding:30px;max-width:380px;text-align:center}.surrender-confirm-modal h2{margin:0 0 12px;color:#e74c3c;font-size:22px}.surrender-confirm-modal p{margin:0 0 24px;color:#ccc;font-size:14px;line-height:1.5}.surrender-confirm-buttons{display:flex;gap:12px;justify-content:center}.surrender-cancel-btn{padding:10px 24px;background:#444;color:#fff;border:1px solid #666;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.surrender-cancel-btn:hover{background:#555}.surrender-confirm-btn{padding:10px 24px;background:#c0392b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.surrender-confirm-btn:hover{background:#e74c3c}.navigation{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:3px solid #d4af37;box-shadow:0 4px 12px #00000080;position:sticky;top:0;z-index:1000}.nav-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px}.game-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(212,175,55,.3);letter-spacing:2px;margin:0;font-family:Georgia,serif;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.nav-beta-badge{font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#d4af37,#b8942e);-webkit-background-clip:unset;-webkit-text-fill-color:#1a1a1a;background-clip:unset;padding:2px 8px;border-radius:5px;margin-left:10px;vertical-align:super;display:inline-block}.nav-tabs{display:flex;gap:8px}.nav-tab{padding:12px 28px;background:#2a2a2a99;color:#aaa;border:2px solid #444;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:1px}.nav-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s ease}.nav-tab:hover:before{left:100%}.nav-tab:hover{background:#3c3c3ccc;border-color:#d4af37;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d}.nav-tab.active{background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border-color:#f4e4a6;box-shadow:0 4px 12px #d4af3780}.nav-tab.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3799}.nav-auth{display:flex;align-items:center;gap:12px;min-width:120px;justify-content:flex-end}.nav-auth-loading{color:#888;font-size:14px}.nav-user{display:flex;align-items:center;gap:12px}.nav-username{color:#d4af37;font-weight:700;font-size:14px;letter-spacing:.5px}.nav-auth-btn{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.nav-login-btn{background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border:none}.nav-login-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #d4af3766}.nav-logout-btn{background:transparent;color:#888;border:1px solid #555}.nav-logout-btn:hover{color:#fff;border-color:#888}.home-page{height:calc(100vh - 80px);background:linear-gradient(180deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;overflow:hidden}.hero-section{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(212,175,55,.05) 0%,transparent 50%);animation:patternPulse 8s ease-in-out infinite}@keyframes patternPulse{0%,to{opacity:.3}50%{opacity:.6}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#d4af37;border-radius:50%;opacity:0;animation:floatParticle 15s infinite;box-shadow:0 0 4px #d4af37}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.hero-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:72px;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px;font-family:Georgia,serif;letter-spacing:3px;text-shadow:0 0 40px rgba(212,175,55,.5);animation:titleFloat 4s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-10px);filter:brightness(1.2)}}.hero-buttons{display:flex;gap:20px;justify-content:center;align-items:center;animation:fadeIn 1.5s ease-out .9s backwards}.info-button{padding:18px 36px;font-size:18px;font-weight:700;color:#d4af37;background:transparent;border:2px solid #d4af37;border-radius:12px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.info-button:hover{background:#d4af371a;transform:translateY(-4px);box-shadow:0 8px 24px #d4af374d}.info-button:active{transform:translateY(-2px)}.hero-subtitle{font-size:24px;color:#d4af37;margin:0 0 30px;font-weight:300;letter-spacing:2px;animation:fadeIn 1.5s ease-out .3s backwards}.hero-description{font-size:18px;color:#bbb;line-height:1.8;max-width:600px;margin:0 auto 50px;animation:fadeIn 1.5s ease-out .6s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-button{position:relative;padding:18px 48px;font-size:20px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #d4af3766;letter-spacing:1px}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:buttonShine 3s linear infinite}@keyframes buttonShine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.start-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #d4af3799}.start-button:active{transform:translateY(-2px) scale(1.02)}.features-section{display:flex;gap:40px;max-width:1200px;margin:0 auto;padding:80px 20px;justify-content:center;flex-wrap:wrap}.feature-card{flex:1;min-width:280px;max-width:350px;background:linear-gradient(135deg,#2a2a2acc,#1a1a1acc);border:2px solid #444;border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp 1s ease-out backwards}.feature-card:nth-child(1){animation-delay:1.2s}.feature-card:nth-child(2){animation-delay:1.4s}.feature-card:nth-child(3){animation-delay:1.6s}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:#d4af37;box-shadow:0 12px 32px #d4af374d}.feature-card:hover:before{opacity:1}.feature-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(212,175,55,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title{font-size:24px;color:#d4af37;margin:0 0 15px;font-weight:700;letter-spacing:1px}.feature-description{font-size:16px;color:#aaa;line-height:1.6;margin:0}.info-page{height:calc(100vh - 80px);overflow-y:auto;background:linear-gradient(180deg,#0a0a0a,#1a1a1a,#0a0a0a);padding:60px 20px;color:#ccc}.info-container{max-width:860px;margin:0 auto;animation:infoFadeIn .6s ease-out}@keyframes infoFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;text-align:center;font-family:Georgia,serif;letter-spacing:2px}.info-subtitle{text-align:center;color:#888;font-size:18px;margin:0 0 50px;letter-spacing:1px}.info-section{margin-bottom:40px;padding:28px 32px;background:linear-gradient(135deg,#1e1e1ecc,#141414cc);border:1px solid #333;border-radius:12px;transition:border-color .3s ease}.info-section:hover{border-color:#555}.section-heading{font-size:24px;color:#d4af37;margin:0 0 16px;font-weight:700;letter-spacing:1px}.info-section p{font-size:15px;line-height:1.7;margin:0 0 12px;color:#bbb}.info-section p:last-child{margin-bottom:0}.info-steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;align-items:flex-start;gap:16px}.step-number{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#d4af37,#b8942e);color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.step div{font-size:15px;line-height:1.7;color:#bbb;padding-top:6px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mode-card{background:#191919e6;border:1px solid #333;border-radius:10px;padding:20px;transition:border-color .3s ease}.mode-card:hover{border-color:#d4af37}.mode-card h3{color:#e8d48b;margin:0 0 10px;font-size:17px}.mode-card p{font-size:14px;line-height:1.6;color:#999;margin:0}.race-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.race-card{background:#191919e6;border:1px solid #333;border-radius:10px;padding:20px;transition:border-color .3s ease,transform .2s ease}.race-card:hover{border-color:#d4af37;transform:translateY(-2px)}.race-card h3{color:#e8d48b;margin:0 0 6px;font-size:18px}.race-trait{color:#d4af37!important;font-weight:700;font-size:14px!important;margin:0 0 8px!important}.race-card p{font-size:14px;line-height:1.6;color:#999;margin:0}.info-list{list-style:none;padding:0;margin:12px 0}.info-list li{padding:8px 0 8px 20px;position:relative;font-size:15px;line-height:1.6;color:#bbb}.info-list li:before{content:"";position:absolute;left:0;top:16px;width:8px;height:8px;background:#d4af37;border-radius:50%}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.tech-card{background:#191919e6;border:1px solid #333;border-radius:10px;padding:20px;transition:border-color .3s ease}.tech-card:hover{border-color:#d4af37}.tech-card h3{color:#e8d48b;margin:0 0 4px;font-size:17px}.tech-levels{font-size:12px;color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tech-card p{font-size:14px;line-height:1.6;color:#999;margin:10px 0 0}.combat-details{display:flex;flex-direction:column;gap:12px;margin-top:12px}.combat-point{padding:12px 16px;background:#141414cc;border-left:3px solid #d4af37;border-radius:0 8px 8px 0;font-size:14px;line-height:1.6;color:#bbb}.recon-sabotage{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rs-card{background:#191919e6;border:1px solid #333;border-radius:10px;padding:20px;transition:border-color .3s ease}.rs-card:hover{border-color:#d4af37}.rs-card h3{color:#e8d48b;margin:0 0 10px;font-size:17px}.rs-card p{font-size:14px;line-height:1.6;color:#999;margin:0}.info-note{margin-top:16px;padding:14px 18px;background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:8px;font-size:14px;line-height:1.6;color:#ccc}.tips-section{border-color:#d4af374d}.tips-list li:before{background:#b8942e;box-shadow:0 0 6px #d4af3766}@media(max-width:700px){.race-grid,.tech-grid,.recon-sabotage,.mode-grid{grid-template-columns:1fr}.info-title{font-size:36px}.info-section{padding:20px}}.game-setup{height:calc(100vh - 80px);background:linear-gradient(180deg,#0a0a0a,#1a1a1a,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.setup-layout{display:flex;gap:20px;max-width:1200px;width:100%;height:calc(100% - 40px);max-height:700px}.setup-form{flex:0 0 400px;background:linear-gradient(135deg,#2a2a2ae6,#1a1a1ae6);border:2px solid #444;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.form-header{display:flex;background:#1a1a1acc;border-bottom:2px solid #444}.header-tab{flex:1;padding:16px;background:transparent;color:#aaa;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;border-bottom:3px solid transparent}.header-tab:hover{background:#3c3c3c80;color:#fff}.header-tab.active{background:#d4af371a;color:#d4af37;border-bottom-color:#d4af37}.form-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;scrollbar-width:none;-ms-overflow-style:none}.form-content::-webkit-scrollbar{display:none}.option-group-compact{display:flex;flex-direction:column;gap:8px}.option-label-compact{font-size:14px;font-weight:700;color:#d4af37;letter-spacing:.5px}.option-buttons-compact{display:flex;gap:8px}.option-button-compact{flex:1;padding:10px 16px;background:#2a2a2a99;color:#aaa;border:2px solid #444;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.option-button-compact:hover{background:#3c3c3ccc;border-color:#d4af37;color:#fff}.option-button-compact.active{background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border-color:#f4e4a6}.opponents-list{display:flex;flex-direction:column;gap:8px}.opponent-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#2a2a2a99;border:1px solid #444;border-radius:6px}.opponent-icon{color:#888;display:flex;align-items:center}.opponent-name{flex:1;color:#fff;font-size:14px}.remove-opponent{width:24px;height:24px;background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c;border-radius:4px;font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease}.remove-opponent:hover{background:#e74c3c;color:#fff}.add-opponent-buttons{display:flex;gap:8px}.add-opponent-btn{flex:1;padding:8px 12px;background:#4caf5033;color:#4caf50;border:1px solid #4caf50;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.add-opponent-btn:hover{background:#4caf50;color:#1a1a1a}.map-select{width:100%;padding:10px 12px;background:#2a2a2acc;color:#fff;border:2px solid #444;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.create-button{margin-top:auto;width:100%;padding:14px;font-size:16px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af3766;letter-spacing:1px}.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3799}.join-placeholder{color:#aaa;text-align:center;padding:40px 20px;font-size:14px}.map-preview{flex:1;background:linear-gradient(135deg,#2a2a2ae6,#1a1a1ae6);border:2px solid #444;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.preview-header{padding:16px;background:#1a1a1acc;border-bottom:2px solid #444;font-size:16px;font-weight:700;color:#d4af37;text-align:center;letter-spacing:1px}@media(max-width:1024px){.setup-layout{flex-direction:column;max-height:none}.setup-form{flex:0 0 auto}.map-preview{flex:0 0 300px}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px}.auth-card{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 32px #0009}.auth-title{text-align:center;font-size:28px;font-family:Georgia,serif;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px;letter-spacing:1px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:14px;color:#aaa;font-weight:700;letter-spacing:.5px}.auth-field input{padding:12px 16px;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#e0e0e0;font-size:16px;transition:border-color .3s ease}.auth-field input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 8px #d4af3733}.auth-field input::placeholder{color:#555}.auth-submit{padding:14px;background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:8px;letter-spacing:1px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#ff6b7a;padding:10px 14px;border-radius:8px;font-size:14px;text-align:center}.auth-switch{text-align:center;color:#888;margin-top:20px;font-size:14px}.auth-link{background:none;border:none;color:#d4af37;cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline;padding:0;transition:color .3s ease}.auth-link:hover{color:#f4e4a6}.auth-message{color:#ccc;text-align:center;line-height:1.6;margin-bottom:20px}.auth-message strong{color:#d4af37}.game-browser{max-width:1000px;margin:40px auto;padding:0 20px}.browser-layout{display:flex;gap:16px;align-items:flex-start}.browser-main{flex:0 0 420px;background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #3a3420;border-radius:12px;overflow:hidden}.browser-main.expanded{flex:1;max-width:800px}.map-preview-panel{flex:1;background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #3a3420;border-radius:12px;min-height:520px;display:flex;flex-direction:column}.browser-error{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#ff6b7a;padding:10px 14px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:16px}.browser-tabs{display:flex;border-bottom:1px solid #333}.browser-tab{flex:1;padding:14px 0;background:transparent;border:none;color:#888;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.5px}.browser-tab:hover{color:#ccc}.browser-tab.active{color:#d4af37;background:#d4af370f;box-shadow:inset 0 -2px #d4af37}.create-panel{padding:20px;display:flex;flex-direction:column;gap:4px}.config-section{margin-bottom:14px}.config-label{display:block;font-size:13px;font-weight:700;color:#d4af37;margin-bottom:8px;letter-spacing:.5px}.option-buttons{display:flex;gap:8px}.opt-btn{padding:10px 20px;background:#2a2a2a99;color:#aaa;border:1px solid #444;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center}.opt-btn:hover:not(:disabled){color:#fff;border-color:#888}.opt-btn.active{background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border-color:#d4af37}.opt-btn:disabled{opacity:.4;cursor:not-allowed}.opt-btn.wide{flex:1}.player-slots-config{display:flex;flex-direction:column;gap:8px}.player-slot-row{display:flex;align-items:center;gap:10px;background:#2a2a2a80;border:1px solid #444;border-radius:8px;padding:10px 14px}.player-slot-row.you{border-color:#555}.player-slot-row.open,.player-slot-row.ai{border-color:#444;border-style:dashed}.slot-icon{color:#888;display:flex;align-items:center}.player-slot-row.you .slot-icon{color:#d4af37}.slot-label{flex:1;font-size:14px;color:#ccc;font-weight:500}.player-slot-row.open .slot-label{color:#888;font-style:italic}.slot-remove{background:transparent;border:none;color:#666;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.slot-remove:hover{color:#ff6b7a}.add-slot-buttons{display:flex;gap:8px}.add-slot-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center}.add-slot-btn.player{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.add-slot-btn.player:hover{background:#4caf5040;border-color:#4caf50}.add-slot-btn.ai{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.add-slot-btn.ai:disabled{opacity:.35;cursor:not-allowed}.map-select{width:100%;padding:10px 12px;background:#2a2a2acc;color:#ccc;border:1px solid #444;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.map-select:hover{border-color:#d4af37}.map-select:focus{outline:none;border-color:#d4af37}.create-game-btn{width:100%;padding:14px;background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:.5px;margin-top:6px}.create-game-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.create-game-btn:disabled{opacity:.5;cursor:not-allowed}.local-play-link{display:block;width:100%;background:transparent;border:none;color:#666;font-size:13px;cursor:pointer;padding:12px 0 0;text-align:center;transition:color .2s}.local-play-link:hover{color:#aaa;text-decoration:underline}.login-prompt{padding:40px 20px;text-align:center}.login-prompt p{color:#888;font-size:14px;margin:0 0 16px}.login-prompt-btn{padding:10px 28px;background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}.login-prompt-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #d4af3766}.join-panel{padding:0;display:flex;flex-direction:column}.join-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-weight:700;color:#d4af37;font-size:14px;letter-spacing:.5px;border-bottom:1px solid #333}.refresh-btn{background:transparent;border:1px solid #555;color:#888;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.refresh-btn:hover:not(:disabled){color:#fff;border-color:#888}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.games-list{max-height:360px;overflow-y:auto}.game-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #2a2a2a;transition:background .2s}.game-row:last-child{border-bottom:none}.game-row:hover{background:#ffffff08}.game-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.game-host{color:#e0e0e0;font-weight:700;font-size:14px;min-width:80px}.game-detail{color:#888;font-size:12px}.game-mode{font-size:11px;padding:1px 6px;border-radius:3px;letter-spacing:.5px;font-weight:700}.game-mode.casual{background:#4caf5026;color:#4caf50}.game-mode.ranked{background:#d4af3726;color:#d4af37}.game-time{color:#555;font-size:11px}.game-actions{display:flex;gap:8px;flex-shrink:0}.game-action-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.game-action-btn.join{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none}.game-action-btn.join:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #4caf5066}.game-action-btn.join:disabled{opacity:.5;cursor:not-allowed}.game-action-btn.rejoin{background:transparent;color:#d4af37;border:1px solid #d4af37}.game-action-btn.rejoin:hover{background:#d4af371a}.no-games{padding:40px 20px;text-align:center;color:#666;font-size:14px}.preview-title{padding:14px 20px;margin:0;font-size:15px;font-weight:700;color:#d4af37;letter-spacing:.5px;border-bottom:1px solid #333}.preview-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px}.preview-map-svg{width:100%;height:auto}.preview-map-label{font-size:14px;font-weight:700;color:#666;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.browser-layout{flex-direction:column}.browser-main{flex:none;width:100%}.map-preview-panel{min-height:200px}.preview-map-name{font-size:24px}}.game-lobby{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px}.lobby-card{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:16px;padding:40px;width:100%;max-width:480px;box-shadow:0 8px 32px #0009}.lobby-title{text-align:center;font-size:28px;font-family:Georgia,serif;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px}.lobby-loading,.lobby-error{text-align:center;color:#888;padding:20px;font-size:14px}.lobby-error{color:#ff6b7a}.lobby-code{text-align:center;margin-bottom:24px;padding:16px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:10px}.code-label{display:block;font-size:12px;color:#888;letter-spacing:1px;margin-bottom:6px}.code-value{font-size:28px;font-weight:700;font-family:Courier New,monospace;color:#d4af37;letter-spacing:4px}.lobby-details{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.detail-row{color:#888;font-size:14px}.detail-row strong{color:#e0e0e0;margin-left:6px}.mode-badge{font-size:12px;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.mode-badge.casual{background:#4caf5026;color:#4caf50;-webkit-text-fill-color:#4caf50}.mode-badge.ranked{background:#d4af3726;color:#d4af37;-webkit-text-fill-color:#d4af37}.lobby-players h3{font-size:16px;color:#aaa;margin:0 0 12px;letter-spacing:1px}.player-slots{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.player-slot{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:2px solid #333;transition:all .3s ease}.player-slot.filled{border-color:#4caf50;background:#4caf500d}.player-slot.empty{border-color:#444;border-style:dashed}.slot-index{font-weight:700;color:#d4af37;font-size:14px;min-width:28px}.slot-name{color:#e0e0e0;font-weight:700;flex:1}.slot-elo{color:#888;font-size:13px}.slot-host{font-size:10px;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#d4af37,#b8942e);color:#1a1a1a;padding:2px 8px;border-radius:4px}.slot-waiting{color:#555;font-style:italic;font-size:14px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.player-slot.empty .slot-waiting{animation:pulse 2s ease-in-out infinite}.lobby-action-error{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#ff6b7a;padding:10px 14px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:16px}.lobby-actions{display:flex;flex-direction:column;gap:10px}.lobby-btn{padding:14px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;width:100%}.lobby-btn:disabled{opacity:.5;cursor:not-allowed}.start-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none}.start-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.leave-btn{background:transparent;color:#888;border:1px solid #555}.leave-btn:hover{color:#ff6b7a;border-color:#ff6b7a}.lobby-waiting-msg{text-align:center;color:#888;font-size:14px;padding:10px;animation:pulse 2s ease-in-out infinite}.app{width:100%;min-height:100vh;background:#0a0a0a}