@import"https://fonts.googleapis.com/css2?family=IM+Fell+English&family=Orbitron:wght@400;700&family=Special+Elite&family=Uncial+Antiqua&display=swap";@import"https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital,wght@0,400;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Elite:wght@400&display=swap";.app-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#242424;display:flex;flex-direction:column;box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.main-content-area{flex-grow:1;display:flex;position:relative;overflow:hidden}.konva-map-wrapper{flex-grow:1;height:100%}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#242424;color:#fff;font-size:2rem;position:absolute;top:0;left:0;z-index:3000}.loading-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-content{display:flex;align-items:center;place-content:center;gap:10px}.spinner{width:30px;height:30px;border:8px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#00e5ff;animation:spin 1.25s linear infinite}@keyframes spin{0%{transform:rotate(0)}70%{transform:rotate(320deg)}80%{transform:rotate(340deg)}90%{transform:rotate(350deg)}to{transform:rotate(360deg)}}.spinner-small{width:20px;height:20px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#00e5ff;animation:spin 1.2s linear infinite;margin-right:8px}#main-game-title{font-size:4.5rem}.centered-resource-bar{position:absolute;flex-direction:column;top:50px;left:50%;transform:translate(-50%);color:#fff;padding:5px 15px;z-index:500;display:flex;background-color:#242424b9;align-items:center;border-radius:0 0 15px 15px}.centered-resource-bar p{margin:0;display:flex;align-items:center}.resource-display{display:flex;gap:20px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-overlay.main-menu{height:100%;width:100%;position:absolute}.modal-content{background:#1a1a1a;border:2px solid #555;padding:2rem;width:90%;max-width:500px;display:flex;flex-direction:column;gap:1rem;color:#ccc;box-shadow:0 5px 15px #00000080}.modal-content.report-modal{max-width:800px}.modal-content.map-toggles-modal{max-width:300px}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{text-align:left;font-weight:700}.modal-content .form-row select,.modal-content .form-row input[type=text]{padding:10px;border-radius:4px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.modal-content .form-row select{width:100%}.modal-content .form-row input[type=text]{width:auto}.modal-content .form-row select:focus,.modal-content .form-row input:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffb3}.modal-content input[type=range]{-webkit-appearance:none;appearance:none;align-items:baseline;width:100%;height:8px;background:#0a1928cc;border:1px solid rgba(0,229,255,.7);outline:none;padding:0;transition:box-shadow .2s}.modal-content input[type=range]:focus{box-shadow:0 0 10px #00e5ffb3}.modal-content input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#00e5ff;cursor:pointer;border-radius:50%;border:2px solid rgba(10,25,40,.8);box-shadow:0 0 8px #00e5ffe6;margin-top:-7px}.modal-content input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#00e5ff;cursor:pointer;border-radius:50%;border:2px solid rgba(10,25,40,.8);box-shadow:0 0 8px #00e5ffe6}.cost-summary{margin-top:1rem;border-top:1px solid #444}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.bottom-ui-container{position:fixed;bottom:0;left:0;width:100%;z-index:1001;display:flex;flex-direction:column;align-items:center;gap:10px}.bottom-action-bar{position:relative;width:50em;z-index:1001;display:flex;gap:10px;background-color:transparent;padding:10px;border-radius:5px}.menu-button.large{padding:12px 24px;align-items:center;font-size:1.1rem;display:flex;justify-content:center;background-color:#344065}.menu-button.small{min-width:auto}.menu-button.scenario{height:50px;font-size:.8rem;min-width:100%}.menu-button.bottom{padding:10px;width:11em;font-size:1rem;display:flex;justify-content:center;background-color:#344065;align-items:center}.menu-button.bottom:hover{background-color:#000;color:#fff}.menu-button.bottom:disabled{background-color:#555;cursor:not-allowed}.menu-button.large:hover{background-color:#000;color:#fff}.menu-button.large:disabled{background-color:#555;cursor:not-allowed}.bottom-left-controls{position:absolute;bottom:78px;left:20px;z-index:1001;display:flex;align-items:center;gap:10px}.map-toggles-button{background:transparent;border:none;padding:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.map-toggles-button img{width:40px;height:40px}.in-game-menu-container{position:relative}.match-stats-container{margin-top:20px;padding:10px;background-color:#0003;border-radius:5px}.stats-columns{display:flex;justify-content:space-around;text-align:center}.stats-column{width:45%}.stats-column h5{margin-bottom:8px;font-size:1.1rem}.in-game-menu-container,.in-game-menu-container *{font-family:Quantico,sans-serif!important}.menu-toggle-button{display:flex;color:#fff;padding:8px 12px;background:transparent;font-size:16px;cursor:pointer;border-radius:5px;-webkit-tap-highlight-color:transparent}.menu-button-burger{display:block;padding:0;margin-right:10px}.report-button{display:block;width:90%;max-width:300px;padding:15px;background:#00698080;border:2px solid rgba(0,229,255,.7);color:#e0f7ff;text-align:center;text-decoration:none;font-size:1.5rem;transition:background-color .3s,box-shadow .3s,color .3s;justify-self:center}.report-button:hover{background:#00e5ffe6;color:#001f3f;box-shadow:0 0 15px #00e5ffcc;cursor:pointer}.menu-dropdown{position:absolute;top:100%;background-color:#2c2c2c;border:1px solid #555;padding:5px;display:flex;flex-direction:column;min-width:150px;z-index:2001}.menu-dropdown button,.menu-dropdown a{background:none;border:none;color:#fff;padding:10px 15px;text-align:left;text-decoration:none;cursor:pointer;width:100%;box-sizing:border-box}.menu-dropdown button:hover,.menu-dropdown a:hover{background-color:#5a5a5a}.unit-tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;z-index:1000;max-width:300px}.unit-tooltip .unit-tooltip-list,.unit-tooltip .unit-tooltip-list *,.grid-tooltip,.grid-tooltip *,.sidebar-toggle-button,.default-font{font-family:Quantico,sans-serif!important}.unit-tooltip-header{font-size:14px}.unit-tooltip-list-text{font-size:10px}.unit-tooltip-list{margin:4px;padding-left:12px}.unit-tooltip-unit-name{padding:12px;margin-block:5px;text-align:center;border-top:1px solid #555;border-bottom:1px solid #555;justify-self:center}.unit-alert-message{font-size:14px;padding-left:5px}.generate-scenario-form{display:flex;flex-direction:column;align-items:center;justify-items:center;overflow:auto;width:40em}.advanced-options{display:flex;flex-direction:column;gap:16px;margin-bottom:1rem;width:90%;max-width:600px}.advanced-option-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:10px}.form-label{text-align:right;padding-right:0}.form-input{height:2em;width:100%;max-width:20em;justify-self:start}.textarea-wrapper{position:relative;max-width:600px;margin-bottom:1rem}.char-counter{position:absolute;bottom:8px;right:10px;font-size:.8em;color:#888;-webkit-user-select:none;user-select:none}.char-counter.invalid{color:#ff474c;font-weight:700}.save-list-container{display:flex;width:33em;justify-content:center}.save-list{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;overflow:auto;max-height:35vh;width:fit-content;justify-self:center}.save-item{display:flex;flex-direction:column;padding-top:10px;align-items:center;gap:10px}.save-info{font-size:20px;display:flex;flex-direction:column}.save-name{color:#caff00}.host-match-container{display:flex;flex-direction:column;align-items:center;width:100%}.save-actions{display:flex;gap:20px;width:fit-content;justify-content:center}.faction-columns{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #555;padding-bottom:1rem;margin-bottom:1rem}.faction-column{flex:1}.faction-column h4{margin-top:0;margin-bottom:1rem;color:#e0e0e0}.faction-column h5{margin-top:1.5rem;margin-bottom:.5rem;border-top:1px solid #444;padding-top:.5rem}.stat-label,.equipment-list .stat-label{opacity:.8}.stat-value,.equipment-list .stat-value{font-weight:700}.equipment-list{list-style:none;padding:0;margin:0}.equipment-list li{display:flex;justify-content:space-between;font-size:.9em;padding:2px 0}.equipment-category h6{cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent}.equipment-category h6:hover{color:#fff}.map-toggles{display:flex;flex-direction:column;padding:10px;gap:5px}.map-toggle-category{margin-bottom:5px}.map-toggle-header{background:transparent;font-size:14px;margin:0;display:flex;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-list{display:flex;flex-direction:column;gap:8px;padding-left:15px;padding-top:8px}.toggle-list label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.multiplayer-ui-banner{top:60px;left:20%;transform:translate(-50%);min-width:500px;height:65px;background:linear-gradient(to bottom,#000c,#0009);z-index:500;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;color:#ccc;border-radius:10px}.multiplayer-ui-banner .player-info{text-align:center;padding:10px 20px;border-radius:8px;transition:all .3s ease-in-out;border:2px solid transparent}.multiplayer-ui-banner .player-info h2{margin:0;font-size:1.5rem}.multiplayer-ui-banner .player-info.active-turn{transform:scale(1.1)}.multiplayer-ui-banner .turn-info{text-align:center;display:flex;flex-direction:column}.multiplayer-ui-banner .turn-info h3{margin:0;font-size:1rem;color:#ffc107}.multiplayer-ui-banner .turn-info p{margin:0;font-size:.8rem}.server-list-table{border-spacing:20px}.server-list{max-height:40vh;overflow-y:auto;overflow-x:hidden}.flex-row-centered{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.generation-bottom-buttons-container{display:flex;gap:20px}.unit-tooltip-type{text-align:center;margin:2px 0 10px;font-style:"italic";opacity:.9;border-bottom:1px solid #555;padding-block:5px}.premade-scenario-list{overflow-x:hidden;overflow-y:auto;display:flex;max-height:20em;gap:15px;flex-direction:column}.bottom-bar-icon{width:20px;height:20px;margin-right:5px;align-self:center}.menu-button.small{font-size:1rem;padding:6px;width:6em;min-width:0}.menu-button.small2{font-size:1rem;padding:6px;width:10em;min-width:0}.multiplayer-menu-layout{display:flex;width:100%;height:100%;gap:2rem;padding:1rem;box-sizing:border-box;align-items:flex-start}.leaderboard-panel{flex:2;display:flex;flex-direction:column;color:#fff;max-height:80%}.leaderboard-panel h3{text-align:center;margin-top:0;margin-bottom:1rem;color:#a0c8d0;font-size:1.5rem}.leaderboard-content{max-height:50vh;flex-grow:1;overflow-y:auto;border:2px solid #5a99a5;background-color:#00000080}.multiplayer-options-panel{flex:1;display:flex;flex-direction:column;gap:1rem;padding-top:3.5rem}.leaderboard-table{width:100%;border-collapse:collapse;color:#fff}.leaderboard-table th,.leaderboard-table td{padding:10px 15px;text-align:left;border-bottom:1px solid #444}.leaderboard-table th{background-color:#000000b3;position:sticky;top:0;z-index:1}.leaderboard-table tbody tr:hover{background-color:#ffffff1a}.leaderboard-table .username-cell{color:#fff}.leaderboard-table .rank-1{font-weight:700;color:gold}.leaderboard-table .rank-2{font-weight:700;color:silver}.leaderboard-table .rank-3{font-weight:700;color:#cd7f32}.save-file-list{max-height:16em;overflow:auto;margin-bottom:20px}.generation-option-row{display:flex;flex-direction:row;margin:1rem 0px}.multiplayer-timer{position:fixed;top:167px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:3px 7px;border-radius:5px;z-index:100;font-size:.7rem;font-weight:700;text-align:center;opacity:1;transition:opacity .3s,color .5s}.generation-color-picker-parent{display:flex;justify-content:center;gap:35px}.notification-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000}.custom-color-picker{position:relative;width:8em;height:36px;border:1px solid rgba(0,229,255,.7);border-radius:4px;cursor:pointer;box-sizing:border-box}.custom-color-picker .color-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}@media (max-width: 940px){.bottom-action-bar{display:flex;justify-content:center;background:transparent;width:100%;padding-bottom:15px;pointer-events:auto}.menu-button.large{padding:10px 15px;width:auto;background-color:#4f6072}.menu-button.bottom{font-size:.6em;padding:5px}.bottom-left-controls{width:95%;justify-content:space-between;margin-inline:0;padding:0 10px;box-sizing:border-box;pointer-events:auto}.unit-alert-message{font-size:11px}.unit-tooltip-unit-name{font-size:12px}.unit-tooltip-type{font-size:10px}.unit-tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;z-index:1000;max-width:300px}.unit-tooltip-header{font-size:10px}.unit-tooltip-list-text{font-size:8px}.unit-tooltip-list{margin:2px;padding-left:12px}.unit-tooltip-unit-name{padding:5px;margin-block:2px}}@media (max-width: 900px){.menu-button-burger{margin:0}.menu-burger-text{display:none}}@media (max-width: 800px){.advanced-option-row{grid-template-columns:1fr;gap:5px}.form-label{text-align:left;padding-right:0;font-size:12px}.form-input{justify-self:stretch;max-width:none;font-size:12px}.generate-scenario-form{width:90vw;max-height:60vh;min-height:37vh}.faction-columns{gap:1rem}.stat-label,.stat-value{font-size:10px}}@media (max-width: 768px){.leaderboard-table th,.leaderboard-table td{font-size:8px}.multiplayer-menu-mobile{display:flex;flex-direction:column;align-items:center;width:auto;height:100%;padding:1rem;box-sizing:border-box}.multiplayer-options-panel{padding-top:0;width:100%;max-width:300px}.leaderboard-mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:2000;padding:1rem;box-sizing:border-box;color:#fff}.leaderboard-mobile-overlay h3{margin-top:1rem;margin-bottom:1rem;color:#a0c8d0;font-size:1.5rem}.leaderboard-mobile-overlay .leaderboard-content{width:100%;max-width:350px;flex-grow:1;overflow-y:auto}.close-leaderboard-button{margin-top:1rem;width:100%;max-width:200px}#main-game-title{font-size:2rem}}@media (max-width: 450px){.form-input{width:80%}.spinner{height:20px;width:20px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#00e5ff}.loading-message{width:80%;place-self:center}.multiplayer-ui-banner{position:absolute;top:100px;left:50%;transform:translate(-50%);height:65px;background:linear-gradient(to bottom,#000c,#0009);z-index:500;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;color:#ccc;border-radius:10px}.multiplayer-ui-banner .turn-info p{margin:0;font-size:.5rem}.multiplayer-ui-banner .turn-info h3{margin:0;font-size:.5rem;color:#ffc107}.multiplayer-ui-banner .player-info h2{margin:0;font-size:.5rem}.multiplayer-menu-layout{display:none}.menu-button.bottom{font-size:0em;padding:10px 20px;background:#1e1e1ed9}.bottom-bar-icon{margin:0}.bottom-action-bar{gap:16vw}.bottom-action-bar .spinner-small{margin-right:0}.save-list{max-height:50vh}.advanced-option-row{display:flex;flex-direction:column}.dificulty-slider-div{display:flex;flex-direction:column;text-align-last:center}.map-toggles{padding:0 10px 0 0;width:inherit;max-height:25em;overflow-x:auto}.toggle-list{gap:0}.form-row{width:-webkit-fill-available}.resource-text{font-size:10px}.report-button{width:200px;font-size:1em}.modal-content{padding:1rem;max-height:85vh}.modal-content.notifications{padding:10px;display:flex;align-items:center;align-self:baseline;margin-top:200px;font-size:12px}.textarea-wrapper{width:100%}.report-container{padding:0;font-size:12px}.menu-button.large{font-size:.7rem}.save-info{font-size:12px}}@media (max-width: 768px){.modal-overlay.main-menu{position:fixed}}.combat-preview-tooltip{position:absolute;background-color:#141414e6;color:#e0e0e0;border:1px solid #555;border-radius:5px;padding:10px;font-size:12px;width:240px;z-index:110;pointer-events:none;display:flex;flex-direction:column;gap:8px;transform:translate(15px,15px)}.combat-preview-tooltip .tooltip-header{font-size:14px;font-weight:700;text-align:center;color:#ffc107;border-bottom:1px solid #444;padding-bottom:5px;margin-bottom:5px}.combat-preview-tooltip .tooltip-section .section-title{font-weight:700;color:#87ceeb;margin-bottom:4px}.combat-preview-tooltip .stat-row{display:flex;justify-content:space-between;padding:1px 0}.unit-tooltip-list{list-style-type:none}.combat-preview-tooltip .stat-row.total{font-weight:700;color:#fff;border-top:1px dashed #444;margin-top:4px;padding-top:4px}.combat-preview-tooltip .red{color:red}.combat-preview-tooltip .stat-row span:last-child{font-weight:700}.combat-preview-tooltip .outcome .loss{color:#ff474c}.combat-preview-tooltip hr{border:0;border-top:1px solid #444;margin:4px 0}.combat-preview-tooltip .tooltip-disclaimer{font-size:.8em;color:#999;margin-top:8px;text-align:center}@media (max-width: 450px){.combat-preview-tooltip{width:180px;font-size:8px;gap:4px;padding:8px;transform:translate(-50%,-110%)}.combat-preview-tooltip .tooltip-header{font-size:10px}.combat-preview-tooltip .tooltip-disclaimer{font-size:0}}.tutorial-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:80%;max-width:600px;background-color:#000000d9;color:#fff;padding:15px;border-radius:10px;border:2px solid #00e5ff;z-index:3000;text-align:center;font-size:1.1rem;box-shadow:0 0 15px #00e5ffb3}.tutorial-highlight{position:fixed;border:3px solid yellow;box-shadow:0 0 20px #ff0,inset 0 0 20px #ff0;border-radius:10px;z-index:2999;pointer-events:none}.tutorial-buttons{display:flex;margin-top:10px;place-content:center;gap:20px}@media (min-width: 451px){.tutorial-panel.repositioned{left:20px;bottom:50%;transform:translateY(50%);max-width:350px}}@media (max-width: 450px){.tutorial-panel.repositioned{bottom:auto;top:100px;transform:translate(-50%)}}.top-info-bar{width:100%;height:50px;background:linear-gradient(to bottom,#141414f2,#1e1e1ed9);color:#ccc;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;border-bottom:2px solid #555;z-index:1000;flex-shrink:0}.top-info-bar h4,.top-info-bar p{margin:0;padding:0 10px;font-size:.9rem;white-space:nowrap}.top-info-bar h4{font-size:1.1rem;color:#fff}.info-left,.info-center,.info-right{display:flex;align-items:center;gap:15px;flex:1}.info-left{justify-content:flex-start}.info-center{justify-content:center}.info-right{justify-content:flex-end}.weather-tooltip{cursor:help;text-decoration:underline dotted;text-decoration-color:#888;text-underline-offset:3px}.progress-bar-container{width:100%;height:7px;border-radius:6px;display:flex;margin:5px auto;position:relative;overflow:hidden;border:1px solid #555}.progress-bar-friendly{height:100%;background-color:#09f;transition:width .5s ease-in-out}.progress-bar-enemy{height:100%;background-color:red;transition:width .5s ease-in-out}.progress-bar-change{position:absolute;top:0;bottom:0;height:100%;transition:width .5s ease-in-out,left .5s ease-in-out}.progress-bar-indicator{position:absolute;left:50%;top:0;bottom:0;width:3px;background-color:#fffc;transform:translate(-50%);box-shadow:0 0 3px #000}.balance-change-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;pointer-events:none;text-shadow:0 0 3px black;line-height:1;text-box-trim:trim-end;-webkit-text-box-trim:trim-end}@media (max-width: 900px){.info-left,.info-center,.info-right{display:flex;align-items:center;column-gap:10px;row-gap:0px;flex:1}.info-left{position:absolute;flex:none;display:block;align-self:normal;top:5px}.info-center,.info-right{justify-content:center}.top-info-bar{flex-flow:column;padding:0}.top-info-bar h4,.top-info-bar p{margin:0;padding:0;font-size:.6rem;white-space:nowrap}.top-info-bar h4{font-size:.8rem;color:#fff}}@media (max-width: 540px){.top-info-bar h4,.top-info-bar p{font-size:.5rem}.top-info-bar h4,.defend-turns-left{font-size:.6rem}}@media (max-width: 360px){.info-left,.info-center,.info-right{display:flex;align-items:center;column-gap:10px;row-gap:0px;flex:1}.info-left{position:absolute;flex:none;display:block;align-self:normal;top:5px}.info-center,.info-right{justify-content:center}.top-info-bar{flex-flow:column;padding:0}.top-info-bar h4,.top-info-bar p{margin:0;padding:0;font-size:.4rem;white-space:nowrap}.top-info-bar h4{font-size:.5rem;color:#fff}}.sidebar-widget-container{position:absolute;top:0;right:0;height:100%;z-index:500;display:flex;align-items:center;transition:transform .4s ease-in-out}.sidebar-toggle-button{width:30px;height:60px;flex-shrink:0;background-color:#1a1a1ae6;border:2px solid #555;border-right:none;border-radius:10px 0 0 10px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;display:none;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color .3s,border-color .3s}.sidebar-toggle-button:hover{background-color:#3a3a3a;color:#fff;border-color:#00bcd4}.right-sidebar{width:450px;height:100%;background-color:#1a1a1ae6;border-left:2px solid #555;flex-shrink:0;display:flex;flex-direction:column}.sidebar-tabs{display:flex;width:100%;flex-shrink:0}.sidebar-tab-button{flex:1;padding:12px;border-radius:0;background-color:#2a2a2a;border:none;color:#aaa;font-size:1rem;cursor:pointer;transition:background-color .2s,color .2s;border-bottom:3px solid transparent}.sidebar-tab-button:hover{background-color:#3a3a3a;color:#fff}.sidebar-tab-button.active{background-color:#1a1a1a;color:#fff;border-bottom:3px solid #00bcd4}.sidebar-content{flex-grow:1;overflow-y:auto;padding:15px;height:1px}.orders-panel-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:10px}.orders-container{flex-grow:1}.order-textarea{width:100%;height:120px;background-color:#252525;color:#ddd;border:1px solid #555;border-radius:4px;padding:8px;box-sizing:border-box;resize:vertical}.order-textarea.invalid{border-color:#ff474c}.orders-buttons-container{display:flex;gap:10px;padding-top:10px;border-top:1px solid #444;justify-content:space-between}.orders-buttons-container button{padding:8px 12px}.orders-buttons-container button.listening{background-color:#ff474c}.language-selector{background-color:#333;color:#fff;border:1px solid #555;padding:8px;border-radius:4px}.sidebar-widget-container{transform:translate(calc(100% - 30px))}.sidebar-widget-container.open{transform:translate(0)}.sidebar-toggle-button{display:flex}@media (max-width: 1230px){.right-sidebar{width:340px}}@media (max-width: 1160px){.sidebar-widget-container{height:76vh}}@media (max-width: 450px){.right-sidebar{width:90vw}.sidebar-widget-container{transform:translate(calc(100% - 25px))}.sidebar-toggle-button{height:50px;width:25px;font-size:1.3rem}}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.orders-header h3{margin:0}.ai-cost-display-sidebar{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#aaa}.report-modal{background-color:#1c1c1e;color:#e0e0e0;border:2px solid #666;padding:20px;box-shadow:0 4px 10px #00000080;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.report-modal h2,.report-modal h3,.report-modal h5{color:#fff}.report-modal h2{margin-top:0;margin-bottom:1rem;font-size:1.8rem}.report-modal h3{font-size:1.3rem;margin-top:1rem;margin-bottom:.5rem}.report-modal h5{font-size:1rem;margin-top:.8rem;margin-bottom:.4rem}.report-icon-and-unit-name{display:flex}.report-container{padding:10px;max-height:60vh;overflow-y:auto;white-space:pre-wrap;border-radius:4px;text-align:left;width:100%;flex-grow:1;-ms-overflow-style:none;scrollbar-width:none}.report-summary-image-container{width:100%;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.report-summary-image{max-width:100%;max-height:300px;border-radius:4px;border:1px solid #555;object-fit:cover}.report-container::-webkit-scrollbar{display:none}.report-section-header{display:flex;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;border-bottom:1px solid #555;-webkit-tap-highlight-color:transparent}.collapse-icon{font-size:1.1em;font-weight:700;color:#aaa}.report-subsection{margin-left:10px;margin-top:8px}.report-subsection-header{font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px;border-radius:3px;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.report-subsection-header:hover{background-color:#ffffff0d}.report-subsection-content{padding-left:15px}.combat-log-group.collapsible:hover{background-color:#ffffff0d}.report-modal.era-modern{font-family:Courier New,Courier,monospace;border:2px solid #777}.report-modal.era-modern .highlight-friendly{color:#66b3ff}.report-modal.era-modern .highlight-enemy{color:#ff6b6b}.report-modal.era-modern .combat-unit-outcome{color:#ccc}.report-modal.era-modern .equipment-loss-section,.report-modal.era-modern .combat-log-group{border-color:#444}.report-modal.era-modern .modal-buttons button{background-color:#007bff;color:#fff;border:1px solid #007bff}.report-modal.era-modern .modal-buttons button:hover{background-color:#0056b3;border-color:#0056b3}.report-modal.era-medieval{font-family:IM Fell English,serif}.report-modal.era-medieval .highlight-friendly{color:#87ceeb}.report-modal.era-medieval .highlight-enemy{color:#cd5c5c}.report-modal.era-medieval .combat-unit-outcome{color:#bfae9e}.report-modal.era-medieval .modal-buttons button{background-color:tan;color:#4b382a;border:1px solid #d2b48c}.report-modal.era-medieval .modal-buttons button:hover{background-color:#c1a37b;border-color:#c1a37b}.report-modal.era-napoleonic{font-family:IM Fell English,serif}.report-modal.era-napoleonic .highlight-friendly{color:#5c9fd6}.report-modal.era-napoleonic .highlight-enemy{color:#e57373}.report-modal.era-napoleonic .modal-buttons button{background-color:#a1887f;color:#3f332b;border:1px solid #a1887f}.report-modal.era-napoleonic .modal-buttons button:hover{background-color:#8d746b;border-color:#8d746b}.report-modal.era-world-wars,.report-modal.era-cold-war{font-family:Courier New,Courier,monospace;border:1px solid #888;box-shadow:2px 2px 5px #0003}.report-modal.era-world-wars .report-section-header,.report-modal.era-world-wars h2,.report-modal.era-cold-war .report-section-header,.report-modal.era-cold-war h2{border-bottom-color:#888}.report-modal.era-world-wars .highlight-friendly,.report-modal.era-cold-war .highlight-friendly{color:#5c9fd6}.report-modal.era-world-wars .highlight-enemy,.report-modal.era-cold-war .highlight-enemy{color:#f07178}.report-modal.era-world-wars .combat-unit-outcome,.report-modal.era-cold-war .combat-unit-outcome{color:#bbb}.report-modal.era-world-wars .equipment-loss-section,.report-modal.era-cold-war .equipment-loss-section,.report-modal.era-world-wars .combat-log-group,.report-modal.era-cold-war .combat-log-group{border-color:#555}.report-modal.era-world-wars .modal-buttons button,.report-modal.era-cold-war .modal-buttons button{background-color:#afafaf;color:#333;border:1px solid #afafaf}.report-modal.era-world-wars .modal-buttons button:hover,.report-modal.era-cold-war .modal-buttons button:hover{background-color:#9a9a9a;border-color:#9a9a9a}.report-modal.era-future{background:radial-gradient(ellipse at center,#0a1932f2,#1c1c1e);color:#00e5ff;font-family:Orbitron,sans-serif;border:1px solid #00e5ff;box-shadow:0 0 15px #00e5ff80,inset 0 0 10px #00e5ff4d;text-shadow:0 0 3px rgba(0,229,255,.7)}.report-modal.era-future .report-section-header,.report-modal.era-future h2{border-bottom:1px solid rgba(0,229,255,.4)}.report-modal.era-future .highlight-friendly{color:#76fbfd;font-weight:700}.report-modal.era-future .highlight-enemy{color:#f57;font-weight:700}.report-modal.era-future .collapse-icon{color:#00e5ff}.report-modal.era-future .combat-unit-outcome{color:#a1edf2}.report-modal.era-future .equipment-loss-section{border-top:1px solid rgba(0,229,255,.3)}.report-modal.era-future h2,.report-modal.era-future h3,.report-modal.era-future h5{color:#fff}.report-modal.era-future .combat-log-group{border-bottom:1px solid rgba(0,229,255,.2)}.report-modal.era-future .combat-log-group.collapsible:hover{background-color:#00e5ff1a}.report-modal.era-future .combat-log-grid .combat-log-header span{color:#00e5ff}.report-modal.era-future .modal-buttons button{background-color:#00bfff;color:#05101f;border:1px solid #00e5ff;text-shadow:none;box-shadow:0 0 8px #00e5ffb3}.report-modal.era-future .modal-buttons button:hover{background-color:#09c;border-color:#00bfff;box-shadow:0 0 12px #00e5ff}.combat-log-grid{display:flex;flex-direction:column;gap:5px;margin-top:1rem}.combat-log-grid .combat-log-header{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;padding-bottom:8px;border-bottom:1px solid;border-bottom-color:inherit}.combat-log-grid .combat-log-header span{font-weight:700;text-align:left;color:inherit}.combat-log-group{display:flex;flex-direction:column;padding:8px;border-radius:4px;transition:background-color .2s ease-in-out;border-bottom:1px solid;border-color:inherit}.combat-log-group.collapsible{cursor:pointer}.combat-log-entry{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:start;align-items:center}.equipment-loss-label{display:flex;align-items:center}.combat-log-group .combat-log-entry:not(:last-child){margin-bottom:10px}.combat-unit-details{display:flex;flex-direction:column;gap:4px;min-height:40px;justify-content:center}.combat-unit-name{font-weight:700}.combat-unit-outcome{font-size:.7rem;color:inherit}.combat-log-icon{width:16px;height:16px;justify-self:center;margin-top:4px}.unknown-unit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:10px;align-self:center;font-weight:700}.losses-list,.operational-list{list-style-position:inside;padding-left:0}.stat-row{display:flex;justify-content:space-between;padding:4px 0}.stat-label{opacity:.8}.stat-value{font-weight:700}.equipment-loss-section{margin-top:1rem;padding-top:.5rem;border-top:1px solid;border-color:inherit}.equipment-loss-section p{margin-top:0;margin-bottom:.5rem;font-size:1.1em}.modal-buttons{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #555;margin-top:1rem}.modal-buttons .report-button{padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;font-weight:700}@media (max-width: 450px){.report-modal{width:95%;padding:10px}.report-container{padding:0;font-size:12px}.report-modal h2{font-size:1.5rem}.report-modal h3{font-size:1.1rem}.combat-log-grid .combat-log-header,.combat-log-entry{gap:10px}}.report-section-title-container{display:flex;justify-content:space-between;align-items:baseline;width:100%}.ai-cost-display{display:flex;align-items:center;padding-left:20px;font-size:.8rem;font-weight:400;color:#ccc;gap:10px}.ai-cost,.ai-remaining{display:flex;align-items:center}.ai-divider{color:#666}.token-icon-small{width:20px;height:20px}.custom-select-option{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 12px;cursor:pointer;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(0,229,255,.2);-webkit-tap-highlight-color:transparent}.training-sliders{margin-block:1rem}.custom-select-option{flex-direction:column;align-items:flex-start;gap:8px}.training-modal{display:flex;flex-direction:column;max-width:800px;width:90%}@media (max-width: 450px){.custom-select-list{max-height:14em}.unit-description{font-size:.6rem}.training-form-content{flex-grow:1;overflow-y:auto;min-height:0;padding-right:10px;width:100%}}.build-modal{max-width:800px;width:90%}.build-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.materials-display{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#e0f7ff;padding:8px 12px;border-radius:4px}.build-list-container{max-height:60vh;overflow-y:auto;border:1px solid rgba(0,229,255,.7);border-radius:4px;background-color:#0a1928cc}.build-list{display:flex;flex-direction:column}.build-list-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(0,229,255,.2);overflow:hidden}.build-list-item:not(.disabled){cursor:pointer;-webkit-tap-highlight-color:transparent}.build-list-item:not(.disabled):hover{background-color:#00e5ff33}.build-list-item.disabled{cursor:not-allowed}.build-list-item:last-child{border-bottom:none}.build-content-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;transition:filter .2s ease-in-out}.build-list-item.disabled .build-content-wrapper{filter:brightness(.4)}.build-info{display:flex;align-items:center;gap:15px;flex:1}.build-name-cost{display:flex;flex-direction:column}.build-name{font-weight:700;font-size:1.1rem;color:#39ff14}.build-cost{font-size:.9rem;color:#ccc;display:flex;align-items:center}.build-desc-container{flex:1.5;text-align:right}.build-description{font-size:.9rem;color:#b0b0b0}.build-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0;padding:4px;border-radius:7px;background-color:#0000004d}@media (max-width: 600px){.build-modal{width:95%;max-height:85vh;display:flex;flex-direction:column}.build-list-container{flex-grow:1;min-height:0}.build-content-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.build-desc-container{text-align:left;width:100%}.build-name{font-size:1rem}.build-description,.reason-text{font-size:.85rem}}.abilities-modal{max-width:800px;width:90%}.abilities-filter-container{margin-bottom:1rem;display:flex;justify-content:flex-start;align-items:center;gap:10px}.abilities-filter-container label{font-weight:700;color:#ccc}.abilities-filter-dropdown{padding:8px 12px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.abilities-filter-dropdown:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffb3}.materials-display{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#e0f7ff;padding:8px 12px;border-radius:4px;margin-left:auto}.material-icon{width:20px;height:20px;vertical-align:middle}.material-icon-small{width:14px;height:14px;vertical-align:middle;margin-right:4px}.abilities-list-container{max-height:60vh;overflow-y:auto;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc}.abilities-list{display:flex;flex-direction:column}.ability-list-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(0,229,255,.2);overflow:hidden}.ability-list-item:not(.disabled){cursor:pointer;-webkit-tap-highlight-color:transparent}.ability-list-item:not(.disabled):hover{background-color:#00e5ff33}.ability-list-item.disabled{cursor:not-allowed}.ability-list-item:last-child{border-bottom:none}.ability-content-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;transition:filter .2s ease-in-out}.ability-list-item.disabled .ability-content-wrapper{filter:brightness(.4)}.ability-info{display:flex;align-items:center;gap:15px;flex:1}.ability-name-cost{display:flex;flex-direction:column}.ability-name{font-weight:700;font-size:1.1rem}.ability-cost{font-size:.9rem;color:#ccc;display:flex;align-items:center}.ability-desc-container{flex:1.5;text-align:right}.ability-description{font-size:.9rem;color:#b0b0b0}.disabled-reason-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;box-sizing:border-box;pointer-events:none}.reason-text-container{display:flex;align-items:center;gap:8px}.reason-text{font-weight:700;font-size:1.1rem;color:#fff}.reason-icon{width:24px;height:24px}.ability-icon{border:solid 1px;border-color:#fff;width:32px;height:32px;object-fit:contain;flex-shrink:0;padding:4px}@media (max-width: 600px){.abilities-modal{width:95%;max-height:85vh;display:flex;flex-direction:column}.abilities-list-container{flex-grow:1;min-height:0}.ability-content-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.ability-desc-container{text-align:left;width:100%}.ability-name{font-size:1rem}.ability-description,.reason-text{font-size:.85rem}}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:auto;min-width:13em;max-width:300px;padding:15px;background:#00698080;border:2px solid rgba(0,229,255,.7);color:#e0f7ff;text-align:center;text-decoration:none;font-size:1.5rem;font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .3s,box-shadow .3s,color .3s,border-color .25s;justify-self:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn.small{font-size:1rem;padding:6px;width:6em;min-width:0}.btn.small-long{font-size:1rem;padding:6px;width:12em;min-width:0}.btn.delete{background-color:#9e0000;border-color:transparent;font-size:0;width:40px;height:40px}.btn.delete:hover{background-color:#5e0000;color:#fff;border-color:#fff}.btn.text-only{background:transparent;border:none;box-shadow:none;color:#a0c8d0;font-size:1rem;font-weight:400;padding:5px;min-width:auto;text-decoration:none}.btn.text-only:hover{background:transparent;box-shadow:none;color:#00e5ff;text-decoration:underline;border-color:transparent}.btn:hover{background:#00e5ffe6;color:#001f3f;box-shadow:0 0 15px #00e5ffcc;border-color:#646cff}.btn:focus,.btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn:disabled{background-color:#555;cursor:not-allowed;border-color:transparent}.btn:disabled:hover{background-color:#555;color:#e0f7ff;box-shadow:none}.btn__icon{width:22px;height:22px}.btn--secondary{background:transparent;border:2px solid rgba(0,229,255,.7);color:#e0f7ff}.btn--secondary:hover{background:#00698080;color:#e0f7ff;box-shadow:0 0 10px #00e5ff80}.btn--google{background-color:#fff;border-color:#e0e0e0;color:#333}.btn--google:hover{background-color:#f5f5f5;border-color:#dcdcdc;box-shadow:0 0 10px #0003;color:#333}.btn--apple{background-color:#000;border-color:#333;color:#fff}.btn--apple:hover{background-color:#222;border-color:#555;box-shadow:0 0 15px #ffffff4d;color:#fff}@media (max-width: 768px){.btn{font-size:1.2rem;padding:12px}.btn.small{min-width:auto}}.settings-modal{max-width:500px}.settings-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border-top:1px solid #555;border-bottom:1px solid #555}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.setting-row label{font-size:1.1rem;color:#ccc}:root{font-family:Quantico,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#161616;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.era-font-medieval,body.era-font-napoleonic{font-family:IM Fell English,serif;font-size:1.1em}body.era-font-typewriter{font-family:Special Elite,monospace;font-size:1.1em}body.era-font-future{font-family:"Exo 2",sans-serif}body{overscroll-behavior-y:contain}body,html,#root{margin:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.main-menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#242424}.game-title{font-size:2rem;font-weight:700;color:#00bcd4;margin-bottom:60px;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.menu-options{display:flex;flex-direction:column;gap:25px}.menu-button{display:block;width:auto;max-width:300px;padding:15px;background:#00698080;border:2px solid rgba(0,229,255,.7);color:#e0f7ff;text-align:center;text-decoration:none;font-size:1.5rem;transition:background-color .3s,box-shadow .3s,color .3s;justify-self:center;-webkit-tap-highlight-color:transparent}.menu-button.delete{background-color:#9e0000;border-color:transparent}.menu-button.delete:hover{background-color:#5e0000;color:#fff;border-color:#fff}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#0a1928cc}*::-webkit-scrollbar-thumb{background-color:#00e5ffb3;border:2px solid rgba(10,25,40,.8)}*::-webkit-scrollbar-thumb:hover{background-color:#00e5ff}input[type=text],input[type=password],input[type=email],input[type=number],textarea{-webkit-appearance:none;appearance:none;padding:10px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}textarea.generate{width:500px;height:150px;resize:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffb3}@media (max-width: 1000px){textarea{width:60vw}}@media (max-width: 600px){textarea{width:85vw}textarea.generate{width:inherit;height:auto;font-size:.8rem}input[type=text] input[type=password] input[type=email] input[type=number]{font-size:10px}}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.main-menu-bunker{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;perspective:1200px;position:relative;background:#161616;background-size:cover;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.color-input{width:auto}.tablet-chassis{position:relative;width:95vw;max-width:1200px;background:#1a1e22;padding:20px;border-radius:25px;border:2px solid #33383d;box-shadow:0 0 35px #00000080,inset 0 0 5px #000;transform:scale(.9);transition:transform .5s ease;z-index:2;will-change:transform}.main-menu-bunker:hover .tablet-chassis{transform:rotateX(5deg) scale(1)}.command-screen{width:100%;height:80vh;position:relative;border-radius:15px;overflow:hidden;background-color:#000;border:2px solid rgba(0,255,255,.4);box-shadow:0 0 30px #00ffff4d}.screenshot-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.screenshot-container img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:0;transition:opacity 1.5s ease-in-out}.screenshot-container img.active{opacity:.7}.vhs-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.vhs-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:auto 4px;animation:scanline-scroll 12s linear infinite}.vhs-overlay:after{content:"";position:absolute;left:0;width:100%;opacity:0;mix-blend-mode:difference;background-color:#fff}.vhs-overlay.is-glitching:after{animation:vhs-glitch-band .8s steps(1,end)}.menu-overlay{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:40px;box-sizing:border-box;background:#0a1928b3;text-align:center}.game-title{font-size:2rem;color:#e0f7ff;text-shadow:0 0 10px #00e5ff,0 0 20px #00e5ff,0 0 30px #00b8d4;margin-bottom:40px}.menu-options{display:flex;flex-direction:column;align-items:center;gap:20px;padding:inherit;width:100%}.menu-button{display:block;width:auto;min-width:13em;max-width:15em;padding:15px;background:#00698080;border:2px solid rgba(0,229,255,.7);color:#e0f7ff;text-align:center;text-decoration:none;font-size:1.5rem;transition:background-color .3s,box-shadow .3s,color .3s;justify-self:center}.menu-button:hover{background:#00e5ffe6;color:#001f3f;box-shadow:0 0 15px #00e5ffcc;cursor:pointer}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 -100vh}}@keyframes vhs-glitch-band{0%{opacity:0}5%{opacity:1;top:15%;height:10%;transform:skew(10deg) translate(-10px)}10%{opacity:0}25%{opacity:1;top:75%;height:5%;transform:skew(-15deg) translate(5px)}30%{opacity:0}45%{opacity:1;top:40%;height:20%;transform:skew(5deg) translate(-5px)}50%,to{opacity:0}}.discord-button{position:absolute;top:calc(30px + env(safe-area-inset-top));left:35px;z-index:100;cursor:pointer;width:45px;height:45px;transition:transform .2s ease,opacity .2s ease;opacity:.7;-webkit-tap-highlight-color:transparent}.discord-button img{width:100%;height:100%}.discord-button:hover{transform:scale(1.1);opacity:1}.top-secret-sticker{position:absolute;bottom:25px;left:25px;background:#fdd835;color:#000;padding:5px 15px;font-family:Courier New,Courier,monospace;font-weight:700;border:1px dashed #333;transform:rotate(-8deg);z-index:20}.power-button,.volume-rocker{position:absolute;background:#33383d;border:1px solid #111;border-radius:3px}.power-button{top:60px;right:-7px;width:5px;height:30px}.volume-rocker{top:110px;right:-7px;width:5px;height:60px}.off-screen-items-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.document-stack{position:absolute;top:-40px;left:-450px;transform:rotate(10deg) scale(1)}.document{position:absolute;background:#fdfaf2;color:#1a1a1a;border:1px solid #dcdcdc;box-shadow:5px 5px 15px #0006;padding:30px;width:600px;height:800px;font-family:Courier New,Courier,monospace;line-height:1.4;overflow:hidden}.document.doc-2{transform:rotate(-4deg) translate(10px,-20px);background:#f8f3e9}.document h4{margin:0 0 10px;border-bottom:1px solid #999;padding-bottom:5px;font-weight:700}.walkie-talkie{position:absolute;bottom:52%;right:4%;width:150px;height:400px;background:#383838;border:1px solid #1a1a1a;border-radius:10px;box-shadow:4px 4px 12px #0006;transform:rotate(300deg)}.walkie-talkie:before{content:"";position:absolute;top:-200px;left:calc(50% + 25px);width:14px;height:200px;background:#2f2f2f;border-radius:5px 5px 0 0}.walkie-talkie:after{content:"";position:absolute;top:20px;left:10px;right:10px;height:50px;background:repeating-linear-gradient(#4a4a4a,#4a4a4a 2px,transparent 2px,transparent 4px),repeating-linear-gradient(90deg,#4a4a4a,#4a4a4a 2px,transparent 2px,transparent 4px);border-radius:3px}.walkie-ptt-button{position:absolute;top:90px;left:-16px;width:16px;height:100px;background:#2a2a2a;border-radius:8px 0 0 8px;border:1px solid #1a1a1a;border-right:none;background-image:linear-gradient(0deg,#383838 50%,#2a2a2a 50%);background-size:100% 10px}.walkie-screen{position:absolute;top:90px;left:50%;transform:translate(-50%);width:110px;height:50px;background:#1a3a3a;border-radius:4px;border:2px solid #2f2f2f;box-shadow:inset 0 0 8px #000000b3}.walkie-screen:before{content:"FREQ: 7.125";position:absolute;top:5px;left:8px;color:#4dfedf;font-family:Courier New,Courier,monospace;font-size:14px;text-shadow:0 0 5px #4dfedf}.walkie-keypad{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,30px);gap:8px;width:fit-content}.key{height:25px;background:#4a4a4a;border-radius:4px;border:1px solid #1f1f1f;box-shadow:inset 0 0 3px #0009}.pencil{position:absolute;bottom:35%;right:2%;width:280px;height:16px;background-color:#ccae2b;border-radius:5px;transform:rotate(290deg);box-shadow:2px -2px 8px #0000004d}.pencil:after{content:"";position:absolute;right:-20px;top:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:24px solid #d2b48c}.pencil:before{content:"";position:absolute;right:-20px;top:4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #383838;z-index:2}.lobby-title{font-size:24px;font-weight:700}.lobby-info{font-size:20px;color:#ff0;margin-bottom:2em}.lobby-players{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:20px}.form-checkbox{-webkit-appearance:none;appearance:none;background-color:#0a1928cc;margin:0;font-size:.7rem;color:currentColor;width:1.5em;height:1.5em;border:1px solid rgba(0,229,255,.7);transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer;transition:background-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.form-checkbox:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffb3}.form-checkbox:before{content:"";width:.8em;height:.8em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #00e5ff;transform-origin:bottom left;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.form-checkbox:checked:before{transform:scale(1)}select.form-input{-webkit-appearance:none;appearance:none;padding-inline:6px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;height:auto;padding:5px;font-size:.7rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e0f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;-webkit-tap-highlight-color:transparent}select.form-input:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffb3}.form-slider{-webkit-appearance:none;appearance:none;align-items:baseline;width:100%;height:8px;background:#0a1928cc;border:1px solid rgba(0,229,255,.7);outline:none;padding:0;transition:box-shadow .2s;cursor:pointer;-webkit-tap-highlight-color:transparent}.form-slider:focus{box-shadow:0 0 10px #00e5ffb3}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#00e5ff;cursor:pointer;border-radius:50%;border:2px solid rgba(10,25,40,.8);box-shadow:0 0 8px #00e5ffe6;margin-top:-7px}.form-slider::-moz-range-thumb{width:20px;height:20px;background:#00e5ff;cursor:pointer;border-radius:50%;border:2px solid rgba(10,25,40,.8);box-shadow:0 0 8px #00e5ffe6}.generate-scenario-form .form-label{font-size:.7rem;color:#a0c8d0}.difficulty-slider-div{display:flex;flex-direction:column;gap:8px}.multiplayer-toggle{display:flex;align-items:center;flex-direction:row;gap:10px}@media (max-width: 1024px){.off-screen-items-container{display:none}.main-menu-bunker:hover .tablet-chassis{transform:none}.tablet-chassis{transform:none;padding:10px}}@media (max-width: 768px){.game-title{font-size:2rem}.menu-button{font-size:1.2rem;padding:12px}.menu-overlay{display:flex;height:auto;justify-content:space-evenly;padding-bottom:200%}.main-menu-bunker{perspective:none;padding:0}.tablet-chassis{width:100vw;height:100vh;max-width:100%;border-radius:0;border:none;padding:0;background:#000}.command-screen{height:100%;border-radius:0;border:none;box-shadow:none}.power-button,.volume-rocker,.top-secret-sticker{display:none}.discord-button{position:fixed;top:5px;left:10px;width:35px;height:35px;opacity:.8}}@media (max-width: 450px){.menu-overlay{padding-inline:0}.lobby-title{font-size:16px}.lobby-info{font-size:12px}.lobby-players{font-size:14px;margin-bottom:0}}.profile-widget-container{position:absolute;bottom:0;right:0;z-index:10;display:flex;align-items:center;transform:translate(calc(100% - 30px));transition:transform .4s ease-in-out}.profile-widget-container.open{transform:translate(0)}.profile-toggle-button-desktop{width:30px;height:30px;flex-shrink:0;background-color:transparent;border-right:none;border-radius:10px 0 0 10px;cursor:pointer;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color .3s;color:#fff;-webkit-tap-highlight-color:transparent}.profile-toggle-button-desktop:hover{background-color:transparent;border:transparent;color:#ff0}.profile-toggle-button-desktop:focus,.profile-toggle-button-desktop:focus-visible{outline:transparent}.profile-toggle-button-mobile{display:none;-webkit-tap-highlight-color:transparent}.profile-container{display:flex;align-items:center;gap:10px;padding:5px;border-radius:60px 0 0;background:#0a1928e6;border-top:1px solid rgba(0,229,255,.5);border-bottom:1px solid rgba(0,229,255,.5);border-left:1px solid rgba(0,229,255,.5);color:#e0f7ff;white-space:nowrap}.ai-credits-icon{width:30px;height:30px}.ai-credits-text{align-content:center}.profile-picture{width:50px;height:50px;border-radius:50%;border:2px solid #00e5ff;box-shadow:0 0 10px #00e5ffb3}.profile-info{display:flex;flex-direction:column;gap:5px;padding-left:10px;min-width:180px;align-items:center}.profile-username{margin:0;font-size:1.2rem;font-weight:700;color:#e0f7ff;text-shadow:0 0 5px #00e5ff,0 0 10px #00e5ff}.profile-stats{display:flex;gap:10px;font-size:.8rem;color:#a0c8d0;align-self:center}.profile-stats-tokens{display:flex;align-self:center;font-weight:900;color:#8abc27}.profile-badges{background:transparent;border:1px solid #00e5ff;color:#00e5ff;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s;-webkit-tap-highlight-color:transparent}.profile-badges:hover{background:#00e5ffe6;box-shadow:0 0 10px #00e5ffcc;color:#001f3f}.profile-logout-button{background:transparent;color:#ff474c;padding:8px 12px;cursor:pointer;font-weight:700;transition:background-color .3s,color .3s;-webkit-tap-highlight-color:transparent}.profile-logout-button:hover{text-decoration:underline;color:#ff898d;border-color:transparent}.profile-buttons{display:flex;flex-direction:row;gap:5px}.username-display-container{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.edit-username-icon{width:14px;height:14px;transition:filter .2s}.username-display-container:hover .edit-username-icon{filter:grayscale(1) sepia(1) saturate(10000%) hue-rotate(0deg)}.username-edit-container{display:flex;flex-direction:column;gap:5px}.username-input{background-color:#0a1928e6;border:1px solid #00e5ff;color:#e0f7ff;padding:4px 8px;font-size:1.1rem;width:150px}.username-edit-buttons{display:flex;gap:5px}.username-save-btn,.username-cancel-btn{border:none;padding:4px 8px;cursor:pointer;font-size:.8rem;font-weight:700;-webkit-tap-highlight-color:transparent}.username-save-btn{background-color:#00e5ff;color:#0a1928}.username-cancel-btn{background-color:#555;color:#fff}.username-error{color:#ff474c;font-size:10px;margin:0;text-align:center}.modal-subtitle{font-size:10px;color:#ff0;margin:0}@media (max-width: 768px){.profile-container{width:100%;justify-content:space-around;border-radius:0;gap:7px;padding:5px 10px;border-left:none;border-bottom:0;box-sizing:border-box}.profile-toggle-button-desktop{display:none}.profile-toggle-button-mobile{width:30px;height:30px;flex-shrink:0;background-color:transparent;border-right:none;border-radius:10px 0 0 10px;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 0 10px;margin:0;transition:background-color .3s;color:#fff}.profile-toggle-button-mobile:hover{border:none}.profile-widget-container{position:fixed;flex-direction:column;align-items:center;width:100%;right:auto;left:0;transform:translateY(calc(100% - 25px))}.profile-widget-container.browser-mobile,.profile-widget-container.native-mobile{bottom:0}.profile-widget-container.open{transform:translateY(0)}.profile-buttons{flex-direction:column}.profile-username,.profile-badges,.profile-logout-button{font-size:12px}.ai-credits-text{font-size:18px}.profile-picture{width:40px;height:40px}}.version-indicator{position:absolute;top:calc(30px + env(safe-area-inset-top));right:35px;font-size:14px;color:#ffffff4d;z-index:100;cursor:pointer;transition:color .2s ease;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.version-indicator:hover{color:#ffffffb3}@media (max-width: 450px){.version-indicator{position:fixed;top:calc(5px + env(safe-area-inset-top));right:10px;color:#ffffff80}.version-entry h3{display:flex;flex-direction:column}}.version-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.version-modal-content{background-color:#1a1a1a;border:2px solid #555;padding:20px;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;color:#ccc;box-shadow:0 5px 15px #00000080}.version-modal-content h2{text-align:center;margin-top:0;margin-bottom:20px;color:#fff;border-bottom:1px solid #444;padding-bottom:10px}.version-list{overflow-y:auto;flex-grow:1;padding-right:15px}.version-list::-webkit-scrollbar{width:8px}.version-list::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.version-list::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px;border:2px solid #2c2c2c}.version-list::-webkit-scrollbar-thumb:hover{background-color:#888}.version-entry{margin-bottom:25px;border-bottom:1px solid #333;padding-bottom:15px}.version-entry:last-child{border-bottom:none;margin-bottom:0}.version-entry h3{color:#87ceeb;margin-top:0;margin-bottom:10px;font-size:1.2rem}.version-date{color:#888;font-size:.9rem;font-weight:400}.version-entry ul{list-style-type:disc;padding-left:20px;margin:0}.version-entry li{margin-bottom:8px;line-height:1.4}.store-wrapper{position:relative;width:111%;height:100%;display:flex;justify-content:center;align-items:center}.store-container{display:flex;flex-direction:column;width:90%;height:63vh;overflow-y:auto;padding:1rem 2rem;box-sizing:border-box}.store-section h2{font-size:1.8rem;color:#00e5ff;text-align:center;margin-bottom:1.5rem;border-bottom:2px solid rgba(0,229,255,.3);padding-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:0 0 5px rgba(0,229,255,.7),0 0 10px rgba(0,229,255,.5)}.store-section-icon{width:32px;height:32px}.token-section{margin-top:1rem}.token-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.store-item{background-color:#0a1928cc;border:2px solid rgba(0,229,255,.5);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.store-item:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to bottom,#00e5ff00,#00e5ff1a,#00e5ff00);opacity:0;transition:opacity .5s ease;animation:scan 4s linear infinite}@keyframes scan{0%{top:-100%}to{top:100%}}.store-item:hover{transform:translateY(-8px) scale(1.02)}.store-item:hover:after{opacity:1}.token-pack.pack-captain{border-color:#00e5ffb3}.token-pack.pack-captain:hover{box-shadow:0 0 20px #00e5ff80,0 0 30px #00e5ff4d}.token-pack.pack-major{border-color:#3fffd0cc}.token-pack.pack-major:hover{box-shadow:0 0 20px #3fffd080,0 0 30px #3fffd04d}.token-pack.best-value.pack-colonel{border-color:gold;border-width:3px}.token-pack.best-value.pack-colonel:hover{box-shadow:0 0 20px #ffd70099,0 0 30px #ffd70066}.token-pack.pack-general{border-color:#c774e8;border-width:3px}.token-pack.pack-general:hover{box-shadow:0 0 20px #c774e899,0 0 30px #c774e866}.token-pack h3{margin-top:0;margin-bottom:.5rem;font-size:1.3rem;color:#e0f7ff}.token-amount{font-size:1.5rem;font-weight:700;color:#fff;margin:.5rem 0;font-family:Quantico,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.token-price{font-size:1.1rem;color:#00e5ff;margin:0}.token-price-per{font-size:.8rem;color:#a0c8d0;font-style:italic;margin:4px 0 1.5rem}.token-amount-icon{width:2.2rem;height:2.2rem}.purchase-button{margin-top:auto}.best-value-banner{position:absolute;top:20px;right:-30px;background-color:gold;color:#0a1928;padding:5px 30px;font-size:.9rem;font-weight:700;transform:rotate(45deg);box-shadow:0 2px 5px #0000004d}.upgrade-section{margin-bottom:2rem}.upgrade-section h2{color:gold;border-bottom-color:#ffd70066;text-shadow:0 0 5px rgba(255,215,0,.7),0 0 10px rgba(255,215,0,.5)}.upgrade-item{flex-direction:row;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#1e2d3ce6,#0a1928e6);border-image:linear-gradient(to right,#00e5ff,gold) 1;text-align:left;gap:2rem}.upgrade-item:hover{box-shadow:0 0 20px #ffd70080,0 0 30px #00e5ff4d}.upgrade-details{flex:2}.upgrade-price{font-size:1.5rem;font-weight:700;color:gold;margin:0 0 .5rem}.upgrade-bonus{font-size:1.1rem;color:#39ff14;margin:0 0 1rem;font-weight:700;text-align:center;display:flex;align-items:center;gap:5px}.upgrade-features{list-style:none;padding-left:0;margin:0}.upgrade-features li{margin-bottom:.75rem;padding-left:25px;position:relative;color:#ccc}.upgrade-features li:before{content:"✔";position:absolute;left:0;color:#39ff14;font-weight:700}.upgrade-item .purchase-button{flex-shrink:0;align-self:center}.scroll-indicator{position:absolute;bottom:20px;left:50%;width:24px;height:24px;border-left:3px solid white;border-bottom:3px solid white;transform:translate(-50%) rotate(-45deg);opacity:.7;animation:bounce 2.5s infinite;pointer-events:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0) rotate(-45deg);opacity:.7}40%{transform:translate(-50%) translateY(10px) rotate(-45deg);opacity:1}60%{transform:translate(-50%) translateY(5px) rotate(-45deg);opacity:.9}}@media (max-width: 768px){.store-container{height:75vh;padding:1rem}.upgrade-item{flex-direction:column;text-align:center}.upgrade-details{text-align:left}.upgrade-price,.upgrade-bonus{text-align:center;justify-self:center}.scroll-indicator{bottom:10px}.upgrade-section h2,.store-section h2{font-size:20px}.token-amount{font-size:1.5rem}.token-amount-icon{width:1.3rem;height:1.3rem}}.auth-content-container{display:flex;flex-direction:column;align-items:center;max-height:60vh;overflow-y:auto;padding-inline:inherit;box-sizing:border-box}.login-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px;align-items:center}.login-form-group{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;align-items:center}.login-form-group.remember-me{flex-direction:row;align-items:center;gap:10px;width:auto}.login-form-group label{font-size:1.1rem;color:#a0c8d0;font-weight:700}.login-form-group.remember-me label{font-weight:400}.login-form .form-input{width:100%}.menu-button.secondary{background:transparent;border:2px solid rgba(0,229,255,.7);color:#e0f7ff}.menu-button.secondary:hover{background:#00698080;color:#e0f7ff;box-shadow:0 0 10px #00e5ff80}.form-divider{display:flex;align-items:center;text-align:center;color:#a0c8d0;width:100%;max-width:400px;margin:20px 0}.form-divider:before,.form-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,229,255,.3)}.form-divider:not(:empty):before{margin-right:.5em}.form-divider:not(:empty):after{margin-left:.5em}.social-auth-options{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center}.menu-button.social-auth-button{display:flex;align-items:center;justify-content:center;gap:10px}.social-auth-button .icon{width:22px;height:22px}.menu-button.google{background-color:#fff;border-color:#e0e0e0;color:#333}.menu-button.google:hover{background-color:#f5f5f5;border-color:#dcdcdc;box-shadow:0 0 10px #0003;color:#333}.menu-button.apple{background-color:#000;border-color:#333;color:#fff}.menu-button.apple:hover{background-color:#222;border-color:#555;box-shadow:0 0 15px #ffffff4d;color:#fff}.form-break{color:transparent;background:transparent;width:inherit}@media (max-width: 470px){.auth-content-container{max-height:68vh;width:100%}.login-form{width:80%}}.user-scenarios-container{display:flex;flex-direction:column;width:100%;max-width:800px;height:100%;position:relative}.user-scenarios-container .scenario-controls{margin-bottom:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:0}.user-scenarios-container .scenario-search-bar{flex-grow:1;padding:8px 12px}.user-scenarios-container .scenario-sort-dropdown{padding:8px 12px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.user-scenarios-container .user-scenario-list-container{flex-grow:1;max-height:45vh;overflow-y:auto;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc}.user-scenarios-container .user-scenario-list{display:flex;flex-direction:column}.user-scenarios-container .user-scenario-list-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(0,229,255,.2)}.user-scenarios-container .user-scenario-list-item:last-child{border-bottom:none}.user-scenarios-container .scenario-content-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}.user-scenarios-container .scenario-info{flex:2.5;text-align:left}.user-scenarios-container .scenario-prompt{font-style:italic;color:#e0f7ff;margin:0 0 8px}.user-scenarios-container .scenario-details{font-size:.8rem;color:#a0c8d0;display:flex;flex-wrap:wrap;gap:15px}.user-scenarios-container .scenario-actions{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.user-scenarios-container .vote-buttons{display:flex;gap:5px}.user-scenarios-container .vote-buttons button{background-color:#2a2a2a;border:1px solid #555;color:#ccc;padding:5px 10px;cursor:pointer;font-size:.9rem}.user-scenarios-container .vote-buttons button:hover{background-color:#3a3a3a;border-color:#777;color:#fff}.user-scenarios-container .vote-buttons button.voted-up{color:#4caf50;border-color:#4caf50}.user-scenarios-container .vote-buttons button.voted-down{color:#f44336;border-color:#f44336}.user-scenarios-container .user-scenario-list-item .menu-button.small{width:120px}.user-scenarios-container .report-button{background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;border:none;padding:0;width:15px;height:15px;cursor:pointer}.user-scenarios-container .report-button:hover{background-color:transparent;border:none;background:transparent;color:transparent;box-shadow:none;background-size:cover}.user-scenarios-container .report-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.user-scenarios-container .report-modal-content{background-color:#0a1928f2;border:2px solid rgba(0,229,255,.7);padding:20px 30px;border-radius:5px;width:90%;max-width:500px;text-align:center;color:#e0f7ff}.user-scenarios-container .report-modal-content h2{margin-top:0;color:#00e5ff}.user-scenarios-container .report-item{text-align:left;margin:15px 0;background-color:#0000004d;padding:10px;border-radius:3px}.user-scenarios-container .report-item span{font-weight:700;color:#a0c8d0}.user-scenarios-container .report-item-text{font-style:italic;margin:5px 0 0;padding-left:10px;border-left:2px solid rgba(0,229,255,.5);word-break:break-word}.user-scenarios-container .report-buttons-container{display:flex;justify-content:center;gap:15px;margin:25px 0}.user-scenarios-container .report-modal-close{margin-top:10px;background:none;border:none;color:#a0c8d0;text-decoration:underline;cursor:pointer}.user-scenarios-container .report-success{color:#4caf50;font-weight:700}@media (max-width: 768px){.user-scenarios-container .scenario-content-wrapper{flex-direction:column;align-items:flex-start;gap:10px}.user-scenarios-container .report-modal-overlay{position:fixed}.user-scenarios-container .user-scenario-list-container{max-height:55vh}.user-scenarios-container .scenario-actions{width:100%;justify-content:end}.user-scenarios-container .scenario-controls{flex-direction:column;width:100%}.user-scenarios-container .scenario-prompt{font-size:.9rem}.user-scenarios-container .scenario-details{font-size:.75rem}}.scenarios-container{width:100%;max-width:800px;padding:10px;display:flex;flex-direction:column;gap:1rem}.scenario-controls{display:flex;justify-content:flex-end;align-items:center}.scenario-filter-dropdown{padding:8px 12px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;font-size:1rem;transition:border-color .2s,box-shadow .2s;border-radius:4px}.scenario-list-container{flex-grow:1;max-height:55vh;overflow-y:auto;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc}.scenario-list{display:flex;flex-direction:column;padding:0}.premade-scenario-list-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(0,229,255,.2)}.premade-scenario-list-item:last-child{border-bottom:none}.premade-scenario-list-item:hover{background-color:#00e5ff1a}.scenario-content-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}.scenario-info{flex:2.5;text-align:left}.scenario-name{color:#e0f7ff;margin:0 0 8px;font-size:1.1rem;font-weight:700}.scenario-details{font-size:.8rem;color:#a0c8d0;display:flex;flex-wrap:wrap;gap:15px}.info-separator{color:#5a99a5;margin:0 5px}.scenario-actions{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.scenario-actions .menu-button.small{width:120px}@media (max-width: 768px){.scenarios-container{max-width:90vw}.scenario-content-wrapper{flex-direction:column;align-items:flex-start;gap:10px}.scenario-actions{width:100%;justify-content:flex-end}.scenario-name{font-size:1rem}.scenario-details{font-size:.75rem}.scenario-controls{justify-content:stretch}.scenario-filter-dropdown{width:100%}}.privacy-policy-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.privacy-content-scrollable{flex-grow:1;overflow-y:auto;width:100%;max-width:900px;padding-right:15px;padding-left:5px}.privacy-content-scrollable::-webkit-scrollbar{width:8px}.privacy-content-scrollable::-webkit-scrollbar-track{background:#2a2a2a}.privacy-content-scrollable::-webkit-scrollbar-thumb{background-color:#555;border:2px solid #2a2a2a}.privacy-policy-container .container{max-width:800px;margin:0 auto;padding:20px;background-color:#24242480;border:1px solid #444;border-radius:8px;font-family:sans-serif;line-height:1.6;color:#ccc}.privacy-policy-container h1,.privacy-policy-container h2{color:#fff;border-bottom:1px solid #555;padding-bottom:10px}.privacy-policy-container a{color:#00e5ff;text-decoration:none}.privacy-policy-container a:hover{text-decoration:underline}.privacy-policy-container ul{padding-left:20px}.privacy-policy-container li{margin-bottom:10px}@media (max-width: 768px){.privacy-policy-container{max-height:32em}}@media (max-width: 480px){.privacy-policy-container{padding:10px}.privacy-content-scrollable{padding-right:5px;padding-left:5px;max-height:32em}.privacy-policy-container .container{padding:15px}.privacy-policy-container h1,.privacy-policy-container h2{font-size:1.5rem}}.color-picker-wrapper{display:flex;align-items:center;gap:5px;padding-right:10px;border-right:1px solid #555;margin-right:5px}.color-picker-wrapper input[type=color]{width:38px;height:38px;border:none;background:none;cursor:pointer;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:2px solid #666;border-radius:0}.set-color-button{padding:4px 8px;background-color:#555;border:1px solid #777;color:#fff;cursor:pointer;height:38px}.editor-konva-map-container{display:flex;flex-direction:column;background:#2a2a2a;width:100%;height:100%}.editor-stage-wrapper{flex-grow:1;position:relative}.editor-selected-terrain-indicator{position:absolute;top:60px;left:50vw;transform:translate(-50%);background:#000000b3;color:#fff;padding:5px 15px;border-radius:5px;z-index:10;pointer-events:none;text-transform:capitalize;visibility:hidden}.editor-selected-terrain-indicator.visible{visibility:visible}.editor-bottom-bar{position:absolute;bottom:0;left:0;width:100%;background:#141414cc;color:#fff;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;z-index:10;align-items:center;flex-wrap:wrap;justify-content:center}.editor-controls{display:flex;gap:10px;align-items:center}.editor-controls button{padding:8px;background-color:#555;border:1px solid #777;color:#fff;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.editor-controls button img{width:28px;height:28px}.editor-controls button.active{background-color:#888;border-color:#aaa}.editor-controls button:disabled{background-color:#333;color:#888;cursor:not-allowed}.editor-controls button:disabled img{filter:opacity(.5)}.terrain-palette{display:flex;flex-wrap:wrap;gap:5px;background:#00000080;padding:5px;border-radius:4px;align-items:center;max-width:100%;overflow-x:auto;justify-content:flex-start}.terrain-button{background:#444;border:2px solid #666;padding:2px;cursor:pointer;width:44px;height:44px;flex-shrink:0}.terrain-button.selected{border-color:#ff0}.terrain-button img{width:100%;height:100%;object-fit:cover}.location-editor-controls{position:absolute;bottom:64px;left:50vw;transform:translate(-50%);background:#141414cc;color:#fff;padding:10px;border-radius:15px 15px 0 0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px}.selection-actions-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.selection-actions-container button{padding:8px;background-color:#555;border:1px solid #777;color:#fff;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.selection-actions-container button img{width:28px;height:28px}.selection-actions-container .text-button{width:auto;height:44px;padding:5px 15px}.selection-actions-container button.delete-button,.selection-actions-container button.cancel-button{background-color:#a00}.placement-indicator{font-weight:700;color:#ff0;font-size:1.2em}.modal-content.editor-modal{max-width:600px}.editor-form{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto;padding:.5rem}.editor-form fieldset{border:1px solid rgba(0,229,255,.3);border-radius:4px;padding:1rem;margin-bottom:1rem;background:#0003}.editor-form legend{padding:0 .5rem;color:#00e5ff;font-weight:700;text-shadow:0 0 5px rgba(0,229,255,.5)}.editor-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-form .form-row{display:flex;flex-direction:column;gap:5px}.editor-form label{font-weight:700;color:#a0c8d0}.editor-form input[type=text],.editor-form input[type=number],.editor-form select,.editor-form textarea{padding:10px;border-radius:4px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffb3}.editor-form .form-row.checkbox{flex-direction:row;align-items:center;gap:10px}.editor-form input[type=checkbox]{accent-color:#00e5ff;width:18px;height:18px;cursor:pointer}.editor-form .equipment-section .equipment-list{display:flex;flex-direction:column;gap:8px}.equipment-item{display:flex;gap:8px;align-items:center}.equipment-item input[type=text]{flex:1;min-width:150px}.equipment-item input[type=number]{width:80px}.add-equipment-wrapper{display:flex;justify-content:center;margin-top:10px}.editor-form .equipment-section .add-button{padding:0;background:#00698080;border:1px solid rgba(0,229,255,.7);color:#e0f7ff;cursor:pointer;transition:all .2s;width:42px;height:42px;font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center}.editor-form .equipment-section .add-button:hover{background:#00e5ff4d;box-shadow:0 0 10px #00e5ff80}.editor-form .equipment-item .delete-button{background-color:#9e0000b3;border:1px solid rgba(255,71,76,.7);color:#e0f7ff;cursor:pointer;transition:all .2s;width:30px;height:30px;padding:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.editor-form .equipment-item .delete-button img{width:100%;height:100%}.editor-form .equipment-item .delete-button:hover{background-color:#ff000080;border-color:#ff474c;box-shadow:0 0 10px #ff474c80}.location-ownership-list{max-height:200px;overflow-y:auto;border:1px solid rgba(0,229,255,.3);background:#0a192880;padding:5px;border-radius:4px}.location-ownership-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid rgba(0,229,255,.1)}.location-ownership-item:last-child{border-bottom:none}.custom-select-list{display:flex;flex-direction:column;max-height:20em;overflow-y:auto;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc}.custom-select-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s ease-in-out;border-bottom:1px solid rgba(0,229,255,.2);-webkit-tap-highlight-color:transparent}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background-color:#00e5ff33}.custom-select-option.selected{background-color:#00e5ff66;font-weight:700;color:#fff}.unit-icon-small{width:24px;height:24px;margin-right:10px;object-fit:contain}.unit-info-container{display:flex;align-items:center;gap:10px;flex:1}.unit-desc-container{flex:1.5;line-height:normal}.unit-description{font-size:.9rem;color:#b0b0b0;text-align:left;width:100%}@media (max-width: 768px){.editor-bottom-bar{padding:5px;gap:5px}.editor-controls button{width:40px;height:40px;padding:6px}.editor-controls button img{width:24px;height:24px}.terrain-palette{padding:5px;flex-wrap:nowrap}.terrain-button{width:40px;height:40px}.color-picker-wrapper input[type=color]{width:35px;height:35px}.set-color-button{height:35px;padding:4px 6px;font-size:.8rem}.location-editor-controls{padding:8px;gap:8px;bottom:50px}.selection-actions-container button{font-size:.8rem}.selection-actions-container span{font-size:.9rem;width:100%;text-align:center}.modal-content.editor-modal{width:95vw;max-height:85vh;padding:1rem}.editor-form .form-grid{grid-template-columns:1fr;gap:.8rem}}@media (max-width: 450px){.custom-select-list{max-height:14em}.unit-description{font-size:.6rem}}