@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";#app{scrollbar-color:#d4a843 #1e1710;scrollbar-width:thin;scrollbar-gutter:stable}#app::-webkit-scrollbar{width:2rem}#app::-webkit-scrollbar-track{background:#1e1710}#app::-webkit-scrollbar-thumb{background:#d4a843}.hex-app{display:flex;flex-direction:column;height:80vh;max-width:1800px;margin:0 auto;background:#1a1410;color:#e8d9b8;font-family:Georgia,serif;overflow:hidden}.workspace{display:flex;flex:1;overflow:hidden}.canvas-wrapper{position:relative;flex:1;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:#1e1710;border-right:2px solid #3d2a10;padding:12px 12px 100px;display:flex;flex-direction:column;gap:10px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable}.panel{background:#241c10;border:1px solid #3d2a10;border-radius:6px;padding:10px}.panel-title{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#8a6a30;cursor:pointer;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #3d2a10}.collapsible{overflow:hidden;max-height:100vh;transition:max-height .3s ease}.collapsed{max-height:0}.collapsible .panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0;border-bottom:none;-webkit-user-select:none;user-select:none;line-height:1.75em}.collapsible:hover .panel-title{color:#d4a843}.collapsible .panel-title img{padding-right:.5rem}.chevron{font-size:.6rem;float:right;padding-left:1rem}.panel-title .chevron{padding-left:0}.import-hint{overflow:initial}.import-hint button{padding:1px 5px}.import-hint p{font-size:.82rem;color:#a08060;line-height:1.5;margin:0}.import-hint strong{color:#d4a843}.terrain-btn{display:block;width:100%;text-align:left;padding:6px 10px;margin-bottom:4px;border-radius:4px;border:1px solid;color:#e8d9b8;cursor:pointer;font-size:.9rem;transition:all .15s}.terrain-btn.active{color:#fff;font-weight:700}.info-row{font-size:.85rem;color:#a08060;margin-bottom:4px}kbd{background:#1a1410;border:1px solid #5c3d1a;border-radius:3px;padding:1px 5px;font-size:.75rem;color:#c4a86a;font-family:monospace}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:10px;flex-wrap:wrap;flex-shrink:0;background:#2a1f10;border-bottom:2px solid #5c3d1a}.toolbar-title{font-family:Cinzel,serif;font-size:1.3rem;color:#d4a843;display:flex;align-items:center;gap:10px}.toolbar-title img{max-height:50px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar-actions button.active{border-color:#d4a843;color:#d4a843;background:#3a2800}.zoom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.zoom-row span{font-size:.85rem;color:#8a7455}.uid-load-bar{display:flex;align-items:center;gap:8px;width:100%;padding-top:6px;border-top:1px solid #3d2a10}.uid-load-bar span{font-size:.82rem;color:#8a7455;white-space:nowrap}.uid-input{background:#1a1410;border:1px solid #5c3d1a;color:#e8d9b8;padding:5px 10px;border-radius:4px;font-size:.9rem;font-family:monospace;letter-spacing:2px;width:120px}.uid-input:focus{outline:none;border-color:#d4a843}.save-msg{background:#2d4a1a;border:1px solid #4a8a2a;color:#8adf4a;padding:5px 14px;border-radius:4px;font-size:.85rem}.map-status-pill{padding:4px 12px;border-radius:20px;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.5px;border:1px solid;white-space:nowrap}.status-ongoing{background:#1a2a1a;border-color:#4a7a2a;color:#8adf4a}.status-locked{background:#1a1a2a;border-color:#4a4a9a;color:#9a9adf}.status-ended{background:#2a1010;border-color:#7a2a2a;color:#df6060}.status-started{background:#1a2a1a;border-color:#2a7a4a;color:#4adf8a}button{background:#2a1f10;border:1px solid #5c3d1a;color:#c4a86a;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}button:hover{background:#5c3d1a}.btn-group{display:flex;align-items:center;border:1px solid #5c3d1a;border-radius:4px;overflow:hidden}.btn-group .title{padding:0 6px}.btn-group button{border:none;border-radius:0}.btn-primary,.btn-go,.btn-confirm,.copy-btn{background:#3a2800;border-color:#d4a843;color:#d4a843}.btn-primary:hover,.btn-go:hover,.btn-confirm:hover,.copy-btn:hover{background:#5a3800}.btn-primary{font-weight:700}.btn-cancel{background:transparent;border-color:#5c3d1a;color:#8a6a30}.btn-cancel:hover{border-color:#d4a843;color:#d4a843}.btn-danger{background:#3a0000;border-color:#df4a4a;color:#df4a4a}.btn-danger:hover{background:#5a0000}.btn-finish{background:#1a3a1a;border-color:#4a8a2a;color:#8adf4a;font-weight:700}.btn-finish:hover{background:#2a5a2a}.btn-end{background:#3a1010;border-color:#8a2a2a;color:#df6060;font-weight:700}.btn-end:hover{background:#5a1818}.btn-nextturn{background:#1a2a3a;border-color:#4a8adf;color:#88b5f1;font-weight:700}.btn-nextturn:hover{background:#2a3a5a}.turn-waiting{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#5c7a9a;padding:6px 10px;border:1px solid #2a4a6a;border-radius:4px;background:#0a1a2a}.turn-badge{background:#4a8adf;color:#0a1020;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:4px}.btn-generate{flex:1;background:#3a2800;border-color:#d4a843;color:#d4a843;padding:7px}.btn-generate:hover{background:#5a3800}.btn-reset-s{flex:1;background:#1a1410;border-color:#5c3d1a;color:#8a7455;padding:7px}.btn-reset-s:hover{background:#5a3800;color:#d4a843;border-color:#d4a843}.btn-load{background:#2a1f10;border-color:#5c3d1a;color:#8adf4a;padding:2px 6px;font-size:.75rem}.btn-load:hover{border-color:#8adf4a}.btn-del{background:#2a1010;border-color:#5c3d1a;color:#df4a4a;padding:2px 6px;font-size:.75rem}.btn-del:hover{border-color:#df4a4a}.btn-approve,.btn-deny{width:26px;height:26px;padding:0;border-radius:4px;font-size:.85rem;display:flex;align-items:center;justify-content:center}.btn-approve{background:#1a3a1a;border:1px solid #4a8a2a;color:#8adf4a}.btn-approve:hover{background:#2a5a2a;border-color:#8adf4a}.btn-deny{background:#3a1010;border:1px solid #8a2a2a;color:#df4a4a}.btn-deny:hover{background:#5a1a1a;border-color:#df4a4a}.size-select{background:#2a1f10;border:1px solid #5c3d1a;color:#c4a86a;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:.9rem}.not-logged,.empty{font-size:.78rem;color:#5c4a2a;font-style:italic;text-align:center;padding:6px 0}.map-row{display:flex;align-items:center;justify-content:space-between;background:#1a1410;border:1px solid #3d2a10;border-radius:4px;padding:5px 8px;gap:6px}.map-info{display:flex;flex-direction:column;flex:1;min-width:0}.map-name{font-size:.82rem;color:#c4a86a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-meta{font-size:.68rem;color:#5c4a2a;font-family:monospace}.map-actions{display:flex;gap:4px;flex-shrink:0;flex-direction:column}.proc-panel{display:flex;flex-direction:column;gap:10px;padding-top:8px}.section-title{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#8a6a30;border-bottom:1px solid #3d2a10;padding-bottom:6px}.setting-row{display:flex;flex-direction:column;gap:3px}.setting-label{display:flex;justify-content:space-between;font-size:.82rem;color:#c4a86a}.setting-val{color:#d4a843;font-family:monospace}.setting-hint{font-size:.7rem;color:#5c4a2a;font-style:italic}.slider{width:100%;accent-color:#d4a843;cursor:pointer}.ocean-slider{accent-color:#3a3a8a}.weights-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.weight-row{display:flex;align-items:center;gap:4px}.weight-icon{font-size:.85rem;width:18px;text-align:center}.weight-name{font-size:.72rem;color:#a08060;width:52px}.weight-slider{flex:1;accent-color:var(--tc, #d4a843)}.weight-num{font-size:.72rem;color:#d4a843;font-family:monospace;width:22px;text-align:right}.proc-actions{display:flex;gap:8px;margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#241c10;border:2px solid #d4a843;border-radius:8px;width:380px;overflow:hidden;box-shadow:0 0 40px #d4a84333}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#2a1f10;border-bottom:1px solid #5c3d1a;font-family:Cinzel,serif;font-size:.95rem;color:#d4a843}.modal-body{padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.modal-desc{font-size:.9rem;color:#a08060;text-align:center;margin:0}.modal-actions{display:flex;gap:8px;width:100%}.modal-note{font-size:.78rem;color:#5c4a2a;text-align:center;margin:0}.close-btn{background:transparent;border:none;color:#8a7455;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:3px}.close-btn:hover{color:#d4a843}.uid-display{background:#1a1410;border:2px solid #d4a843;border-radius:6px;padding:14px 30px}.uid-code{font-family:monospace;font-size:2rem;letter-spacing:6px;color:#d4a843;font-weight:700}.copy-btn{padding:8px 24px;width:100%}.name-input{background:#1a1410;border:1px solid #d4a843;color:#e8d9b8;padding:10px 14px;border-radius:4px;font-size:1rem;width:100%;outline:none;font-family:Georgia,serif}.name-input::placeholder{color:#5c4a2a}.name-input:focus{border-color:#f0c060;box-shadow:0 0 8px #d4a8434d}.confirm-modal{background:#241c10;border:2px solid #d4a843;border-radius:8px;padding:24px;width:320px;text-align:center;box-shadow:0 0 40px #d4a84333}.confirm-modal p{color:#a08060;margin:0 0 20px;font-size:.95rem}.confirm-modal strong{color:#d4a843;font-family:monospace;letter-spacing:2px}.confirm-actions{display:flex;gap:8px;justify-content:center}.confirm-hint{font-size:.78rem;color:#5c4a2a;margin-top:8px}.map-container{cursor:grab;position:relative}.map-container:active{cursor:grabbing}.map-inner{position:absolute;top:0;left:0;will-change:transform}.hex-cell{cursor:pointer}.hex-cell:hover{filter:brightness(1.3)}.ended-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#0a0602bf}.ended-overlay__box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 60px;pointer-events:auto;background:#1a1008;border:2px solid #8a2a2a;border-radius:12px;box-shadow:0 0 60px #b4282866}.ended-overlay__icon{font-size:3rem}.ended-overlay__title{font-family:Cinzel,serif;font-size:2rem;color:#c43030;letter-spacing:3px;text-transform:uppercase}.ended-overlay__sub{font-size:.9rem;color:#7a5a3a;font-style:italic}.join-banner{position:fixed;bottom:20px;right:20px;z-index:900;display:flex;align-items:center;gap:16px;max-width:360px;padding:12px 18px;background:#241c10;border:2px solid #d4a843;border-radius:8px;box-shadow:0 0 30px #d4a84333}.join-banner__btn{flex-shrink:0;background:#3a2800;border:1px solid #d4a843;color:#d4a843;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:.85rem;white-space:nowrap}.requests-panel{position:fixed;bottom:20px;right:20px;z-index:900;width:280px;overflow:hidden;background:#241c10;border:2px solid #d4a843;border-radius:8px;box-shadow:0 0 30px #d4a84340}.requests-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#2a1f10;border-bottom:1px solid #5c3d1a;font-family:Cinzel,serif;font-size:.8rem;color:#d4a843;letter-spacing:1px}.requests-badge{background:#d4a843;color:#1a1410;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:auto}.requests-list{display:flex;flex-direction:column;gap:1px;max-height:240px;overflow-y:auto;scrollbar-width:thin}.request-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px;border-bottom:1px solid #3d2a10}.request-row:last-child{border-bottom:none}.request-info{display:flex;flex-direction:column;min-width:0;flex:1}.request-user{font-size:.85rem;color:#e8d9b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-map{font-size:.72rem;color:#8a6a30;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-actions{display:flex;gap:4px;flex-shrink:0}.players-list{display:flex;flex-direction:column;gap:4px;padding-top:6px}.player-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#1a1410;border:1px solid #3d2a10;border-radius:4px}.player-icon{font-size:.85rem;flex-shrink:0}.player-name{font-size:.82rem;color:#c4a86a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-tag{font-size:.6rem;font-family:Cinzel,serif;letter-spacing:1px;color:#d4a843;border:1px solid #5c3d1a;border-radius:3px;padding:1px 4px;flex-shrink:0}.online-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-left:auto}.online-dot.online{background:#4adf8a;box-shadow:0 0 4px #4adf8a88}.online-dot.offline{background:#5c4a2a}.color-swatch:hover{transform:scale(1.15)}.rightbar{width:200px;flex-shrink:0;background:#1e1710;border-left:2px solid #3d2a10;padding:12px;display:flex;flex-direction:column;gap:12px;max-height:80vh;overflow-y:auto;scrollbar-width:thin}.rightbar-title{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#8a6a30;padding-bottom:6px;border-bottom:1px solid #3d2a10}.rb-section{display:flex;flex-direction:column;gap:6px}.rb-label{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:#5c4a2a;font-family:Cinzel,serif}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.faction-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:5px;cursor:pointer;background:#241c10;border:1px solid #3d2a10;color:#8a7455;transition:all .15s}.faction-btn:hover{border-color:#8a6a30;color:#c4a86a}.faction-btn.active{font-weight:700}.faction-icon{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.75;transition:opacity .15s}.faction-btn.active .faction-icon{opacity:1;filter:none}.faction-name{font-size:.62rem;letter-spacing:.5px}.color-row{display:flex;gap:5px;flex-wrap:wrap}.color-swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:2px solid transparent;padding:0;transition:transform .1s}.color-swatch:hover:not(:disabled){transform:scale(1.15)}.color-swatch.active{border-color:#fff;transform:scale(1.15)}.color-swatch.taken{cursor:not-allowed;opacity:.35;position:relative}.color-preview{display:flex;align-items:center;gap:6px;margin-top:2px}.color-sample{width:14px;height:14px;border-radius:3px;border:1px solid #3d2a10;display:inline-block;flex-shrink:0}.color-hex{font-size:.72rem;color:#8a7455;font-family:monospace}.city-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.city-coords{font-size:.78rem;color:#5c4a2a;font-family:monospace;font-style:italic}.city-coords.set{color:#c4a86a;font-style:normal}.btn-pick-city{font-size:.72rem;padding:4px 8px;background:#241c10;border:1px solid #5c3d1a;color:#c4a86a}.btn-pick-city:hover{border-color:#d4a843;color:#d4a843}.btn-save-setup{width:100%;padding:9px;background:#3a2800;border:1px solid #d4a843;color:#d4a843;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all .2s}.btn-save-setup:hover:not(:disabled){background:#5a3800}.btn-save-setup:disabled{opacity:.35;cursor:not-allowed}.rb-hint{font-size:.7rem;color:#5c4a2a;font-style:italic;text-align:center;margin:0}.city-select-mode{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;text-align:center}.city-select-icon{font-size:2rem}.city-select-hint{font-size:.8rem;color:#c4a86a;line-height:1.5;margin:0}.city-preview{font-size:.75rem;color:#d4a843;font-family:monospace;background:#241c10;border:1px solid #3d2a10;padding:4px 10px;border-radius:4px}.city-select-actions{display:flex;gap:6px;width:100%}.city-select-actions .btn-confirm{flex:1;background:#1a3a1a;border:1px solid #4a8a2a;color:#8adf4a;padding:7px;border-radius:4px}.city-select-actions .btn-confirm:disabled{opacity:.35;cursor:not-allowed}.city-select-actions .btn-cancel{flex:1;background:#2a1010;border:1px solid #5c3d1a;color:#8a7455;padding:7px;border-radius:4px}.setup-locked{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0}.actions-count{font-family:monospace;color:#d4a843;margin-left:4px}.actions-gauge{height:8px;background:#1a1410;border:1px solid #3d2a10;border-radius:4px;overflow:hidden;margin:2px 0}.actions-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.btn-claim{width:100%;padding:7px;background:#1a2a1a;border:1px solid #4a8a2a;color:#8adf4a;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-claim:hover:not(:disabled){background:#2a4a2a}.btn-claim.active{background:#3a1010;border-color:#8a2a2a;color:#df6060}.btn-claim:disabled{opacity:.35;cursor:not-allowed}.hex-claimable{cursor:crosshair}.hex-no-claim{cursor:not-allowed}.resources-row{display:flex;align-items:center;gap:6px}.resources-icon{font-size:1rem}.resources-value{font-family:monospace;font-size:.95rem;color:#d4a843;font-weight:700}.setup-locked__icon{font-size:1.5rem}.setup-locked__msg{font-size:.75rem;color:#5c4a2a;font-style:italic}.setup-value{font-size:.82rem;color:#c4a86a}.chatbox{display:flex;flex-direction:column;background:#1e1710;border:1px solid #3d2a10;border-radius:6px;overflow:hidden;flex-shrink:0}.chatbox--popped{position:fixed;bottom:20px;left:240px;z-index:900;min-width:300px;border:2px solid #5c3d1a;box-shadow:0 0 20px #0009}.chatbox-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#241c10;border-bottom:1px solid #3d2a10}.chatbox-title{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#8a6a30;width:100%;cursor:pointer}.chatbox-pop{background:transparent;border:none;color:#5c4a2a;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1}.chatbox-pop:hover{color:#d4a843}.chatbox-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;max-height:280px}.chatbox-messages.collapsed{padding-top:0;padding-bottom:0;max-height:0}.chatbox-header .move-cross{cursor:move;margin-right:1rem;font-size:0;width:18px;height:18px;display:inline-block;background:url(https://dominion.aerolith-models.com/src/assets/img/move-object.svg) center no-repeat;background-size:contain}.chatbox-empty{font-size:.75rem;color:#3d2a10;font-style:italic;text-align:center;padding:12px 0}.chatbox-msg{display:flex;flex-direction:column;gap:2px}.chatbox-meta{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.chatbox-name{font-size:.68rem;color:#8a6a30;font-family:Cinzel,serif}.chatbox-time{font-size:.62rem;color:#3d2a10;font-family:monospace}.chatbox-text{font-size:.8rem;color:#c4a86a;background:#241c10;border-radius:4px;padding:4px 7px;word-break:break-word}.chatbox-msg--own .chatbox-name{color:#d4a843}.chatbox-msg--own .chatbox-text{background:#2a1f10;border:1px solid #3d2a10}.chatbox-input-row{display:flex;gap:4px;padding:6px;border-top:1px solid #3d2a10}.chatbox-input{flex:1;background:#1a1410;border:1px solid #3d2a10;color:#e8d9b8;padding:5px 8px;border-radius:4px;font-size:.8rem;outline:none}.chatbox-input:focus{border-color:#5c3d1a}.chatbox-send{background:#3a2800;border:1px solid #5c3d1a;color:#d4a843;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.chatbox-send:hover{background:#5a3800}.map-popin{position:fixed;bottom:24px;left:50%;transform:translate(-50%);min-width:320px;max-width:600px;padding:12px 40px 12px 18px;border-radius:10px;font-size:14px;font-weight:500;color:#fff;z-index:9999;display:flex;align-items:center;gap:10px;box-shadow:0 4px 24px #0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-popin--info{background:#1a2a3acc;border:1px solid #4a90d9}.map-popin--error{background:#3a1a1acc;border:1px solid #d94a4a}.map-popin--battle{background:#2a1a0acc;border:1px solid #d9904a}.map-popin__close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff8;cursor:pointer;font-size:13px;padding:2px 4px}.map-popin__close:hover{color:#fff}.popin-enter-active,.popin-leave-active{transition:all .3s ease}.popin-enter-from,.popin-leave-to{opacity:0;transform:translate(-50%) translateY(16px)}.army-name-row{display:flex;align-items:center;gap:6px}.army-name-input{flex:1;background:#1a2233;border:1px solid #4a90d9;border-radius:4px;color:#fff;padding:3px 6px;font-size:13px}.btn-rename{background:none;border:none;cursor:pointer;font-size:13px;padding:2px 4px;opacity:.7}.btn-rename:hover{opacity:1}.army-power{font-size:20px;font-weight:700;color:#ffba00;padding:4px 0}.army-power-row{display:flex;align-items:center;gap:8px}.btn-upgrade{background:#1a3a1a;border-radius:4px;fill:#4adf8a;cursor:pointer;font-size:18px;padding:2px 7px}.btn-upgrade:hover:not(:disabled){background:#2a5a2a}.btn-upgrade--disabled{background:#1a1a1a;fill:#555;cursor:not-allowed}.btn-upgrade svg{width:16px}.upgrade-popin{margin-top:8px;background:#1a2233;border:1px solid #4a90d9;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.upgrade-label{font-size:12px;color:#aac4e8}.upgrade-row{display:flex;align-items:center;gap:8px}.upgrade-slider{flex:1;accent-color:#4adf8a}.upgrade-value{font-weight:700;color:#4adf8a;min-width:32px;text-align:right}.upgrade-result{font-size:13px;color:#ffba00}.upgrade-actions{display:flex;gap:6px;margin-top:2px}.st0{fill:currentColor}.ended-overlay__winner{font-size:18px;color:gold;margin:12px 0 16px}.ended-overlay__winner strong{font-size:22px}.ended-overlay__close{margin-top:4px;background:#1a3a5a;border:1px solid #4a90d9;border-radius:8px;color:#88b5f1;cursor:pointer;font-size:14px;padding:8px 20px;transition:background .2s}.ended-overlay__close:hover{background:#2a4a7a;color:#fff}@keyframes city-pulse{0%,to{opacity:.3;r:9}50%{opacity:.8;r:12}}.city-glow-ring--outer{animation:city-pulse 1.4s ease-in-out infinite}.map-tag{display:inline-block;font-size:.62rem;padding:1px 5px;border-radius:3px;margin-left:5px;vertical-align:middle;font-family:sans-serif;letter-spacing:.5px;text-transform:uppercase;font-weight:700}.tag-locked{background:#2a3a10;color:#8adf4a;border:1px solid #4a7a20}.tag-ended{background:#3a1010;color:#df6060;border:1px solid #7a2020}.tag-joined{background:#1a2a3a;color:#6aafdf;border:1px solid #2a5a8a}.tag-started{background:#1a2a1a;color:#4adf8a;border:1px solid #2a7a4a}.join-banner{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:16px;background:#241c10;border:2px solid #d4a843;border-radius:8px;padding:12px 18px;box-shadow:0 0 30px #d4a84333;z-index:900;max-width:360px}.join-banner__text{display:flex;flex-direction:column;gap:2px}.join-banner__title{font-family:Cinzel,serif;font-size:.9rem;color:#d4a843}.join-banner__sub{font-size:.78rem;color:#8a7455}.join-banner__sub.pending{color:#c4a86a}.join-banner__sub.locked{color:#df6060}.join-banner__btn{flex-shrink:0;background:#3a2800;border:1px solid #d4a843;color:#d4a843;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:all .2s}.join-banner__btn:hover{background:#5a3800}