*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAAfElEQVQ4T6XQsRWAIAwE0MM5HIAJ7F3CIVkCKgoncAAnYAEtkZBAwCvvkf9CDO7twY8YFogp0EoKD6ynoZWUhRYAwKJCMkDXViIZOK59Bim/MIHUNxhEagBjCA9Aj8gAdEgbQB/pA2gjOgAyogfAIDEFwFkPZ33xsJfPzAv06FMTKv6BSQAAAABJRU5ErkJggg==) 0 0,auto}.initial-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;display:flex;justify-content:center;align-items:center;z-index:20000;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.initial-loader.active{opacity:1;visibility:visible}.loading-progress{width:200px;height:6px;background:#ffffff1a;border-radius:3px;margin-top:16px;overflow:hidden}.loading-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,gold,#fa0);border-radius:3px;transition:width .2s ease}#main-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;justify-content:center;align-items:center}#main-menu.hidden{display:none}#menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a15;background-image:url(./main_screen-zS2piRkL.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px) brightness(.3);z-index:-1;transform:scale(1.2)}#menu-content{position:relative;display:flex;justify-content:center;align-items:center}#menu-bg-image{display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.level-selector{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;left:12.4%;top:51.2%;width:22.5%;height:8.3%}.level-selector.positioned{visibility:visible}.level-dropdown{width:100%;height:100%;padding:0 clamp(10px,2vmin,20px);font-size:clamp(14px,2.2vmin,22px);font-family:Segoe UI,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px);color:gold;background:linear-gradient(180deg,#282846f2,#191932f2);border:clamp(2px,.3vmin,3px) solid rgba(100,100,150,.8);border-radius:clamp(4px,.8vmin,8px);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffd700'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right clamp(8px,1.5vmin,15px) center;background-size:clamp(16px,2.4vmin,24px);text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff1a;transition:all .2s ease}.level-dropdown:hover{background-color:#32325af2;border-color:#8282b4;box-shadow:0 4px 20px #64649666,inset 0 1px #ffffff26}.level-dropdown:focus{border-color:gold;box-shadow:0 0 15px #ffd70066,inset 0 1px #ffffff1a}.level-dropdown option{background:#1a1a2e;color:#e0e0e0;font-size:18px;padding:15px}.level-dropdown option:disabled{color:#666}.level-dropdown option:checked{background:linear-gradient(180deg,#3a3a6a,#2a2a4a);color:gold}.faction-selector{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#1e1e3cfa,#14142dfa);border:clamp(2px,.4vmin,4px) solid rgba(100,100,150,.8);border-radius:clamp(10px,2vmin,20px);padding:clamp(20px,5vmin,50px) clamp(30px,8vmin,80px);z-index:10001;box-shadow:0 0 50px #000c,0 0 100px #32326466}.faction-selector.hidden{display:none}.faction-title{text-align:center;font-size:clamp(24px,4.8vmin,48px);font-weight:700;color:gold;text-transform:uppercase;letter-spacing:clamp(3px,.8vmin,8px);margin-bottom:clamp(20px,5vmin,50px);text-shadow:0 0 20px rgba(255,215,0,.5)}.faction-options{display:flex;gap:clamp(20px,6vmin,60px);justify-content:center}.faction-option{display:flex;flex-direction:column;align-items:center;padding:clamp(15px,4vmin,40px) clamp(20px,6vmin,60px);background:linear-gradient(180deg,#323250e6,#23233ce6);border:clamp(2px,.3vmin,3px) solid rgba(80,80,120,.7);border-radius:clamp(8px,1.6vmin,16px);cursor:pointer;transition:all .2s ease;min-width:clamp(140px,28vmin,280px)}.faction-option:hover{background:linear-gradient(180deg,#46466ef2,#323255f2);border-color:#7878b4e6;transform:scale(1.05);box-shadow:0 0 40px #64649680}.faction-option.selected{background:linear-gradient(180deg,#3c503cf2,#283c28f2);border-color:#5a9a5a;box-shadow:0 0 50px #5a9a5a99}.faction-option:active{transform:scale(.98)}.faction-logo{width:clamp(80px,16vmin,160px);height:clamp(80px,16vmin,160px);object-fit:contain;margin-bottom:clamp(12px,2.4vmin,24px);filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.faction-name{font-size:clamp(16px,3.2vmin,32px);font-weight:700;color:#e0e0e0;text-transform:uppercase;letter-spacing:clamp(2px,.4vmin,4px)}.faction-option.selected .faction-name{color:#90ee90}.faction-cancel-btn{display:block;margin:clamp(15px,3vmin,30px) auto 0;padding:clamp(6px,1.2vmin,12px) clamp(20px,4vmin,40px);font-size:clamp(12px,2vmin,20px);font-weight:700;color:#e0e0e0;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px);background:linear-gradient(180deg,#503232e6,#3c2323e6);border:clamp(1px,.2vmin,2px) solid rgba(150,80,80,.7);border-radius:clamp(4px,.8vmin,8px);cursor:pointer;transition:all .2s ease}.faction-cancel-btn:hover{background:linear-gradient(180deg,#643c3cf2,#502d2df2);border-color:#b46464e6;box-shadow:0 0 15px #96505066}.faction-cancel-btn:active{transform:scale(.98)}.level-dropdown.disabled{pointer-events:none;opacity:.5}.start-btn{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;visibility:hidden}.start-btn.positioned{visibility:visible}#start-btn{left:73.5%;top:74.4%}.start-btn.hidden{display:none}.start-btn img{display:block;width:clamp(80px,15vmin,200px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.start-btn .start-img-active{position:absolute;top:0;left:0;opacity:0;transition:opacity .15s ease}.start-btn:active .start-img{opacity:0}.start-btn:active .start-img-active{opacity:1}.start-btn.loading .start-img{opacity:0}.start-btn.loading .start-img-active{opacity:1}#version-label{position:fixed;bottom:15px;right:20px;color:#ffffff80;font-size:clamp(10px,1.4vmin,14px);font-family:Segoe UI,Arial,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10000}.menu-buttons-container{position:absolute;left:13.2%;top:61%;width:20.9%;display:flex;gap:clamp(3px,.6vmin,6px);z-index:10000}.menu-settings-btn{flex:1;padding:clamp(4px,.8vmin,8px) clamp(4px,.8vmin,8px);background:linear-gradient(180deg,#3c3c5ae6,#282846e6);border:clamp(1px,.2vmin,2px) solid rgba(100,100,150,.7);border-radius:clamp(3px,.6vmin,6px);color:#c0c0d0;font-size:clamp(9px,1.3vmin,13px);font-family:Segoe UI,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:clamp(0px,.1vmin,1px);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;text-align:center}.menu-settings-btn:hover{background:linear-gradient(180deg,#505078f2,#3c3c64f2);border-color:#8282b4e6;color:#e0e0f0;transform:scale(1.02)}.menu-settings-btn:active{transform:scale(.98)}.menu-multiplayer-btn{flex:1;padding:clamp(4px,.8vmin,8px) clamp(4px,.8vmin,8px);background:linear-gradient(180deg,#3c503ce6,#283c28e6);border:clamp(1px,.2vmin,2px) solid rgba(100,150,100,.7);border-radius:clamp(3px,.6vmin,6px);color:#c0d0c0;font-size:clamp(9px,1.3vmin,13px);font-family:Segoe UI,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:clamp(0px,.1vmin,1px);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;text-align:center}.menu-multiplayer-btn:hover{background:linear-gradient(180deg,#507850f2,#3c643cf2);border-color:#82b482e6;color:#e0f0e0;transform:scale(1.02)}.menu-multiplayer-btn:active{transform:scale(.98)}.menu-help-btn{flex:1;padding:clamp(4px,.8vmin,8px) clamp(4px,.8vmin,8px);background:linear-gradient(180deg,#504632e6,#3c3223e6);border:clamp(1px,.2vmin,2px) solid rgba(160,140,80,.7);border-radius:clamp(3px,.6vmin,6px);color:#d0c8a0;font-size:clamp(9px,1.3vmin,13px);font-family:Segoe UI,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:clamp(0px,.1vmin,1px);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;text-align:center}.menu-help-btn:hover{background:linear-gradient(180deg,#645a3cf2,#504632f2);border-color:#c8b464e6;color:#f0e8c0;transform:scale(1.02)}.menu-help-btn:active{transform:scale(.98)}.menu-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10001;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.menu-loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:gold;font-size:18px;margin-top:20px;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center}#game-container{position:relative;width:100vw;height:100vh;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAAfElEQVQ4T6XQsRWAIAwE0MM5HIAJ7F3CIVkCKgoncAAnYAEtkZBAwCvvkf9CDO7twY8YFogp0EoKD6ynoZWUhRYAwKJCMkDXViIZOK59Bim/MIHUNxhEagBjCA9Aj8gAdEgbQB/pA2gjOgAyogfAIDEFwFkPZ33xsJfPzAv06FMTKv6BSQAAAABJRU5ErkJggg==) 0 0,auto}#game-container.hidden{display:none}#game-canvas{position:absolute;top:0;left:0;background:#0a0a15;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAAfElEQVQ4T6XQsRWAIAwE0MM5HIAJ7F3CIVkCKgoncAAnYAEtkZBAwCvvkf9CDO7twY8YFogp0EoKD6ynoZWUhRYAwKJCMkDXViIZOK59Bim/MIHUNxhEagBjCA9Aj8gAdEgbQB/pA2gjOgAyogfAIDEFwFkPZ33xsJfPzAv06FMTKv6BSQAAAABJRU5ErkJggg==) 0 0,auto}#minimap-canvas{position:absolute;bottom:10px;left:10px;border:2px solid #4a4a6a;border-radius:4px;background:#0a0a15;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAAfElEQVQ4T6XQsRWAIAwE0MM5HIAJ7F3CIVkCKgoncAAnYAEtkZBAwCvvkf9CDO7twY8YFogp0EoKD6ynoZWUhRYAwKJCMkDXViIZOK59Bim/MIHUNxhEagBjCA9Aj8gAdEgbQB/pA2gjOgAyogfAIDEFwFkPZ33xsJfPzAv06FMTKv6BSQAAAABJRU5ErkJggg==) 0 0,auto}#tooltip{position:absolute;background:#000000d9;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000;max-width:200px}#tooltip.hidden{display:none}body.selecting #minimap-canvas{pointer-events:none}#help-indicator{position:fixed;top:40px;right:10px;padding:6px 12px;background:#00000080;border:1px solid #4a4a6a;border-radius:4px;color:#aaa;font-family:monospace;font-size:12px;z-index:9998;-webkit-user-select:none;user-select:none;pointer-events:none}#help-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10001;cursor:pointer}#help-modal.hidden{display:none}#help-content{background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border:2px solid #5a5a8a;border-radius:clamp(6px,1.2vmin,12px);padding:clamp(15px,3vmin,30px) clamp(20px,4vmin,40px);max-width:800px;width:90%;color:#e0e0e0;box-shadow:0 0 40px #5a5a8a80;cursor:default;max-height:90vh;overflow-y:auto}#help-content h2{text-align:center;color:gold;font-size:clamp(18px,2.8vmin,28px);margin-bottom:clamp(12px,2.5vmin,25px);text-transform:uppercase;letter-spacing:clamp(2px,.4vmin,4px);text-shadow:0 0 10px rgba(255,215,0,.5)}.help-columns{display:flex;gap:clamp(15px,4vmin,40px);justify-content:center}@media(max-height:500px),(max-width:600px){.help-columns{flex-direction:column;gap:clamp(5px,1vmin,10px)}}.help-column{flex:1;max-width:340px}.help-column h3{color:#7a7aba;font-size:clamp(11px,1.6vmin,16px);margin-top:clamp(10px,2vmin,20px);margin-bottom:clamp(5px,1vmin,10px);text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px);border-bottom:1px solid #4a4a6a;padding-bottom:clamp(2px,.5vmin,5px)}.help-column h3:first-child{margin-top:0}.help-column p{font-size:clamp(10px,1.4vmin,14px);margin:clamp(3px,.6vmin,6px) 0;line-height:1.5}.help-column .key{display:inline-block;background:linear-gradient(180deg,#4a4a6a,#3a3a5a);border:1px solid #6a6a9a;border-radius:clamp(2px,.4vmin,4px);padding:clamp(1px,.2vmin,2px) clamp(4px,.8vmin,8px);font-family:monospace;font-size:clamp(9px,1.2vmin,12px);color:gold;margin-right:clamp(4px,.8vmin,8px);min-width:clamp(50px,8vmin,80px);text-align:center}.help-footer{text-align:center;margin-top:clamp(12px,2.5vmin,25px);color:#888;font-size:clamp(10px,1.3vmin,13px);font-style:italic}#help-modal:before{content:"PAUSED";position:absolute;top:clamp(15px,3vmin,30px);left:50%;transform:translate(-50%);color:#ffd7004d;font-size:clamp(14px,2.4vmin,24px);font-weight:700;letter-spacing:clamp(4px,.8vmin,8px)}#settings-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10002;cursor:pointer}#settings-modal.hidden{display:none}#settings-content{background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border:2px solid #5a5a8a;border-radius:12px;padding:30px 40px;max-width:500px;width:90%;color:#e0e0e0;box-shadow:0 0 40px #5a5a8a80;cursor:default}#settings-content h2{text-align:center;color:gold;font-size:28px;margin-bottom:25px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px rgba(255,215,0,.5)}.settings-section{margin-bottom:25px}.settings-section h3{color:#7a7aba;font-size:16px;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #4a4a6a;padding-bottom:5px}.setting-row{display:flex;align-items:center;margin-bottom:12px;gap:15px}.setting-row label{flex:0 0 180px;font-size:14px;color:#c0c0d0}.setting-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#3a3a5a;border-radius:3px;outline:none}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(180deg,#6a6a9a,#4a4a7a);border:2px solid #8a8aba;border-radius:50%;cursor:pointer;transition:all .2s}.setting-row input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(180deg,#7a7aba,#5a5a8a);transform:scale(1.1)}.setting-row input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(180deg,#6a6a9a,#4a4a7a);border:2px solid #8a8aba;border-radius:50%;cursor:pointer}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:#6a6a9a;cursor:pointer}.setting-value{flex:0 0 50px;text-align:right;font-family:monospace;font-size:14px;color:gold}.setting-select{flex:1;padding:8px 12px;font-size:14px;background:#2a2a4a;border:1px solid #5a5a8a;border-radius:4px;color:#e0e0e0;cursor:pointer}.setting-select:hover{border-color:#7a7aba}.setting-select:focus{outline:none;border-color:#8a8aca}.cursor-selector{display:flex;gap:10px;flex:1;justify-content:flex-start}.cursor-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#2a2a4a;border:2px solid #5a5a8a;border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.cursor-option:hover{border-color:#7a7aba;background:#3a3a5a}.cursor-option.selected{border-color:#8cf;background:#2a3a5a;box-shadow:0 0 8px #88ccff4d}.cursor-option img{max-width:32px;max-height:32px;image-rendering:pixelated}.settings-buttons{display:flex;justify-content:center;gap:15px;margin-top:25px}.settings-btn{padding:12px 25px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid #5a5a8a;border-radius:6px;background:linear-gradient(180deg,#3a3a5a,#2a2a4a);color:#c0c0d0;cursor:pointer;transition:all .2s}.settings-btn:hover{background:linear-gradient(180deg,#4a4a7a,#3a3a6a);border-color:#7a7aba;color:#e0e0e0}.settings-btn:active{transform:scale(.95)}.settings-btn-primary{background:linear-gradient(180deg,#4a6a4a,#3a5a3a);border-color:#5a8a5a;color:#c0e0c0}.settings-btn-primary:hover{background:linear-gradient(180deg,#5a8a5a,#4a7a4a);border-color:#7aba7a;color:#e0ffe0}.settings-btn-small{padding:8px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid #5a5a8a;border-radius:4px;background:linear-gradient(180deg,#3a3a5a,#2a2a4a);color:#c0c0d0;cursor:pointer;transition:all .2s}.settings-btn-small:hover{background:linear-gradient(180deg,#4a4a7a,#3a3a6a);border-color:#7a7aba;color:#e0e0e0}.settings-btn-small:active{transform:scale(.95)}.settings-footer{text-align:center;margin-top:20px;color:#888;font-size:13px;font-style:italic}#settings-modal:before{content:"PAUSED";position:absolute;top:30px;left:50%;transform:translate(-50%);color:#ffd7004d;font-size:24px;font-weight:700;letter-spacing:8px}#exit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000}#exit-modal.hidden{display:none}#exit-content{background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border:2px solid #5a5a8a;border-radius:12px;padding:30px 50px;text-align:center;box-shadow:0 0 30px #000c}#exit-content h2{color:#ff6b6b;font-size:28px;margin:0 0 15px;text-transform:uppercase;letter-spacing:3px}#exit-content p{color:#aaa;font-size:16px;margin:0 0 25px}.exit-buttons{display:flex;justify-content:center;gap:20px}.settings-btn-danger{background:linear-gradient(180deg,#6a3a3a,#5a2a2a);border-color:#8a4a4a;color:#faa}.settings-btn-danger:hover{background:linear-gradient(180deg,#8a4a4a,#7a3a3a);border-color:#aa5a5a;color:#fcc}#react-root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none}#react-root:has(.react-app){pointer-events:auto}#react-root:has([data-screen=game]){pointer-events:none}.react-app{width:100%;height:100%}.react-multiplayer-root{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.react-mp-screen{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.react-mp-title{color:gold;font-size:28px;font-weight:700;text-align:center;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.react-connect-screen{display:flex;align-items:center;justify-content:center}.react-mp-panel{background:#1a1a2ef2;border:2px solid #ffd700;border-radius:10px;padding:30px;min-width:400px;max-width:500px}.react-mp-form{display:flex;flex-direction:column;gap:20px}.react-mp-form-group{display:flex;flex-direction:column;gap:8px}.react-mp-form-group label{color:#aaa;font-size:14px;text-transform:uppercase}.react-mp-input,.react-mp-select{padding:12px 16px;font-size:16px;background:#0000004d;border:1px solid #444;border-radius:6px;color:#fff;outline:none;transition:border-color .2s}.react-mp-input:focus,.react-mp-select:focus{border-color:gold}.react-mp-input::placeholder{color:#666}.react-mp-buttons{display:flex;gap:10px;margin-top:10px}.react-mp-btn{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase}.react-mp-btn:disabled{opacity:.5;cursor:not-allowed}.react-mp-btn-primary{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff}.react-mp-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#66bb6a,#43a047);transform:translateY(-1px)}.react-mp-btn-secondary{background:linear-gradient(180deg,#607d8b,#455a64);color:#fff}.react-mp-btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#78909c,#546e7a)}.react-mp-btn-success{background:linear-gradient(180deg,gold,#ffb700);color:#1a1a2e}.react-mp-btn-success:hover:not(:disabled){background:linear-gradient(180deg,#ffe033,#ffc933)}.react-mp-btn-danger{background:linear-gradient(180deg,#f44336,#c62828);color:#fff}.react-mp-btn-small{padding:8px 16px;font-size:14px}.react-mp-btn-tiny{padding:4px 8px;font-size:12px}.react-main-screen-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,215,0,.3)}.react-player-info{color:#aaa;font-size:14px}.react-player-info strong{color:gold}.react-main-screen-content{flex:1;display:flex;gap:20px;padding:20px;overflow:hidden}.react-main-screen-left,.react-main-screen-right{flex:1;display:flex;flex-direction:column;min-width:0}.react-chat-panel{display:flex;flex-direction:column;background:#0000004d;border:1px solid #333;border-radius:8px;overflow:hidden;height:100%}.react-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d;border-bottom:1px solid #333}.react-chat-title{color:gold;font-weight:700;font-size:14px;text-transform:uppercase}.react-chat-count{color:#666;font-size:12px}.react-chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:4px}.react-chat-empty{color:#666;text-align:center;padding:20px;font-style:italic}.react-chat-message{font-size:13px;line-height:1.4;padding:4px 8px;border-radius:4px}.react-chat-message-own{background:#ffd7001a}.react-chat-time{color:#666;font-size:11px;margin-right:6px}.react-chat-name{color:#4fc3f7;font-weight:700;margin-right:6px}.react-chat-message-own .react-chat-name{color:gold}.react-chat-text{color:#ddd}.react-chat-input-form{display:flex;padding:10px;border-top:1px solid #333;gap:8px}.react-chat-input{flex:1;padding:10px 12px;background:#0006;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;outline:none}.react-chat-input:focus{border-color:#4fc3f7}.react-chat-send-btn{padding:10px 20px;background:#4fc3f7;color:#1a1a2e;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .2s}.react-chat-send-btn:hover{background:#81d4fa}.react-lobby-browser{display:flex;flex-direction:column;background:#0000004d;border:1px solid #333;border-radius:8px;overflow:hidden;height:100%}.react-lobby-browser-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d;border-bottom:1px solid #333}.react-lobby-browser-header h3{color:gold;margin:0;font-size:14px;text-transform:uppercase}.react-create-lobby-btn{margin:15px}.react-create-lobby-form{padding:15px;border-bottom:1px solid #333}.react-lobby-list{flex:1;overflow-y:auto;padding:10px}.react-lobby-empty{color:#666;text-align:center;padding:30px;font-style:italic}.react-lobby-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0003;border:1px solid #333;border-radius:6px;margin-bottom:8px;transition:border-color .2s}.react-lobby-item:hover{border-color:gold}.react-lobby-name{color:#fff;font-weight:700;font-size:15px}.react-lobby-details{color:#888;font-size:12px;margin-top:4px}.react-lobby-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,215,0,.3)}.react-lobby-title h2{color:gold;margin:0;font-size:24px}.react-lobby-map{color:#888;font-size:14px}.react-lobby-content{flex:1;display:flex;gap:20px;padding:20px;overflow:hidden}.react-lobby-left{width:350px;display:flex;flex-direction:column;gap:15px}.react-lobby-right{flex:1;display:flex;flex-direction:column}.react-player-list{background:#0000004d;border:1px solid #333;border-radius:8px;overflow:hidden}.react-player-list-header{display:flex;justify-content:space-between;padding:12px 16px;background:#0000004d;border-bottom:1px solid #333;color:gold;font-weight:700;font-size:14px;text-transform:uppercase}.react-player-list-items{padding:10px}.react-player-item{display:flex;align-items:center;padding:10px 12px;background:#0003;border-radius:6px;margin-bottom:6px;gap:12px}.react-player-self{border:1px solid rgba(255,215,0,.5)}.react-player-status{width:24px;display:flex;justify-content:center}.react-player-ready-dot{width:12px;height:12px;border-radius:50%;background:#666;transition:background .2s}.react-player-ready-dot.ready{background:#4caf50;box-shadow:0 0 8px #4caf5080}.react-player-details{flex:1;display:flex;flex-direction:column;gap:2px}.react-player-name{color:#fff;font-weight:700}.react-player-faction{color:#888;font-size:12px}.react-lobby-controls{background:#0000004d;border:1px solid #333;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:15px}.react-lobby-actions{display:flex;gap:10px}.react-lobby-actions .react-mp-btn{flex:1}.react-lobby-hint{color:#888;font-size:13px;text-align:center;font-style:italic}.react-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100000}.react-loading-content{text-align:center}.react-loading-spinner{width:50px;height:50px;border:4px solid #333;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.react-loading-text{color:gold;font-size:18px}.react-countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100001}.react-countdown-content{text-align:center}.react-countdown-number{font-size:150px;font-weight:700;color:gold;text-shadow:0 0 50px rgba(255,215,0,.5);animation:countdown-pulse 1s ease-in-out}@keyframes countdown-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.react-countdown-text{color:#aaa;font-size:24px;margin-top:20px;text-transform:uppercase;letter-spacing:3px}.react-toast{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:15px;z-index:100002;cursor:pointer;animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.react-toast-error{background:#f44336;color:#fff}.react-toast-success{background:#4caf50;color:#fff}.react-toast-info{background:#2196f3;color:#fff}.react-toast-message{font-size:14px}.react-toast-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.7}.react-toast-close:hover{opacity:1}.react-debug-panel{position:fixed;bottom:10px;right:10px;background:#000c;padding:10px 15px;border-radius:6px;font-family:monospace;font-size:12px;z-index:100}.react-debug-row{display:flex;gap:10px;margin-bottom:4px}.react-debug-row:last-child{margin-bottom:0}.react-debug-label{color:#888}.react-debug-value{color:#4fc3f7}.react-mp-error{background:#f4433633;border:1px solid #f44336;color:#ff8a80;padding:12px 16px;border-radius:6px;margin:10px 20px;cursor:pointer;font-size:14px}.react-mp-error:hover{background:#f443364d}.react-online-players{margin-top:20px;background:#0000004d;border-radius:8px;padding:12px}.react-online-players-header h4{margin:0 0 10px;color:#aaa;font-size:14px;font-weight:400}.react-online-players-list{max-height:150px;overflow-y:auto}.react-online-player{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.react-online-player .react-player-status{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;flex-shrink:0;display:block}.react-player-status-online{background:#4caf50}.react-player-status-in_lobby{background:#ff9800}.react-player-status-in_game{background:#2196f3}.react-player-name{color:#e0e0e0}.react-player-status-text{color:#888;font-size:11px}.react-chat-messages::-webkit-scrollbar,.react-lobby-list::-webkit-scrollbar,.react-player-list-items::-webkit-scrollbar,.react-online-players-list::-webkit-scrollbar{width:8px}.react-chat-messages::-webkit-scrollbar-track,.react-lobby-list::-webkit-scrollbar-track,.react-player-list-items::-webkit-scrollbar-track,.react-online-players-list::-webkit-scrollbar-track{background:#0000004d}.react-chat-messages::-webkit-scrollbar-thumb,.react-lobby-list::-webkit-scrollbar-thumb,.react-player-list-items::-webkit-scrollbar-thumb,.react-online-players-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.react-chat-messages::-webkit-scrollbar-thumb:hover,.react-lobby-list::-webkit-scrollbar-thumb:hover,.react-player-list-items::-webkit-scrollbar-thumb:hover,.react-online-players-list::-webkit-scrollbar-thumb:hover{background:#555}