body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out .5s;animation-fill-mode:both}.modal-content{background-color:#14291b;border-radius:12px;max-width:600px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease-out .5s;animation-fill-mode:both;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#ffc10733,#ff980033)}.modal-header h3{margin:0;color:#ffb74d;font-size:1.3em}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#8ba893;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:#ffffff1a;color:#a8c9b0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.building-detail-modal-overlay.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2100!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.building-detail-modal-overlay .building-detail-modal{background:#14291b;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideDown .3s ease-out}.building-detail-modal .modal-header{background:linear-gradient(135deg,#4caf5033,#4caf501a);padding:20px;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:space-between}.building-detail-modal .modal-header h2{margin:0;color:#81c784;font-size:1.5rem}.building-detail-modal .close-button{background:none;border:none;color:#81c784;font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:color .2s}.building-detail-modal .close-button:hover{color:#a5d6a7}.building-detail-modal .modal-body{padding:25px;background:#14291b;color:#a8c9b0}.building-detail-modal .modal-footer{padding:15px 25px 25px;display:flex;justify-content:center;background:#14291b}.building-detail-modal .btn-primary{background:linear-gradient(135deg,#4caf50,#43a047);border:2px solid #2e7d32;color:#fff;padding:12px 30px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700}.building-detail-modal .btn-primary:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px)}.building-type-badge{margin-bottom:20px;display:flex;justify-content:center}.building-type-badge .badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.85em;font-weight:600}.building-type-badge .badge-center{background-color:#2196f326;color:#64b5f6;border:1px solid rgba(100,181,246,.3)}.building-type-badge .badge-vertex{background-color:#9c27b026;color:#ce93d8;border:1px solid rgba(206,147,216,.3)}.building-detail-section{margin-bottom:20px}.building-detail-section h3{margin:0 0 10px;color:#81c784;font-size:1.1em;border-bottom:2px solid rgba(165,214,167,.3);padding-bottom:5px}.building-detail-section p{margin:0;line-height:1.6;color:#a8c9b0}.cost-list{display:flex;flex-wrap:wrap;gap:10px}.cost-item{display:inline-flex;align-items:center;padding:6px 12px;background-color:#ff980026;border-left:3px solid #ff9800;border-radius:4px;font-size:.95em;color:#ffb74d}.building-detail-section .requirements-list{display:flex;flex-direction:column;gap:8px}.building-detail-section .requirement-item{padding:8px 12px;background-color:#ffc1071a;border-left:3px solid #ffc107;border-radius:4px;font-size:.95em;color:#ffd54f}.slots-list{display:flex;flex-wrap:wrap;gap:10px}.slot-item{display:inline-flex;align-items:center;padding:6px 12px;background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;font-size:.95em;color:#81c784}.effect-type-label{margin-bottom:12px}.effect-type{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:500}.effect-type.vertex{background-color:#9c27b026;color:#ce93d8}.effect-type.center{background-color:#2196f326;color:#64b5f6}.modifiers-group{margin-bottom:12px;padding:10px;background-color:#0003;border-radius:6px}.modifiers-group strong{display:block;margin-bottom:8px;color:#a8c9b0;font-size:.9em}.building-detail-modal .modifier-line{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.95em;color:#8ba893}.building-detail-modal .modifier-value{font-weight:700;color:#4caf50}.actions-list{display:flex;flex-direction:column;gap:10px}.action-item{padding:12px;background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:4px}.action-header{font-size:1em;color:#81c784;margin-bottom:4px}.action-description{font-size:.9em;color:#8ba893;margin:0}.building-link{display:inline-flex;align-items:center;cursor:pointer;color:#64b5f6;text-decoration:underline;transition:color .2s}.building-link:hover{color:#90caf9}.building-info-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#64b5f6;cursor:pointer;padding:2px 6px;font-size:.85em;transition:all .2s;border-radius:4px}.building-info-btn:hover{background-color:#2196f326;color:#90caf9}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.dead-character-modal{background:linear-gradient(180deg,#ededed,#e3e3e3);max-width:500px;border:1px solid #d8d8d8;box-shadow:0 8px 32px #0000001f}.dead-character-modal .modal-header{background:linear-gradient(135deg,#ccc,#dedede)}.dead-character-modal .modal-header h3{color:#777}.dead-character-modal .modal-close{color:#999}.dead-character-modal .modal-close:hover{color:#777;background-color:#0000000d}.dead-character-modal .detail-section strong{color:#777}.dead-character-details{padding:20px;max-height:60vh;overflow-y:auto;background-color:#e8e8e8}.detail-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dedede}.detail-section:last-child{border-bottom:none}.detail-section h4{margin:0 0 10px;color:#888;font-size:1em}.detail-section p{margin:5px 0;color:#909090}.history-book{background:linear-gradient(180deg,#ededed,#e3e3e3)}.history-book .modal-header{background:linear-gradient(135deg,#e8e8e8,#dedede)}.history-book .modal-header h3{color:#777}.history-stats{padding:15px 20px;background:linear-gradient(135deg,#e0e0e0,#d8d8d8);border-bottom:1px solid #d0d0d0;display:flex;justify-content:center;gap:20px}.stat-box{text-align:center;padding:10px 20px;background-color:#d0d0d0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-number{font-size:2em;font-weight:700;color:#606060}.stat-label{font-size:.85em;color:gray;margin-top:4px}.history-list{display:flex;flex-direction:column;gap:15px;padding:20px;overflow-y:auto;max-height:60vh;background-color:#c2c2c2}.no-history{padding:40px 20px;text-align:center;color:#909090;background-color:#c2c2c2}.no-history p{margin:10px 0}.history-card{background-color:#f0f0f0;border-radius:8px;border-left:4px solid #a0a0a0;box-shadow:0 2px 4px #00000014;transition:transform .2s,box-shadow .2s}.history-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.history-header{padding:4px;background:linear-gradient(135deg,#e8e8e8,#e0e0e0);border-bottom:1px solid #d8d8d8;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.history-header:hover{background:linear-gradient(135deg,#e0e0e0,#d8d8d8)}.expand-icon{font-size:.7em;color:#909090;margin-right:8px}.history-header h4{margin:0;color:#606060;font-size:1.1em;display:flex;align-items:center;gap:8px}.history-id{font-size:.75em;color:#909090;font-weight:400}.death-turn{font-size:.9em;color:#888;font-weight:700;background-color:#d8d8d8;padding:4px 8px;border-radius:4px}.history-body{padding:15px;background-color:#f5f5f5}.history-section{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.history-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.history-section strong{display:block;margin-bottom:8px;color:#707070;font-size:.9em}.cause-of-death{margin:0;padding:10px;background-color:#d8d8d8;border-left:3px solid #a0a0a0;border-radius:4px;color:#555;font-weight:500}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-item-small{display:flex;justify-content:space-between;padding:6px 10px;background-color:#d8d8d8;border-radius:4px;font-size:.85em}.stat-item-small span:first-child{color:#606060}.stat-value-small{font-weight:700;color:#505050}.knowledge-grid-small{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.knowledge-badge{display:flex;align-items:center;gap:6px;background-color:#d8d8d8;padding:6px 10px;border-radius:16px;font-size:.85em;border:1px solid #c0c0c0}.knowledge-name-small{color:#505050;font-weight:500}.knowledge-value-badge{background-color:#888;color:#fff;padding:2px 8px;border-radius:10px;font-weight:700;font-size:.9em}.total-knowledge{margin-top:10px;text-align:right;font-size:.9em;color:#64b5f6;font-weight:700}.history-legacy{margin-top:15px;padding:12px;background:linear-gradient(135deg,#d8d8d8,#d0d0d0);border-left:3px solid #a0a0a0;border-radius:4px;font-size:.9em;color:#606060}.history-legacy em{font-style:italic}.ideas-list-small{display:flex;flex-direction:column;gap:4px;margin-top:8px}.idea-item-small{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 6px;background-color:#d8d8d8;border-radius:3px;border-left:3px solid #a0a0a0}.idea-icon{font-size:1.2em}.idea-name{font-weight:500;color:#505050}.title-level-pills{display:flex;flex-wrap:wrap;justify-content:center}.title-level-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;margin-left:-2px;font-size:.9em;font-weight:500;transition:transform .2s,box-shadow .2s}.title-level-pill:first-child{border-radius:20px 0 0 20px}.title-level-pill:last-child{border-radius:0 20px 20px 0}.title-level-pill:hover{box-shadow:0 3px 6px #00000026}.title-level-pill.empty{opacity:.5;cursor:default}.title-level-pill.active{box-shadow:0 0 0 2px #fffc}.title-level-pill.ghost .pill-count{background-color:#0000001a}.title-level-pill .pill-name{color:inherit}.title-level-pill .pill-count{background-color:#ffffff4d;font-size:10px;padding:2px 4px;border-radius:12px;font-weight:700;min-width:10px;text-align:center}.title-level-pill.level-1{background:linear-gradient(135deg,#7cb342,#558b2f);color:#fff}.title-level-pill.level-2{background:linear-gradient(135deg,#29b6f6,#0288d1);color:#fff}.title-level-pill.level-3{background:linear-gradient(135deg,#ab47bc,#7b1fa2);color:#fff}.title-level-pill.level-4{background:linear-gradient(135deg,#ffa726,#f57c00);color:#fff}.title-level-pill.level-5{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff}.title-level-pill.ghost{background:transparent;border:2px dashed #a0a0a0;color:#909090}.idea-detail-modal-overlay.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2000!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.idea-detail-modal-overlay .idea-detail-modal{background:linear-gradient(135deg,#d4a01226,#b4820a1a);background-color:#574b20;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideDown .3s ease-out}.idea-detail-modal .modal-header{background:linear-gradient(135deg,#d4a01233,#b4820a26);padding:20px;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:space-between}.idea-detail-modal .modal-header h2{margin:0;color:#f5c842;font-size:1.5rem}.idea-detail-modal .close-button{background:none;border:none;color:#f5c842;font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:color .2s}.idea-detail-modal .close-button:hover{color:#ffe082}.idea-detail-modal .modal-body{padding:25px;background:#4d3b1e}.idea-detail-modal .modal-footer{padding:15px 25px 25px;display:flex;justify-content:center;background:#4d3b1e}.idea-detail-modal .btn-primary{background:linear-gradient(135deg,#d4a012,#b48a0a);color:#1a1408;padding:12px 30px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;border:none}.idea-detail-modal .btn-primary:hover{background:linear-gradient(135deg,#f5c842,#d4a012);transform:translateY(-2px)}.idea-detail-section{margin-bottom:20px}.idea-detail-section h3{margin:0 0 10px;color:#f5c842;font-size:1.1em;border-bottom:2px solid rgba(212,160,18,.3);padding-bottom:5px}.idea-detail-section p{margin:0;line-height:1.6;color:#e8dfc4}.idea-thought-by{font-size:.9em;color:#a89860;margin:0 0 16px}.idea-thought-by strong{color:#e8dfc4}.requirements-list,.unlocks-list{display:flex;flex-direction:column;gap:8px}.requirement-item{padding:8px 12px;background-color:#d4a0121a;border-left:3px solid #d4a012;border-radius:4px;font-size:.95em;color:#f5c842}.unlock-item{padding:10px 12px;background-color:#d4a01214;border-left:3px solid #a89860;border-radius:4px;font-size:.95em;color:#e8dfc4}.unlock-item strong{color:#f5c842}.building-link{cursor:pointer;text-decoration:underline;color:#f5c842}.building-link:hover{color:#ffe082}.ideas-book.modal-content{background-color:#574b20}.community-knowledge{padding:15px 20px;background:linear-gradient(135deg,#d4a0122e,#b4820a1f);border-bottom:1px solid rgba(212,160,18,.3)}.community-knowledge h4{margin:0 0 10px;color:#f5c842;font-size:1em}.knowledge-totals{display:flex;flex-wrap:wrap;gap:12px}.knowledge-total-item{display:flex;align-items:center;gap:6px;background-color:#00000040;padding:6px 12px;border-radius:16px;font-size:.9em;box-shadow:0 1px 3px #0000004d}.knowledge-icon{font-size:1.1em}.knowledge-name{color:#e8dfc4;font-weight:500}.knowledge-value{color:#f5c842;font-weight:700;margin-left:2px}.ideas-list{display:flex;flex-direction:column-reverse;gap:10px;padding:20px;overflow-y:auto;background-color:#4d3b1e}.no-ideas{padding:40px 20px;text-align:center;color:#a89860}.no-ideas p{margin:10px 0}.hint{font-size:.9em;font-style:italic;color:#8b7a4a}.idea-card{padding:10px;background-color:#574b20;border-radius:4px;border-left:4px solid #d4a012;transition:all .2s ease}.idea-card-clickable{cursor:pointer}.idea-card-clickable:hover{background-color:#d4a01226;border-left-color:#f5c842;transform:translate(4px);box-shadow:0 2px 8px #0000004d}.idea-card h4{margin:0 0 6px;color:#f5c842;font-size:.95em;display:flex;align-items:center}.idea-flavor{font-style:italic;color:#a89860;font-size:.85em;margin:4px 0}.idea-description{font-size:.9em;color:#e8dfc4;margin:6px 0}.idea-type{font-size:.75em;color:#a89860;text-transform:uppercase;font-weight:700;margin-top:6px}.idea-unlocks{margin-top:12px;padding-top:10px;border-top:1px solid rgba(212,160,18,.2)}.unlocks-header{font-size:.8em;color:#f5c842;font-weight:700;margin-bottom:8px}.unlocks-cards{display:flex;flex-direction:column;gap:8px}.unlock-card{display:flex;flex-direction:column;padding:10px 14px;background:linear-gradient(135deg,#0000004d,#0003);border-radius:8px;flex:1;border:1px solid rgba(212,160,18,.3);transition:all .2s ease}.unlock-card-header{display:flex;align-items:center;gap:8px}.unlock-card-clickable{cursor:pointer}.unlock-card-clickable:hover{background:linear-gradient(135deg,#d4a01233,#b4820a26);border-color:#f5c842;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.unlock-card-icon{font-size:1.4em;margin-bottom:4px}.unlock-card-label{font-size:.8em;color:#e8dfc4;font-weight:500;text-align:center;line-height:1.2}.unlock-card-type{font-size:.65em;color:#8b7a4a;margin-left:auto;text-transform:uppercase}.unlock-card-description{font-size:.8em;color:#a89860;margin:0;padding-left:28px;line-height:1.4}.unlock-card-building{border-color:#8b5a2b80}.unlock-card-building:hover{border-color:#c9a75e}.unlock-card-technology{border-color:#4682b466}.unlock-card-action{border-color:#ffa50066}.market-modal{max-width:600px;width:95%;background-color:#14291b}.market-content{padding:20px;color:#a8c9b0}.market-description{font-size:.9rem;color:#8ba893;margin-bottom:16px;text-align:center}.market-tabs{display:flex;gap:4px;margin-bottom:16px;background:#0003;padding:4px;border-radius:8px}.market-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#8ba893;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.market-tab:hover:not(.active){background:#ffffff0d;color:#a8c9b0}.market-tab.active{background:#ffffff1a;color:#fff}.market-tab.buy.active{background:linear-gradient(135deg,#4caf504d,#388e3c4d);color:#81c784}.market-tab.sell.active{background:linear-gradient(135deg,#ff98004d,#f57c004d);color:#ffb74d}.market-tab-icon{font-size:1.1rem}.market-trade-section{display:flex;flex-direction:column;gap:2px;padding:12px;background:#0003;border-radius:8px}.market-resource-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-radius:8px;transition:background .2s ease,opacity .2s ease}.market-resource-row:hover{background:#ffffff14}.market-resource-row.no-stock{opacity:.5;background:#0003}.market-resource-row.no-stock:hover{background:#0003}.market-resource-info{display:flex;align-items:center;gap:10px;min-width:100px;flex:1}.market-resource-info .market-no-trade{flex:1;text-align:center}.market-resource-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:6px}.market-resource-name{font-weight:600;font-size:.95rem;text-transform:capitalize}.market-resource-stock{font-size:.8rem;color:#8ba893}.market-price-controls{display:flex;align-items:center;gap:8px}.market-price-btn{background:#1a3523;border:none;color:#a8c9b0;font-size:1rem;width:32px;height:32px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.market-price-btn.selected{background:#2e5d38;color:#fff}.market-price-btn:hover:not(:disabled){background:#a8c9b0;color:#1a3523}.market-price-btn:disabled{opacity:.3;cursor:not-allowed}.market-price-display{display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center;font-size:.9rem;font-weight:500}.market-price-amount{color:#ffb74d;font-weight:700}.market-demand-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:90px;gap:4px}.market-demand-indicator{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;padding:2px 8px;background:#0003;border-radius:4px}.market-stock-available{font-size:.7rem;color:#81c784;font-weight:500}.market-stock-available.empty{color:#ef5350}.market-no-trade{color:#8ba893;font-style:italic;font-size:.85rem}.market-quantity-controls{display:flex;align-items:center;gap:6px;margin-left:16px}.market-quantity-input{width:50px;padding:6px 8px;background:#1a3523;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#a8c9b0;font-size:.9rem;text-align:center}.market-quantity-input:focus{outline:none;border-color:#4caf50}.market-summary{margin-top:24px;padding:16px;background:linear-gradient(135deg,#4caf501a,#388e3c26);border-radius:8px;border:1px solid rgba(76,175,80,.3)}.market-summary h4{margin:0 0 12px;color:#81c784;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.market-summary-section{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.market-summary-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.market-summary-section-title{display:block;font-size:.8rem;font-weight:600;color:#a8c9b0;margin-bottom:6px}.market-summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.9rem}.market-summary-label{color:#8ba893;display:flex;align-items:center;gap:6px}.market-summary-value{font-weight:600}.market-summary-value.positive{color:#81c784}.market-summary-value.negative.insufficient{color:#ef5350}.market-warning{font-size:.75rem;font-weight:400}.market-summary-value.negative{color:#ef5350}.market-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.market-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.market-btn-cancel{background:#ffffff1a;color:#a8c9b0}.market-btn-cancel:hover{background:#ffffff26}.market-btn-reset{background:#ef535033;color:#ef5350;margin-right:auto}.market-btn-reset:hover{background:#ef53504d}.market-btn-deal{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.market-btn-deal:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);transform:translateY(-1px)}.market-btn-deal:disabled{opacity:.5;cursor:not-allowed;transform:none}.market-empty-trade{text-align:center;padding:20px;color:#8ba893;font-style:italic}.market-resource-row.selected{background:#4caf5033;border:1px solid rgba(76,175,80,.4)}.market-quantity-section{margin-top:16px;padding:16px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.3)}.market-quantity-header{font-size:.9rem;font-weight:600;color:#81c784;margin-bottom:12px;display:flex;align-items:center;gap:6px}.market-quantity-row{display:flex;align-items:center;gap:8px}.market-quantity-cost{font-size:.9rem;color:#ffb74d;margin-left:8px;display:flex;align-items:center;gap:4px}.market-btn-add{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.market-btn-add:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047)}.market-btn-add:disabled{opacity:.5;cursor:not-allowed}.market-deal-list{margin-top:16px;padding:12px;background:#0003;border-radius:8px}.market-deal-list h4{margin:0 0 10px;font-size:.85rem;color:#a8c9b0;text-transform:uppercase;letter-spacing:.05em}.market-deal-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0d;border-radius:6px;margin-bottom:6px;font-size:.85rem}.market-deal-item:last-child{margin-bottom:0}.market-deal-type{font-size:1rem}.market-deal-details{flex:1;color:#a8c9b0;display:flex;align-items:center;gap:4px}.market-deal-remove{background:#ef535033;border:none;color:#ef5350;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.market-deal-remove:hover{background:#ef535066}.settings-modal{max-width:400px;width:90%;background-color:#14291b}.settings-content{padding:20px;color:#a8c9b0}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h4{margin:0 0 16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#81c784;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.setting-label{font-size:.95rem;color:#a8c9b0;font-weight:500}.setting-hint{font-size:.8rem;color:#8ba893;margin:4px 0 0;font-style:italic}.settings-modal .view-toggle{display:flex;align-items:center;gap:10px}.settings-modal .view-toggle span{font-size:.9rem;font-weight:600;color:#8ba893;transition:color .2s ease}.settings-modal .view-toggle span.active{color:#a8c9b0}.settings-modal .toggle-switch{position:relative;width:48px;height:26px;background:#1a3523;border:none;border-radius:13px;cursor:pointer;transition:all .3s ease}.settings-modal .toggle-switch:hover{background:#254530}.settings-modal .toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#4caf50;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0000004d}.settings-modal .toggle-switch.on .toggle-knob{transform:translate(22px)}.settings-modal .toggle-switch.off .toggle-knob{transform:translate(0)}.btn-danger{display:flex;align-items:center;gap:8px;background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#c82333;transform:scale(1.02)}.btn-danger:active{transform:scale(.98)}.btn-help{display:flex;align-items:center;gap:8px;background:#4caf501a;color:#81c784;border:1px solid #4caf50;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-help:hover{background:#4caf5040;border-color:#81c784;transform:scale(1.02)}.btn-help:active{transform:scale(.98)}.btn-help svg{font-size:1.1rem}.header-settings-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#14291b;color:#487356;border:none;cursor:pointer;transition:all .2s ease;margin-left:10px}.header-settings-button:hover{background:#8c8d8d26;transform:translateY(-1px)}.header-settings-button svg{font-size:20px}.settings-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;color:#8ba893;font-size:.8rem}.starvation-modal{max-width:500px;width:90%;background-color:#14291b}.starvation-header{background:linear-gradient(135deg,#8b45134d,#6543214d);color:#ffb74d;border-bottom:2px solid #8b4513}.starvation-header h3{display:flex;align-items:center;gap:8px;margin:0}.starvation-summary{padding:16px;background:#8b451326;border-bottom:1px solid rgba(139,69,19,.3);text-align:center;color:#a8c9b0}.starvation-summary p{margin:0 0 12px;font-size:1.1em}.penalty-info{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.penalty-item{display:flex;align-items:center;gap:6px;font-size:.95em;color:#8ba893}.penalty-icon.health{color:#ef5350}.penalty-icon.happiness{color:#ffb74d}.starvation-list{padding:16px;max-height:400px;overflow-y:auto;color:#a8c9b0}.starvation-section{margin-bottom:20px}.starvation-section:last-child{margin-bottom:0}.starvation-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:1em}.deaths-section h4{color:#ef5350}.surviving-section h4{color:#ffb74d}.character-grid{display:flex;flex-direction:column;gap:8px}.starvation-character{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;background:#0003;border:1px solid rgba(255,255,255,.1)}.starvation-character.dead{background:#ef535026;border-color:#ef53504d}.starvation-character.starving{background:#8b451326;border-color:#8b45134d}.character-name{display:flex;align-items:center;gap:6px;font-weight:600;color:#a8c9b0}.death-icon{color:#ef5350;font-size:.9em}.character-cause{font-size:.85em;color:#8ba893;font-style:italic}.character-stats{display:flex;gap:12px}.character-stats .stat{display:flex;align-items:center;gap:4px;font-size:.9em}.character-stats .stat.health{color:#ef5350}.character-stats .stat.happiness{color:#9c860e}.modal-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.weekly-event-modal{--event-bg-start: #2d1810;--event-bg-end: #1a0f0a;--event-header-start: #8b4513;--event-header-end: #654321;--event-accent: #8b4513;--event-accent-hover: #a0522d;--event-text-primary: #d4a574;--event-text-secondary: #b8956a;--event-text-highlight: #e6bb8e;--event-border: #654321;--event-border-hover: #8b4513;--event-button-bg-start: #3d2415;--event-button-bg-end: #2a1810;--event-button-hover-start: #4d3020;--event-button-hover-end: #3a2215;--event-button-disabled-start: #2a1a10;--event-button-disabled-end: #1a100a;--event-button-disabled-border: #3d2215}.weekly-event-modal.event-good{--event-bg-start: #102d1a;--event-bg-end: #0a1a0f;--event-header-start: #2e7d32;--event-header-end: #1b5e20;--event-accent: #4caf50;--event-accent-hover: #66bb6a;--event-text-primary: #a5d6a7;--event-text-secondary: #81c784;--event-text-highlight: #c8e6c9;--event-border: #2e7d32;--event-border-hover: #4caf50;--event-button-bg-start: #1a3d20;--event-button-bg-end: #102a15;--event-button-hover-start: #254d2a;--event-button-hover-end: #1a3a1f;--event-button-disabled-start: #152a18;--event-button-disabled-end: #0a1a0d;--event-button-disabled-border: #1a3d20}.weekly-event-modal.event-bad{--event-bg-start: #2d1010;--event-bg-end: #1a0a0a;--event-header-start: #b71c1c;--event-header-end: #7f0000;--event-accent: #e53935;--event-accent-hover: #ef5350;--event-text-primary: #ef9a9a;--event-text-secondary: #e57373;--event-text-highlight: #ffcdd2;--event-border: #b71c1c;--event-border-hover: #e53935;--event-button-bg-start: #3d1515;--event-button-bg-end: #2a1010;--event-button-hover-start: #4d2020;--event-button-hover-end: #3a1515;--event-button-disabled-start: #2a1515;--event-button-disabled-end: #1a0a0a;--event-button-disabled-border: #3d1515}.weekly-event-modal.event-combat{--event-bg-start: #2d1a10;--event-bg-end: #1a100a;--event-header-start: #e65100;--event-header-end: #bf360c;--event-accent: #ff6d00;--event-accent-hover: #ff9100;--event-text-primary: #ffcc80;--event-text-secondary: #ffb74d;--event-text-highlight: #ffe0b2;--event-border: #e65100;--event-border-hover: #ff6d00;--event-button-bg-start: #3d2515;--event-button-bg-end: #2a1810;--event-button-hover-start: #4d3020;--event-button-hover-end: #3a2215;--event-button-disabled-start: #2a1a10;--event-button-disabled-end: #1a100a;--event-button-disabled-border: #3d2515}.weekly-event-modal.event-narrative{--event-bg-start: #232323;--event-bg-end: #171717;--event-header-start: #424242;--event-header-end: #212121;--event-accent: #616161;--event-accent-hover: #757575;--event-text-primary: #bdbdbd;--event-text-secondary: #9e9e9e;--event-text-highlight: #e0e0e0;--event-border: #424242;--event-border-hover: #616161;--event-button-bg-start: #2a2a2a;--event-button-bg-end: #1a1a1a;--event-button-hover-start: #3a3a3a;--event-button-hover-end: #2a2a2a;--event-button-disabled-start: #1f1f1f;--event-button-disabled-end: #0f0f0f;--event-button-disabled-border: #2a2a2a}.weekly-event-modal.modal-content{animation-delay:1s;animation-fill-mode:both}.weekly-event-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation-delay:.7s}.weekly-event-modal{background:linear-gradient(135deg,var(--event-bg-start) 0%,var(--event-bg-end) 100%);border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideDown .3s ease-out;animation-fill-mode:both}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.weekly-event-modal .modal-header{background:linear-gradient(135deg,var(--event-header-start) 0%,var(--event-header-end) 100%);padding:20px;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:15px}.weekly-event-modal .event-icon{font-size:2.5rem;line-height:1;margin-right:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.weekly-event-modal .modal-header h2{margin:0;color:#fff;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.weekly-event-modal .modal-header h3{display:flex;align-items:center;margin:0;color:var(--event-text-secondary);font-size:1.3em}.weekly-event-modal .modal-body{overflow:auto;padding:25px}.weekly-event-modal .event-description{font-size:1.1rem;color:var(--event-text-primary);line-height:1.6;margin:0 0 25px;padding:15px;background:#0000004d;border-radius:4px}.weekly-event-modal .event-description strong{color:var(--event-text-highlight)}.weekly-event-modal .event-options h3{color:var(--event-text-primary);margin-bottom:15px;font-size:1.3rem;border-bottom:1px solid color-mix(in srgb,var(--event-text-primary) 30%,transparent);padding-bottom:10px}.event-option-button{width:100%;padding:15px 20px;margin-bottom:12px;background:linear-gradient(135deg,var(--event-button-bg-start) 0%,var(--event-button-bg-end) 100%);border:2px solid var(--event-border);border-radius:8px;color:var(--event-text-primary);cursor:pointer;transition:all .3s ease;text-align:left}.event-option-button:hover{background:linear-gradient(135deg,var(--event-button-hover-start) 0%,var(--event-button-hover-end) 100%);border-color:var(--event-border-hover);box-shadow:0 4px 12px color-mix(in srgb,var(--event-accent) 40%,transparent)}.event-option-button:active{transform:scale(.98)}.event-option-button.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,var(--event-button-disabled-start) 0%,var(--event-button-disabled-end) 100%);border-color:var(--event-button-disabled-border)}.event-option-button.disabled:hover{background:linear-gradient(135deg,var(--event-button-disabled-start) 0%,var(--event-button-disabled-end) 100%);border-color:var(--event-button-disabled-border);transform:none;box-shadow:none}.event-option-button.disabled .option-label{color:#888}.event-option-button.disabled .option-description{color:#666}.event-option-button .option-label{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:5px}.event-option-button .option-description{font-size:.9rem;color:var(--event-text-secondary);line-height:1.4}.option-unavailable-reason{font-size:.85rem;color:#888;font-style:italic;margin-top:6px;padding-top:6px;border-top:1px solid rgba(136,136,136,.2)}.no-options-message{text-align:center;color:#888;font-style:italic;padding:20px}.weekly-event-modal::-webkit-scrollbar{width:8px}.weekly-event-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.weekly-event-modal::-webkit-scrollbar-thumb{background:var(--event-accent);border-radius:4px}.weekly-event-modal::-webkit-scrollbar-thumb:hover{background:var(--event-accent-hover)}.version-mismatch-modal{max-width:500px;background-color:#2d1810;border:2px solid #dc3545}.version-mismatch-overlay{background-color:#000000d9!important}.version-mismatch-modal .modal-body{padding:24px;color:#f0dcc8}.warning-message{font-size:1.1rem;font-weight:600;color:#ffcccb;margin:0 0 20px;text-align:center}.version-info{background:#0000004d;border-radius:8px;padding:16px;margin-bottom:20px}.version-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.version-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.version-label{font-size:.95rem;color:#c9b8a5;font-weight:500}.version-value{font-size:1rem;color:gold;font-weight:700;font-family:Courier New,monospace}.recommendation{font-size:.95rem;color:#f0dcc8;text-align:center;margin:0 0 24px;font-style:italic}.button-group{display:flex;gap:12px;justify-content:center}.btn-restart,.btn-continue{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-restart{background:#dc3545;color:#fff}.btn-restart:hover{background:#c82333;transform:scale(1.02)}.btn-continue{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.btn-continue:hover{background:#ffc1074d;border-color:#ffca28;transform:scale(1.02)}.btn-restart:active,.btn-continue:active{transform:scale(.98)}.card{border-radius:8px;padding:0;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;overflow:hidden}.card hr{margin-bottom:12px;margin-top:12px;border:none;border-top:1px solid rgba(255,255,255,.1)}.card:hover{box-shadow:0 4px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.1)}.card-header-content{display:flex;align-items:center;gap:8px;flex:1}.card-header-actions{display:flex;align-items:center;gap:8px}.card-icon{display:flex;align-items:center;font-size:1.2em;color:inherit}.card-title{margin:0;font-size:14px;font-weight:600}.card-collapse-btn{background:none;border:none;cursor:pointer;padding:4px 8px;font-size:.8em;color:#8ba893;transition:color .2s}.card-collapse-btn:hover{color:#a8c9b0}.card-body{padding:8px;color:#c5d9cb}.card-body h4{margin-bottom:12px;margin-top:12px;font-size:1em;color:inherit}.card-body h4:first-child{margin-top:.5em}.card-default{background:#14291b;border-color:#1a3523}.card-default .card-header{background:#00000026}.card-default .card-title{color:#a8c9b0}.card-character{background:linear-gradient(180deg,#351e48,#1a1a2e 50%)}.card-character .card-header{background:#9c27b033;color:#ce93d8}.card-character .card-title{color:#ce93d8}.card-tile{background:linear-gradient(195deg,#1b3624,#102216 50%)}.card-tile .card-header{background:#4caf5033;color:#81c784}.card-tile .card-title{color:#81c784}.card-vertex{background:linear-gradient(195deg,#4e342e,#261a16 50%)}.card-vertex .card-header{background:#ff980033;color:#e0b77c}.card-vertex .card-title{color:inherit}.card-building{background:linear-gradient(195deg,#4e342e,#261a16 50%);border-color:#795548}.card-building .card-header{background:#563a30;color:#bcaaa4}.card-building .card-title{color:#bcaaa4}.card-production{background:#0d1a20;border-color:#2196f3}.card-production .card-header{background:#2196f333;color:#64b5f6}.card-production .card-title{color:#64b5f6}.card-technology{background:#1a1025;border-color:#673ab7}.card-technology .card-header{background:#673ab740;color:#b39ddb}.card-technology .card-title{color:#b39ddb}.card-info{background:#0d1a1c;border-color:#00bcd4}.card-info .card-header{background:#00bcd433;color:#4dd0e1}.card-info .card-title{color:#4dd0e1}.card-danger{background:#1a0d0d;border-color:#f44336}.card-danger .card-header{background:#f4433633;color:#ef9a9a}.card-danger .card-title{color:#ef9a9a}.card-success{background:#0d1a0f;border-color:#4caf50}.card-success .card-header{background:#4caf5033;color:#81c784}.card-success .card-title{color:#81c784}.card-damaged{border-color:#f44336!important;background:#1a0d0d}.card-damaged .card-header{background:#f4433640}@media (max-width: 768px){.card{margin-bottom:12px}.card-header{padding:10px 12px}.card-body{padding:12px}.card-title{font-size:.95em}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{z-index:9999;pointer-events:none;animation:tooltipFadeIn .15s ease-out}.tooltip-content{background:#1a1c24;color:#e0e0e0;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.5;max-width:280px;white-space:pre-line;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:#1a1c24;border:1px solid rgba(255,255,255,.1);transform:rotate(45deg)}.tooltip-top .tooltip-arrow{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.tooltip-bottom .tooltip-arrow{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.tooltip-left .tooltip-arrow{right:-5px;top:50%;margin-top:-4px;border-left:none;border-bottom:none}.tooltip-right .tooltip-arrow{left:-5px;top:50%;margin-top:-4px;border-right:none;border-top:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tooltip-content strong{color:#fff;font-weight:600}.tooltip-content .tooltip-title{font-weight:600;color:#fff;margin-bottom:4px;font-size:13px}.tooltip-content .tooltip-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.tooltip-content .tooltip-row{display:flex;justify-content:space-between;gap:12px}.tooltip-content .tooltip-label{color:#999}.tooltip-content .tooltip-value{color:#e0e0e0}.tooltip-content .tooltip-value.positive{color:#4ade80}.tooltip-content .tooltip-value.negative{color:#f87171}.tooltip-content .tooltip-subsection{margin-top:.5em}.idea-ball{display:flex;flex-direction:column;align-items:center;justify-content:center;--size: 2px;gap:var(--size)}.idea-ball.no-idea .idea-ball-top,.idea-ball.no-idea .idea-ball-bottom{outline:1px solid rgb(255,255,255,.25);border:1px solid rgb(255,255,255,.25);background:transparent;box-shadow:none}.idea-ball-top{--transparent: rgba(255, 255, 255, .1);width:calc(var(--size) * 4);height:calc(var(--size) * 4);border-radius:50%;outline:1px solid rgb(255,255,255,.25);box-sizing:border-box;margin-left:0;display:inline-block;position:relative;background:linear-gradient(to top,var(--progress-color, var(--transparent)) calc(var(--progress, 0) * 1%),var(--transparent) calc(var(--progress, 0) * 1%));filter:drop-shadow(0px 0px calc(var(--size) * 2) white)}.idea-ball-bottom{width:calc(var(--size) * 2.75);height:calc(var(--size) * 1.25);border:1px solid rgb(255,255,255,1);opacity:calc(.35 + (var(--progress, 0) * .65));background:#fff;box-sizing:border-box;margin-left:0;display:inline-block;position:relative}.notifications{position:fixed;bottom:0;right:50%;transform:translate(50%);z-index:1000;display:flex;flex-direction:column;gap:10px}.notification{padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #00000040;animation:slideIn .3s ease-out;max-width:300px;font-weight:700;font-size:14px}.clickable-notification:hover{transform:scale(1.02);box-shadow:0 4px 8px #0000004d}.idea-notification{background:linear-gradient(135deg,#eed62a,#f7ce53);color:#1a1408}.event-notification{background:linear-gradient(135deg,#b48a0a,#d4a012);color:#63470d}.starvation-notification{background:linear-gradient(135deg,#a06800,#c07800);color:#ffe082}.error-notification{background:linear-gradient(326deg,#694734,#9d5a2e);color:#ffd1c3;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.death-notification{background:linear-gradient(136deg,#b9b5b5,#d4d4d4);color:#6a6a6a;transition:transform .2s;box-shadow:0 4px 12px #0000004d}.btn-action.btn-dismiss{min-width:300px;transition:all .5s ease;transform:translateY(200%)}.btn-action.btn-dismiss.visible{transform:translateY(0)}.popover-trigger{display:flex;cursor:pointer;width:100%}.popover-trigger.popover-open{opacity:.9}.popover{z-index:9999;animation:popoverFadeIn .15s ease-out}.popover-content{background:#1a1c24;color:#e0e0e0;border-radius:8px;font-size:13px;line-height:1.5;min-width:150px;box-shadow:0 8px 24px #00000080;border:1px solid rgba(255,255,255,.12)}.popover-arrow{position:absolute;width:10px;height:10px;background:#1a1c24;border:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}.popover-top .popover-arrow{bottom:-6px;left:50%;margin-left:-5px;border-top:none;border-left:none}.popover-bottom .popover-arrow{top:-6px;left:50%;margin-left:-5px;border-bottom:none;border-right:none}.popover-left .popover-arrow{right:-6px;top:50%;margin-top:-5px;border-left:none;border-bottom:none}.popover-right .popover-arrow{left:-6px;top:50%;margin-top:-5px;border-right:none;border-top:none}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.popover-content strong{color:#fff;font-weight:600}.popover-content .popover-title{font-weight:600;color:#fff;margin-bottom:8px;font-size:14px}.popover-content .popover-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.popover-content .popover-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.popover-content .popover-value{font-weight:500;color:#cba05a}.popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#cba05a}.popover-header span{display:flex;align-items:center;gap:8px}.popover-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.popover-close:hover{color:#fff}.popover-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#2a2d35;border:1px solid transparent;border-radius:6px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:all .15s ease}.popover-item:hover:not(:disabled){background:#3a3d45;border-color:#cba05a}.popover-item:disabled{opacity:.5;cursor:not-allowed}.popover-empty{padding:20px;text-align:center;color:#888;font-size:13px}.resources-panel{margin-bottom:0;padding:0;background-color:transparent;border-radius:0;box-shadow:none;display:flex;gap:15px;align-items:center}.resources-panel h3{display:none}.resources-grid{display:flex;gap:1px;align-items:center}.resource-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#ded2a9;background-image:linear-gradient(300deg,#ded2a9 100%,#ab6052);font-size:14px;font-weight:600;white-space:nowrap;position:relative;transition:background-image .3s ease-in-out}.resource-item.warning{background-image:linear-gradient(300deg,#ded2a9 50%,#ab6052)}.tooltip-trigger:first-child>.resource-item{border-radius:20px 0 0 20px}.tooltip-trigger:last-child>.resource-item{border-radius:0 20px 20px 0}.tooltip-trigger:first-child:last-child>.resource-item{border-radius:20px}.resource-forecast{font-size:12px;margin-left:4px;font-weight:500}.resource-forecast.positive{color:#0f8842}.resource-forecast.negative{color:#e74c3c}.resource-value small{opacity:.15}.resource-icon{font-size:18px}.resource-warning{font-size:14px;margin-left:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.new-value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:20px;font-size:1.25em;width:100%;color:#99ffbd;animation:show 2s ease-out 0s 1 normal forwards;text-shadow:0 0 5px rgb(0 0 0),0 0 20px rgba(0,0,0,.7),0 0 5px rgb(0 0 0);z-index:999}.new-value.negative{color:#ffb0b0}@keyframes show{0%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(50px)}to{opacity:0;transform:translateY(50px)}}.idea-orbe{padding:11px 13px 9px;margin:-3px;border:1px solid hsl(0deg 0% 100% / 20%);border-radius:50%;background:hsl(125deg 21.85% calc(var(--progress, 0) * .5) / 50%);transition:background 1.5s ease-out,box-shadow 1.5s ease-out,border-color 1s ease-out}.idea-orbe.ready{border-color:#ded2a9}.idea-orbe.idea-flash{animation:lighthouse-flash 2s ease-out forwards}.idea-orbe.idea-flash .idea-ball-top{animation:orbe-flash 2s ease-out forwards}@keyframes lighthouse-flash{0%{background:#ffffe5f2;box-shadow:0 0 15px 8px #ffcc,0 0 30px 15px #ffee997f,0 0 50px 25px #ffd9664d,inset 0 0 10px #ffffffe5;border-color:#ffc}5%{background:#fffff5;box-shadow:0 0 20px 10px #fffde5e5,0 0 40px 20px #fff2b399,0 0 60px 30px #ffdf8066,inset 0 0 15px #fff;border-color:#ffffe5}15%{background:#f7edbad9;box-shadow:0 0 12px 6px #faeb9eb3,0 0 25px 12px #f4d37173,0 0 40px 20px #ebb44740;border-color:#faeb9ecc}30%{background:#e4bb67b3;box-shadow:0 0 10px 5px #ebb4478c,0 0 20px 10px #df8f2059,0 0 30px 15px #c3732233;border-color:#e6b34c99}50%{background:#ac73398c;box-shadow:0 0 8px 4px #b8732e66,0 0 15px 8px #9e5d2e40;border-color:#c6803973}70%{background:#67443273;box-shadow:0 0 5px 3px #7d4d364d,0 0 10px 5px #673f322e;border-color:#8f583d59}85%{background:#3d2c2966;box-shadow:0 0 3px 2px #50353033;border-color:#60403947}to{background:#0000007f;box-shadow:none;border-color:#fff3}}@keyframes orbe-flash{0%,to{box-shadow:none;background-color:var(--transparen)}10%{box-shadow:0 0 20px 10px #ffffccb3,0 0 40px 20px #fe96;background-color:#ffffe5e5}}.stats-panel{margin-bottom:0;padding:0;background-color:transparent;border-radius:0;box-shadow:none;display:flex;gap:15px;align-items:center}.stat{margin-bottom:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#ded2a9;border-radius:20px;font-size:14px;white-space:nowrap}.stat-button{border:none;border-radius:4px;cursor:pointer}.stat-button:hover{background-color:#a7a089}.game-ui{display:flex;width:100%;height:100vh;position:relative;z-index:1;pointer-events:none;flex-direction:column}.game-ui>*{pointer-events:auto}.game-header{top:0;left:0;right:0;z-index:1000;background-color:#102216;padding:12px 20px;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:20px;justify-content:space-between}.game-ui-blocker{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000000d;box-shadow:0 0 50px 10px #0f114d80 inset;z-index:50000}.header-left{display:flex;align-items:center;gap:15px;flex:0 0 auto}.header-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:#14291b;color:#487356;text-decoration:none;transition:all .2s ease}.header-link:hover{background:#8c8d8d26;transform:translateY(-1px)}.header-link svg{font-size:20px}.header-center{flex:1;display:flex;justify-content:center}.header-right{flex:0 0 auto;display:flex;gap:12px;align-items:center}.game-header h1{margin:0;color:#13ec5b72;font-size:1.5em;white-space:nowrap}.header-logo{height:32px;width:auto;vertical-align:middle}.game-content{display:flex;flex:1 1;gap:20px;align-items:flex-start;justify-content:space-between;max-width:100%;position:relative;z-index:10;pointer-events:none;overflow:hidden}.left-panel,.right-panel{flex:0 0 320px;display:flex;position:absolute;flex-direction:column;border-radius:4px;pointer-events:none;z-index:100;margin:10px;top:10px;bottom:10px;min-width:280px}.left-panel .panel-tabs,.left-panel .panel,.left-panel .panel-button,.right-panel .panel-tabs,.right-panel .panel,.right-panel .panel-button{pointer-events:auto}.left-panel{left:10px;gap:0}.panel-header-button{flex-shrink:0;padding-bottom:10px;border-radius:8px 8px 0 0}.panel-header-button .btn-action{margin-bottom:0!important;width:100%}.left-panel>.panel-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.left-panel>.panel-scrollable>.panel-tabs{flex-shrink:0}.left-panel>.panel-scrollable>.panel-content{flex:1;overflow-y:auto}.right-panel{width:370px;right:10px;gap:10px}.right-panel>.panel-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:15px}.panel-tabs{display:flex;gap:0;background-color:transparent;border-radius:8px;overflow:hidden;margin-bottom:2px}.tab-button{flex:1 1;display:flex;padding:12px 16px;justify-content:space-between;align-items:center;flex-direction:row;background-color:#24172f;color:#64436a;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;position:relative}.tab-button:hover{background-color:#2e193f;color:#ce94d8}.tab-button.active{background-color:#351e48;color:#ce94d8}.panel-content{flex:1}.map-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:auto}.view-mode-toggle{display:flex;align-items:center;gap:6px;background-color:#34495ee6;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.view-mode-toggle:hover{background-color:#2980b9f2;transform:translateY(-1px)}.view-mode-toggle:active{transform:translateY(0)}.view-mode-toggle svg{font-size:18px}.view-toggle-btn{position:absolute;top:10px;right:10px;z-index:100;display:flex;align-items:center;gap:4px;background-color:#34495ee6;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #0003}.view-toggle-btn:hover{background-color:#2980b9f2;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.view-toggle-btn:active{transform:translateY(0)}.turn-info{display:flex;justify-content:space-between;align-items:center}.turn-info h2{margin:0;color:#34495e;font-size:1.2em}.btn-secondary{background-color:#95a5a6;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-secondary:hover{background-color:#7f8c8d}.selected-character-info{margin-top:15px;padding:15px;background-color:#ffc1071a;border-radius:6px;border:2px solid #ffc107}.selected-character-info h4{margin:0 0 12px;color:#ffd54f;font-size:1.1em}.character-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.stat-column{display:flex;flex-direction:column;gap:12px}.stat-item{background-color:#0003;padding:8px;border-radius:4px;border:1px solid rgba(255,193,7,.3)}.stat-item strong{display:block;font-size:.85em;color:#ffd54f;margin-bottom:4px}.stat-value{font-size:1.1em;font-weight:700;color:#bcaaa4;margin-bottom:4px}.stat-subtext{font-size:.85em;color:#999;font-style:italic;margin-top:2px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.knowledge-item{display:flex;align-items:center;gap:6px;background-color:#0003;padding:6px 8px;border-radius:4px}.knowledge-icon{font-size:1.2em}.knowledge-info{display:flex;flex-direction:column;flex:1}.knowledge-type{font-size:.8em;color:#ffd54f;font-weight:500}.knowledge-value{font-size:1.1em;font-weight:700;color:#bcaaa4}.no-knowledge{font-style:italic;color:#8ba893;margin:0}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.actions-panel{margin-bottom:20px;padding:15px;background-color:#ff980026;border-radius:6px}.actions-panel h3{margin-top:0;color:#a8c9b0}.btn-primary{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.btn-primary:hover{background-color:#2980b9}.btn-action{background-color:#27ae60;box-shadow:0 4px 12px #0000004d;color:#000;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-size:14px;width:100%;margin-bottom:10px;transition:background-color .3s;display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;-webkit-user-select:none;pointer-events:all}.btn-action:hover:not(:disabled){background-color:#229954}.btn-action:disabled{background-color:#3b4546;color:gray;cursor:not-allowed}.build-panel{margin-bottom:20px}.build-mode-indicator{padding:10px;background-color:#e74c3c;color:#fff;border-radius:6px;margin-bottom:15px;text-align:center;font-weight:700}.build-mode-indicator button{margin-left:10px;padding:2px 8px;border:1px solid white;background-color:transparent;color:#fff;border-radius:4px;cursor:pointer}.characters-panel{width:100%}.characters-panel h3{margin-top:0;color:#a8c9b0}.characters-panel .no-characters-message{text-align:center;color:#8ba893;font-style:italic}.characters-panel .community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.characters-panel .community-title{margin:0;font-size:14px;color:#64b5f6;font-weight:700}.characters-panel .community-stats{display:flex;gap:12px;font-size:12px;color:#8ba893}.communities-list{display:flex;flex-direction:column;gap:12px}.characters-list{display:flex;flex-direction:column;gap:10px}.character-item-info{display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none;padding:10px;background-color:#1976d20d;border:1px solid transparent;border-radius:4px;transition:all .2s ease;cursor:pointer;font-size:14px;color:#ce94d8}.character-item-info:hover{background-color:#9c27b026}.character-item-info.selected-character{background-color:#9c27b033}.character-item-info.dragging-character{box-shadow:0 0 10px #a02fb4;cursor:grabbing}.character-item-info .character-item-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.character-item-info .character-item-name-row{display:flex;align-items:center;gap:4px}.character-item-info .character-item-name-row strong{margin:0}.character-item-info .character-item-ideas{font-size:14px}.character-item-info .character-item-assigned{font-size:11px;color:#8ba893;margin-top:4px}.character-item-info .health-status{display:flex;gap:6px;align-items:center;margin-bottom:6px}.character-item-info .character-item-stats{display:flex;justify-content:space-between;font-size:12px;color:#8ba893}.character-item-info .character-item-stats-knowledge{display:flex;gap:8px}.character-item-info .character-item-stats-knowledge .wiser{color:#f5c842}.character-item-info .character-item-details h5{margin:0 0 8px;color:#64b5f6;font-size:.9em}.character-item-info .knowledge-list{display:flex;flex-direction:column;gap:4px}.character-item-info .knowledge-item{font-size:11px;display:flex;align-items:center;padding:4px 6px;background-color:#1976d226;border-radius:3px;border-left:3px solid #1976d2}.character-item-info .knowledge-zero{opacity:.3}.homeless-characters-section{border:1px solid #88971c63;border-radius:4px;padding:4px;margin:0 0 8px}.homeless-characters-section h4.community-title{margin-top:0;margin-bottom:4px;color:#93a41b}.homeless-characters-section .character-item-info{background:#626d1380;color:#a8b355}.homeless-characters-section .character-item-info:hover{background:#737f1980}.homeless-characters-section .character-item-info.dragging-character{box-shadow:0 0 10px #626d1380}@media (hover: none) and (pointer: coarse){.character-item-info{padding:14px;min-height:44px;gap:12px;font-size:15px}.character-item-info:hover{background-color:#9c27b033}.character-item-info .character-item-stats{gap:12px;font-size:13px}.character-item-info .character-item-details h5{font-size:.95em;margin-bottom:10px}.character-item-info .knowledge-item{padding:6px 8px;font-size:12px}.communities-list{gap:14px}.characters-list{gap:12px}.community-stats{gap:14px!important;font-size:13px!important}.homeless-characters-section{padding:8px}}@media (max-width: 480px){.character-item-info{padding:12px;font-size:14px}.character-item-info .character-item-header{flex-direction:column;gap:6px}.character-item-info .character-item-stats{font-size:12px;flex-direction:column}}.health-bar{display:flex;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.health-loss{height:100%;background:linear-gradient(90deg,#677d4e,#5a6b43);border-radius:0 4px 4px 0;transition:width .3s ease;width:100%}.health-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px 0 0 4px;transition:width .3s ease}.health-fill:last-child{border-radius:4px}.knowledge-panel{pointer-events:auto}.knowledge-panel .no-community-message{text-align:center;color:#8ba893;font-style:italic}.knowledge-panel .community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.knowledge-panel .community-title{margin:0;font-size:14px;color:#64b5f6;font-weight:700}.knowledge-panel .community-stats{display:flex;gap:12px;font-size:12px;color:#8ba893}.knowledge-panel .no-knowledge-message{text-align:center;color:#8ba893;font-style:italic;font-size:12px;margin:8px 0}.knowledge-panel .knowledge-item.clickable{cursor:pointer;transition:background-color .2s ease}.knowledge-panel .knowledge-item.clickable:hover{background-color:#ffffff1a}.character-panel{width:100%;pointer-events:auto}.character-details{display:grid;grid-template-columns:55px 1fr;gap:12px;font-size:13px}.character-avatar{-webkit-user-select:none;user-select:none;background:linear-gradient(315deg,#a86db1,#351e48);border-radius:12px;aspect-ratio:1}.character-avatar svg{transform:translateY(-2.5px)}.character-details .stat-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.character-details h4{margin:12px 0 8px;display:flex;align-items:center}.character-stats{display:flex;flex-direction:column;gap:6px}.health-status{flex:1;min-width:100px}.next-turn-change{font-size:11px;margin-left:4px}.next-turn-change.positive{color:#4caf50}.next-turn-change.negative{color:#f44336}.knowledge-list{display:flex;flex-direction:column;gap:4px}.knowledge-item{display:flex;align-items:center;gap:10px;padding:4px 8px;background:#48205b;border-left:3px solid #1976d2;border-radius:4px;font-size:11px}.knowledge-item.knowledge-zero{opacity:.5}.knowledge-item .knowledge-name{flex:1;display:flex;align-items:center;gap:4px}.wiser-star{color:#ffc107;font-size:.8em;margin-left:4px}.learning-list{display:flex;flex-direction:column;gap:4px}.learning-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#1976d226;border-radius:4px;font-size:11px;transition:background-color .2s ease;border-left:3px solid #1976d2}.learning-item.clickable{cursor:pointer}.learning-item.clickable:hover{background:#2196f340}.learning-item .learning-details{color:inherit}.learning-item .learning-details strong{color:#64b5f6}.ideas-list-small{display:flex;flex-direction:column;gap:4px}.character-idea-item-small{border-left:3px solid #ccc672;display:flex;align-items:center;background-color:#0003;gap:8px;padding:4px 8px;border-radius:4px;font-size:11px}.character-idea-item-small .idea-icon{font-size:1.1em}.character-idea-item-small .character-idea-name{flex:1}.starvation-warning{color:#e74c3c;font-weight:600;padding:4px 8px;background:linear-gradient(135deg,#ffe080,#efdc7b);font-size:12px}.effects-list{display:flex;flex-direction:column;gap:4px}.effect-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0003;border-radius:4px;font-size:11px;border-left:3px solid #9e9e9e}.effect-item.positive{border-left-color:#4caf50}.effect-item.negative{border-left-color:#f44336}.effect-item .effect-icon{font-size:1.1em;min-width:20px;text-align:center}.effect-item .effect-description{flex:1;color:#a8c9b0}.effect-item .effect-individual{opacity:.7;font-size:.9em}.effect-item .effect-value{font-weight:600;white-space:nowrap}.effect-item.positive .effect-value{color:#4caf50}.effect-item.negative .effect-value{color:#f44336}.grid-container{display:flex;flex-direction:column;gap:0;padding:0;background:#393c4c;position:relative;width:100%;height:100vh;overflow:hidden}.grid-container:before{content:"🌊 MAR 🌊";position:absolute;top:20px;left:50%;transform:translate(-50%);color:#60a5fa;font-weight:700;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.3);z-index:1000;pointer-events:none}.hex-grid-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#393c4c;cursor:grab;touch-action:none}.hex-grid-container:active{cursor:grabbing}.hex-grid-container *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.world{position:absolute;top:0;left:0;transform-origin:0 0;width:0;height:0;will-change:transform}.hex-tile{position:absolute;width:0;height:0}.hex-tile-floor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:visiblePainted;transition:opacity .15s ease}.hex-tile-highlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.hex-tile-elements{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;justify-content:center;align-items:flex-end;z-index:2}.hex-tile-elements>*{pointer-events:auto}.community_border{pointer-events:none}.hex-grid-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;backdrop-filter:blur(8px) grayscale(.8) brightness(.4);-webkit-backdrop-filter:blur(8px) grayscale(.8) brightness(.4);background:linear-gradient(linear-gradient(180deg,#000 0,#00000080 12%,#0000 27.5%,#0000 73.5%,#00000080 88%,#000));mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.5) 12%,transparent 27.5%,transparent 73.5%,rgba(0,0,0,.5) 88%,black 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.5) 12%,transparent 27.5%,transparent 73.5%,rgba(0,0,0,.5) 88%,black 100%)}@media (hover: none) and (pointer: coarse){.hex-grid-container,.hex-grid-container:active{cursor:default}svg{min-height:44px}[style*="cursor: grab"],[style*="cursor: grabbing"]{cursor:default!important}.mode-indicator{padding:12px 16px!important;font-size:14px!important;border-radius:12px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #0000004d!important}}@media (max-width: 480px){.grid-container:before{font-size:12px;top:10px}.mode-indicator{padding:10px 14px;font-size:12px;bottom:16px;right:16px}}@media (hover: none){.character{transition:transform .1s ease-out}.character:active{transform:scale(.95)}hex-tile-floor:active{opacity:.9}.hex-grid-container:active{background-color:#0000000d}}.tile-panel{width:100%}.tile-info-section{background-color:#4caf501a;padding:4px}.tile-info-section p{margin:4px 0}.slot-visualization{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:#00000026;border-radius:6px}.slot-circle{width:40px;height:40px;border-radius:4px;border:2px solid #4caf50;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .2s ease;box-sizing:border-box}.slot-full{border-style:solid;opacity:1;border-color:#4caf50}.slot-occupied{background-color:#4a854a}.slot-occupied svg{transform:translateY(-2px)}.slot-working-only{border-style:dashed;opacity:.5;border-color:#ff9800}.slot-living-only{border-style:dotted;opacity:.5;border-color:#ff9800}.slot-clickable{cursor:pointer}.slot-clickable:hover{background:#4caf501a;transform:scale(1.15);box-shadow:0 0 6px #4caf5066}.slot-clickable:focus{outline:2px solid #4caf50;outline-offset:2px}.slot-clickable:active{transform:scale(1.05)}.production-section h5{margin:0 0 8px;display:flex;align-items:center}.building-detail{background:#4caf501a;padding:10px;border-radius:6px}.building-name{margin:0 0 8px;font-size:1em}.building-desc{margin:0 0 8px;font-size:.9em;color:#8ba893}.modifiers{margin-top:8px;font-size:.9em}.modifier-line{display:flex;align-items:center;gap:4px;margin:4px 0}.modifier-value{color:#4caf50;font-weight:700;margin-left:4px}.building-actions{display:flex;gap:8px;margin-top:12px}.building-custom-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.production-info{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px;background:#4caf501a;border-radius:6px}.production-info h4{margin:0 0 8px;display:flex;align-items:center}.stat-line{display:flex;align-items:center;gap:4px;margin:4px 0;font-size:.9em}.production-bonus{margin-top:8px}.technology-item{background:#4caf501a;padding:8px;border-radius:4px;margin-bottom:8px}.tech-name{margin:0 0 4px}.tech-desc{margin:0;font-size:.85em;color:#8ba893}.adjacent-buildings h4{margin:0 0 8px;color:#81c784;font-size:.95em}.adjacent-building{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0003;border-radius:4px;margin-bottom:4px;font-size:11px}.adjacent-building:hover{background:#00000059;transform:translate(2px)}.building-name-small{margin:0;font-size:11px;display:flex;align-items:center;gap:4px;flex:1}.modifiers-compact{display:flex;flex-wrap:wrap;gap:4px;margin:0}.modifier-chip{display:inline-flex;align-items:center;gap:2px;background:#0000004d;padding:1px 4px;border-radius:3px;font-size:10px}.tilepanel-btn-small{display:inline-flex;align-items:center;padding:6px 12px;font-size:.85em;border:none;border-radius:4px;cursor:pointer;background:#2e563b;color:#fff;transition:all .2s ease}.tilepanel-btn-small:not([disabled]):hover{background:#3d7a4e}.tilepanel-btn-small:disabled{background:#3b4546;color:#858585;cursor:not-allowed}.tilepanel-btn-action{background:#238c41;color:#fff}.tilepanel-btn-action:not([disabled]):hover{background:#1a6931}.selected-tile-info{margin-top:10px;padding:10px;background-color:#fff;border-radius:4px;font-size:13px}.selected-tile-info h4{margin-top:0;margin-bottom:8px;color:#81c784;border-bottom:2px solid #4caf50;padding-bottom:5px}.selected-tile-info h5{margin-top:12px;margin-bottom:6px;color:#a8c9b0;font-size:.95em}.selected-tile-info p{margin:5px 0}.building-effects{margin-top:10px;padding:8px;background-color:#f39c1226;border-radius:4px;border-left:3px solid #f39c12}.vertex-buildings-effects{margin-top:10px;padding:8px;background-color:#9c27b026;border-radius:4px;border-left:3px solid #9c27b0}.building-detail strong{margin-bottom:4px;color:#a8c9b0}.building-desc-small{font-size:10px;color:#8ba893;margin:2px 0;font-style:italic}.modifiers>div{margin-bottom:4px}.modifiers em{display:block;font-weight:700;color:#a8c9b0;margin-bottom:2px}.modifiers-compact span{padding:2px 4px;background-color:#0003;border-radius:2px}.adjacent-tiles{margin-top:10px;padding:8px;background-color:#4caf501a;border-radius:4px;border-left:3px solid #4caf50}.adjacent-tiles h4{margin:0 0 8px;color:#81c784;font-size:.95em}.adjacent-tile{display:flex;align-items:center;gap:8px;padding:4px 8px;background-color:#0003;border-radius:4px;margin-bottom:4px;font-size:11px}.adjacent-tile:last-child{margin-bottom:0}.build-button-container{position:relative;margin:0 0 8px;width:100%}.build-button-group{display:flex;gap:4px;align-items:stretch;width:100%}.build-button-main{flex:1 1;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;border-width:2px;border-style:solid}.build-button-main.is-disabled{opacity:.6;cursor:not-allowed}.build-button-icon{font-size:18px;flex-shrink:0}.build-button-name{flex:1;text-align:left;font-weight:500}.build-button-upgrade-indicator{font-size:12px;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-2px)}}.build-button-children{display:flex;align-items:center;gap:4px;pointer-events:auto;cursor:pointer}.build-button-children button{pointer-events:auto;cursor:pointer}.build-button-tile .build-button-main.no-building{background:#142a18;border-color:#4caf51;color:#4caf51}.build-button-tile .build-button-main.no-building:hover:not(.is-disabled){background:#1a3a20;border-color:#66bb6a;color:#66bb6a;box-shadow:0 0 8px #4caf504d}.build-button-tile .build-button-main.no-possible-building{background:#1a1c1a;border-color:#3a3d3a;color:#666}.build-button-tile .build-button-main.no-building-no-resources{background:#2a2418;border-color:#8b7355;color:#8b7355}.build-button-tile .build-button-main.no-building-no-resources:hover:not(.is-disabled){background:#3a3020;border-color:#a08060;color:#a08060}.build-button-tile .build-button-main.building{background:#1a2a1c;border-color:#2d4a32;color:#8bc48f}.build-button-tile .build-button-main.building:hover:not(.is-disabled){background:#1e3520;border-color:#3a5a40}.build-button-tile .build-button-main.building-possible-upgrade{background:linear-gradient(135deg,#142a18,#1a3a20);border-color:#4caf51;color:#66bb6a;box-shadow:0 0 8px #4caf504d}.build-button-tile .build-button-main.building-possible-upgrade:hover:not(.is-disabled){background:linear-gradient(135deg,#1a3a20,#224a28);border-color:#81c784;box-shadow:0 0 12px #4caf5080}.build-button-tile .build-button-main.building-possible-upgrade .build-button-upgrade-indicator{color:#4caf51}.build-button-vertex .build-button-main.no-building{background:#3e2723;border-color:#ff9800;color:#ff9800}.build-button-vertex .build-button-main.no-building:hover:not(.is-disabled){background:#4e342e;border-color:#ffb74d;color:#ffb74d;box-shadow:0 0 8px #ff98004d}.build-button-vertex .build-button-main.no-possible-building{background:#1a1c20;border-color:#3a3d42;color:#666}.build-button-vertex .build-button-main.no-building-no-resources{background:#4e342e;border-color:#a1887f;color:#c0a080}.build-button-vertex .build-button-main.no-building-no-resources:hover:not(.is-disabled){background:#5d4037;border-color:#bcaaa4;color:#d7ccc8}.build-button-vertex .build-button-main.building{background:#4e342e;border-color:#795548;color:#a1887f}.build-button-vertex .build-button-main.building:hover:not(.is-disabled){background:#5d4037;border-color:#8d6e63;color:#bcaaa4}.build-button-vertex .build-button-main.building-possible-upgrade{background:linear-gradient(135deg,#3e2723,#4e342e);border-color:#ff9800;color:#ffb74d;box-shadow:0 0 8px #ff98004d}.build-button-vertex .build-button-main.building-possible-upgrade:hover:not(.is-disabled){background:linear-gradient(135deg,#4e342e,#5d4037);border-color:#ffa726;box-shadow:0 0 12px #ff980080}.build-button-vertex .build-button-main.building-possible-upgrade .build-button-upgrade-indicator{color:#ff9800}.build-button-main.is-damaged{border-color:#f44336!important;box-shadow:0 0 6px #f443364d!important}.build-button-main.is-damaged .build-button-name{color:#ff8a80}.build-button-action{display:flex;align-items:center;justify-content:center;padding:10px;border:2px solid;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;border-width:2px;border-style:solid}.build-button-action:disabled{opacity:.5;cursor:not-allowed}.build-button-remove{background:#2a1a184d;color:#f44336;border-color:#6b3835}.build-button-remove:hover:not(:disabled){background:#3a2520;border-color:#f44336}.build-button-repair{background:#28652b;color:#69d16e;border-color:#4caf51}.build-button-repair:hover:not(:disabled){background:#977038;border-color:#ffb74d}.build-button-repair:disabled{background:#5a5040;color:#999;animation:none}@keyframes attention-pulse{0%,to{box-shadow:0 0 4px #ff980066}50%{box-shadow:0 0 12px #ff9800cc}}.build-popover-content{padding:4px}.build-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#252830;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#cba05a}.build-popover-header span{display:flex;align-items:center;gap:8px}.build-popover-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.build-popover-close:hover{color:#fff}.build-popover-list{max-height:250px;overflow-y:auto;padding:2px}.build-popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#2a2d35;border:1px solid transparent;border-radius:6px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:all .15s ease;margin-bottom:4px}.build-popover-item:last-child{margin-bottom:0}.build-popover-item:hover:not(:disabled){background:#3a3d45;border-color:#cba05a}.build-popover-item:disabled{opacity:.5;cursor:not-allowed}.build-popover-item.is-upgrade{border-color:#4caf504d;background:linear-gradient(135deg,#2a3530,#2a2d35)}.build-popover-item.is-upgrade:hover:not(:disabled){border-color:#4caf50}.build-item-icon{font-size:18px;flex-shrink:0}.build-item-name{flex:1;text-align:left}.build-item-upgrade-badge{color:#4caf50;font-size:10px;padding:2px 6px;background:#4caf5033;border-radius:4px}.build-popover-empty{padding:20px;text-align:center;color:#888;font-size:13px}@media (hover: none) and (pointer: coarse){.build-button-main{padding:14px 16px;min-height:48px;gap:12px}.build-button-icon{font-size:20px}.build-button-name{font-size:15px}.build-button-container{margin-bottom:12px}.build-button-group{gap:6px}.build-item{padding:12px 14px;min-height:44px;gap:12px}.build-item-icon{font-size:20px}.build-item-name{font-size:14px}.build-popover-empty{padding:24px;font-size:14px}}@media (max-width: 480px){.build-button-main{padding:12px 14px;font-size:13px;min-height:44px}.build-button-icon{font-size:18px}.build-button-group{gap:4px}}.adjacent-buildings{margin-top:10px;padding:8px;background-color:#4caf501a;border-radius:4px;border-left:3px solid #4caf50}.adjacent-buildings h4{margin:0 0 8px;display:flex;align-items:center}.adjacent-building{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#0003;border-radius:4px;margin-bottom:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.adjacent-tile:hover{background:#00000059;transform:translate(2px)}.effect-type-label{margin:4px 0 8px;font-size:.85em;color:#8ba893;display:flex;align-items:center}.building-info-btn{background:transparent;border:none;color:#8ba893;cursor:pointer;padding:2px 6px;margin-left:8px;font-size:.9em;transition:all .2s ease;display:inline-flex;align-items:center}.building-info-btn:hover{color:#4caf50;transform:scale(1.1)}.btn-small{display:inline-flex;align-items:center;padding:6px 12px;font-size:.85em;border:none;border-radius:4px;cursor:pointer;background:#564431;color:#fff;transition:all .2s ease}.btn-small:hover{background:#234a2e}.btn-small:disabled{opacity:.5;cursor:not-allowed}.next-turn-button{background:var(--primary);color:var(--background-dark);transition:all .2s ease}.next-turn-button:not([disabled]):hover{background-color:#0fac44}.next-turn-button.animating{background:linear-gradient(135deg,#2a5298,#1e3c72);color:#e8f0ff;cursor:wait;min-width:200px}.next-turn-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover: none) and (pointer: coarse){.next-turn-button{min-width:180px;padding:14px 20px;min-height:48px;font-size:16px;font-weight:600}.next-turn-button.animating{min-width:180px;padding:14px 20px}}@media (max-width: 480px){.next-turn-button{min-width:160px;padding:12px 16px;font-size:15px}}.hex-grid-3d-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#393c4c;overflow:hidden;z-index:0}.hex-grid-3d-container canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.hex-grid-3d-overlay{position:absolute;top:0;left:0;right:0;padding:10px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.hex-grid-3d-info{background:#0009;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-family:monospace}.hex-grid-3d-controls{background:#0009;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px}.hex-grid-3d-container *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tutorial-popover{display:grid;grid-template-columns:auto 1fr;position:absolute;top:50px;right:50px;z-index:100000;width:300px;padding:16px;background:linear-gradient(102deg,#969696,#8d8d8d 20%,#dfdfe1 80%);border-radius:8px;color:#373d3d;border:2px solid #656565;box-shadow:0 0 20px #ffffff73,0 0 20px 20px #ffffff1a,0 0 700px 50px #000,0 0 200px 50px #000;pointer-events:all}.tutorial-popover.left{right:auto;left:50px;background:linear-gradient(32deg,#969696,#8d8d8d 20%,#dfdfe1 80%)}.tutorial-popover.bottom{top:auto;bottom:50px}.tutorial-content p{margin-top:0;margin-bottom:.5em}.tutorial-header h3{margin-top:0;font-size:1em;cursor:grab}.tooltip-note{font-size:.85em;margin-top:8px}@keyframes glowing{0%{filter:drop-shadow(0 0 10px #ffffff66);transform:scale(.975)}25%{filter:drop-shadow(0 0 20px #ffffffcc);transform:scale(1.05)}50%{filter:drop-shadow(0 0 6px #ffffff66);transform:scale(1)}75%{filter:drop-shadow(0 0 20px #ffffffcc);transform:scale(1.05)}to{filter:drop-shadow(0 0 10px #ffffff66);transform:scale(.975)}}.tutorial-avatar{mix-blend-mode:screen;margin-right:10px;margin-left:-15px;margin-top:10px;transform:scale(1.1)}.tutorial-avatar svg{animation:glowing 10s infinite}.tutorial-avatar svg *{transition:all .5s ease-in-out}.tutorial-avatar.flip{margin-left:-10px;transform:scaleX(-1)}.tutorial-button{background-color:transparent;border:none;opacity:.4;transition:all .3s;padding:0}.tutorial-button:hover{opacity:1;text-decoration:underline}.tutorial-close-button{position:absolute;right:10px;top:10px;width:24px;height:24px;color:#4b4b40;border:1px solid transparent;border-radius:50%;transition:all .3s}.tutorial-close-button:hover{opacity:1;text-decoration:none;border:1px solid hsla(60,8%,27%,.5)}.tutorial-skip-button{position:absolute;right:10px;bottom:10px;padding:0;font-size:.75em;text-align:right;display:block;opacity:.4;width:100%;transition:opacity .3s}.tutorial-popover-footer-confirmation{margin-top:12px;width:calc(100% - 32px);display:inline-flex;justify-content:space-between}.tutorial-popover-footer.tutorial-skip-buttons{display:flex;margin-top:10px;justify-content:space-between}.tutorial-outline{position:fixed;outline:2px solid rgba(255,255,255,.7);z-index:99999;pointer-events:none;animation:glowing 10s infinite;box-shadow:0 0 100px 10px #fff,0 0 10px 10px #ffffff7a}:root{--primary: #13ec5b;--primary-hover: #4df585;--background-dark: #102216;--glass-bg: rgba(16, 34, 22, .7);--glass-border: rgba(255, 255, 255, .1);--text-gray: #9db9a6;--text-light: #cbd5e1;--accent-yellow: #fbbf24;--accent-blue: #3b82f6}.help-page{min-height:100vh;color:#fff;position:relative;font-family:Spline Sans,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.help-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/assets/bg-forest-1xzTzE7B.jpg);background-size:cover;background-position:center;opacity:.6;z-index:0}.help-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--background-dark) 0%,rgba(16,34,22,.85) 40%,rgba(16,34,22,.5) 100%);z-index:1}.help-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.help-header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.015em}.back-button,.play-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.back-button{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.back-button:hover{background:#ffffff1a;border-color:#fff3}.play-button{background:var(--primary);color:var(--background-dark);box-shadow:0 0 20px #13ec5b4d}.play-button:hover{background:var(--primary-hover);transform:scale(1.01);box-shadow:0 0 25px #13ec5b80}.help-content{position:relative;z-index:10;max-width:800px;margin:0 auto;padding:40px 20px}.help-section{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:24px 32px;margin-bottom:24px}.help-section.highlight-section{background:#13ec5b14;border-color:#13ec5b4d}.help-section.strategy-section{background:#fbbf2414;border-color:#fbbf244d}.help-section.strategy-section h2{color:var(--accent-yellow)}.help-section h2{font-size:1.4rem;margin:0 0 16px;color:var(--primary);font-weight:700}.help-section p{font-size:1rem;line-height:1.7;color:var(--text-light);margin:0 0 16px}.help-section p:last-child{margin-bottom:0}.help-section p.tip{background:#3b82f61a;border-left:3px solid var(--accent-blue);padding:12px 16px;border-radius:0 .5rem .5rem 0;margin-top:16px}.help-section ul,.help-section ol{margin:0;padding-left:24px;color:var(--text-light)}.help-section li{margin-bottom:8px;line-height:1.6}.help-section li:last-child{margin-bottom:0}.help-section strong{color:#e2e8f0}.help-section em{color:var(--accent-yellow);font-style:normal}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.mechanic-card{display:flex;align-items:flex-start;gap:12px;background:#28392e99;border-radius:.75rem;padding:16px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.mechanic-card:hover{background:#28392ecc;border-color:#13ec5b33}.mechanic-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.mechanic-content{display:flex;flex-direction:column;gap:4px}.mechanic-content strong{color:var(--primary);font-size:.95rem}.mechanic-content span{color:var(--text-gray);font-size:.9rem;line-height:1.5}.mechanic-content em{color:var(--accent-yellow);font-style:normal}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.control-item{background:#28392e99;border-radius:.5rem;padding:16px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.control-item:hover{background:#28392ecc;border-color:#13ec5b33}.control-item strong{color:var(--primary);font-size:1rem}.control-item span{color:var(--text-gray);font-size:.9rem}@media (max-width: 600px){.help-header{padding:15px 20px}.help-header h1{font-size:1.2rem}.back-button,.play-button{padding:8px 12px;font-size:.9rem}.help-section{padding:20px}.mechanics-grid{grid-template-columns:1fr}.mechanic-card{padding:14px}}:root{--primary: #13ec5b;--primary-hover: #4df585;--background-dark: #102216;--glass-bg: rgba(16, 34, 22, .7);--glass-border: rgba(255, 255, 255, .1);--text-gray: #9db9a6;--text-light: #cbd5e1}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;font-family:Spline Sans,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/assets/bg-forest-1xzTzE7B.jpg);background-size:cover;background-position:center;opacity:.6;z-index:0}.home-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--background-dark) 0%,rgba(16,34,22,.8) 40%,rgba(16,34,22,.4) 100%);z-index:1}.home-content{position:relative;z-index:10;max-width:800px;text-align:center;color:#fff}.home-tag{background:#0d1809;width:100%;margin:-65px 0 30px;padding:65px 20px 30px;box-shadow:0 5px 5px #00000026}.hero-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;padding:40px 0 30px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #0006}.hero-logo{max-width:320px;width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.hero-island{max-width:400px;width:100%;height:auto}.home-subtitle{font-size:1.3rem;color:#38b45fbe;margin:0 0 10px;font-weight:500}.home-description{max-width:600px;margin:0 auto 10px}.home-description p{font-size:1.1rem;line-height:1.7;color:#38b45f90}.home-version{margin-top:20px;font-size:.85rem;color:var(--text-gray);opacity:.7}.home-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px;margin-bottom:40px;z-index:1}.home-button{display:flex;align-items:center;gap:10px;padding:16px 32px;border-radius:.75rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.home-button.primary{background:var(--primary);color:var(--background-dark);box-shadow:0 0 20px #13ec5b4d}.home-button.primary:hover{background:var(--primary-hover);transform:scale(1.01);box-shadow:0 0 25px #13ec5b80}.home-button.primary:active{transform:scale(.99)}.home-button.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-button.secondary:hover{background:#ffffff1a;border-color:#fff3}.home-button svg{font-size:1.4rem}.view-toggle{display:flex;align-items:center;gap:12px;margin-bottom:24px}.view-toggle span{font-size:.95rem;font-weight:600;color:var(--text-gray);transition:color .2s ease}.view-toggle span.active{color:#fff}.toggle-switch{position:relative;width:52px;height:28px;background:#28392ecc;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .3s ease}.toggle-switch:hover{border-color:#ffffff4d}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--primary);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(24px)}.toggle-switch.off .toggle-knob{transform:translate(0)}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.feature{background:#28392e99;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:24px 16px;transition:all .3s ease}.feature:hover{background:#28392ecc;transform:translateY(-5px);border-color:#13ec5b4d}.feature-icon{font-size:2.5rem;display:block;margin-bottom:12px}.feature h3{font-size:1.1rem;margin:0 0 8px;color:#e2e8f0}.feature p{font-size:.9rem;color:var(--text-gray);margin:0;line-height:1.5}@media (max-width: 600px){.hero-card{padding:24px 20px 20px;border-radius:1rem}.hero-logo{max-width:200px}.hero-island{max-width:280px}.home-subtitle{font-size:1rem}.home-buttons{flex-direction:column}.home-button{justify-content:center}}.App{min-height:100vh;background:linear-gradient(90deg,#393c4c,#2e303f);box-sizing:border-box}.game-container{display:flex;gap:20px;max-width:1400px;margin:0 auto;align-items:flex-start;justify-content:center;flex-wrap:wrap}@media (max-width: 1200px){.game-container{flex-direction:column;align-items:center}}