:root{--primary-bg: #0a0e27;--secondary-bg: #141b3d;--tertiary-bg: #1e2749;--accent: #d32f2f;--accent-light: #ef5350;--text-primary: #ffffff;--text-secondary: #b0bec5;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--meter-high: #4caf50;--meter-medium: #ff9800;--meter-low: #ff5722;--meter-critical: #d32f2f;--border-radius: 8px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.app{min-height:100vh;padding:var(--spacing-md);max-width:100%;width:100%;display:flex;flex-direction:column}.error-banner{background:var(--danger);color:#fff;padding:var(--spacing-sm);text-align:center;font-weight:600;margin-bottom:var(--spacing-md);border-radius:var(--border-radius)}.nav-button{background:var(--tertiary-bg);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:18px;transition:all .3s ease;margin-right:8px}.nav-button:hover{background:var(--secondary-bg);border-color:var(--accent);transform:translateY(-2px)}.back-button{font-size:24px;padding:8px 16px;font-weight:700}.phase-info{text-align:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-md)}.phase-info h2{color:var(--accent-light);font-size:24px;margin-bottom:8px}.phase-info p{color:var(--text-secondary);font-size:14px}.demo-badge{background:var(--warning);color:var(--primary-bg);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;margin-left:12px}.demo-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.demo-label{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.demo-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.demo-button{background:var(--tertiary-bg);border:2px solid var(--warning);color:var(--text-primary);padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.demo-button:hover{background:var(--warning);color:var(--primary-bg);transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.demo-info{background:var(--tertiary-bg);border:2px solid var(--warning);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.demo-info h3{color:var(--warning);margin-bottom:var(--spacing-sm)}.demo-info p{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.demo-info strong{color:var(--text-primary)}.start-screen{max-width:900px;margin:0 auto;padding:var(--spacing-lg) 0}.crisis-banner{background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);box-shadow:0 4px 20px #d32f2f4d}.crisis-banner h2{margin-bottom:var(--spacing-sm);font-size:1.8rem;text-align:center}.crisis-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;font-size:.9rem}.crisis-stats span{background:#0000004d;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-weight:600}.game-intro{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.game-intro h1{font-size:3rem;text-align:center;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{text-align:center;color:var(--text-secondary);font-size:1.2rem;margin-bottom:var(--spacing-lg)}.intro-text{background:var(--tertiary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border-left:4px solid var(--accent)}.intro-text p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md);font-size:1.05rem}.intro-text p:last-child{margin-bottom:0}.intro-text strong{color:var(--text-primary)}.methodology{margin-bottom:var(--spacing-lg)}.methodology h3{margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--accent-light)}.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.phase{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--accent)}.phase strong{display:block;margin-bottom:var(--spacing-xs);color:var(--accent-light);font-size:1.1rem}.phase em{display:block;color:var(--warning);font-style:normal;font-weight:600;margin-bottom:var(--spacing-xs);font-size:.95rem}.phase p{line-height:1.7;color:var(--text-secondary)}.eda-system{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid var(--accent)}.eda-system h3{margin-bottom:var(--spacing-sm);color:var(--accent-light)}.eda-system ul{list-style-position:inside;margin:var(--spacing-sm) 0}.eda-system li{margin-bottom:var(--spacing-xs)}.warning{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#d32f2f33;border-left:4px solid var(--accent);font-weight:600;color:var(--accent-light)}.start-form{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;font-size:1.1rem}.form-group input[type=text]{width:100%;padding:var(--spacing-sm);background:var(--tertiary-bg);border:2px solid var(--accent);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem}.form-group input[type=text]:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 3px #d32f2f33}.role-selection{display:grid;gap:var(--spacing-md)}.role-option{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;gap:var(--spacing-sm);align-items:flex-start}.role-option:hover{border-color:var(--accent);transform:translateY(-2px)}.role-option.selected{border-color:var(--accent);background:#d32f2f1a}.role-option input[type=radio]{margin-top:4px}.role-details strong{display:block;margin-bottom:var(--spacing-xs);font-size:1.1rem;color:var(--accent-light)}.role-details p{color:var(--text-secondary)}.start-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d32f2f66}.game-screen{max-width:1200px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--border-radius);border:2px solid var(--accent);box-shadow:0 4px 12px #d32f2f33}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.header-left h1{font-size:1.5rem;color:var(--text-primary)}.game-header h1{font-size:2rem;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.player-info{display:flex;gap:var(--spacing-sm);align-items:center}.player-name{font-weight:600;font-size:1.1rem}.role-badge{background:var(--accent);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.meter-display{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.meters{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.meter{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meter-label{font-weight:600;font-size:.95rem;color:var(--text-secondary)}.meter-bar{height:32px;background:var(--tertiary-bg);border-radius:16px;overflow:hidden;position:relative}.meter-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-sm);transition:width .5s ease,background-color .3s ease;font-weight:700}.meter-high{background:linear-gradient(90deg,var(--meter-high) 0%,#66bb6a 100%)}.meter-medium{background:linear-gradient(90deg,var(--meter-medium) 0%,#ffb74d 100%)}.meter-low{background:linear-gradient(90deg,var(--meter-low) 0%,#ff7043 100%)}.meter-critical{background:linear-gradient(90deg,var(--meter-critical) 0%,#e53935 100%);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.meter-value{font-size:.9rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.eda-scores{padding-top:var(--spacing-md);border-top:2px solid var(--tertiary-bg)}.eda-scores h4{margin-bottom:var(--spacing-sm);color:var(--accent-light)}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.score-item{display:flex;justify-content:space-between;align-items:center;background:var(--tertiary-bg);padding:var(--spacing-sm);border-radius:var(--border-radius)}.score-label{font-weight:600;color:var(--text-secondary)}.score-value{font-size:1.3rem;font-weight:700;color:var(--accent-light)}.scenario-display{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.scenario-header{margin-bottom:var(--spacing-md)}.phase-indicator{display:inline-block;background:var(--accent);padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-sm)}.scenario-header h2{font-size:1.8rem;margin-bottom:var(--spacing-sm);color:var(--accent-light)}.npc-character{color:var(--text-secondary);font-style:italic}.crisis-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.crisis-tag{background:#d32f2f33;padding:4px 12px;border-radius:4px;font-size:.85rem;border:1px solid var(--accent)}.situation-text{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border-left:4px solid var(--accent);font-size:1.05rem;line-height:1.7}.choices{margin-top:var(--spacing-lg)}.choices h3{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.choice-button{width:100%;background:var(--tertiary-bg);border:2px solid transparent;border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);cursor:pointer;transition:all .3s ease;text-align:left;color:var(--text-primary)}.choice-button:hover:not(:disabled){border-color:var(--accent-light);transform:translate(8px);background:#d32f2f1a}.choice-button:disabled{opacity:.5;cursor:not-allowed}.choice-text{display:block;margin-bottom:var(--spacing-sm);line-height:1.6;font-size:1rem}.choice-indicators{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.indicator{padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600;font-family:monospace}.indicator.positive{background:#4caf5033;color:var(--success);border:1px solid var(--success)}.indicator.negative{background:#f4433633;color:var(--danger);border:1px solid var(--danger)}.outcome-display{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius)}.outcome-header h3{font-size:1.8rem;margin-bottom:var(--spacing-md);color:var(--accent-light)}.outcome-text{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border-left:4px solid var(--accent);font-size:1.05rem;line-height:1.7}.outcome-effects{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.outcome-effects h4{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.effects-grid{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.effect{display:flex;justify-content:space-between;padding:var(--spacing-sm);border-radius:var(--border-radius);font-weight:600}.effect.positive{background:#4caf5033;border-left:4px solid var(--success)}.effect.negative{background:#f4433633;border-left:4px solid var(--danger)}.effect.neutral{background:#b0bec51a;border-left:4px solid var(--text-secondary)}.eda-changes{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--secondary-bg);justify-content:center}.eda-change{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-weight:700;font-family:monospace;font-size:1.1rem}.keyboard-hint{text-align:center;margin:var(--spacing-md) 0;color:var(--text-secondary);font-size:.9rem}.keyboard-hint kbd{background:var(--tertiary-bg);border:1px solid var(--accent);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.85rem;color:var(--text-primary);box-shadow:0 2px 4px #0003}.continue-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.continue-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d32f2f66}.game-over{max-width:800px;margin:0 auto;padding:var(--spacing-xl) 0}.game-over-content{background:var(--secondary-bg);padding:var(--spacing-xl);border-radius:var(--border-radius);border:2px solid var(--accent)}.game-over h1{font-size:3rem;text-align:center;margin-bottom:var(--spacing-lg);color:var(--accent);text-transform:uppercase}.game-over-reason{background:var(--tertiary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);border-left:4px solid var(--accent);text-align:center;font-size:1.3rem;font-weight:600;line-height:1.6}.final-stats{margin-bottom:var(--spacing-xl)}.final-stats>h3{text-align:center;margin-bottom:var(--spacing-lg);font-size:1.8rem;color:var(--accent-light)}.stat-section{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.stat-section h4{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--secondary-bg);border-radius:var(--border-radius)}.completion-message{background:var(--success);color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);text-align:center;font-size:1.1rem;line-height:1.8}.recommendations-section{background:var(--tertiary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-xl) 0;border:2px solid var(--accent-light)}.recommendations-section h3{text-align:center;color:var(--accent-light);font-size:1.8rem;margin-bottom:var(--spacing-md)}.profile-badge{text-align:center;background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xl);box-shadow:0 4px 12px #d32f2f4d}.recommendations-section h4{color:var(--text-primary);font-size:1.3rem;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.recommendations-list{list-style:none;padding:0;margin-bottom:var(--spacing-xl)}.recommendations-list li{background:var(--secondary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);border-left:4px solid var(--accent-light);line-height:1.6}.recommendations-list li:before{content:"▸ ";color:var(--accent-light);font-weight:700;margin-right:var(--spacing-xs)}.key-insights{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1)}.key-insights h4{color:var(--warning);margin-top:0}.key-insights p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.key-insights p:last-child{margin-bottom:0}.stat span:first-child{color:var(--text-secondary);font-weight:600}.stat span:last-child{color:var(--accent-light);font-weight:700;font-size:1.1rem}.restart-button{width:100%;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.restart-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d32f2f66}.loading-overlay{position:fixed;inset:0;background:#0a0e27e6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:60px;height:60px;border:4px solid var(--tertiary-bg);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disclaimer-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.disclaimer-content{max-width:900px;width:100%}.disclaimer-content h1{font-size:2.5rem;text-align:center;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-description{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border:2px solid var(--accent)}.game-description h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--accent-light)}.game-description p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.game-description p:last-child{margin-bottom:0}.game-description strong{color:var(--text-primary)}.disclaimer-box{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);border:2px solid var(--accent)}.disclaimer-box h3{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--accent-light);text-align:center}.terms-content{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border-left:4px solid var(--accent)}.terms-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.terms-content ul{list-style-position:inside;color:var(--text-secondary);line-height:1.8}.terms-content li{margin-bottom:var(--spacing-xs)}.disclaimer-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.disclaimer-form .form-group{margin-bottom:0}.disclaimer-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-primary)}.disclaimer-form input[type=email]{width:100%;padding:var(--spacing-sm);background:var(--tertiary-bg);border:2px solid var(--accent);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem}.disclaimer-form input[type=email]:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 3px #d32f2f33}.disclaimer-form input[type=email]:disabled{opacity:.6;cursor:not-allowed}.checkbox-group{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.checkbox-group input[type=checkbox]{margin-top:4px;width:20px;height:20px;cursor:pointer}.checkbox-group input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-group label{flex:1;margin-bottom:0;font-weight:400;color:var(--text-secondary);cursor:pointer;line-height:1.6}.error-message{background:#f4433633;border:1px solid var(--danger);color:var(--danger);padding:var(--spacing-sm);border-radius:var(--border-radius);font-weight:600;text-align:center}.success-message{background:#4caf5033;border:1px solid var(--success);color:var(--success);padding:var(--spacing-sm);border-radius:var(--border-radius);font-weight:600;text-align:center}.submit-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d32f2f66}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.site-footer{background:var(--secondary-bg);border-top:2px solid var(--accent);padding:var(--spacing-lg) var(--spacing-md);margin-top:auto;color:var(--text-secondary);font-size:.9rem}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-org strong,.footer-support strong,.footer-disclaimer strong{display:block;color:var(--text-primary);margin-bottom:6px;font-size:1rem}.footer-org p,.footer-support p,.footer-disclaimer p{margin:0;line-height:1.6}.footer-support{padding:var(--spacing-sm) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.footer-paypal-link{display:inline-block;margin-top:8px;color:#0070ba;font-weight:600;text-decoration:underline}.footer-paypal-link:hover{color:#005ea6}.footer-contact{display:flex;flex-direction:column;gap:6px}.footer-contact-row{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.footer-label{font-weight:600;color:var(--text-primary);min-width:70px}.footer-contact a{color:var(--text-secondary);text-decoration:underline}.footer-contact a:hover{color:var(--text-primary)}.footer-disclaimer{padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{text-align:center;padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--text-secondary)}.footer-copyright p{margin:0}.feedback-contact{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.feedback-contact p{margin:4px 0}.feedback-contact a{color:var(--accent-light);text-decoration:none;transition:color .3s ease}.feedback-contact a:hover{color:var(--accent);text-decoration:underline}.feedback-note{font-size:.85rem;color:var(--text-secondary);font-style:italic}.beta-badge{position:fixed;top:20px;right:20px;background:var(--warning);color:var(--primary-bg);padding:8px 16px;border-radius:4px;font-weight:700;font-size:.85rem;z-index:999;box-shadow:0 4px 12px #ff980066;letter-spacing:2px}.feedback-button{position:fixed;bottom:100px;right:20px;background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #d32f2f66;transition:all .3s ease;z-index:998}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f99}.feedback-icon{font-size:1.2rem}.assistant-toggle{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #d32f2f66;transition:all .3s ease;z-index:998}.assistant-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f99}.assistant-icon{font-size:1.2rem}.assistant-modal{position:fixed;inset:0;background:#0a0e27f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.assistant-content{background:var(--secondary-bg);border:2px solid var(--accent);border-radius:var(--border-radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #d32f2f4d}.assistant-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:2px solid var(--tertiary-bg)}.assistant-header h3{color:var(--accent-light);font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-button:hover{color:var(--accent)}.assistant-body{padding:var(--spacing-md)}.assistant-intro{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.assistant-input-group{margin-bottom:var(--spacing-md)}.assistant-input{width:100%;background:var(--tertiary-bg);border:2px solid var(--accent);border-radius:var(--border-radius);color:var(--text-primary);padding:var(--spacing-sm);font-size:1rem;font-family:inherit;resize:vertical;min-height:80px}.assistant-input:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 3px #d32f2f33}.character-count{text-align:right;color:var(--text-secondary);font-size:.85rem;margin-top:4px}.assistant-error{background:#f4433633;border:1px solid var(--danger);color:var(--danger);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-weight:600}.ask-button{width:100%;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--accent) 0%,#b71c1c 100%);border:none;border-radius:var(--border-radius);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;margin-bottom:var(--spacing-md)}.ask-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f66}.assistant-answer{background:var(--tertiary-bg);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--success);margin-bottom:var(--spacing-md)}.assistant-answer h4{color:var(--success);margin-bottom:var(--spacing-sm);font-size:1.1rem}.assistant-answer p{color:var(--text-secondary);line-height:1.7}.quick-questions{padding-top:var(--spacing-md);border-top:2px solid var(--tertiary-bg)}.quick-questions h4{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.95rem}.quick-questions button{display:block;width:100%;background:var(--tertiary-bg);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;text-align:left;margin-bottom:var(--spacing-xs);transition:all .3s ease;font-size:.9rem}.quick-questions button:hover{background:#d32f2f1a;border-color:var(--accent);transform:translate(4px)}@media(max-width:768px){html{font-size:14px}.app{padding:var(--spacing-xs);min-height:100vh}.game-intro h1{font-size:1.75rem}.phases,.score-grid{grid-template-columns:1fr}.game-header{flex-direction:column;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-sm)}.header-left{flex-wrap:wrap;justify-content:center}.game-over h1{font-size:1.75rem}.disclaimer-container{padding:var(--spacing-sm);min-height:100vh}.disclaimer-content{width:100%}.disclaimer-content h1{font-size:1.5rem}.game-description{padding:var(--spacing-md)}.game-description h2{font-size:1.2rem}.game-description p{font-size:.95rem}.disclaimer-box{padding:var(--spacing-md)}.terms-content{padding:var(--spacing-sm);font-size:.9rem}.beta-badge{top:10px;right:10px;font-size:.75rem;padding:6px 12px}.feedback-button{bottom:80px;right:10px;padding:10px 16px;font-size:.9rem}.feedback-text{display:none}.assistant-toggle{bottom:10px;right:10px;padding:10px 16px;font-size:.9rem}.assistant-text{display:none}.assistant-modal{padding:var(--spacing-xs)}.assistant-content{max-height:95vh}.assistant-header{padding:var(--spacing-sm)}.assistant-header h3{font-size:1.2rem}.assistant-body{padding:var(--spacing-sm)}.scenario-display{padding:var(--spacing-md)}.scenario-header h2{font-size:1.4rem}.situation-text{font-size:.95rem;padding:var(--spacing-sm)}.choice-button{padding:var(--spacing-sm)}.choice-text{font-size:.9rem}.stats-grid{grid-template-columns:1fr}.start-screen,.game-screen{max-width:100%}.crisis-banner{padding:var(--spacing-sm)}.crisis-stats{font-size:.8rem}.game-intro,.start-form,.outcome-display{padding:var(--spacing-md)}.site-footer{padding:var(--spacing-sm);font-size:.85rem}}@media(max-width:480px){html{font-size:13px}.nav-button{padding:6px 10px;font-size:14px}.back-button{font-size:18px;padding:6px 12px}.phase-info h2{font-size:1.2rem}.meter-label{font-size:.85rem}.eda-scores h4{font-size:1rem}}@media(min-width:769px)and (max-width:1024px){.app{padding:var(--spacing-md)}.game-screen,.start-screen{max-width:95%}.disclaimer-container{padding:var(--spacing-md)}}
