:root{--background: #1e1e1e;--gradient: linear-gradient(to right, #2c2c2c, #1a1a1a);--text: #ffffff;--primary: #4fc3f7;--secondary: #cccccc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:var(--background);color:var(--text)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gradient);border-bottom:2px solid #333}.logo{font-size:1.5rem;font-weight:700}.logo img{max-width:230px}.user-info{display:flex;gap:2rem;align-items:center}.resources span{margin-right:1rem}.menu-toggle{display:none;background:none;color:var(--text);font-size:1.5rem;border:none;cursor:pointer}.layout{display:flex;height:calc(100vh - 70px)}nav{width:20%;min-width:200px;background:#292929;padding:1rem;transition:transform .3s ease}nav ul{list-style:none}nav li{margin-bottom:1rem}nav a{color:var(--text);text-decoration:none;padding:.5rem;display:block;border-radius:4px;transition:background .2s}nav a:hover{background:#444}main{flex:1;padding:2rem;overflow-y:auto}button.primary{background-color:var(--primary);color:#000;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}button.secondary{background-color:var(--secondary);color:#000;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.upgrade-button{width:100px;margin-top:20px}@media screen and (max-width: 768px){nav{position:absolute;left:0;top:70px;height:100vh;transform:translate(-100%);z-index:10}nav.open{transform:translate(0)}.menu-toggle{display:block}.layout{flex-direction:column}.logo img{display:none}}.header_top{width:100%;display:grid;grid-template-columns:auto 1fr 1fr auto;grid-template-areas:"logo pdata pres menu" "broadcast broadcast broadcast broadcast";gap:10px;background:var(--gradient)}.logo{grid-area:logo}#playerData{grid-area:pdata}#playerRess{grid-area:pres}.menu-toggle{grid-area:menu}#broadcast-container{grid-area:broadcast;text-align:center;padding:8px;background-color:#ffc10733;border:1px solid #ffc107;border-radius:4px;margin-top:10px;font-size:.9rem;color:#ffc107;display:none}@media (max-width: 900px){.header_top{grid-template-columns:auto 1fr;grid-template-areas:"logo menu" "pdata pdata" "pres pres" "broadcast broadcast"}}.header-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.header-broadcast{grid-column:1 / -1;text-align:center;padding:8px;background-color:#ffc10733;border:1px solid #ffc107;border-radius:4px;margin-top:10px;font-size:.9rem;color:#ffc107;display:none;display:flex;justify-content:center;gap:20px}.broadcast-item{position:relative;cursor:pointer}.broadcast-headline{font-weight:700}.broadcast-body{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translate(-50%);background-color:#1c1c1e;color:#f5f5f7;border:1px solid #545458;padding:10px;border-radius:6px;width:300px;z-index:10;transition:opacity .3s,visibility .3s}.broadcast-item:hover .broadcast-body{visibility:visible;opacity:1}.broadcast-item--info .broadcast-headline{color:#ffc107}.broadcast-item--warning .broadcast-headline{color:#fd7e14;font-weight:700}.broadcast-item--urgent .broadcast-headline{color:#dc3545;font-weight:700;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.table-container{display:flex;flex-direction:column;max-width:500px;margin:1rem;font-family:sans-serif;color:#fff}.table-row{display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;border-bottom:1px solid #444}.table-row:last-child{border-bottom:none}.table-cell{padding:0 8px;white-space:nowrap;min-width:100px}.label-cell{font-weight:700;flex:0 0 40%}.value-cell{flex:1;text-align:right}@media (max-width: 500px){.table-row{flex-direction:column}.label-cell,.value-cell{flex:1 1 100%;text-align:left;padding:4px 0}.value-cell{margin-top:2px}}.resource-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:600px;margin:1rem auto}.resource-wrapper{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.resource-item{min-width:180px;display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:.5rem 0}.resource-label{display:flex;align-items:center;gap:.5rem}.tick-countdown{text-align:right;font-size:.9rem;color:#888;margin-top:.5rem}.countdown-timer{overflow-wrap:break-word;word-break:break-word;white-space:normal}.resource-value{color:#0f0;text-align:right;flex:1;justify-content:right;align-content:center}.production-table{width:100%;display:flex;flex-direction:column;gap:1rem}.resource-row{border-bottom:1px solid #ccc;padding-bottom:.5rem}.resource-header{display:flex;justify-content:space-between;font-weight:700;font-size:1.1em}.resource-subrow{display:flex;justify-content:space-between;padding-left:1rem;color:#666;font-size:.95em}.resource-header span:first-child{display:flex;align-items:center;gap:.5rem}.building-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.building-card{border:1px solid #ccc;border-radius:10px;padding:1rem;display:flex;flex-direction:column}.building-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:.5rem}.resource-costs{display:flex;flex-wrap:wrap;gap:1rem}.resource-cost{display:flex;gap:.25rem;align-items:center}.resource-cost span{font-weight:700}.resource-cost.missing{color:red}.building-message{margin-top:.5rem;font-style:italic;color:#666}.unmet{color:red;font-weight:700}.cost-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.cost-line{padding:4px 8px;background-color:#12d833;border-radius:6px;white-space:nowrap}.cost-line.unmet{color:#b30000;font-weight:700;background-color:#ffe5e5}.requirement-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.requirement-line{padding:4px 8px;background-color:#12d833;border-radius:6px;white-space:nowrap}.requirement-line.unmet{text-align:center;color:#b30000;font-weight:700;background-color:#ffe5e5}.build-progress{padding:4px 8px;background-color:#e9ec329a;border-radius:6px;white-space:nowrap;color:#000;margin-top:8px;text-align:center;flex-grow:1}.cancel-button{flex-shrink:0}.info-icon{margin-left:8px;cursor:pointer;position:relative;display:inline-block}.tooltip-box{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px;border-radius:6px;font-size:.85rem;width:250px;white-space:normal;word-wrap:break-word;z-index:10;margin-top:4px;display:none}.build-controls{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.build-controls input{margin-right:10px;height:30px}.bot-table-wrapper{margin-bottom:24px}.bot-table{display:flex;flex-direction:column;gap:4px;width:100%}.bot-row{display:grid;grid-template-columns:repeat(7,1fr);background:#2b2b2b;padding:6px 8px;border-radius:6px;align-items:center}.bot-header{font-weight:700;background:#1e1e1e;border-bottom:2px solid #444}#headContainer1{font-size:1.5rem;margin-bottom:1rem}#headContainer2{font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.mission-form-wrapper{margin-top:24px}.mission-form label{display:block;margin-top:10px;font-weight:700}.bot-action-buttons{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button{padding:8px 16px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.primary-button{background-color:#3aa0ff;color:#fff}.secondary-button{background-color:#666;color:#fff}.mission-overview-wrapper{margin-top:24px;background:#222;padding:12px;border-radius:8px;color:#fff}.mission-entry{padding:8px;border-bottom:1px solid #444}.mission-timer{display:block;color:#3aa0ff;font-weight:700;margin-top:4px}.mission-totals{margin-top:8px;font-weight:700}.resource-payload{margin-top:16px;background:#2a2a2a;padding:10px;border-radius:6px}.resource-payload div{display:flex;justify-content:space-between;padding:4px 0}.transfer-row{margin-bottom:10px;display:flex;justify-content:space-between}.transfer-form input{width:60px}.event-list{display:flex;flex-direction:column;gap:.5rem}.event-entry{background-color:#222;border-left:4px solid #4aa3df;padding:1rem;color:#fff;border-radius:6px;margin-bottom:1rem}.event-time{font-size:.85rem;color:#aaa;margin-bottom:.3rem}#messageBar{border-bottom:2px solid #333;height:2rem;background:#292929;display:none;text-align:center;font-weight:700}.message-bar.info{color:#fff}.message-bar.success{color:#6be385}.message-bar.error{color:#ff7070}#login-form,#register-form{height:300px}#login-form input,#register-form input{width:200px;padding:10px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc}#login-form button,#register-form button{width:200px;height:37px}#progressContainer{margin-top:10px;border-bottom:2px solid #333;padding-bottom:20px}#progressContainer li{margin-top:3px}.progress-list{list-style:none}#eventsHeader{padding-top:10px}#eventsHeader button{margin-top:10px;margin-bottom:10px}#eventsContainer .delete-btn{margin-top:5px;border-radius:6px;cursor:pointer;width:120px}.drone-scan-wrapper{border-top:2px solid #333;margin-top:20px;padding-top:10px}.form-row{margin-bottom:10px}.tavern-overview-wrapper{margin:16px}.tavern-table{width:100%;border-collapse:collapse}.tavern-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd}.tavern-header{font-weight:700}.name-cell{position:relative}.resource-icon{display:inline-block;vertical-align:middle;margin-right:4px}.buy-btn{padding:4px 8px;font-size:.9rem;margin:0}.quantity-input{width:8ch;max-width:100%;box-sizing:border-box;padding:4px}.tavern-category-header{margin-top:20px}.expedition-tier{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:capitalize;margin-bottom:10px}.expedition-tier.common{color:#333;background-color:#e0e0e0;border:1px solid #ccc}.expedition-tier.uncommon{color:#fff;background-color:#28a745}.expedition-tier.rare{color:#fff;background-color:#007bff}.expedition-tier.epic{color:#fff;background-color:#6f42c1}.expedition-tier.legendary{color:#212529;background-color:#ffc107;border:1px solid #e0ac00}.intel-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px}.intel-header{display:none}.intel-row{display:block;background-color:#3a3a3c;padding:15px;border-radius:6px;border-left:5px solid #0a84ff}.intel-row>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #4a4a4c;flex-wrap:wrap}.intel-row>div:last-child{border-bottom:none}.intel-row>div:before{content:attr(data-label);font-weight:700;padding-right:10px;color:#aeaeae}.missile-launch-panel{margin-top:20px;padding:15px;background-color:#2c2c2e;border-radius:8px}.target-selection{display:flex;gap:10px;margin-bottom:15px}.target-selection .secondary-button.active{background-color:#0a84ff;color:#fff;box-shadow:0 0 10px #0a84ff80}.launch-form{display:flex;flex-direction:column;gap:12px}.launch-form-row{display:flex;align-items:center;gap:10px}.launch-form-row label{font-weight:700;color:#aeaeae;width:150px;text-align:right}.launch-form-row input,.launch-form-row select{flex-grow:1;padding:8px;background-color:#1c1c1e;border:1px solid #545458;color:#f5f5f7;border-radius:4px}.launch-button{align-self:flex-end;margin-top:10px}.database-layout{display:flex;gap:20px;align-items:flex-start}.database-nav{width:250px;flex-shrink:0;background-color:#2c2c2e;padding:15px;border-radius:8px}.database-nav h3{margin-top:0;border-bottom:1px solid #444;padding-bottom:5px}.database-nav ul{list-style:none;padding:0;margin:0 0 15px}.database-nav li{padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.database-nav li:hover{background-color:#3a3a3c}.database-content{flex-grow:1}.level-table{display:flex;flex-direction:column;margin-top:15px}.level-row{display:grid;grid-template-columns:80px 1fr 2fr 2fr;gap:10px;padding:8px;border-bottom:1px solid #444}.level-row.research{grid-template-columns:80px 1fr 2fr 1.5fr 1.5fr}.level-row.header{font-weight:700;color:#aeaeae}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.database-nav .accordion-header{background-color:#3a3a3c;color:#f5f5f7;cursor:pointer;padding:12px;width:100%;border:none;text-align:left;outline:none;font-size:1rem;font-weight:700;transition:background-color .2s;border-radius:4px;margin-top:10px;display:flex;justify-content:space-between}.database-nav .accordion-header:hover,.database-nav .accordion-header.active{background-color:#4a4a4c}.database-nav .accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.database-nav .accordion-panel ul{margin-top:5px;border-left:1px solid #4a4a4c;padding-left:15px}.database-nav li.active{background-color:#0a84ff;color:#fff}.fee-calculator{margin-top:15px;padding:10px;background-color:#2c2c2e;border-radius:4px;border:1px solid #444}.fee-row{display:flex;justify-content:space-between;font-size:.9rem;color:#aeaeae;padding:2px 0}.fee-row.total{margin-top:5px;padding-top:5px;border-top:1px solid #444;color:#f5f5f7}.bank-container{display:flex;flex-direction:column;gap:20px}.bank-container .capacity-bar{width:100%;height:30px;background-color:#1c1c1e;border:1px solid #444;border-radius:5px;position:relative;overflow:hidden}.bank-container .capacity-fill{height:100%;background-color:#0a84ff;transition:width .5s ease-in-out}.bank-container .capacity-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;text-shadow:1px 1px 2px black}.bank-container .resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;background-color:#2c2c2e;padding:15px;border-radius:8px}.bank-container .resource-item{display:flex;justify-content:space-between;padding:8px;background-color:#3a3a3c;border-radius:4px}.bank-container .deposit-form{display:flex;flex-direction:column;gap:10px}.bank-container .deposit-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.bank-container .deposit-row label{font-weight:700;color:#aeaeae}.bank-container .deposit-input{padding:8px;background-color:#1c1c1e;border:1px solid #545458;color:#f5f5f7;border-radius:4px}.bank-container .bank-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bank-container .bank-action-column{background-color:#2c2c2e;padding:15px;border-radius:8px}.bank-container .withdraw-options{margin-top:15px;display:flex;flex-direction:column;gap:5px}.bank-container .checkbox-row{display:flex;align-items:center;gap:8px}.bank-container .bank-action-button{width:100%;margin-top:15px;padding:12px;font-size:1rem}#mapContainer{display:flex}#mapGrid{display:grid;grid-template-columns:repeat(7,40px);gap:4px}.map-tile{width:40px;height:40px;background-color:#111;border:1px solid #333}.player-base{background-color:#3b82f6}.bandit-base{background-color:#ef4444}.warlord-base{background-color:#facc15}.info-box{margin-left:20px;padding:10px;min-width:200px;background:#1f2937;color:#f9fafb;border:1px solid #4b5563}.map-tile.own-base{background-color:#32cd32}.map-tile.player-base{background-color:#1e90ff}.map-tile.bandit-base{background-color:#ff8c00}.map-tile.warlord-base{background-color:#df0909}.map-tile img.icon{position:absolute;top:2px;right:2px;width:16px;height:16px}