body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out .5s;animation-fill-mode:both;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out .5s;animation-fill-mode:both;background-color:#14291b;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#ffc10733,#ff980033);display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#ffb74d;font-size:1.3em;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#8ba893;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:#ffffff1a;color:#a8c9b0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.building-detail-modal-overlay.modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3!important;bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:2100!important}.building-detail-modal-overlay .building-detail-modal{animation:slideDown .3s ease-out;background:#14291b;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.building-detail-modal .modal-header{align-items:center;background:linear-gradient(135deg,#4caf5033,#4caf501a);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.building-detail-modal .modal-header h2{color:#81c784;font-size:1.5rem;margin:0}.building-detail-modal .close-button{background:none;border:none;color:#81c784;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .2s}.building-detail-modal .close-button:hover{color:#a5d6a7}.building-detail-modal .modal-body{background:#14291b;color:#a8c9b0;padding:25px}.building-detail-modal .modal-footer{background:#14291b;display:flex;justify-content:center;padding:15px 25px 25px}.building-detail-modal .btn-primary{background:linear-gradient(135deg,#4caf50,#43a047);border:2px solid #2e7d32;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.building-detail-modal .btn-primary:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px)}.building-type-badge{display:flex;justify-content:center;margin-bottom:20px}.building-type-badge .badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85em;font-weight:600;padding:6px 14px}.building-type-badge .badge-center{background-color:#2196f326;border:1px solid #64b5f64d;color:#64b5f6}.building-type-badge .badge-vertex{background-color:#9c27b026;border:1px solid #ce93d84d;color:#ce93d8}.building-detail-section{margin-bottom:20px}.building-detail-section h3{border-bottom:2px solid #a5d6a74d;color:#81c784;font-size:1.1em;margin:0 0 10px;padding-bottom:5px}.building-detail-section p{color:#a8c9b0;line-height:1.6;margin:0}.cost-list{display:flex;flex-wrap:wrap;gap:10px}.cost-item{align-items:center;background-color:#ff980026;border-left:3px solid #ff9800;border-radius:4px;color:#ffb74d;display:inline-flex;font-size:.95em;padding:6px 12px}.building-detail-section .requirements-list{display:flex;flex-direction:column;gap:8px}.building-detail-section .requirement-item{background-color:#ffc1071a;border-left:3px solid #ffc107;border-radius:4px;color:#ffd54f;font-size:.95em;padding:8px 12px}.slots-list{display:flex;flex-wrap:wrap;gap:10px}.slot-item{align-items:center;background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;color:#81c784;display:inline-flex;font-size:.95em;padding:6px 12px}.effect-type-label{margin-bottom:12px}.effect-type{align-items:center;border-radius:12px;display:inline-flex;font-size:.85em;font-weight:500;padding:4px 10px}.effect-type.vertex{background-color:#9c27b026;color:#ce93d8}.effect-type.center{background-color:#2196f326;color:#64b5f6}.modifiers-group{background-color:#0003;border-radius:6px;margin-bottom:12px;padding:10px}.modifiers-group strong{color:#a8c9b0;display:block;font-size:.9em;margin-bottom:8px}.building-detail-modal .modifier-line{align-items:center;color:#8ba893;display:flex;font-size:.95em;gap:8px;padding:4px 0}.building-detail-modal .modifier-value{color:#4caf50;font-weight:700}.actions-list{display:flex;flex-direction:column;gap:10px}.action-item{background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;padding:12px}.action-header{color:#81c784;font-size:1em;margin-bottom:4px}.action-description{color:#8ba893;font-size:.9em;margin:0}.building-link{align-items:center;color:#64b5f6;display:inline-flex;transition:color .2s}.building-link:hover{color:#90caf9}.building-info-btn{background:none;border-radius:4px;color:#64b5f6;font-size:.85em;gap:4px;transition:all .2s}.building-info-btn:hover{background-color:#2196f326;color:#90caf9}.dead-character-modal{background:linear-gradient(180deg,#ededed,#e3e3e3);border:1px solid #d8d8d8;box-shadow:0 8px 32px #0000001f;max-width:500px}.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{background-color:#0000000d;color:#777}.dead-character-modal .detail-section strong{color:#777}.dead-character-details{background-color:#e8e8e8;max-height:60vh;overflow-y:auto;padding:20px}.detail-section{border-bottom:1px solid #dedede;margin-bottom:20px;padding-bottom:15px}.detail-section:last-child{border-bottom:none}.detail-section h4{color:#888;font-size:1em;margin:0 0 10px}.detail-section p{color:#909090;margin:5px 0}.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{background:linear-gradient(135deg,#e0e0e0,#d8d8d8);border-bottom:1px solid #d0d0d0;display:flex;gap:20px;justify-content:center;padding:15px 20px}.stat-box{background-color:#d0d0d0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px 20px;text-align:center}.stat-number{color:#606060;font-size:2em;font-weight:700}.stat-label{color:grey;font-size:.85em;margin-top:4px}.history-list{background-color:#c2c2c2;display:flex;flex-direction:column;gap:15px;max-height:60vh;overflow-y:auto;padding:20px}.no-history{background-color:#c2c2c2;color:#909090;padding:40px 20px;text-align:center}.no-history p{margin:10px 0}.history-card{background-color:#f0f0f0;border-left:4px solid #a0a0a0;border-radius:8px;box-shadow:0 2px 4px #00000014;transition:transform .2s,box-shadow .2s}.history-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.history-header{align-items:center;background:linear-gradient(135deg,#e8e8e8,#e0e0e0);border-bottom:1px solid #d8d8d8;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:4px}.history-header:hover{background:linear-gradient(135deg,#e0e0e0,#d8d8d8)}.expand-icon{color:#909090;font-size:.7em;margin-right:8px}.history-header h4{align-items:center;color:#606060;display:flex;font-size:1.1em;gap:8px;margin:0}.history-id{color:#909090;font-size:.75em;font-weight:400}.death-turn{background-color:#d8d8d8;border-radius:4px;color:#888;font-size:.9em;font-weight:700;padding:4px 8px}.history-body{background-color:#f5f5f5;padding:15px}.history-section{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:15px}.history-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.history-section strong{color:#707070;display:block;font-size:.9em;margin-bottom:8px}.cause-of-death{background-color:#d8d8d8;border-left:3px solid #a0a0a0;border-radius:4px;color:#555;font-weight:500;margin:0;padding:10px}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.stat-item-small{background-color:#d8d8d8;border-radius:4px;display:flex;font-size:.85em;justify-content:space-between;padding:6px 10px}.stat-item-small span:first-child{color:#606060}.stat-value-small{color:#505050;font-weight:700}.knowledge-grid-small{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.knowledge-badge{align-items:center;background-color:#d8d8d8;border:1px solid silver;border-radius:16px;display:flex;font-size:.85em;gap:6px;padding:6px 10px}.knowledge-name-small{color:#505050;font-weight:500}.knowledge-value-badge{background-color:#888;border-radius:10px;color:#fff;font-size:.9em;font-weight:700;padding:2px 8px}.total-knowledge{color:#64b5f6;font-size:.9em;font-weight:700;margin-top:10px;text-align:right}.history-legacy{background:linear-gradient(135deg,#d8d8d8,#d0d0d0);border-left:3px solid #a0a0a0;border-radius:4px;color:#606060;font-size:.9em;margin-top:15px;padding:12px}.history-legacy em{font-style:italic}.ideas-list-small{margin-top:8px}.idea-item-small{align-items:center;background-color:#d8d8d8;border-left:3px solid #a0a0a0;border-radius:3px;display:flex;font-size:11px;gap:6px;padding:4px 6px}.idea-icon{font-size:1.2em}.idea-name{color:#505050;font-weight:500}.title-level-pills{display:flex;flex-wrap:wrap;justify-content:center}.title-level-pill{align-items:center;display:flex;font-size:.9em;font-weight:500;gap:8px;margin-left:-2px;padding:6px 12px;transition:transform .2s,box-shadow .2s;&:first-child{border-radius:20px 0 0 20px}&:last-child{border-radius:0 20px 20px 0}}.title-level-pill:hover{box-shadow:0 3px 6px #00000026}.title-level-pill.empty{cursor:default;opacity:.5}.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;border-radius:12px;font-size:10px;font-weight:700;min-width:10px;padding:2px 4px;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:#0000;border:2px dashed #a0a0a0;color:#909090}.idea-detail-modal-overlay.modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3!important;bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:2000!important}.idea-detail-modal-overlay .idea-detail-modal{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#d4a01226,#b4820a1a);background-color:#574b20;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.idea-detail-modal .modal-header{align-items:center;background:linear-gradient(135deg,#d4a01233,#b4820a26);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.idea-detail-modal .modal-header h2{color:#f5c842;font-size:1.5rem;margin:0}.idea-detail-modal .close-button{background:none;border:none;color:#f5c842;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .2s}.idea-detail-modal .close-button:hover{color:#ffe082}.idea-detail-modal .modal-body{background:#4d3b1e;padding:25px}.idea-detail-modal .modal-footer{background:#4d3b1e;display:flex;justify-content:center;padding:15px 25px 25px}.idea-detail-modal .btn-primary{background:linear-gradient(135deg,#d4a012,#b48a0a);border:none;border-radius:8px;color:#1a1408;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.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{border-bottom:2px solid #d4a0124d;color:#f5c842;font-size:1.1em;margin:0 0 10px;padding-bottom:5px}.idea-detail-section p{color:#e8dfc4;line-height:1.6;margin:0}.idea-thought-by{color:#a89860;font-size:.9em;margin:0 0 16px}.idea-thought-by strong{color:#e8dfc4}.requirements-list,.unlocks-list{display:flex;flex-direction:column;gap:8px}.requirement-item{background-color:#d4a0121a;border-left:3px solid #d4a012;color:#f5c842;padding:8px 12px}.requirement-item,.unlock-item{border-radius:4px;font-size:.95em}.unlock-item{background-color:#d4a01214;border-left:3px solid #a89860;color:#e8dfc4;padding:10px 12px}.unlock-item strong{color:#f5c842}.building-link{color:#f5c842;cursor:pointer;text-decoration:underline}.building-link:hover{color:#ffe082}.ideas-book.modal-content{background-color:#574b20}.community-knowledge{background:linear-gradient(135deg,#d4a0122e,#b4820a1f);border-bottom:1px solid #d4a0124d;padding:15px 20px}.community-knowledge h4{color:#f5c842;font-size:1em;margin:0 0 10px}.knowledge-totals{display:flex;flex-wrap:wrap;gap:12px}.knowledge-total-item{align-items:center;background-color:#00000040;border-radius:16px;box-shadow:0 1px 3px #0000004d;display:flex;font-size:.9em;gap:6px;padding:6px 12px}.knowledge-icon{font-size:1.1em}.knowledge-name{color:#e8dfc4;font-weight:500}.knowledge-value{color:#f5c842;margin-left:2px}.ideas-list{background-color:#4d3b1e;display:flex;flex-direction:column-reverse;gap:10px;overflow-y:auto;padding:20px}.no-ideas{color:#a89860;padding:40px 20px;text-align:center}.no-ideas p{margin:10px 0}.hint{color:#8b7a4a;font-size:.9em;font-style:italic}.idea-card{background-color:#574b20;border-left:4px solid #d4a012;border-radius:4px;padding:10px;transition:all .2s ease}.idea-card-clickable{cursor:pointer}.idea-card-clickable:hover{background-color:#d4a01226;border-left-color:#f5c842;box-shadow:0 2px 8px #0000004d;transform:translateX(4px)}.idea-card h4{align-items:center;color:#f5c842;display:flex;font-size:.95em;margin:0 0 6px}.idea-flavor{color:#a89860;font-size:.85em;font-style:italic;margin:4px 0}.idea-description{color:#e8dfc4;font-size:.9em;margin:6px 0}.idea-type{color:#a89860;font-size:.75em;font-weight:700;margin-top:6px;text-transform:uppercase}.idea-unlocks{border-top:1px solid #d4a01233;margin-top:12px;padding-top:10px}.unlocks-header{color:#f5c842;font-size:.8em;font-weight:700;margin-bottom:8px}.unlocks-cards{gap:8px}.unlock-card,.unlocks-cards{display:flex;flex-direction:column}.unlock-card{background:linear-gradient(135deg,#0000004d,#0003);border:1px solid #d4a0124d;border-radius:8px;flex:1 1;padding:10px 14px;transition:all .2s ease}.unlock-card-header{align-items:center;display:flex;gap:8px}.unlock-card-clickable{cursor:pointer}.unlock-card-clickable:hover{background:linear-gradient(135deg,#d4a01233,#b4820a26);border-color:#f5c842;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.unlock-card-icon{font-size:1.4em;margin-bottom:4px}.unlock-card-label{color:#e8dfc4;font-size:.8em;font-weight:500;line-height:1.2;text-align:center}.unlock-card-type{color:#8b7a4a;font-size:.65em;margin-left:auto;text-transform:uppercase}.unlock-card-description{color:#a89860;font-size:.8em;line-height:1.4;margin:0;padding-left:28px}.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{background-color:#14291b;max-width:600px;width:95%}.market-content{color:#a8c9b0;padding:20px}.market-description{color:#8ba893;font-size:.9rem;margin-bottom:16px;text-align:center}.market-tabs{background:#0003;border-radius:8px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.market-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#8ba893;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.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{background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:12px}.market-resource-row{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s ease,opacity .2s ease}.market-resource-row:hover{background:#ffffff14}.market-resource-row.no-stock{background:#0003;opacity:.5}.market-resource-row.no-stock:hover{background:#0003}.market-resource-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:100px;.market-no-trade{flex:1 1;text-align:center}}.market-resource-icon{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:1.4rem;height:32px;justify-content:center;width:32px}.market-resource-name{font-size:.95rem;font-weight:600;text-transform:capitalize}.market-resource-stock{color:#8ba893;font-size:.8rem}.market-price-controls{align-items:center;display:flex;gap:8px}.market-price-btn{align-items:center;background:#1a3523;border:none;border-radius:4px;color:#a8c9b0;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px;&.selected{background:#2e5d38;color:#fff}}.market-price-btn:hover:not(:disabled){background:#a8c9b0;color:#1a3523}.market-price-btn:disabled{cursor:not-allowed;opacity:.3}.market-price-display{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:80px}.market-price-amount{color:#ffb74d;font-weight:700}.market-demand-display{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:90px}.market-demand-indicator{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.market-stock-available{color:#81c784;font-size:.7rem;font-weight:500}.market-stock-available.empty{color:#ef5350}.market-no-trade{color:#8ba893;font-size:.85rem;font-style:italic}.market-quantity-controls{align-items:center;display:flex;gap:6px;margin-left:16px}.market-quantity-input{background:#1a3523;border:1px solid #ffffff1a;border-radius:4px;color:#a8c9b0;font-size:.9rem;padding:6px 8px;text-align:center;width:50px}.market-quantity-input:focus{border-color:#4caf50;outline:none}.market-summary{background:linear-gradient(135deg,#4caf501a,#388e3c26);border:1px solid #4caf504d;border-radius:8px;margin-top:24px;padding:16px}.market-summary h4{color:#81c784;font-size:.85rem;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.market-summary-section{border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding-bottom:8px}.market-summary-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.market-summary-section-title{color:#a8c9b0;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.market-summary-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.market-summary-label{align-items:center;color:#8ba893;display:flex;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{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.market-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;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{cursor:not-allowed;opacity:.5;transform:none}.market-empty-trade{color:#8ba893;font-style:italic;padding:20px;text-align:center}.market-resource-row.selected{background:#4caf5033;border:1px solid #4caf5066}.market-quantity-section{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-top:16px;padding:16px}.market-quantity-header{align-items:center;color:#81c784;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin-bottom:12px}.market-quantity-row{align-items:center;display:flex;gap:8px}.market-quantity-cost{align-items:center;color:#ffb74d;display:flex;font-size:.9rem;gap:4px;margin-left:8px}.market-btn-add{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-left:auto;padding:6px 12px;transition:all .2s ease}.market-btn-add:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047)}.market-btn-add:disabled{cursor:not-allowed;opacity:.5}.market-deal-list{background:#0003;border-radius:8px;margin-top:16px;padding:12px}.market-deal-list h4{color:#a8c9b0;font-size:.85rem;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.market-deal-item{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;font-size:.85rem;gap:8px;margin-bottom:6px;padding:8px 10px}.market-deal-item:last-child{margin-bottom:0}.market-deal-type{font-size:1rem}.market-deal-details{align-items:center;color:#a8c9b0;display:flex;flex:1 1;gap:4px}.market-deal-remove{align-items:center;background:#ef535033;border:none;border-radius:4px;color:#ef5350;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.market-deal-remove:hover{background:#ef535066}.settings-modal{background-color:#14291b;max-width:400px;width:90%}.settings-content{color:#a8c9b0;padding:20px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h4{border-bottom:1px solid #ffffff1a;color:#81c784;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.setting-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.setting-label{color:#a8c9b0;font-size:.95rem;font-weight:500}.setting-hint{color:#8ba893;font-size:.8rem;font-style:italic;margin:4px 0 0}.settings-modal .view-toggle{align-items:center;display:flex;gap:10px}.settings-modal .view-toggle span{color:#8ba893;font-size:.9rem;font-weight:600;transition:color .2s ease}.settings-modal .view-toggle span.active{color:#a8c9b0}.settings-modal .toggle-switch{background:#1a3523;border:none;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:all .3s ease;width:48px}.settings-modal .toggle-switch:hover{background:#254530}.settings-modal .toggle-knob{background:#4caf50;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.settings-modal .toggle-switch.on .toggle-knob{transform:translateX(22px)}.settings-modal .toggle-switch.off .toggle-knob{transform:translateX(0)}.btn-danger{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-danger:hover{background:#c82333;transform:scale(1.02)}.btn-danger:active{transform:scale(.98)}.btn-help{align-items:center;background:#4caf501a;border:1px solid #4caf50;border-radius:8px;color:#81c784;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;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{align-items:center;background:#14291b;border:none;border-radius:8px;color:#487356;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:10px;transition:all .2s ease;width:36px}.header-settings-button:hover{background:#8c8d8d26;transform:translateY(-1px)}.header-settings-button svg{font-size:20px}.settings-footer{border-top:1px solid #ffffff14;color:#8ba893;display:flex;flex-direction:column;font-size:.8rem;gap:4px;margin-top:16px;padding-top:12px}.starvation-modal{background-color:#14291b;max-width:500px;width:90%}.starvation-header{background:linear-gradient(135deg,#8b45134d,#6543214d);border-bottom:2px solid #8b4513;color:#ffb74d}.starvation-header h3{align-items:center;display:flex;gap:8px;margin:0}.starvation-summary{background:#8b451326;border-bottom:1px solid #8b45134d;color:#a8c9b0;padding:16px;text-align:center}.starvation-summary p{font-size:1.1em;margin:0 0 12px}.penalty-info{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.penalty-item{align-items:center;color:#8ba893;display:flex;font-size:.95em;gap:6px}.penalty-icon.health{color:#ef5350}.penalty-icon.happiness{color:#ffb74d}.starvation-list{color:#a8c9b0;max-height:400px;overflow-y:auto;padding:16px}.starvation-section{margin-bottom:20px}.starvation-section:last-child{margin-bottom:0}.starvation-section h4{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;font-size:1em;gap:8px;margin:0 0 12px;padding-bottom:8px}.deaths-section h4{color:#ef5350}.surviving-section h4{color:#ffb74d}.character-grid{display:flex;flex-direction:column;gap:8px}.starvation-character{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.starvation-character.dead{background:#ef535026;border-color:#ef53504d}.starvation-character.starving{background:#8b451326;border-color:#8b45134d}.character-name{align-items:center;color:#a8c9b0;display:flex;font-weight:600;gap:6px}.death-icon{color:#ef5350;font-size:.9em}.character-cause{color:#8ba893;font-size:.85em;font-style:italic}.character-stats{gap:12px}.character-stats .stat{align-items:center;display:flex;font-size:.9em;gap:4px}.character-stats .stat.health{color:#ef5350}.character-stats .stat.happiness{color:#9c860e}.modal-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:12px 16px}.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:sienna;--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{align-items:center;animation-delay:.7s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.weekly-event-modal{animation:slideDown .3s ease-out;animation-fill-mode:both;background:linear-gradient(135deg,var(--event-bg-start) 0,var(--event-bg-end) 100%);border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.weekly-event-modal .modal-header{align-items:center;background:linear-gradient(135deg,var(--event-header-start) 0,var(--event-header-end) 100%);border-radius:8px 8px 0 0;display:flex;gap:15px;padding:20px}.weekly-event-modal .event-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem;line-height:1;margin-right:20px}.weekly-event-modal .modal-header h2{color:#fff;font-size:1.8rem;margin:0;text-shadow:2px 2px 4px #00000080}.weekly-event-modal .modal-header h3{align-items:center;color:var(--event-text-secondary);display:flex;font-size:1.3em;margin:0}.weekly-event-modal .modal-body{overflow:auto;padding:25px}.weekly-event-modal .event-description{background:#0000004d;border-radius:4px;color:var(--event-text-primary);font-size:1.1rem;line-height:1.6;margin:0 0 25px;padding:15px;strong{color:var(--event-text-highlight)}}.weekly-event-modal .event-options h3{border-bottom:1px solid color-mix(in srgb,var(--event-text-primary) 30%,#0000);color:var(--event-text-primary);font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.event-option-button{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;margin-bottom:12px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.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%,#0000)}.event-option-button:active{transform:scale(.98)}.event-option-button.disabled{cursor:not-allowed;opacity:.6}.event-option-button.disabled,.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)}.event-option-button.disabled:hover{box-shadow:none;transform:none}.event-option-button.disabled .option-label{color:#888}.event-option-button.disabled .option-description{color:#666}.event-option-button .option-label{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:5px}.event-option-button .option-description{color:var(--event-text-secondary);font-size:.9rem;line-height:1.4}.option-unavailable-reason{border-top:1px solid #8883;color:#888;font-size:.85rem;font-style:italic;margin-top:6px;padding-top:6px}.no-options-message{color:#888;font-style:italic;padding:20px;text-align:center}.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{background-color:#2d1810;border:2px solid #dc3545;max-width:500px}.version-mismatch-overlay{background-color:#000000d9!important}.version-mismatch-modal .modal-body{color:#f0dcc8;padding:24px}.warning-message{color:#ffcccb;font-size:1.1rem;font-weight:600;margin:0 0 20px;text-align:center}.version-info{background:#0000004d;border-radius:8px;margin-bottom:20px;padding:16px}.version-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.version-row:not(:last-child){border-bottom:1px solid #ffffff1a}.version-label{color:#c9b8a5;font-size:.95rem;font-weight:500}.version-value{color:gold;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.recommendation{color:#f0dcc8;font-size:.95rem;font-style:italic;margin:0 0 24px;text-align:center}.button-group{display:flex;gap:12px;justify-content:center}.btn-continue,.btn-restart{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.btn-restart{background:#dc3545;color:#fff}.btn-restart:hover{background:#c82333;transform:scale(1.02)}.btn-continue{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.btn-continue:hover{background:#ffc1074d;border-color:#ffca28;transform:scale(1.02)}.btn-continue:active,.btn-restart:active{transform:scale(.98)}.card{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:0;transition:all .2s ease;hr{border:none;border-top:1px solid #ffffff1a;margin-bottom:12px;margin-top:12px}}.card:hover{box-shadow:0 4px 12px #00000026}.card-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:10px 12px}.card-header-content{flex:1 1}.card-header-actions,.card-header-content{align-items:center;display:flex;gap:8px}.card-icon{align-items:center;color:inherit;display:flex;font-size:1.2em}.card-title{font-size:14px;font-weight:600;margin:0}.card-collapse-btn{background:none;border:none;color:#8ba893;cursor:pointer;font-size:.8em;padding:4px 8px;transition:color .2s}.card-collapse-btn:hover{color:#a8c9b0}.card-body{color:#c5d9cb;padding:8px;h4{color:inherit;font-size:1em;margin-bottom:12px;margin-top:12px;&: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{background:#1a0d0d;border-color:#f44336!important}.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{animation:tooltipFadeIn .15s ease-out;pointer-events:none;z-index:9999}.tooltip-content{border-radius:6px;box-shadow:0 4px 12px #0006;color:#e0e0e0;font-size:12px;line-height:1.5;max-width:280px;padding:8px 12px;white-space:pre-line}.tooltip-arrow,.tooltip-content{background:#1a1c24;border:1px solid #ffffff1a}.tooltip-arrow{height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip-top .tooltip-arrow{border-left:none;border-top:none;bottom:-5px;left:50%;margin-left:-4px}.tooltip-bottom .tooltip-arrow{border-bottom:none;border-right:none;left:50%;margin-left:-4px;top:-5px}.tooltip-left .tooltip-arrow{border-bottom:none;border-left:none;margin-top:-4px;right:-5px;top:50%}.tooltip-right .tooltip-arrow{border-right:none;border-top:none;left:-5px;margin-top:-4px;top:50%}@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{color:#fff;font-size:13px;font-weight:600;margin-bottom:4px}.tooltip-content .tooltip-section{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.tooltip-content .tooltip-row{display:flex;gap:12px;justify-content:space-between}.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{--size:2px;align-items:center;display:flex;flex-direction:column;gap:var(--size);justify-content:center;&.no-idea .idea-ball-bottom,&.no-idea .idea-ball-top{background:#0000;border:1px solid #ffffff40;box-shadow:none;outline:1px solid #ffffff40}}.idea-ball-top{--transparent:#ffffff1a;background:linear-gradient(to top,var(--transparent) 0,var(--transparent) 0);background:linear-gradient(to top,var(--progress-color,var(--transparent)) calc(var(--progress, 0)*1%),var(--transparent) calc(var(--progress, 0)*1%));border-radius:50%;filter:drop-shadow(0 0 var(--size) white);height:calc(var(--size)*4);outline:1px solid #ffffff40;width:calc(var(--size)*4)}.idea-ball-bottom,.idea-ball-top{box-sizing:border-box;display:inline-block;margin-left:0;position:relative}.idea-ball-bottom{background:#fff;border:1px solid #fff;height:calc(var(--size)*1.25);width:calc(var(--size)*2.75)}.notifications{bottom:0;display:flex;flex-direction:column;gap:10px;position:fixed;right:50%;transform:translate(50%);z-index:1000}.notification{animation:slideIn .3s ease-out;border-radius:6px;box-shadow:0 4px 12px #00000040;font-size:14px;font-weight:700;max-width:300px;padding:12px 16px}.clickable-notification:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.02)}.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{animation:shake .5s;background:linear-gradient(326deg,#694734,#9d5a2e);color:#ffd1c3}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.death-notification{background:linear-gradient(136deg,#b9b5b5,#d4d4d4);box-shadow:0 4px 12px #0000004d;color:#6a6a6a;transition:transform .2s}.btn-action.btn-dismiss{min-width:300px;transform:translateY(200%);transition:all .5s ease}.btn-action.btn-dismiss.visible{transform:translateY(0)}.resources-panel{align-items:center;background-color:initial;border-radius:0;box-shadow:none;display:flex;gap:15px;margin-bottom:0;padding:0}.resources-panel h3{display:none}.resources-grid{gap:1px}.resource-item,.resources-grid{align-items:center;display:flex}.resource-item{background-color:#ded2a9;font-size:14px;font-weight:600;gap:6px;padding:6px 12px;position:relative;white-space:nowrap;.tooltip-trigger:first-child>&{border-radius:20px 0 0 20px}.tooltip-trigger:last-child>&{border-radius:0 20px 20px 0}.tooltip-trigger:first-child:last-child>&{border-radius:20px}}.resource-forecast{font-size:12px;font-weight:500;margin-left:4px}.resource-forecast.positive{color:#0f8842}.resource-forecast.negative{color:#e74c3c}.resource-value small{opacity:.15}.resource-icon{font-size:18px}.resource-warning{animation:pulse 1.5s ease-in-out infinite;font-size:14px;margin-left:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.new-value{animation:show 2s ease-out 0s 1 normal forwards;border-radius:20px;color:#99ffbd;display:grid;font-size:1.25em;inset:0;place-items:center;position:absolute;text-shadow:0 0 5px #000,0 0 20px #000000b3,0 0 5px #000;width:100%;z-index:999;&.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{background:#00000080;border:1px solid #fff3;border-radius:4px;padding:6px 10px;transition:background 1.5s ease-out,box-shadow 1.5s ease-out,border-color 1s ease-out}.idea-orbe.idea-flash{animation:lighthouse-flash 2s ease-out forwards;.idea-ball-top{animation:orbe-flash 2s ease-out forwards}}@keyframes lighthouse-flash{0%{background:#ffffe6f2;border-color:#ffc;box-shadow:0 0 15px 8px #ffcc,0 0 30px 15px #ffee9980,0 0 50px 25px #ffd9664d,inset 0 0 10px #ffffffe6}5%{background:#fffff5;border-color:#ffffe6;box-shadow:0 0 20px 10px #fffde6e6,0 0 40px 20px #fff2b399,0 0 60px 30px #ffdf8066,inset 0 0 15px #fff}15%{background:#f7edbad9;border-color:#faeb9ecc;box-shadow:0 0 12px 6px #faeb9eb3,0 0 25px 12px #f4d37173,0 0 40px 20px #ebb44740}30%{background:#e4bb67b3;border-color:#e6b34d99;box-shadow:0 0 10px 5px #ebb4478c,0 0 20px 10px #df8f2059,0 0 30px 15px #c3732233}50%{background:#ac73398c;border-color:#c6803973;box-shadow:0 0 8px 4px #b8732e66,0 0 15px 8px #9e5d2e40}70%{background:#67443273;border-color:#8f583d59;box-shadow:0 0 5px 3px #7d4d364d,0 0 10px 5px #673f322e}85%{background:#3d2c2966;border-color:#60403947;box-shadow:0 0 3px 2px #50353033}to{background:#00000080;border-color:#fff3;box-shadow:none}}@keyframes orbe-flash{0%,to{background-color:var(--transparen);box-shadow:none}10%{background-color:#ffffe6e6;box-shadow:0 0 20px 10px #ffffccb3,0 0 40px 20px #fe96}}.stats-panel{background-color:initial;border-radius:0;box-shadow:none;gap:15px;padding:0}.stat,.stats-panel{align-items:center;display:flex;margin-bottom:0}.stat{background-color:#ded2a9;border-radius:20px;font-size:14px;gap:8px;padding:6px 12px;white-space:nowrap}.stat-button{border:none;border-radius:4px;cursor:pointer}.stat-button:hover{background-color:#a7a089}.game-ui{display:flex;flex-direction:column;height:100vh;pointer-events:none;position:relative;width:100%;z-index:1}.game-ui>*{pointer-events:auto}.game-header{background-color:#102216;box-shadow:0 2px 8px #00000026;gap:20px;justify-content:space-between;left:0;padding:12px 20px;right:0;top:0;z-index:1000}.game-header,.header-left{align-items:center;display:flex}.header-left{flex:0 0 auto;gap:15px}.header-link{align-items:center;background:#14291b;border:none;border-radius:8px;color:#487356;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.header-link:hover{background:#8c8d8d26;transform:translateY(-1px)}.header-link svg{font-size:20px}.header-center{display:flex;flex:1 1;justify-content:center}.header-right{align-items:center;display:flex;flex:0 0 auto;gap:12px}.game-header h1{color:#13ec5b72;font-size:1.5em;margin:0;white-space:nowrap}.header-logo{height:32px;vertical-align:middle;width:auto}.game-content{align-items:flex-start;display:flex;flex:1 1;gap:20px;justify-content:space-between;max-width:100%;overflow:hidden;pointer-events:none;position:relative;z-index:10}.left-panel,.right-panel{border-radius:4px;bottom:10px;display:flex;flex:0 0 320px;flex-direction:column;margin:10px;min-width:280px;pointer-events:none;position:absolute;top:10px;z-index:100;& .panel,& .panel-button,& .panel-tabs{pointer-events:auto}}.left-panel{gap:0;left:10px}.panel-header-button{border-radius:8px 8px 0 0;flex-shrink:0;padding-bottom:10px}.panel-header-button .btn-action{margin-bottom:0!important;width:100%}.left-panel>.panel-scrollable{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.left-panel>.panel-scrollable>.panel-tabs{flex-shrink:0}.left-panel>.panel-scrollable>.panel-content{flex:1 1;overflow-y:auto}.right-panel{gap:10px;right:10px;width:370px}.right-panel>.panel-scrollable{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-x:hidden;overflow-y:auto}.panel-tabs{background-color:initial;border-radius:8px;display:flex;gap:0;margin-bottom:2px;overflow:hidden}.tab-button{align-items:center;background-color:#24172f;border:none;color:#64436a;cursor:pointer;display:flex;flex:1 1;flex-direction:row;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px;position:relative;transition:all .3s ease}.tab-button:hover{background-color:#2e193f;color:#ce94d8}.tab-button.active{background-color:#351e48;color:#ce94d8}.panel-content{flex:1 1}.map-container{bottom:0;left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:0}.view-mode-toggle{align-items:center;background-color:#34495ee6;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;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{align-items:center;background-color:#34495ee6;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:8px 12px;position:absolute;right:10px;top:10px;transition:all .2s ease;z-index:100}.view-toggle-btn:hover{background-color:#2980b9f2;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.view-toggle-btn:active{transform:translateY(0)}.turn-info{align-items:center;display:flex;justify-content:space-between}.turn-info h2{color:#34495e;font-size:1.2em;margin:0}.btn-secondary{background-color:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.btn-secondary:hover{background-color:#7f8c8d}.selected-character-info{background-color:#ffc1071a;border:2px solid #ffc107;border-radius:6px;margin-top:15px;padding:15px}.selected-character-info h4{color:#ffd54f;font-size:1.1em;margin:0 0 12px}.character-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:15px}.stat-column{display:flex;flex-direction:column;gap:12px}.stat-item{background-color:#0003;border:1px solid #ffc1074d;border-radius:4px;padding:8px}.stat-item strong{color:#ffd54f;display:block;font-size:.85em;margin-bottom:4px}.stat-value{color:#bcaaa4;font-size:1.1em;font-weight:700;margin-bottom:4px}.stat-subtext{color:#999;font-size:.85em;font-style:italic;margin-top:2px}.knowledge-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.knowledge-item{background-color:#0003;gap:6px;padding:6px 8px}.knowledge-icon{font-size:1.2em}.knowledge-info{display:flex;flex:1 1;flex-direction:column}.knowledge-type{color:#ffd54f;font-size:.8em;font-weight:500}.knowledge-value{color:#bcaaa4;font-size:1.1em;font-weight:700}.no-knowledge{color:#8ba893;font-style:italic;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.actions-panel{background-color:#ff980026;border-radius:6px;margin-bottom:20px;padding:15px}.actions-panel h3{color:#a8c9b0;margin-top:0}.btn-primary{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s}.btn-primary:hover{background-color:#2980b9}.btn-action{align-items:center;background-color:#27ae60;border:none;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 16px;pointer-events:all;transition:background-color .3s;user-select:none;-webkit-user-select:none;width:100%}.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{background-color:#e74c3c;border-radius:6px;color:#fff;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.build-mode-indicator button{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:2px 8px}.characters-panel{width:100%}.characters-panel h3{color:#a8c9b0;margin-top:0}.characters-panel .no-characters-message{color:#8ba893;font-style:italic;text-align:center}.characters-panel .community-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.characters-panel .community-title{color:#64b5f6;font-size:14px;font-weight:700;margin:0}.characters-panel .community-stats{color:#8ba893;display:flex;font-size:12px;gap:12px}.communities-list{display:flex;flex-direction:column;gap:12px}.characters-list{display:flex;flex-direction:column;gap:10px}.character-item-info{background-color:#1976d20d;border:1px solid #0000;border-radius:4px;color:#ce94d8;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.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{align-items:center;display:flex;gap:10px;justify-content:space-between}.character-item-info .character-item-name-row{align-items:center;display:flex;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{color:#8ba893;font-size:11px;margin-top:4px}.character-item-info .health-status{align-items:center;display:flex;gap:6px;margin-bottom:6px}.character-item-info .character-item-stats{color:#8ba893;display:flex;font-size:12px;justify-content:space-between}.character-item-info .character-item-stats-knowledge{display:flex;gap:8px;.wiser{color:#f5c842}}.character-item-info .character-item-details h5{color:#64b5f6;font-size:.9em;margin:0 0 8px}.character-item-info .knowledge-list{display:flex;flex-direction:column;gap:4px}.character-item-info .knowledge-item{align-items:center;background-color:#1976d226;border-left:3px solid #1976d2;border-radius:3px;display:flex;font-size:11px;padding:4px 6px}.character-item-info .knowledge-zero{opacity:.3}.homeless-characters-section{border:1px solid #88971c63;border-radius:4px;margin:0 0 8px;padding:4px;h4.community-title{color:#93a41b;margin-bottom:4px;margin-top:0}.character-item-info{background:#626d1380;color:#a8b355;&:hover{background:#737f1980}&.dragging-character{box-shadow:0 0 10px #626d1380}}}.health-bar{background:#ffffff26;border-radius:4px;display:flex;height:8px;overflow:hidden}.health-loss{background:linear-gradient(90deg,#677d4e,#5a6b43);border-radius:0 4px 4px 0;width:100%}.health-fill,.health-loss{height:100%;transition:width .3s ease}.health-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px 0 0 4px;&:last-child{border-radius:4px}}.knowledge-panel{pointer-events:auto}.knowledge-panel .no-community-message{color:#8ba893;font-style:italic;text-align:center}.knowledge-panel .community-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.knowledge-panel .community-title{color:#64b5f6;font-size:14px;font-weight:700;margin:0}.knowledge-panel .community-stats{color:#8ba893;display:flex;font-size:12px;gap:12px}.knowledge-panel .no-knowledge-message{color:#8ba893;font-size:12px;font-style:italic;margin:8px 0;text-align:center}.knowledge-panel .knowledge-item.clickable{cursor:pointer;transition:background-color .2s ease}.knowledge-panel .knowledge-item.clickable:hover{background-color:#ffffff1a}.character-panel{pointer-events:auto;width:100%}.character-details{grid-gap:12px;display:grid;font-size:13px;gap:12px;grid-template-columns:55px 1fr}.character-avatar{aspect-ratio:1;background:linear-gradient(315deg,#a86db1,#351e48);border-radius:12px;-webkit-user-select:none;user-select:none;svg{transform:translateY(-2.5px)}}.character-details .stat-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.character-details h4{align-items:center;display:flex;margin:12px 0 8px}.character-stats{display:flex;flex-direction:column;gap:6px}.health-status{flex:1 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{align-items:center;background:#48205b;border-left:3px solid #1976d2;border-radius:4px;display:flex;font-size:11px;gap:10px;padding:4px 8px}.knowledge-item.knowledge-zero{opacity:.5}.knowledge-item .knowledge-name{align-items:center;display:flex;flex:1 1;gap:4px}.wiser-star{color:#ffc107;font-size:.8em;margin-left:4px}.learning-list{display:flex;flex-direction:column;gap:4px}.learning-item{align-items:center;background:#1976d226;border-left:3px solid #1976d2;border-radius:4px;display:flex;font-size:11px;gap:8px;padding:4px 8px;transition:background-color .2s ease}.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{align-items:center;background-color:#0003;border-left:3px solid #ccc672;border-radius:4px;display:flex;font-size:11px;gap:8px;padding:4px 8px}.character-idea-item-small .idea-icon{font-size:1.1em}.character-idea-item-small .character-idea-name{flex:1 1}.starvation-warning{background:linear-gradient(135deg,#ffe080,#efdc7b);color:#e74c3c;font-size:12px;font-weight:600;padding:4px 8px}.effects-list{display:flex;flex-direction:column;gap:4px}.effect-item{align-items:center;background:#0003;border-left:3px solid #9e9e9e;border-radius:4px;display:flex;font-size:11px;gap:8px;padding:4px 8px}.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{color:#a8c9b0;flex:1 1}.effect-item .effect-individual{font-size:.9em;opacity:.7}.effect-item .effect-value{font-weight:600;white-space:nowrap}.effect-item.positive .effect-value{color:#4caf50}.effect-item.negative .effect-value{color:#f44336}.tile-panel{width:100%}.tile-info-section{background-color:#4caf501a;padding:4px;p{margin:4px 0}}.slot-visualization{background:#00000026;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;padding:4px}.slot-circle{align-items:center;background:#0000;border:2px solid #4caf50;border-radius:4px;box-sizing:border-box;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.slot-full{border-color:#4caf50;border-style:solid;opacity:1}.slot-occupied{background-color:#4a854a;svg{transform:translateY(-2px)}}.slot-working-only{border-color:#ff9800;border-style:dashed;opacity:.5}.slot-living-only{border-color:#ff9800;border-style:dotted;opacity:.5}.slot-clickable{cursor:pointer}.slot-clickable:hover{background:#4caf501a;box-shadow:0 0 6px #4caf5066;transform:scale(1.15)}.slot-clickable:focus{outline:2px solid #4caf50;outline-offset:2px}.slot-clickable:active{transform:scale(1.05)}.production-section h5{align-items:center;display:flex;margin:0 0 8px}.building-detail{background:#4caf501a;border-radius:6px;padding:10px}.building-name{font-size:1em;margin:0 0 8px}.building-desc{color:#8ba893;font-size:.9em;margin:0 0 8px}.modifiers{font-size:.9em;margin-top:8px}.modifier-line{align-items:center;display:flex;gap:4px;margin:4px 0}.modifier-value{color:#4caf50;font-weight:700;margin-left:4px}.building-actions,.building-custom-actions{display:flex;gap:8px;margin-top:12px}.building-custom-actions{flex-wrap:wrap}.production-info{background:#4caf501a;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px}.production-info h4{margin:0 0 8px}.production-info h4,.stat-line{align-items:center;display:flex}.stat-line{font-size:.9em;gap:4px;margin:4px 0}.production-bonus{margin-top:8px}.technology-item{background:#4caf501a;border-radius:4px;margin-bottom:8px;padding:8px}.tech-name{margin:0 0 4px}.tech-desc{color:#8ba893;font-size:.85em;margin:0}.adjacent-buildings{h4{color:#81c784;font-size:.95em;margin:0 0 8px}}.adjacent-building{font-size:11px;padding:4px 8px;&:hover{background:#00000059;transform:translateX(2px)}}.building-name-small{align-items:center;display:flex;flex:1 1;font-size:11px;gap:4px;margin:0}.modifiers-compact{display:flex;flex-wrap:wrap;gap:4px;margin:0}.modifier-chip{background:#0000004d;border-radius:3px;font-size:10px;gap:2px;padding:1px 4px}.modifier-chip,.tilepanel-btn-small{align-items:center;display:inline-flex}.tilepanel-btn-small{background:#2e563b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;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{background-color:#fff;border-radius:4px;font-size:13px;margin-top:10px;padding:10px}.selected-tile-info h4{border-bottom:2px solid #4caf50;color:#81c784;margin-bottom:8px;margin-top:0;padding-bottom:5px}.selected-tile-info h5{color:#a8c9b0;font-size:.95em;margin-bottom:6px;margin-top:12px}.selected-tile-info p{margin:5px 0}.building-effects{background-color:#f39c1226;border-left:3px solid #f39c12}.building-effects,.vertex-buildings-effects{border-radius:4px;margin-top:10px;padding:8px}.vertex-buildings-effects{background-color:#9c27b026;border-left:3px solid #9c27b0}.building-detail strong{color:#a8c9b0;margin-bottom:4px}.building-desc-small{color:#8ba893;font-size:10px;font-style:italic;margin:2px 0}.modifiers>div{margin-bottom:4px}.modifiers em{color:#a8c9b0;display:block;font-weight:700;margin-bottom:2px}.modifiers-compact span{background-color:#0003;border-radius:2px;padding:2px 4px}.adjacent-tiles{background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;margin-top:10px;padding:8px}.adjacent-tiles h4{color:#81c784;font-size:.95em;margin:0 0 8px}.adjacent-tile{align-items:center;background-color:#0003;border-radius:4px;display:flex;font-size:11px;gap:8px;margin-bottom:4px;padding:4px 8px}.adjacent-tile:last-child{margin-bottom:0}.btn-repair{background:#4caf50;color:#fff}.btn-repair:disabled{background-color:#3b4546;color:gray;cursor:not-allowed}.btn-repair:not(:disabled):hover{background:#388e3c}.adjacent-buildings{background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;margin-top:10px;padding:8px}.adjacent-buildings h4{align-items:center;display:flex;margin:0 0 8px}.adjacent-building{align-items:center;background:#0003;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;margin-bottom:4px;padding:6px 10px;transition:all .2s ease}.adjacent-tile:hover{background:#00000059;transform:translateX(2px)}.effect-type-label{align-items:center;color:#8ba893;display:flex;font-size:.85em;margin:4px 0 8px}.building-info-btn{align-items:center;background:#0000;border:none;color:#8ba893;cursor:pointer;display:inline-flex;font-size:.9em;margin-left:8px;padding:2px 6px;transition:all .2s ease}.building-info-btn:hover{color:#4caf50;transform:scale(1.1)}.btn-small{align-items:center;background:#564431;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85em;padding:6px 12px;transition:all .2s ease}.btn-small:hover{background:#234a2e}.btn-small:disabled{cursor:not-allowed;opacity:.5}.build-list{display:flex;flex-direction:column;gap:4px}.btn-build{background-color:#cba05a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;text-align:left;transition:background-color .3s;width:100%}.btn-build:hover:not(:disabled){background-color:#a26733}.btn-build:disabled{background-color:#272829;color:gray;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(0deg)}to{transform:rotate(1turn)}}.hex-grid-3d-container{background:#393c4c;bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0}.hex-grid-3d-container canvas{display:block;height:100%!important;touch-action:none;width:100%!important}.hex-grid-3d-overlay{align-items:flex-start;display:flex;justify-content:space-between;left:0;padding:10px;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.hex-grid-3d-info{font-family:monospace;font-size:12px}.hex-grid-3d-controls,.hex-grid-3d-info{background:#0009;border-radius:4px;color:#fff;padding:8px 12px}.hex-grid-3d-controls{font-size:11px}.hex-grid-3d-container *{-webkit-user-select:none;user-select:none}.grid-container{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:0;padding:20px;position:relative}.grid-container:before{color:#60a5fa;content:"🌊 MAR 🌊";font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #0000004d;top:-25px;transform:translateX(-50%)}.grid-row{display:flex;gap:0}.hex-grid-container{background:#393c4c;bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:0}.hex-grid-container svg{display:block;height:100%;width:100%}.hex-tile{transition:opacity .15s ease}.hex-vertex{transition:transform .15s ease}.community_border{pointer-events:none}.character{align-items:center;cursor:move;display:inline-flex;justify-content:center;&.selected circle{stroke-width:2px}}.character:hover{transform:scale(1.2)}.tutorial-popover{background:linear-gradient(102deg,#969696,#8d8d8d 20%,#dfdfe1 80%);border:2px solid #656565;border-radius:8px;box-shadow:0 0 20px 0 #ffffff73,0 0 20px 20px #ffffff1a,0 0 700px 50px #000,0 0 200px 50px #000;color:#373d3d;display:grid;grid-template-columns:auto 1fr;padding:16px;pointer-events:all;position:absolute;right:50px;top:50px;width:300px;z-index:100000;&.left{background:linear-gradient(32deg,#969696,#8d8d8d 20%,#dfdfe1 80%);left:50px;right:auto}&.bottom{bottom:50px;top:auto}}.tutorial-content p{margin-bottom:.5em;margin-top:0}.tutorial-header h3{cursor:grab;font-size:1em;margin-top:0}.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{margin-left:-15px;margin-right:10px;margin-top:10px;mix-blend-mode:screen;transform:scale(1.1);svg{animation:glowing 10s infinite}svg *{transition:all .5s ease-in-out}&.flip{margin-left:-10px;transform:scaleX(-1)}}.tutorial-button{background-color:initial;border:none;opacity:.4;padding:0;transition:all .3s;&:hover{opacity:1;text-decoration:underline}}.tutorial-close-button{border:1px solid #0000;border-radius:50%;color:#4b4b40;height:24px;position:absolute;right:10px;top:10px;transition:all .3s;width:24px;&:hover{border:1px solid #4a4a3f80;opacity:1;text-decoration:none}}.tutorial-skip-button{bottom:10px;display:block;font-size:.75em;opacity:.4;padding:0;position:absolute;right:10px;text-align:right;transition:opacity .3s;width:100%}.tutorial-popover-footer-confirmation{display:inline-flex;justify-content:space-between;margin-top:12px;width:calc(100% - 32px)}.tutorial-popover-footer.tutorial-skip-buttons{display:flex;justify-content:space-between;margin-top:10px}:root{--accent-yellow:#fbbf24;--accent-blue:#3b82f6}.help-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Spline Sans,Noto Sans,sans-serif;min-height:100vh;position:relative}.help-page:before{background-image:url(/static/media/bg-forest.4c9f024c492346bc21e1.jpg);background-position:50%;background-size:cover;content:"";inset:0;opacity:.6;position:fixed;z-index:0}.help-page:after{background:linear-gradient(0deg,#102216 0,#102216d9 40%,#10221680);background:linear-gradient(to top,var(--background-dark) 0,#102216d9 40%,#10221680 100%);content:"";inset:0;position:fixed;z-index:1}.help-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#102216b3;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.help-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.015em;margin:0}.back-button,.play-button{align-items:center;border-radius:.75rem;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.back-button{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.back-button:hover{background:#ffffff1a;border-color:#fff3}.play-button{background:#13ec5b;background:var(--primary);box-shadow:0 0 20px #13ec5b4d;color:#102216;color:var(--background-dark)}.play-button:hover{background:#4df585;background:var(--primary-hover);box-shadow:0 0 25px #13ec5b80;transform:scale(1.01)}.help-content{margin:0 auto;max-width:800px;padding:40px 20px;position:relative;z-index:10}.help-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#102216b3;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1rem;margin-bottom:24px;padding:24px 32px}.help-section.highlight-section{background:#13ec5b14;border-color:#13ec5b4d}.help-section.strategy-section{background:#fbbf2414;border-color:#fbbf244d}.help-section.strategy-section h2{color:#fbbf24;color:var(--accent-yellow)}.help-section h2{color:#13ec5b;color:var(--primary);font-size:1.4rem;font-weight:700;margin:0 0 16px}.help-section p{color:#cbd5e1;color:var(--text-light);font-size:1rem;line-height:1.7;margin:0 0 16px}.help-section p:last-child{margin-bottom:0}.help-section p.tip{background:#3b82f61a;border-left:3px solid #3b82f6;border-left:3px solid var(--accent-blue);border-radius:0 .5rem .5rem 0;margin-top:16px;padding:12px 16px}.help-section ol,.help-section ul{color:#cbd5e1;color:var(--text-light);margin:0;padding-left:24px}.help-section li{line-height:1.6;margin-bottom:8px}.help-section li:last-child{margin-bottom:0}.help-section strong{color:#e2e8f0}.help-section em{color:#fbbf24;color:var(--accent-yellow);font-style:normal}.mechanics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.mechanic-card{align-items:flex-start;background:#28392e99;border:1px solid #ffffff14;border-radius:.75rem;display:flex;gap:12px;padding:16px;transition:all .2s ease}.mechanic-card:hover{background:#28392ecc;border-color:#13ec5b33}.mechanic-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.mechanic-content{display:flex;flex-direction:column;gap:4px}.mechanic-content strong{color:#13ec5b;color:var(--primary);font-size:.95rem}.mechanic-content span{color:#9db9a6;color:var(--text-gray);font-size:.9rem;line-height:1.5}.mechanic-content em{color:#fbbf24;color:var(--accent-yellow);font-style:normal}.controls-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.control-item{background:#28392e99;border:1px solid #ffffff0d;border-radius:.5rem;display:flex;flex-direction:column;gap:4px;padding:16px;transition:all .2s ease}.control-item:hover{background:#28392ecc;border-color:#13ec5b33}.control-item strong{color:#13ec5b;color:var(--primary);font-size:1rem}.control-item span{color:#9db9a6;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{font-size:.9rem;padding:8px 12px}.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:#102216b3;--glass-border:#ffffff1a;--text-gray:#9db9a6;--text-light:#cbd5e1}.home-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-family:Spline Sans,Noto Sans,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.home-page:before{background-image:url(/static/media/bg-forest.4c9f024c492346bc21e1.jpg);background-position:50%;background-size:cover;content:"";inset:0;opacity:.6;position:fixed;z-index:0}.home-page:after{background:linear-gradient(0deg,#102216 0,#102216cc 40%,#10221666);background:linear-gradient(to top,var(--background-dark) 0,#102216cc 40%,#10221666 100%);content:"";inset:0;position:fixed;z-index:1}.home-content{color:#fff;max-width:800px;position:relative;text-align:center;z-index:10}.home-tag{background:#0d1809;box-shadow:0 5px 5px 0 #00000026;margin:-65px 0 30px;padding:65px 20px 30px;width:100%}.hero-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#102216b3;background:var(--glass-bg);border-radius:1rem;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;padding:40px 0 30px}.hero-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;max-width:320px;width:100%}.hero-island{height:auto;max-width:400px;width:100%}.home-subtitle{color:#38b45fbe;font-size:1.3rem;font-weight:500;margin:0 0 10px}.home-description{margin:0 auto 10px;max-width:600px}.home-description p{color:#38b45f90;font-size:1.1rem;line-height:1.7}.home-version{color:#9db9a6;color:var(--text-gray);font-size:.85rem;margin-top:20px;opacity:.7}.home-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px;margin-top:20px;z-index:1}.home-button{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.home-button.primary{background:#13ec5b;background:var(--primary);box-shadow:0 0 20px #13ec5b4d;color:#102216;color:var(--background-dark)}.home-button.primary:hover{background:#4df585;background:var(--primary-hover);box-shadow:0 0 25px #13ec5b80;transform:scale(1.01)}.home-button.primary:active{transform:scale(.99)}.home-button.secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.home-button.secondary:hover{background:#ffffff1a;border-color:#fff3}.home-button svg{font-size:1.4rem}.view-toggle{align-items:center;display:flex;gap:12px;margin-bottom:24px}.view-toggle span{color:#9db9a6;color:var(--text-gray);font-size:.95rem;font-weight:600;transition:color .2s ease}.view-toggle span.active{color:#fff}.toggle-switch{background:#28392ecc;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;height:28px;position:relative;transition:all .3s ease;width:52px}.toggle-switch:hover{border-color:#ffffff4d}.toggle-knob{background:#13ec5b;background:var(--primary);border-radius:50%;box-shadow:0 2px 4px #0000004d;height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.toggle-switch.on .toggle-knob{transform:translateX(24px)}.toggle-switch.off .toggle-knob{transform:translateX(0)}.home-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.feature{background:#28392e99;border:1px solid #ffffff14;border-radius:1rem;padding:24px 16px;transition:all .3s ease}.feature:hover{background:#28392ecc;border-color:#13ec5b4d;transform:translateY(-5px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:12px}.feature h3{color:#e2e8f0;font-size:1.1rem;margin:0 0 8px}.feature p{color:#9db9a6;color:var(--text-gray);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:600px){.hero-card{border-radius:1rem;padding:24px 20px 20px}.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{background:linear-gradient(90deg,#393c4c,#2e303f);box-sizing:border-box;min-height:100vh}.game-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1400px}@media (max-width:1200px){.game-container{align-items:center;flex-direction:column}}
/*# sourceMappingURL=main.06af4629.css.map*/