:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{color:#d7d9de;background:#14161a;min-height:100vh;margin:0}button{font-family:inherit}.app{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex}.header{text-align:center}.header h1{color:#f5a623;letter-spacing:-.5px;margin:0;font-size:32px}.tagline{color:#8b8f99;margin:4px 0 0;font-size:14px}.offline-banner{background:#20261b;border:1px solid #3d4a2d;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.offline-gains{color:#b7d99a;flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.offline-banner button{color:#8b8f99;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:16px}.resource-bar{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.power-bar{background:#1e2127;border:1px solid #2c303a;border-radius:10px;padding:10px 14px}.power-bar.brownout{background:#241c16;border-color:#6b3a1f}.power-bar-label{font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.power-bar-track{background:#2c303a;border-radius:3px;height:6px;overflow:hidden}.power-bar-fill{background:#f5a623;height:100%;transition:width .3s}.power-bar.brownout .power-bar-fill{background:#e2574c}.power-bar-warning{color:#e2a13c;margin:6px 0 0;font-size:12px}.resource-chip{background:#1e2127;border:1px solid #2c303a;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.resource-icon{flex-shrink:0;font-size:24px}.resource-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:600}.resource-name{color:#8b8f99;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.resource-rate{color:#6fcf72;font-variant-numeric:tabular-nums;font-size:11px}.main{flex-direction:column;gap:24px;display:flex}.click-area{justify-content:center;padding:12px 0;display:flex}.click-button{color:#e8e6df;text-align:center;cursor:pointer;background:radial-gradient(circle at 30% 30%,#2c3320,#1a1d15);border:3px solid #f5a623;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:200px;height:200px;padding:16px;font-size:14px;font-weight:600;transition:transform 80ms;display:flex;position:relative;overflow:visible}.click-button:active{transform:scale(.94)}.click-icon{font-size:48px}.floater{pointer-events:none;color:#f5a623;font-size:18px;font-weight:700;animation:.7s ease-out forwards float-up;position:absolute}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-60px)}}.building-list{flex-direction:column;gap:20px;display:flex}.building-category{flex-direction:column;gap:12px;display:flex}.category-label{color:#8b8f99;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.building-category-list{flex-direction:column;gap:12px;display:flex}.building-hint{text-align:center;color:#5a5d66;margin:4px 0 0;font-size:12px}.building-card{background:#1e2127;border:1px solid #2c303a;border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.building-card.owned{border-color:#4a3f22}.building-icon{text-align:center;flex-shrink:0;width:44px;font-size:32px}.building-info{flex:1;min-width:0}.building-title{justify-content:space-between;gap:8px;font-weight:600;display:flex}.building-owned{color:#f5a623;font-variant-numeric:tabular-nums}.building-desc{color:#8b8f99;margin:2px 0 6px;font-size:13px}.building-flow{font-variant-numeric:tabular-nums;color:#a9acb4;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.per-unit{color:#5a5d66}.power-use{color:#f5a623;margin:4px 0 0;font-size:12px}.recipe-row{border-top:1px solid #262a33;margin-top:8px;padding-top:8px}.recipe-row:first-of-type{border-top:none;margin-top:6px;padding-top:0}.recipe-label{color:#c7cad1;margin-right:2px;font-weight:600}.building-warning{color:#e2a13c;margin-top:4px;font-size:12px;animation:.3s badge-fade-in}.building-boost{color:#6fcf72;margin-top:4px;font-size:12px;animation:.3s badge-fade-in}@keyframes badge-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.buy-button{color:#1a1500;cursor:pointer;white-space:nowrap;background:#f5a623;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.buy-button:disabled{color:#6b6e78;cursor:not-allowed;background:#33363f}.buy-button,.ascend-button,.reset-button,.layout-tile,.layout-cell,.plan-buy{transition:transform 80ms}.buy-button:not(:disabled):active,.ascend-button:not(:disabled):active,.reset-button:active,.layout-tile:active,.layout-cell:active{transform:scale(.95)}.event-banner{cursor:pointer;color:#f3d9a4;text-align:left;background:linear-gradient(135deg,#3d2f0a,#241b06);border:1px solid #f5a623;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;animation:1.6s ease-in-out infinite event-pulse;display:flex}.event-banner.rush-active{cursor:default;color:#bfe8c2;background:linear-gradient(135deg,#16321a,#0e1f11);border-color:#6fcf72;animation:none}.event-icon{flex-shrink:0;font-size:26px}.event-text{flex-direction:column;flex:1;gap:2px;font-size:12px;display:flex}.event-text strong{font-size:14px}.event-timer{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:700}@keyframes event-pulse{0%,to{box-shadow:0 0 #f5a62366}50%{box-shadow:0 0 0 8px #f5a62300}}.layout-panel{background:#0f2027;border:1px solid #164e5c;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.layout-title{color:#22d3ee;margin:0;font-size:16px}.layout-hint{color:#8b8f99;margin:0;font-size:12px}.layout-palette{flex-wrap:wrap;gap:8px;min-height:44px;display:flex}.layout-empty{color:#5a5d66;align-self:center;font-size:12px}.layout-tile{cursor:pointer;background:#14343d;border:1px solid #164e5c;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:20px;display:flex}.layout-tile.selected{background:#17505e;border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee4d}.layout-grid{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:320px;margin:0 auto;display:grid}.layout-cell{aspect-ratio:1;cursor:pointer;background:#14161a;border:1px dashed #2c303a;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:relative}.layout-cell.occupied{background:#14343d;border-style:solid;border-color:#164e5c}.layout-cell-badge{color:#6fcf72;background:#0000008c;border-radius:4px;padding:0 2px;font-size:9px;font-weight:700;position:absolute;bottom:2px;right:2px}.prestige-panel{background:#1e1b2e;border:1px solid #3f2f5c;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.prestige-title{color:#c084fc;margin:0;font-size:16px}.prestige-points{color:#e9d5ff;align-items:baseline;gap:8px;font-size:20px;font-weight:700;display:flex}.prestige-points-label{color:#8b8f99;font-size:12px;font-weight:400}.prestige-lifetime{color:#8b8f99;margin:0;font-size:12px}.ascend-box{color:#c7cad1;background:#241f38;border:1px solid #3f2f5c;border-radius:10px;flex-direction:column;gap:10px;padding:12px;font-size:13px;display:flex}.ascend-box p{margin:0}.ascend-button{color:#1a0f2e;cursor:pointer;background:#a855f7;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}.ascend-button:disabled{color:#6b6e78;cursor:not-allowed;background:#33363f}.ascend-button.confirming{color:#fff;background:#e2574c}.plan-list{flex-direction:column;gap:10px;display:flex}.plan-card{background:#241f38;border:1px solid #3f2f5c;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.plan-icon{text-align:center;flex-shrink:0;width:32px;font-size:24px}.plan-info{flex:1;min-width:0}.plan-title{justify-content:space-between;gap:8px;font-size:13px;font-weight:600;display:flex}.plan-level{color:#c084fc;font-variant-numeric:tabular-nums}.plan-desc{color:#8b8f99;margin:2px 0 0;font-size:12px}.plan-current{color:#c084fc;margin:6px 0 0;font-size:12px;font-weight:600}.plan-buy{color:#1a0f2e;background:#a855f7}.plan-buy:disabled{color:#6b6e78;background:#33363f}.footer{text-align:center;color:#5a5d66;flex-direction:column;gap:8px;margin-top:12px;font-size:12px;display:flex}.reset-button{color:#8b8f99;cursor:pointer;background:0 0;border:1px solid #3a3d46;border-radius:6px;align-self:center;padding:6px 12px;font-size:12px}.reset-button:hover,.reset-button.confirming{color:#e2574c;border-color:#e2574c}@media (width<=480px){.resource-chip{gap:6px;padding:8px}.resource-icon{font-size:18px}.click-button{width:160px;height:160px}.click-icon{font-size:36px}.building-card{flex-wrap:wrap}.buy-button{width:100%}}