*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--bg-secondary: #16213e;--text: #e0e0e0;--text-muted: #8888aa;--accent: #e2b714;--danger: #e74c3c;--success: #2ecc71;--bar-bg: #2a2a4a;--option-bg: #1e2a4a;--option-hover: #2a3a5a;--option-border: #3a4a6a;--mood-dark: #8b0000;--mood-neutral: #b8860b;--mood-light: #228b22;--stat-fill: #4a9eff;--stat-warn: #ff4444;font-family:Courier New,monospace;font-size:16px;color:var(--text);background:var(--bg)}body{min-height:100vh;min-height:100dvh}.screen{display:none;min-height:100vh;min-height:100dvh}.screen.active{display:flex;flex-direction:column}.start-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.game-title{font-size:clamp(2rem,6vw,4rem);color:var(--accent);margin-bottom:.5rem}.tagline{color:var(--text-muted);margin-bottom:2rem;max-width:400px}.start-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.start-form input{padding:.75rem;font-family:inherit;font-size:1rem;background:var(--bg-secondary);border:1px solid var(--option-border);color:var(--text);text-align:center}.start-form input:focus{outline:2px solid var(--accent);border-color:var(--accent)}button{padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;background:var(--accent);color:var(--bg);border:none;cursor:pointer;font-weight:700;transition:opacity .2s}button:hover{opacity:.85}button:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--option-border)}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted)}#game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--option-border);flex-wrap:wrap;gap:.5rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.game-name{color:var(--accent);font-weight:700}#iteration-badge{color:var(--text-muted);font-size:.875rem}#year-display{font-weight:700;font-size:1.1rem}.mood-bar-container{display:flex;align-items:center;gap:.5rem}.mood-bar{width:80px;height:8px;background:var(--bar-bg);border-radius:4px;position:relative;overflow:hidden}.mood-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--mood-pct, 50%);background:var(--mood-color, var(--mood-neutral));border-radius:4px;transition:width .5s,background .5s}#map-container{height:200px;background:var(--bg-secondary);border-bottom:1px solid var(--option-border)}#stats-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--option-border)}.stat-row{display:flex;align-items:center;gap:.5rem}.stat-label{width:90px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.stat-bar-bg{flex:1;height:10px;background:var(--bar-bg);border-radius:5px;overflow:hidden;min-width:60px}.stat-bar-fill{height:100%;width:50%;background:var(--stat-fill);border-radius:5px;transition:width .5s,background .3s}.stat-value{width:30px;text-align:right;font-size:.875rem;font-weight:700}.stat-warning{width:20px;font-size:.875rem;visibility:hidden}.stat-row.warning .stat-warning{visibility:visible;animation:pulse 1s infinite}.stat-row.warning .stat-bar-fill{background:var(--stat-warn)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#narrative-area{flex:1;padding:1.5rem;max-width:700px;margin:0 auto;width:100%}#event-title{color:var(--accent);font-size:1.3rem;margin-bottom:1rem}#event-narrative{line-height:1.7;font-size:1rem;color:var(--text)}#options-area{padding:0 1rem 1rem;max-width:700px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:.5rem}.option-card{background:var(--option-bg);border:1px solid var(--option-border);padding:1rem;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit;font-size:.95rem;color:var(--text)}.option-card:hover{background:var(--option-hover);border-color:var(--accent);transform:translate(4px)}.option-card .option-label{font-weight:700;display:block;margin-bottom:.3rem}.option-card .option-desc{font-size:.85rem;color:var(--text-muted)}#game-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--option-border)}#discovery-display{color:var(--text-muted);font-size:.875rem}.gameover-container,.victory-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;max-width:600px;margin:0 auto}.death-title{font-size:2rem;color:var(--danger);margin-bottom:1rem}#death-narrative{line-height:1.7;margin-bottom:1.5rem;max-width:500px}#death-stats{margin-bottom:1.5rem;color:var(--text-muted);font-size:.9rem}.gameover-actions,.victory-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.victory-title{font-size:2rem;color:var(--success);margin-bottom:.5rem}.victory-subtitle{color:var(--text-muted);margin-bottom:1.5rem}#victory-stats,#victory-flags{margin-bottom:1rem}body.mood-dark{--bg: #0d0d0d;--bg-secondary: #1a0a0a;--text: #cc9999;--option-bg: #1a0a0a;--option-hover: #2a1515;--option-border: #4a2020;--accent: #cc4444}body.mood-light{--bg: #1a2e1a;--bg-secondary: #0d1f0d;--text: #d4e8d4;--option-bg: #1a2e1a;--option-hover: #254025;--option-border: #2a5a2a;--accent: #4aaa4a}@media(max-width:600px){#game-header{flex-direction:column;align-items:stretch}.header-left,.header-right{justify-content:space-between}#stats-panel{grid-template-columns:1fr}#map-container{height:150px}#narrative-area{padding:1rem}#options-area{padding:0 1rem 1rem}.game-title{font-size:2rem}}@media(min-width:1024px){#map-container{height:250px}}