@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";.app-container{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#242424;display:flex;flex-direction:column}.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}.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-content{background:#1a1a1a;border:2px solid #555;padding:2rem;border-radius:5px;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-radius:5px;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;padding-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:fixed;bottom:0;width:50em;left:50%;transform:translate(-50%);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;align-items:center;font-size:1rem;display:flex;justify-content:center;background-color:#344065}.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}.map-toggles-button img{width:40px;height:40px}.in-game-menu-container{position:relative}.menu-toggle-button{display:flex;color:#fff;padding:8px 12px;background:transparent;font-size:16px;cursor:pointer;border-radius:5px}.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);border-radius:5px;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;border-radius:5px;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-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;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{justify-items:center;overflow:auto;width:40em}.advanced-options{display:flex;flex-direction:column;gap:12px;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}.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}.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}.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}.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}.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}@media (max-width: 940px){.bottom-action-bar{border-top:2px solid #555;display:flex;justify-content:center;background:linear-gradient(to bottom,#141414f2,#1e1e1ed9);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}.faction-columns{gap:1rem}.stat-label,.stat-value{font-size:10px}}@media (max-width: 450px){.form-input{width:80%}.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-color:transparent}.bottom-bar-icon{margin:0}.bottom-action-bar{gap:16vw}.save-list{max-height:50vh}.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-bottom:1rem;width:100%;max-width:200px}.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:10px;display:flex;align-items:center}.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}}.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}.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:10px;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-indicator{position:absolute;left:50%;top:0;bottom:0;width:3px;background-color:#fffc;transform:translate(-50%);box-shadow:0 0 3px #000}@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{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:#ccc;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;align-items:center;padding-top:10px;border-top:1px solid #444}.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}}.report-modal{background-color:#1c1c1e;color:#e0e0e0;border:2px solid #666;padding:20px;border-radius:8px;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-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-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}.collapse-icon{font-size:1.1em;font-weight:700;color:#aaa}.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}.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}.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;border-radius:5px;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}}.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-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}.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}.abilities-table-container{max-height:60vh;overflow-y:auto;border-top:1px solid #555;border-bottom:1px solid #555}.abilities-table{width:100%;border-collapse:collapse}.abilities-table th,.abilities-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #444}.abilities-table th{background-color:#2a2a2a;color:#e0e0e0;font-weight:700}.abilities-table tr:last-child td{border-bottom:none}.ability-description{font-size:.9rem;color:#b0b0b0;max-width:350px}.abilities-table .menu-button{padding:6px 12px;font-size:.9rem}.confirmation-bar{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:9999;left:25%;top:35%;background-color:#000;border-radius:10px}@media (max-width:425px){.abilities-table-container{width:95vw}.abilities-table td{padding:3px;font-size:10px}.abilities-table{font-size:10px}.abilities-table-container{max-height:50vh}}.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);border-radius:5px;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}.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: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}}: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,html,#root{margin:0;padding:0;width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;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}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.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:4.5rem;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);border-radius:5px;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.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;border-radius:4px}*::-webkit-scrollbar-thumb{background-color:#00e5ffb3;border-radius:4px;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{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}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}.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:5rem;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);border-radius:5px;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}}.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);border-radius:4px;transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer;transition:background-color .2s,box-shadow .2s}.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;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;padding-right:30px;border-radius:4px;border:1px solid rgba(0,229,255,.7);background-color:#0a1928cc;color:#e0f7ff;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}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-radius:5px;border:1px solid rgba(0,229,255,.7);outline:none;padding:0;transition:box-shadow .2s;cursor:pointer}.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;justify-content:space-evenly;padding-bottom:700px}.main-menu-bunker{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}}@media (max-width: 420px){.menu-overlay{height:unset;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}.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}.profile-container{display:flex;align-items:center;gap:10px;padding:5px;border-radius:15px 0 0 15px;background:#0a1928e6;border-top:1px solid rgba(0,229,255,.5);border-bottom: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}.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;color:#ef0;align-self:center}.profile-badges{background:transparent;border:1px solid #00e5ff;color:#00e5ff;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s}.profile-badges:hover{background:#00e5ffe6;box-shadow:0 0 10px #00e5ffcc;color:#001f3f}.profile-logout-button{background:transparent;border:1px solid #FF474C;color:#ff474c;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s,color .3s}.profile-logout-button:hover{background-color:#ff474c;color:#1a1a1a}.profile-buttons{display:flex;flex-direction:row;gap:5px}@media (max-width: 480px){.profile-container{width:100%;justify-content:space-around;border-radius:0;gap:7px;padding:5px 10px;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}.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.open{transform:translateY(0)}.profile-buttons{flex-direction:column}.profile-username,.profile-badges,.profile-logout-button,.ai-credits-text{font-size:12px}.profile-picture{width:40px;height:40px}}.scenarios-container{width:100%;max-width:600px;max-height:60vh;overflow-y:auto;padding:10px}.era-group{margin-bottom:15px}.era-header{font-size:1.1rem;color:#00e5ff;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:transparent;border-radius:5px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.era-header:hover{background-color:#00698080}.collapse-icon{font-size:1.2rem;transition:transform .2s}.scenario-list{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 10px 5px}.scenario-list .menu-button{width:100%;box-sizing:border-box;margin:0}@media (max-width: 760px){.scenarios-container{min-height:50vh}}.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%}}