:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eaeaea;--text-secondary: #a0a0a0;--accent-primary: #e94560;--accent-secondary: #533483;--success: #4ecca3;--warning: #ffc107;--border-radius: 8px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}.game-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md);display:grid;grid-template-areas:"header header" "story upgrades" "prestige prestige";grid-template-columns:1fr 300px;grid-template-rows:auto 1fr auto;gap:var(--spacing-md);min-height:100vh}@media (max-width: 768px){.game-container{grid-template-areas:"header" "story" "upgrades" "prestige";grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}}.resource-bar{grid-area:header;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);flex-wrap:wrap;gap:var(--spacing-md)}.resource{display:flex;flex-direction:column;align-items:flex-start}.resource-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.resource-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.rewrite-count{font-size:.875rem;color:var(--text-secondary)}.rewrite-count span{color:var(--success);font-weight:700}.story-section{grid-area:story;display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;min-height:400px}.passage{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--border-radius);border-left:3px solid var(--accent-primary);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.passage p{margin:0;line-height:1.7}.choice-container{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-top:1px solid var(--accent-secondary)}.choice-prompt{text-align:center}.choice-prompt p{margin-bottom:var(--spacing-md);font-style:italic;color:var(--text-secondary)}.choice-timer{font-size:.875rem;color:var(--warning);margin-bottom:var(--spacing-md)}.choice-button{padding:var(--spacing-md);background-color:var(--accent-secondary);color:var(--text-primary);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:background-color .2s,transform .1s}.choice-button:hover{background-color:var(--accent-primary);transform:translateY(-2px)}.choice-button:active{transform:translateY(0)}.upgrade-panel{grid-area:upgrades;background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);max-height:600px;overflow-y:auto;transition:max-height .3s ease,padding .3s ease}.upgrade-panel.collapsed{max-height:60px;overflow:hidden}.upgrade-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.upgrade-panel-header h2{font-size:1.25rem;color:var(--accent-primary);margin:0}.upgrade-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);font-size:1rem;transition:color .2s}.upgrade-toggle:hover{color:var(--text-primary)}.toggle-icon{display:inline-block;transition:transform .3s ease}.upgrade-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upgrade-item{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--border-radius)}.upgrade-item h3{font-size:1rem;margin-bottom:var(--spacing-sm)}.upgrade-item p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.upgrade-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.upgrade-cost{font-size:.875rem;color:var(--warning)}.upgrade-level{font-size:.75rem;color:var(--text-secondary)}.upgrade-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--success);color:var(--bg-primary);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:opacity .2s,background-color .2s}.upgrade-button:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.upgrade-button:not(:disabled):hover{opacity:.9;background-color:var(--success)}.prestige-section{grid-area:prestige;text-align:center;padding:var(--spacing-md)}.prestige-button{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--border-radius);font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.prestige-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #e9456066}.prestige-button:disabled{display:none}.offline-summary{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.offline-content{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius);max-width:500px;width:90%;text-align:center}.offline-content h2{color:var(--accent-primary);margin-bottom:var(--spacing-md)}.offline-content p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.offline-continue{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--success);color:var(--bg-primary);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:700;cursor:pointer}@media (max-width: 480px){.game-container{padding:var(--spacing-sm)}.resource-bar{flex-direction:column;align-items:flex-start}.resource-value{font-size:1.25rem}.story-section{min-height:300px}.upgrade-panel{max-height:300px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.story-log{position:relative;overflow-y:auto;padding:var(--spacing-md);scroll-behavior:smooth}.story-log-content{position:relative}.story-log-spacer-top,.story-log-spacer-bottom{width:100%;pointer-events:none}.notification-container{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.notification{padding:var(--spacing-md);border-radius:var(--border-radius);background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:0 4px 12px #0000004d;pointer-events:auto;animation:slideIn .3s ease-out;max-width:300px}.notification.hiding{animation:slideOut .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification-success{border-left:4px solid var(--success)}.notification-error{border-left:4px solid var(--accent-primary)}.notification-warning{border-left:4px solid var(--warning)}.notification-info{border-left:4px solid var(--accent-secondary)}.prestige-modal{position:fixed;inset:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1500}.prestige-modal-content{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius);max-width:600px;width:90%;text-align:center}.prestige-modal-content h2{color:var(--accent-primary);margin-bottom:var(--spacing-md)}.prestige-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.prestige-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.prestige-choice-card{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--border-radius);border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s}.prestige-choice-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.prestige-choice-card h3{color:var(--accent-primary);margin-bottom:var(--spacing-sm)}.prestige-choice-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.prestige-select-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--success);color:var(--bg-primary);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700;transition:opacity .2s}.prestige-select-button:hover{opacity:.9}.prestige-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.prestige-cancel{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--text-secondary);border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s}.prestige-cancel:hover{background-color:var(--accent-secondary)}.choice-text{font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-style:italic}.choice-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.choice-options{flex-direction:row;flex-wrap:wrap}.choice-button{flex:1;min-width:200px}}.hidden{display:none!important}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent-primary)}