*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#2c3e50;color:#ecf0f1}#root{width:100%;height:100vh}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.app-page{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;justify-content:center;padding:40px 20px 80px}.app-page__container{width:100%;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:20px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.25);color:#ecf0f1;display:flex;flex-direction:column;gap:32px}@media (max-width: 768px){.app-page,.new-game-page,.home-page{padding:0!important}.app-page__container{padding:30px 20px;gap:24px;border-radius:0}}@media (max-width: 480px){.app-page,.new-game-page,.home-page{padding:0}.app-page__container{padding:20px 16px;gap:20px;border-radius:0}}.home-page{align-items:center}.home-container{max-width:1000px;text-align:center;background:rgba(255,255,255,.1);padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.3);gap:0}.home-header{margin-bottom:40px}.game-title{font-size:3.5rem;font-weight:700;color:#ecf0f1;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-subtitle{font-size:1.2rem;color:#bdc3c7;margin:0;font-weight:300}.home-content{margin-bottom:40px}.teaser-image-container{margin-bottom:30px;display:flex;justify-content:center}.teaser-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.teaser-image:hover{transform:scale(1.02);box-shadow:0 6px 25px rgba(0,0,0,.5)}.game-description{margin-bottom:30px}.game-description p{font-size:1.1rem;color:#ecf0f1;line-height:1.6;margin:0}.menu-buttons{display:flex;flex-direction:column;gap:15px;align-items:center}.menu-button{width:250px;padding:15px 30px;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;text-align:center}.menu-button.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px rgba(231,76,60,.4)}.menu-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(231,76,60,.6)}.menu-button.secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;opacity:.7}.menu-button.secondary:disabled{cursor:not-allowed}.menu-button.secondary:not(:disabled):hover{transform:translateY(-2px);opacity:1}.home-footer{color:#95a5a6;font-size:.9rem}.home-footer p{margin:0}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.dialog-content{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:15px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.dialog-header h3{margin:0;color:#ecf0f1;font-size:1.4rem;font-weight:600}.dialog-close{background:none;border:none;color:#bdc3c7;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-body{padding:25px;max-height:400px;overflow-y:auto}.dialog-section{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:25px;text-align:left}.dialog-section:last-of-type{margin-bottom:0}.dialog-section h4{margin:0 0 12px;color:#ecf0f1;font-size:1.05rem;font-weight:600}.game-mode-selection .mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-button{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 15px;cursor:pointer;transition:all .3s ease;text-align:center}.mode-button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.mode-button.selected{background:rgba(52,152,219,.2);border-color:#3498db;box-shadow:0 0 20px rgba(52,152,219,.3)}.mode-content{display:flex;flex-direction:column;gap:8px;align-items:center}.mode-icon{font-size:2.5em;margin-bottom:5px}.mode-title{color:#ecf0f1;font-weight:600;font-size:1.1em}.mode-description{color:#bdc3c7;font-size:.85em;line-height:1.3}.multiplayer-info .info-box{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.3);border-radius:8px;padding:15px;text-align:center}.multiplayer-info .info-box h4{color:#3498db;margin:0 0 10px;font-size:1.1em}.multiplayer-info .info-box p{color:#bdc3c7;margin:0;font-size:.9em;line-height:1.4}.map-list{display:flex;flex-direction:column;gap:12px}.map-select-button{width:100%;padding:15px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:2px solid transparent;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 2px 8px rgba(52,152,219,.3);display:flex;justify-content:space-between;align-items:center;gap:16px}.map-select-button .map-name{flex:1}.map-select-button .map-type{font-size:12px;font-weight:400;opacity:.7;text-transform:lowercase}.map-select-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(52,152,219,.5);background:linear-gradient(135deg,#5dade2,#3498db)}.map-select-button.selected{border-color:rgba(243,156,18,.85);box-shadow:0 0 0 2px rgba(243,156,18,.3),0 12px 20px rgba(243,156,18,.4);transform:translateY(-2px)}.map-select-button.selected .map-name{font-weight:600}.map-select-button.selected .map-type{opacity:.85}.map-select-content{display:flex;flex-direction:column;gap:4px}.map-select-badge{background:rgba(243,156,18,.95);color:#2c3e50;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:999px;letter-spacing:.05em;box-shadow:0 2px 6px rgba(243,156,18,.4)}.map-select-button.default-map{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 2px 8px rgba(39,174,96,.3)}.map-select-button.default-map:hover{background:linear-gradient(135deg,#58d68d,#27ae60);box-shadow:0 4px 15px rgba(39,174,96,.5)}.map-select-button.custom-map{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px rgba(52,152,219,.3)}.map-select-button.custom-map:hover{background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 4px 15px rgba(52,152,219,.5)}.map-select-button.default-map.selected{background:linear-gradient(135deg,#58d68d,#27ae60)}.map-select-button.custom-map.selected{background:linear-gradient(135deg,#5dade2,#3498db)}.no-maps-message{text-align:center;color:#bdc3c7;font-size:1.1rem;margin:20px 0}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:20px 25px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.dialog-actions{display:flex;gap:12px;align-items:center}.dialog-cancel{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease}.dialog-cancel:hover{background:linear-gradient(135deg,#a6b3b4,#95a5a6);transform:translateY(-1px)}.dialog-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(231,76,60,.4);transition:all .2s ease}.dialog-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.dialog-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(231,76,60,.55)}@media (max-width: 768px){.home-page{min-height:auto;padding:0}.game-title{font-size:2.5rem}.home-container{padding:30px 20px}.teaser-image{max-width:90%}.game-description{display:none}.menu-button{width:200px}.dialog-content{width:95%;margin:10px}.dialog-header,.dialog-body,.dialog-footer{padding:15px 20px}.dialog-footer{flex-direction:column;gap:15px;align-items:stretch}.dialog-actions{width:100%;justify-content:space-between}.dialog-actions button{flex:1}.game-mode-selection .mode-buttons{grid-template-columns:1fr;gap:10px}.mode-button{padding:15px 10px}.mode-icon{font-size:2em}.mode-title{font-size:1em}.mode-description{font-size:.8em}}.recentgames-section{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.recentgames-section h3{font-size:1.8rem;color:#ecf0f1;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.recentgames-table-container{margin-top:20px;overflow-x:auto;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.recentgames-table{width:100%;border-collapse:collapse;font-size:.9rem}.recentgames-table th{background:rgba(255,255,255,.1);color:#ecf0f1;font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid rgba(255,255,255,.2);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.recentgames-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#bdc3c7;white-space:nowrap}.recentgames-row{transition:background-color .2s ease}.recentgames-row:hover{background:rgba(255,255,255,.05)}.recentgames-row.ongoing{background:rgba(52,152,219,.1)}.recentgames-id{font-family:Courier New,monospace;font-weight:600;color:#ecf0f1}.recentgames-id-link{color:#74b9ff;text-decoration:none;font-family:Courier New,monospace;font-weight:600;transition:color .2s ease}.recentgames-id-link:hover{color:#a3d4ff;text-decoration:underline}.recentgames-map{color:#ecf0f1;font-weight:500}.recentgames-map-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block}.recentgames-type,.recentgames-status,.recentgames-action{text-align:center}.recentgames-status-badge{font-size:.8rem;padding:4px 8px;border-radius:6px;font-weight:500;display:inline-block;min-width:100px;text-align:center}.recentgames-status-badge.game_not_started{background:rgba(155,89,182,.3);color:#9b59b6}.recentgames-status-badge.ongoing,.recentgames-status-badge.blue_victory{background:rgba(52,152,219,.3);color:#3498db}.recentgames-status-badge.red_victory{background:rgba(231,76,60,.3);color:#e74c3c}.recentgames-type-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recentgames-type-badge.single{background:rgba(116,185,255,.2);color:#74b9ff;border:1px solid rgba(116,185,255,.3)}.recentgames-type-badge.multiplayer{background:rgba(253,121,168,.2);color:#fd79a8;border:1px solid rgba(253,121,168,.3)}.recentgames-created,.recentgames-last-played{font-size:.85rem;color:#95a5a6}.recentgames-button{display:inline-block;padding:6px 12px;border-radius:6px;text-decoration:none;font-weight:500;font-size:.8rem;transition:all .3s ease;border:none;cursor:pointer;min-width:70px;text-align:center}.recentgames-button.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.recentgames-button.primary:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-1px)}@media (max-width: 768px){.recentgames-table{font-size:.8rem}.recentgames-table th,.recentgames-table td{padding:8px 12px}.recentgames-status-badge{font-size:.7rem;padding:3px 6px;min-width:80px}.recentgames-button{padding:4px 8px;font-size:.7rem;min-width:60px}}@media (max-width: 480px){.game-title{font-size:2rem}.home-container{padding:20px 15px}.teaser-image{max-width:85%;border-radius:8px}.game-description p{font-size:1rem}.menu-button{width:180px;font-size:.9rem}}.side-buttons{display:flex;gap:10px}.side-button{flex:1;padding:10px 15px;border:2px solid transparent;border-radius:8px;background:rgba(255,255,255,.1);color:#ecf0f1;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.side-button:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.side-button.selected{background:rgba(52,152,219,.3);border-color:#3498db;color:#3498db}.side-button.selected:hover{background:rgba(52,152,219,.4)}@media (max-width: 768px){.side-buttons{gap:8px}.side-button{padding:8px 12px;font-size:.8rem}}.global-header{position:sticky;top:0;left:0;right:0;width:100%;background:rgba(0,0,0,.3);border-bottom:2px solid #34495e;z-index:300;backdrop-filter:blur(6px)}.global-header__inner{width:100%;max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:10px 20px;min-height:60px;gap:16px}.game-ui-left,.game-ui-right{display:flex;align-items:center}.game-ui-left{flex:1;justify-content:flex-start;gap:12px;min-width:0;flex-shrink:1}.game-ui-right{justify-content:flex-end;flex-shrink:0;gap:12px}.global-header .game-title{margin:0;font-size:1.5rem;color:#ecf0f1}.global-header .game-title-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .3s ease,color .3s ease}.global-header .game-title-link:hover{transform:scale(1.05);color:#74b9ff}.global-header__page-title{font-size:1rem;color:#bdc3c7;font-weight:500;letter-spacing:.01em;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.global-header__action{padding:8px 16px;background:linear-gradient(135deg,#3498db,#2980b9);color:#ecf0f1;text-decoration:none;border-radius:6px;font-weight:500;transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.global-header__action:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,152,219,.4)}.global-header__action-icon{font-size:1rem;line-height:1}.global-header__action-label--compact{display:none}@media (max-width: 768px){.global-header__inner{padding:10px 12px;min-height:auto;gap:10px}.global-header__page-title{font-size:.85rem}}@media (max-width: 480px){.global-header__action{padding:8px 12px}.global-header__action-label--full{display:none}.global-header__action-label--compact{display:inline}}.game-map{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;height:100%}.map-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.map-container{border:3px solid #34495e;border-radius:8px;background:#2c3e50;padding:16px 10px 10px;box-sizing:border-box;box-shadow:0 4px 15px rgba(0,0,0,.3);overflow:auto;max-width:100%;max-height:100%}.map-canvas{display:block;background:#59712e;border-radius:4px}.map-toolbar{display:flex;justify-content:flex-end;width:100%;margin-bottom:4px}.game-help-link{background:transparent;border:none;color:rgba(189,195,199,.6);cursor:pointer;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:0}.game-help-link:hover{color:rgba(236,240,241,.85);text-decoration:underline}.game-help-banner{position:relative;margin-bottom:6px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 32px 10px 12px;color:#ecf0f1;font-size:.75rem;line-height:1.3;width:100%;max-width:440px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.game-help-banner ul{list-style:disc;margin:0;padding-left:18px}.game-help-banner li{margin:2px 0}.game-help-dismiss{position:absolute;top:6px;right:6px;background:transparent;border:none;color:#bdc3c7;font-size:.85rem;cursor:pointer;padding:2px 6px;line-height:1}.game-help-dismiss:hover{color:#ecf0f1}.map-info-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:12px}.cell-info-section{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.cell-info{position:relative;background:rgba(0,0,0,.8);color:#ecf0f1;padding:10px 15px;border-radius:5px;border:1px solid #34495e;min-width:200px;width:min(100%,380px);text-align:center;height:120px;display:flex;flex-direction:column;box-sizing:border-box}.cell-info-header{margin-bottom:8px;position:absolute;top:10px;right:10px}.cell-info-label{color:#95a5a6;font-size:.8rem;font-style:italic;text-transform:lowercase}.cell-info-content{display:flex;align-items:center;gap:15px;flex:1}.cell-info-image{flex-shrink:0;order:1}.cell-info-text{flex:1;order:2}.cell-info-text p{margin:2px 0;font-size:.9rem;text-align:left}.cell-info-text p:first-child{font-weight:700}.large-unit-image{width:96px;height:96px;border-radius:4px;border:1px solid #34495e;background:rgba(255,255,255,.1)}.cell-info-empty{font-style:italic;opacity:.8;height:120px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.game-map,.map-content,.map-info-area,.cell-info-section{align-items:stretch;width:100%}.map-container{display:flex;flex-direction:column;align-items:center;padding:12px;width:100%;max-width:100%;max-height:calc(100vh - 200px)}.map-container .map-toolbar,.map-container .game-help-banner{align-self:stretch}.map-info-area{gap:12px}.cell-info-section{max-width:unset}.cell-info{font-size:.8rem;padding:8px 12px;min-width:0;width:100%;max-width:none;height:100px;box-sizing:border-box}.cell-info-content{flex-direction:row;gap:10px}.cell-info-text p{text-align:left}.large-unit-image{width:64px;height:64px}.cell-info-empty{height:100px}}.victory-banner{position:relative;width:100%;background:linear-gradient(135deg,#27ae60,#2ecc71);border:2px solid #ecf0f1;border-radius:8px;padding:15px 20px;margin-bottom:15px;text-align:center;box-shadow:0 4px 15px rgba(39,174,96,.3);animation:slideDown .5s ease-out}.victory-banner.red-wins{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px rgba(231,76,60,.3)}.victory-banner.blue-wins{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px rgba(52,152,219,.3)}.victory-banner h3{margin:0 0 5px;color:#ecf0f1;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.victory-banner p{margin:0;color:#ecf0f1;font-size:1rem;opacity:.9}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.victory-banner{padding:10px 15px;margin-bottom:10px}.victory-banner h3{font-size:1.2rem}.victory-banner p{font-size:.9rem}}@media (max-width: 480px){.map-container{padding:10px;width:100%;max-width:100%;max-height:calc(100vh - 150px)}.map-canvas{max-width:100%;height:auto}.map-info-area{gap:8px;align-items:stretch}.cell-info{height:90px;width:100%}.cell-info-empty{height:90px}.large-unit-image{width:48px;height:48px}.victory-banner{padding:8px 12px;margin-bottom:8px}.victory-banner h3{font-size:1rem}.victory-banner p{font-size:.8rem}}.economy-panel{display:flex;justify-content:center;gap:20px;padding:10px 20px;background:rgba(0,0,0,.3);border-bottom:2px solid #34495e;margin-bottom:15px}.funds-pill{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:8px;border:2px solid transparent;background:rgba(255,255,255,.1);min-width:100px;transition:all .3s ease}.funds-pill.blue{border-color:#3498db;color:#3498db}.funds-pill.red{border-color:#e74c3c;color:#e74c3c}.funds-pill.active{background:rgba(255,255,255,.2);box-shadow:0 0 10px rgba(255,255,255,.3);transform:scale(1.05)}.funds-label{font-size:.9rem;font-weight:700;margin-bottom:2px}.funds-value{font-size:1.1rem;font-weight:700;color:#ecf0f1}.factory-actions{margin-top:15px;padding-top:15px;border-top:1px solid #34495e}.factory-funds{text-align:center;margin-bottom:10px;color:#bdc3c7;font-size:.9rem}.factory-funds span{color:#ecf0f1;font-weight:700}.factory-status{text-align:center;margin:8px 0;font-size:.85rem;padding:4px 8px;border-radius:4px}.factory-status-error{background:rgba(231,76,60,.2);color:#e74c3c;border:1px solid #e74c3c}.factory-status-success{background:rgba(46,204,113,.2);color:#2ecc71;border:1px solid #2ecc71}.factory-status-info{background:rgba(52,152,219,.2);color:#3498db;border:1px solid #3498db}.unit-purchase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.unit-purchase-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:rgba(255,255,255,.1);border:2px solid #34495e;border-radius:8px;color:#ecf0f1;cursor:pointer;transition:all .3s ease;min-height:80px;gap:6px}.unit-purchase-button:not(:disabled):hover{background:rgba(255,255,255,.2);border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.unit-purchase-button:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.05)}.unit-purchase-button .unit-icon{width:32px;height:32px;object-fit:contain}@media (max-width: 768px){.economy-panel{gap:15px;padding:8px 15px}.funds-pill{padding:6px 12px;min-width:80px}.funds-label{font-size:.8rem}.funds-value{font-size:1rem}.unit-purchase-grid{grid-template-columns:repeat(2,1fr);gap:6px}.unit-purchase-button{padding:10px 6px;min-height:70px}.unit-purchase-button .unit-icon{width:28px;height:28px}.unit-purchase-button .unit-cost{font-size:.8rem}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:#2c3e50;border:2px solid #34495e;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);max-width:90vw;max-height:90vh;overflow:auto;color:#ecf0f1}.factory-modal,.homebase-modal{width:500px;max-width:90vw}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #34495e;background:rgba(0,0,0,.2)}.dialog-header h3{margin:0;color:#ecf0f1;font-size:1.3rem}.dialog-close{background:none;border:none;color:#bdc3c7;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.dialog-close:hover{background:rgba(231,76,60,.2);color:#e74c3c}.dialog-body{padding:20px}.dialog-footer{padding:15px 20px;border-top:1px solid #34495e;background:rgba(0,0,0,.1);display:flex;justify-content:flex-end}.dialog-cancel{padding:8px 16px;background:#95a5a6;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.dialog-cancel:hover{background:#7f8c8d}.modal-info{margin-bottom:20px;text-align:center}.modal-info .factory-funds{margin-bottom:10px}.funds-label{color:#bdc3c7;margin-right:8px}.funds-amount{color:#f39c12;font-weight:700;font-size:1.1rem}.unit-purchase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.unit-purchase-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;background:rgba(255,255,255,.1);border:2px solid #34495e;border-radius:8px;color:#ecf0f1;cursor:pointer;transition:all .3s ease;min-height:100px;gap:8px;position:relative}.unit-purchase-button:not(.disabled):hover{background:rgba(255,255,255,.2);border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.unit-purchase-button.disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.05)}.unit-purchase-button .unit-icon{width:40px;height:40px;object-fit:contain}.unit-purchase-button .unit-name{font-size:.9rem;font-weight:700;text-align:center}.unit-purchase-button .unit-cost{font-size:.85rem;font-weight:700;color:#f39c12}.unit-purchase-button .insufficient-funds{position:absolute;top:5px;right:5px;font-size:1.2rem}.building-purchase-grid{display:flex;flex-direction:column;gap:12px;margin-top:15px}.building-purchase-button{display:flex;align-items:center;padding:15px;background:rgba(255,255,255,.1);border:2px solid #34495e;border-radius:8px;color:#ecf0f1;cursor:pointer;transition:all .3s ease;gap:15px;position:relative}.building-purchase-button:not(.disabled):hover{background:rgba(255,255,255,.2);border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.building-purchase-button.disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.05)}.building-purchase-button .building-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.building-info{flex:1;display:flex;flex-direction:column;gap:4px}.building-name{font-size:1rem;font-weight:700}.building-description{font-size:.85rem;color:#bdc3c7;font-style:italic}.building-cost{font-size:.9rem;font-weight:700;color:#f39c12}.building-purchase-button .insufficient-funds{position:absolute;top:10px;right:10px;font-size:1.2rem}@media (max-width: 768px){.factory-modal,.homebase-modal{width:95vw;margin:10px}.dialog-header{padding:12px 15px}.dialog-header h3{font-size:1.1rem}.dialog-body{padding:15px}.unit-purchase-grid{grid-template-columns:1fr;gap:10px}.unit-purchase-button{min-height:80px;padding:12px 8px}.unit-purchase-button .unit-icon{width:32px;height:32px}.building-purchase-button{padding:12px;gap:12px}.building-purchase-button .building-icon{width:40px;height:40px}}.move-history{background:rgba(0,0,0,.8);border:1px solid #444;border-radius:8px;padding:16px;color:#fff;font-family:Courier New,monospace;max-height:400px;overflow-y:auto;min-width:300px}.game-move-history{background:rgba(0,0,0,.9);border:1px solid #555;max-height:350px;min-width:280px}.move-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #444;padding-bottom:8px}.move-history-header h3{margin:0;color:#ecf0f1;font-size:16px;font-weight:700}.move-history.victory-complete{border-color:#f39c12;box-shadow:0 0 15px rgba(243,156,18,.3)}.move-history.victory-complete .move-history-header h3{color:#f39c12;text-shadow:0 0 10px rgba(243,156,18,.5);animation:victoryGlow 2s ease-in-out infinite alternate}.move-history.blue-victory .move-history-header h3{color:#3498db;text-shadow:0 0 10px rgba(52,152,219,.5)}.move-history.red-victory .move-history-header h3{color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,.5)}@keyframes victoryGlow{0%{text-shadow:0 0 10px rgba(243,156,18,.5)}to{text-shadow:0 0 20px rgba(243,156,18,.8)}}.move-history-controls{display:flex;gap:8px;align-items:center}.move-filter{background:rgba(255,255,255,.1);border:1px solid #555;border-radius:4px;color:#fff;padding:4px 8px;font-size:12px;font-family:inherit}.move-filter:focus{outline:none;border-color:#3498db}.show-all-button{background:rgba(52,152,219,.2);border:1px solid #3498db;border-radius:4px;color:#3498db;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s}.show-all-button:hover{background:rgba(52,152,219,.3)}.move-statistics{display:flex;gap:16px;margin-bottom:12px;padding:8px;background:rgba(255,255,255,.05);border-radius:4px;font-size:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{color:#bdc3c7;font-size:10px;text-transform:uppercase}.stat-value{color:#fff;font-weight:700;font-size:14px}.move-list{max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}.move-list::-webkit-scrollbar{width:6px}.move-list::-webkit-scrollbar-track{background:transparent}.move-list::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.move-list::-webkit-scrollbar-thumb:hover{background:#666}.no-moves{text-align:center;padding:20px;color:#7f8c8d;font-style:italic}.move-entry{margin-bottom:8px;padding:8px;background:rgba(255,255,255,.03);border-radius:4px;border-left:3px solid #555;transition:all .2s}.move-entry:hover{background:rgba(255,255,255,.06);border-left-color:#3498db}.move-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px}.move-icon{font-size:14px;width:16px;text-align:center}.move-number{color:#7f8c8d;font-weight:700;min-width:30px}.move-player{font-weight:700;flex:1}.move-time{color:#95a5a6;font-size:10px;font-style:italic}.move-description{color:#ecf0f1;font-size:13px;line-height:1.3;margin-bottom:4px}.move-result{color:#f39c12;font-size:11px;font-style:italic;margin-bottom:4px}.move-details{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7f8c8d;border-top:1px solid rgba(255,255,255,.1);padding-top:4px}.move-timestamp{font-family:monospace}.move-damage{color:#e74c3c;font-weight:700}.move-funds{color:#27ae60;font-weight:700}.move-history-footer{text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid #444;color:#7f8c8d;font-size:11px}@media (max-width: 768px){.move-history{min-width:250px;max-height:300px}.move-statistics{flex-wrap:wrap;gap:8px}.move-header{flex-wrap:wrap;gap:4px}.move-details{flex-direction:column;align-items:flex-start;gap:2px}}@keyframes moveAdded{0%{background:rgba(52,152,219,.3);transform:translate(-5px)}to{background:rgba(255,255,255,.03);transform:translate(0)}}.move-entry.new-move{animation:moveAdded .5s ease-out}.move-entry[data-player=blue]{border-left-color:#3498db}.move-entry[data-player=red]{border-left-color:#e74c3c}.move-entry[data-move-type=attack] .move-icon{color:#e74c3c}.move-entry[data-move-type=move] .move-icon{color:#3498db}.move-entry[data-move-type=harvest] .move-icon{color:#f39c12}.move-entry[data-move-type=build] .move-icon{color:#27ae60}.players-display{display:flex;justify-content:space-around;padding:10px 20px;background:rgba(0,0,0,.2);border-bottom:1px solid #34495e}.player-name{font-weight:700;font-size:1.1rem;padding:5px 15px;border-radius:5px;background:rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:2px}.player-funds{font-size:.8rem;font-weight:400;opacity:.9}.player-name__label{color:#ecf0f1}.player-name__label--blue{color:#3498db}.player-name__label--red{color:#e74c3c}.active-player{border:3px solid #ffffff!important;box-shadow:0 0 10px rgba(255,255,255,.5);background:rgba(255,255,255,.15)!important;font-weight:700}.current-player{border:2px solid #f39c12!important;box-shadow:0 0 8px rgba(243,156,18,.4)}@media (max-width: 768px){.players-display{flex-wrap:wrap;gap:10px;justify-content:center}.player-name{font-size:.65rem;padding:3px 10px}}.chatbubble--{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:all .3s ease;z-index:1000;user-select:none;border:3px solid rgba(255,255,255,.2)}.chatbubble--:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,.4)}.chatbubble--:active{transform:scale(.95)}.chatbubble--.open{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:rgba(255,255,255,.3)}.chatbubble--.has-new-messages{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3)}50%{box-shadow:0 4px 20px rgba(255,215,0,.6),0 0 20px rgba(255,215,0,.4)}}.chatbubble--icon{font-size:24px;transition:transform .2s ease}.chatbubble--:hover .chatbubble--icon{transform:scale(1.1)}.chatbubble--badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;animation:bounce-in .3s ease}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chatbubble--tooltip{position:absolute;bottom:70px;right:0;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.chatbubble--tooltip:after{content:"";position:absolute;top:100%;right:20px;border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chatbubble--:hover .chatbubble--tooltip{opacity:1;visibility:visible;transform:translateY(-5px)}@media (max-width: 768px){.chatbubble--{bottom:15px;right:15px;width:50px;height:50px}.chatbubble--icon{font-size:20px}.chatbubble--badge{min-width:20px;height:20px;font-size:10px;top:-3px;right:-3px}.chatbubble--tooltip{display:none}}.chatbubble--:focus{outline:3px solid #4facfe;outline-offset:2px}.chatbubble--:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.chatbubble--{border-width:4px;border-color:#fff}.chatbubble--badge{border-width:3px}}.chatwindow--window{position:fixed;bottom:100px;right:20px;width:350px;height:450px;background:#2c3e50;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);display:flex;flex-direction:column;z-index:999;border:1px solid #34495e;overflow:hidden;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chatwindow--header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.chatwindow--title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.chatwindow--icon{font-size:16px}.chatwindow--close-button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.chatwindow--close-button:hover{background:rgba(255,255,255,.2)}.chatwindow--messages{flex:1;overflow-y:auto;padding:12px;background:#34495e;display:flex;flex-direction:column;gap:8px}.chatwindow--messages::-webkit-scrollbar{width:6px}.chatwindow--messages::-webkit-scrollbar-track{background:#2c3e50}.chatwindow--messages::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.chatwindow--no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#bdc3c7;text-align:center}.chatwindow--no-messages-icon{font-size:32px;margin-bottom:8px;opacity:.7}.chatwindow--no-messages p{margin:0;font-size:14px;opacity:.8}.chatwindow--message{display:flex;flex-direction:column;margin-bottom:8px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatwindow--message.own-message{align-items:flex-end}.chatwindow--message.own-message .chatwindow--message-content{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.chatwindow--message.system-message{align-items:center}.chatwindow--system-message-content{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);padding:6px 10px;border-radius:12px;font-size:12px;color:#bdc3c7;font-style:italic}.chatwindow--system-icon{font-size:14px}.chatwindow--system-text{flex:1}.chatwindow--message-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px}.chatwindow--player-icon{font-size:14px}.chatwindow--player-name{font-weight:600;color:#ecf0f1}.chatwindow--player-name.blue{color:#3498db}.chatwindow--player-name.red{color:#e74c3c}.chatwindow--message-time{color:#95a5a6;font-size:11px;margin-left:auto}.chatwindow--message-content{background:#2c3e50;color:#ecf0f1;padding:8px 12px;border-radius:12px;max-width:80%;word-wrap:break-word;font-size:13px;line-height:1.4;border:1px solid #34495e}.chatwindow--input-container{background:#2c3e50;border-top:1px solid #34495e;padding:12px}.chatwindow--input-wrapper{display:flex;gap:8px;margin-bottom:6px}.chatwindow--input{flex:1;background:#34495e;border:1px solid #4a5f7a;border-radius:20px;padding:8px 16px;color:#ecf0f1;font-size:13px;outline:none;transition:border-color .2s ease}.chatwindow--input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.chatwindow--input::placeholder{color:#95a5a6}.chatwindow--send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:36px;height:36px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.chatwindow--send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px rgba(102,126,234,.3)}.chatwindow--send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.chatwindow--input-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#95a5a6}.chatwindow--character-count{opacity:.7}.chatwindow--send-hint{opacity:.6}@media (max-width: 768px){.chatwindow--window{bottom:80px;right:15px;left:15px;width:auto;height:400px}.chatwindow--header{padding:10px 12px}.chatwindow--title{font-size:13px}.chatwindow--messages{padding:10px}.chatwindow--message-content{max-width:85%;font-size:12px}.chatwindow--input-container{padding:10px}.chatwindow--input{font-size:12px;padding:6px 12px}.chatwindow--send-button{width:32px;height:32px;font-size:12px}}.chatwindow--close-button:focus,.chatwindow--send-button:focus{outline:2px solid #4facfe;outline-offset:2px}.chatwindow--close-button:focus:not(:focus-visible),.chatwindow--send-button:focus:not(:focus-visible){outline:none}.game-page{height:100vh;display:flex;flex-direction:column;background:#2c3e50;color:#ecf0f1}.game-main{flex:1;display:flex;overflow-y:auto;overflow-x:hidden}.game-content{flex:1;display:flex;flex-direction:column;background:#34495e;width:100%}.game-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.unit-buttons,.building-buttons{display:flex;flex-direction:column;gap:10px}.unit-button,.building-button{padding:10px;background:rgba(255,255,255,.1);border:1px solid #34495e;border-radius:5px;color:#ecf0f1;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:8px}.unit-icon,.building-icon{width:24px;height:24px;object-fit:contain}.unit-button:not(:disabled):hover,.building-button:not(:disabled):hover{background:rgba(255,255,255,.2);border-color:#3498db}.unit-button:disabled,.building-button:disabled{opacity:.5;cursor:not-allowed}.game-info{background:rgba(255,255,255,.05);padding:15px;border-radius:5px;border:1px solid #34495e}.game-info p{margin:5px 0;display:flex;justify-content:space-between}@media (max-width: 768px){.game-area{padding:0 12px 16px;align-items:stretch}.game-area>*{width:100%}}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px}.loading-screen h2,.error-screen h2{color:#ecf0f1;font-size:2rem;margin-bottom:20px}.error-screen p{color:#e74c3c;font-size:1.2rem;margin-bottom:30px}.error-screen .global-header__action{margin-top:20px}.mapbuilder-page{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;font-family:Arial,sans-serif;padding:30px 20px}.mapbuilder-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(0,0,0,.3);border-bottom:2px solid #3498db;max-width:1000px;margin:0 auto 20px;border-radius:12px}.back-button,.test-button{display:inline-block;padding:.5rem 1rem;background:#e74c3c;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s ease}.back-button:hover,.test-button:hover{background:#c0392b}.test-button{background:#27ae60}.test-button:hover{background:#229954}.mapbuilder--header-center{display:flex;align-items:center;gap:1rem}.mapbuilder--controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mapbuilder--dimension-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,0,0,.2);border-radius:4px}.mapbuilder--dimension-select{padding:.25rem;border:1px solid #bdc3c7;border-radius:4px;font-size:.9rem;background:#fff;border:1px solid #3498db}.mapbuilder--dimension-controls label{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:#ecf0f1}.mapbuilder--dimension-select{padding:.25rem .5rem;border:1px solid #bdc3c7;border-radius:4px;font-size:.9rem;background:#fff;min-width:60px}.mapbuilder--map-name-input{padding:.5rem;border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;min-width:200px}.mapbuilder--save-button,.mapbuilder--load-button,.mapbuilder--clear-button,.mapbuilder--random-button,.mapbuilder--export-button,.mapbuilder--import-button{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.mapbuilder--save-button{background:#3498db;color:#fff}.mapbuilder--save-button:hover{background:#2980b9}.mapbuilder--load-button{background:#27ae60;color:#fff}.mapbuilder--load-button:hover{background:#229954}.mapbuilder--clear-button{background:#e67e22;color:#fff}.mapbuilder--clear-button:hover{background:#d35400}.mapbuilder--random-button{background:#f39c12;color:#fff}.mapbuilder--random-button:hover{background:#e67e22}.mapbuilder--export-button{background:#9b59b6;color:#fff}.mapbuilder--export-button:hover{background:#8e44ad}.mapbuilder--import-button{background:#1abc9c;color:#fff;display:inline-block}.mapbuilder--import-button:hover{background:#16a085}.mapbuilder-main{padding:1rem}.mapbuilder-content{display:flex;gap:1rem;max-width:1400px;margin:0 auto}.mapbuilder--tool-palette{width:250px;background:rgba(0,0,0,.2);border-radius:8px;padding:1rem;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.mapbuilder--tool-section{margin-bottom:1.5rem}.mapbuilder--tool-section h3{margin:0 0 .5rem;color:#3498db;font-size:1.1rem;border-bottom:1px solid #3498db;padding-bottom:.25rem}.mapbuilder--tool-buttons{display:flex;flex-direction:column;gap:.25rem}.mapbuilder--tool-button{padding:.5rem;border:1px solid #7f8c8d;background:#34495e;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.9rem}.mapbuilder--tool-button:hover{background:#4a6741;border-color:#27ae60}.mapbuilder--tool-button.active{background:#27ae60;border-color:#2ecc71;box-shadow:0 0 5px rgba(46,204,113,.5)}.mapbuilder--map-area{flex:1;display:flex;justify-content:center;align-items:flex-start;background:rgba(0,0,0,.1);border-radius:8px;padding:1rem;position:relative}.mapbuilder-canvas{border:2px solid #3498db;border-radius:4px;cursor:crosshair;background:#59712e}.mapbuilder-canvas:hover{border-color:#2ecc71}.cell-info{background:rgba(0,0,0,.8);color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem;min-width:150px}.cell-info p{margin:.25rem 0}@media (max-width: 1200px){.mapbuilder-content{flex-direction:column}.mapbuilder--tool-palette{width:100%;max-height:300px;overflow-y:auto}.mapbuilder--tool-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}}@media (max-width: 768px){.mapbuilder-page{min-height:auto;padding:20px 10px 60px}.mapbuilder-toolbar{flex-direction:column;gap:1rem;text-align:center}.mapbuilder--controls{flex-direction:column;width:100%}.mapbuilder--dimension-controls{width:100%;justify-content:center}.mapbuilder--map-name-input{width:100%}.mapbuilder-canvas{max-width:100%;height:auto}.mapbuilder--dialog-content{min-width:90vw;max-width:95vw;margin:1rem}}.mapbuilder--tool-palette::-webkit-scrollbar{width:6px}.mapbuilder--tool-palette::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.mapbuilder--tool-palette::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.mapbuilder--tool-palette::-webkit-scrollbar-thumb:hover{background:#2980b9}.mapbuilder--dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.mapbuilder--dialog-content{background:#2c3e50;border-radius:8px;min-width:400px;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.mapbuilder--dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#34495e;border-bottom:1px solid #3498db}.mapbuilder--dialog-header h3{margin:0;color:#3498db;font-size:1.2rem}.mapbuilder--dialog-close{background:none;border:none;color:#e74c3c;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .3s ease}.mapbuilder--dialog-close:hover{background:rgba(231,76,60,.2)}.mapbuilder--dialog-body{padding:1rem;max-height:400px;overflow-y:auto}.mapbuilder--dialog-footer{padding:1rem;background:#34495e;border-top:1px solid #3498db;display:flex;justify-content:flex-end}.mapbuilder--dialog-cancel{padding:.5rem 1rem;background:#95a5a6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.mapbuilder--dialog-cancel:hover{background:#7f8c8d}.mapbuilder--map-list{display:flex;flex-direction:column;gap:.5rem}.mapbuilder--map-list-item{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:rgba(0,0,0,.2);border-radius:4px}.mapbuilder--map-load-button{flex:1;padding:.75rem;border:1px solid #3498db;background:#34495e;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1rem}.mapbuilder--map-load-button:hover{background:#3498db;border-color:#2980b9}.mapbuilder--map-delete-button{padding:.75rem 1rem;border:1px solid #e74c3c;background:#c0392b;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:1rem}.mapbuilder--map-delete-button:hover{background:#a93226;border-color:#e74c3c}@media (max-width: 768px){.mapbuilder-toolbar{flex-direction:column;gap:1rem}.mapbuilder--header-center{width:100%}.mapbuilder--controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem}.mapbuilder--dimension-controls{flex-direction:row;gap:.5rem;padding:.25rem}.mapbuilder--dimension-controls label{font-size:.8rem}.mapbuilder--dimension-select{padding:.25rem;font-size:.8rem;min-width:50px}.mapbuilder--map-name-input{min-width:150px;font-size:.9rem;padding:.4rem}.mapbuilder--save-button,.mapbuilder--load-button,.mapbuilder--clear-button,.mapbuilder--random-button{padding:.4rem .6rem;font-size:.9rem;min-width:60px}.mapbuilder-content{flex-direction:column}.mapbuilder--tool-palette{order:2;max-width:none}.map-canvas-container{order:1}}.player-name-input{display:flex;align-items:center;gap:8px;margin:10px 0}.name-label{font-size:.9em;color:#ecf0f1;font-weight:500;min-width:80px}.name-form{flex:1}.name-input{padding:6px 10px;border:2px solid rgba(255,255,255,.3);border-radius:4px;font-size:.9em;width:100%;transition:border-color .2s ease;background:rgba(255,255,255,.1);color:#ecf0f1}.name-input:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 0 2px rgba(116,185,255,.25)}.name-input::placeholder{color:rgba(236,240,241,.6)}.name-display{flex:1;padding:6px 10px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;min-height:20px;color:#ecf0f1}.name-display:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4)}.name-placeholder{color:rgba(236,240,241,.6);font-style:italic}.edit-hint{font-size:.8em;color:rgba(236,240,241,.7);opacity:.7}.name-display:hover .edit-hint{opacity:1}.player-name-input.compact{margin:5px 0}.player-name-input.compact .name-label{font-size:.8em;min-width:60px}.player-name-input.compact .name-input,.player-name-input.compact .name-display{padding:4px 8px;font-size:.8em}.new-game-page{justify-content:center}.new-game-container{max-width:1000px}.new-game-header h1{margin:0 0 12px;font-size:2.8rem;line-height:1.2}.new-game-header p{margin:0;color:#bdc3c7;font-size:1.1rem}.new-game-alert{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.4);color:#ffb3a7;padding:14px 18px;border-radius:10px}.new-game-section{display:flex;flex-direction:column;gap:18px}.new-game-section__title{margin:0;font-size:1.4rem;font-weight:600}.new-game-mode-options{display:flex;gap:16px;flex-wrap:nowrap;align-items:stretch}.new-game-mode-button{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;color:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:8px;flex:1 1 0;min-width:0}.new-game-mode-button:hover{transform:translateY(-2px);border-color:rgba(116,185,255,.8);box-shadow:0 12px 24px rgba(116,185,255,.2)}.new-game-mode-button.is-active{border-color:#74b9ff;background:rgba(116,185,255,.15);box-shadow:0 12px 24px rgba(116,185,255,.25)}.new-game-mode-header{display:flex;align-items:center;gap:10px}.new-game-mode-icon{font-size:1.8rem}.new-game-mode-label{font-size:1.2rem;font-weight:600}.new-game-mode-description{color:#bdc3c7;font-size:.95rem}.new-game-side-options{display:flex;gap:16px;flex-wrap:nowrap}.new-game-side-button{flex:1 1 0;min-width:0;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;font-size:1.1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.new-game-side-button:hover{transform:translateY(-2px);border-color:rgba(116,185,255,.8);box-shadow:0 8px 20px rgba(116,185,255,.2)}.new-game-side-button.is-active{border-color:#74b9ff;background:rgba(116,185,255,.15);box-shadow:0 8px 18px rgba(116,185,255,.25)}.new-game-section--info{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px 24px}.new-game-info-text{margin:0;color:#dfe6e9;line-height:1.6}.new-game-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.new-game-secondary-link{color:#74b9ff;text-decoration:none;font-weight:500;transition:color .2s ease}.new-game-secondary-link:hover{color:#a3d4ff}.new-game-map-list{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.15)}.new-game-map-list::-webkit-scrollbar{width:8px}.new-game-map-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.new-game-map-list::-webkit-scrollbar-thumb{background:rgba(116,185,255,.3);border-radius:4px}.new-game-map-list::-webkit-scrollbar-thumb:hover{background:rgba(116,185,255,.5)}.new-game-map-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:inherit;cursor:pointer;transition:background-color .2s ease;width:100%;text-align:left}.new-game-map-row:last-child{border-bottom:none}.new-game-map-row:hover{background:rgba(255,255,255,.05)}.new-game-map-row.is-selected{background:rgba(116,185,255,.15);border-color:rgba(116,185,255,.3)}.new-game-map-icon{font-size:1.2rem;flex-shrink:0}.new-game-map-name{font-size:1rem;font-weight:600;flex:1}.new-game-map-type{font-size:.85rem;color:#bdc3c7;flex-shrink:0}.new-game-map-badge{color:#74b9ff;font-weight:600;font-size:1rem;flex-shrink:0}.new-game-empty-state{background:rgba(0,0,0,.25);border-radius:14px;padding:24px;text-align:center;color:#dfe6e9;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.new-game-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.new-game-button{min-width:180px;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.new-game-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.new-game-button--secondary{background:rgba(255,255,255,.1);color:#ecf0f1}.new-game-button--secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,255,255,.15)}.new-game-button--primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 15px 30px rgba(231,76,60,.35)}.new-game-button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px rgba(231,76,60,.45)}@media (max-width: 768px){.new-game-page{padding:24px 16px 60px}.new-game-container{padding:28px 20px;gap:24px}.new-game-header h1{font-size:2.2rem}.new-game-actions{flex-direction:column;align-items:stretch}.new-game-button{width:100%}}@media (max-width: 520px){.new-game-mode-options{gap:12px}.new-game-mode-button{padding:14px}.new-game-mode-icon{display:none}.new-game-mode-label{font-size:1rem}.new-game-mode-description{font-size:.85rem}.new-game-side-options{gap:12px}.new-game-side-button{padding:12px;font-size:.95rem}}.waiting-room-page{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;justify-content:center;padding:40px 20px 80px}.waiting-room-container{max-width:800px;width:100%;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:20px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.25);color:#ecf0f1;display:flex;flex-direction:column;gap:32px}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);color:#ecf0f1;text-align:center}.loading-screen .spinner{font-size:2rem;margin-bottom:16px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waitingroom--game-header{text-align:center;margin-bottom:32px}.waitingroom--game-header h1{margin:0 0 8px;font-size:2rem;font-weight:700;color:#ecf0f1;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.map-info{margin:0;font-size:1.1rem;color:#bdc3c7;font-weight:500}.waitingroom--name-input-section h3,.waitingroom--tips-section h3{margin:0 0 16px;font-size:1.4rem;font-weight:600;color:#ecf0f1}.players-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.waitingroom--player-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:14px;min-width:200px}.waitingroom--player-card.waitingroom--player-card--blue{border-left:4px solid #74b9ff}.waitingroom--player-card.waitingroom--player-card--red{border-left:4px solid #e74c3c}.player-avatar{font-size:2rem;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);flex-shrink:0}.player-info{display:flex;flex-direction:column;gap:4px}.player-name{font-size:1.1rem;font-weight:600;color:#ecf0f1}.player-role{font-size:.9rem;color:#bdc3c7}.waitingroom--indicator,.waitingroom--indicator--joining{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(0,0,0,.15);border-radius:12px;min-width:200px}.waitingroom--indicator .waitingroom--spinner,.waitingroom--indicator--joining .waitingroom--spinner{font-size:1.5rem;animation:spin 2s linear infinite}.status-text{color:#dfe6e9;font-weight:500;margin:0}.share-section{background:rgba(116,185,255,.1);border:1px solid rgba(116,185,255,.2);border-radius:14px;padding:24px}.share-section h3{color:#74b9ff;margin-bottom:16px}.url-input-group{display:flex;gap:12px}.share-url-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;background:rgba(255,255,255,.1);color:#ecf0f1}.share-url-input:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 0 2px rgba(116,185,255,.25)}.copy-button{padding:12px 20px;background:#74b9ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background:#5a9cff;transform:translateY(-1px)}.copy-button.copied{background:#00b894;transform:scale(1.05)}.game-lobby-container{max-width:900px;width:100%;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:20px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.25);color:#ecf0f1;display:flex;flex-direction:column;gap:32px}.lobby-header{text-align:center}.lobby-header h1{margin:0 0 12px;font-size:2.4rem;font-weight:700;color:#ecf0f1}.start-instruction{margin:0;color:#bdc3c7;font-size:1.1rem;font-style:italic}.waitingroom--players-ready-section{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));align-items:center;justify-items:center;gap:24px;padding:32px;background:rgba(0,0,0,.15);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.game-lobby-container .waitingroom--player-card{flex-direction:column;justify-content:center;gap:12px;padding:16px 12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:14px;min-width:140px;max-width:160px}.game-lobby-container .waitingroom--player-card.waitingroom--player-card--blue{border-left:none;border-top:4px solid #74b9ff}.game-lobby-container .waitingroom--player-card.waitingroom--player-card--red{border-left:none;border-top:4px solid #e74c3c}.game-lobby-container .player-avatar{font-size:2.5rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1)}.game-lobby-container .player-info{align-items:center}.game-lobby-container .player-name{font-size:1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.battle-instructions-section{background:rgba(116,185,255,.1);border:1px solid rgba(116,185,255,.2);border-radius:16px;padding:32px}.battle-instructions-section h3{color:#74b9ff;text-align:center;margin-bottom:24px}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.instruction-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:rgba(0,0,0,.15);border-radius:12px}.instruction-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.instruction-content{color:#dfe6e9;line-height:1.5}.instruction-content strong{color:#ecf0f1}.waitingroom--start-battle-section{display:flex;justify-content:center;padding-top:16px}.waitingroom--start-battle-button{padding:20px 48px;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:14px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,184,148,.3)}.waitingroom--start-battle-button:hover{background:linear-gradient(135deg,#00a085,#008f72);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,184,148,.4)}.waitingroom--tips-section{background:rgba(241,196,15,.1);border:1px solid rgba(241,196,15,.2);border-radius:14px;padding:24px}.waitingroom--tips-section h3{color:#f1c40f}.waitingroom--tips-section ul{margin:0;padding-left:20px;color:#dfe6e9}.waitingroom--tips-section li{margin:8px 0;line-height:1.5}@media (max-width: 768px){.waiting-room-page{padding:24px 16px 60px}.game-lobby-container,.waiting-room-container{padding:28px 20px;gap:24px}.url-input-group{flex-direction:column}.players-row{gap:16px;flex-wrap:nowrap}.waitingroom--players-ready-section{gap:16px;grid-template-columns:repeat(2,minmax(140px,1fr))}.waitingroom--game-header h1{font-size:1.6rem}.waitingroom--game-header{margin-bottom:24px}.game-lobby-container .waitingroom--player-card{min-width:120px;max-width:140px}.game-lobby-container .player-name{font-size:.9rem;max-width:100px}.game-lobby-container .player-avatar{font-size:2rem;width:50px;height:50px}.instructions-grid{grid-template-columns:1fr}.waitingroom--start-battle-button{padding:16px 32px;font-size:1.1rem}}@media (max-width: 480px){.waitingroom--game-header{margin-bottom:16px}.waitingroom--game-header h1{margin-bottom:4px}}.app{width:100%;height:100vh;margin:0;padding:0}