.start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:2rem 1rem;text-align:center}.start-logo{color:var(--text-accent);font-size:11px;line-height:1.2;white-space:pre;font-family:Courier New,Courier,monospace;margin-bottom:1.5rem}@media (min-width: 600px){.start-logo{font-size:14px}}.start-subtitle{font-family:var(--font-title);font-size:10px;color:var(--text-dim);margin-bottom:3rem;letter-spacing:2px}.start-menu{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px;margin-bottom:3rem}.start-btn{font-family:var(--font-title);font-size:11px;padding:1rem 1.5rem;background:transparent;color:var(--text-accent);border:2px solid var(--text-accent);border-radius:4px;cursor:pointer;letter-spacing:1px;transition:background .15s,color .15s}.start-btn:hover,.start-btn:focus{background:var(--text-accent);color:var(--bg-primary);outline:none}.start-footer{font-family:var(--font-main);font-size:18px;color:var(--text-dim);letter-spacing:1px}.splash{cursor:pointer;gap:2rem}.start-logo-small{font-size:7px}@media (min-width: 600px){.start-logo-small{font-size:10px}}.splash-prompt{font-family:var(--font-title);font-size:14px;color:var(--text-accent);letter-spacing:3px}.blink{animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.stat-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem;width:100%;padding:.5rem 0}.stat-bar-item{display:flex;flex-direction:column;gap:2px}.stat-bar-header{display:flex;align-items:center;justify-content:space-between;font-size:18px}.stat-icon{font-size:18px;transition:color .3s}.stat-icon.danger{animation:pulse-danger 1s infinite}.stat-icon.critical{color:var(--color-negative);animation:pulse-critical .4s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-critical{0%,to{opacity:1;transform:scale(1.1)}50%{opacity:.5;transform:scale(.9)}}.stat-value{font-size:16px;color:var(--text-dim)}.stat-track{position:relative;width:100%;height:8px;background:#222;border-radius:4px;overflow:hidden}.stat-fill{height:100%;border-radius:4px;transition:width .5s ease}.stat-preview{position:absolute;top:0;height:100%;border-radius:4px;opacity:.6;transition:left .2s,width .2s}.stat-preview.positive{background:var(--color-positive)}.stat-preview.negative{background:var(--color-negative)}.card-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none}.card{position:relative;background:var(--bg-card);border:2px solid #333;border-radius:14px;max-width:400px;width:100%;padding:1.75rem 1.5rem;cursor:grab;touch-action:none;transition:border-color .15s,box-shadow .15s;will-change:transform}.card:active{cursor:grabbing}.card.tilt-left{border-color:var(--color-negative);box-shadow:-8px 0 24px #ef444466}.card.tilt-right{border-color:var(--color-positive);box-shadow:8px 0 24px #4ade8066}.card-category{font-family:var(--font-title);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem}.card-image{display:block;width:120px;height:120px;margin:0 auto 1rem;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none}.card-title{font-family:var(--font-title);font-size:18px;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4}.card-situation{font-family:var(--font-main);font-size:20px;color:var(--text-primary);line-height:1.5;margin-bottom:1.25rem}.card-choices{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.card-choice-no,.card-choice-yes{font-family:var(--font-main);font-size:20px;color:var(--text-dim);transition:color .15s}.tilt-left .card-choice-no{color:var(--color-negative);font-weight:700}.tilt-right .card-choice-yes{color:var(--color-positive);font-weight:700}.card-preview{min-height:28px;margin-top:.25rem}.card-buttons{display:flex;gap:1rem;width:100%;max-width:400px}.btn-no,.btn-yes{flex:1;padding:.85rem 1.25rem;border:2px solid;border-radius:8px;background:transparent;font-family:var(--font-title);font-size:16px;cursor:pointer;transition:background .15s,color .15s}.btn-no{border-color:var(--color-negative);color:var(--color-negative)}.btn-no:hover{background:var(--color-negative);color:var(--bg-primary)}.btn-yes{border-color:var(--color-positive);color:var(--color-positive)}.btn-yes:hover{background:var(--color-positive);color:var(--bg-primary)}.game-screen{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.game-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-accent);font-family:var(--font-title);font-size:14px;letter-spacing:2px}.game-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.trait-hint{font-family:var(--font-main);font-style:italic;color:var(--text-accent);font-size:18px;text-align:center;margin-bottom:1rem;opacity:.8}.trait-progress{font-family:var(--font-main);color:var(--text-dim);font-size:16px;text-align:center;margin-top:.5rem}.epoch-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000eb;animation:fadeIn .3s ease-in}.epoch-transition-text{font-family:var(--font-title);font-size:18px;color:var(--text-accent);letter-spacing:4px;text-align:center;animation:glow 1.5s ease-in-out infinite alternate;text-shadow:0 0 10px var(--text-accent),0 0 20px var(--text-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%{text-shadow:0 0 10px var(--text-accent),0 0 20px var(--text-accent)}to{text-shadow:0 0 20px var(--text-accent),0 0 40px var(--text-accent),0 0 60px var(--text-accent)}}.gameover-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:2rem 1rem;text-align:center}.gameover-title{font-family:var(--font-title);font-size:20px;color:var(--color-negative);letter-spacing:4px;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,50,50,.5),0 0 20px rgba(255,50,50,.3)}.gameover-cause{font-family:var(--font-main);font-size:18px;color:var(--text-primary);margin-bottom:.5rem}.gameover-message{font-family:var(--font-main);font-size:18px;color:var(--text-dim);font-style:italic;margin-bottom:2rem;max-width:400px}.gameover-stats-box{background:#111118;border:1px solid #333;border-radius:8px;padding:1.5rem;margin-bottom:2rem;width:100%;max-width:360px}.gameover-stat-row{display:flex;justify-content:space-between;font-family:var(--font-main);font-size:18px;color:var(--text-primary);padding:.3rem 0}.gameover-stat-row span:first-child{color:var(--text-dim)}.gameover-stat-row span:last-child{color:var(--text-accent)}.gameover-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.gameover-input{font-family:var(--font-main);font-size:18px;padding:.6rem 1rem;background:#111118;color:var(--text-primary);border:1px solid #333;border-radius:4px;width:100%;box-sizing:border-box}.gameover-input:focus{outline:none;border-color:var(--text-accent)}.gameover-submit{font-family:var(--font-title);font-size:11px;padding:.8rem 1.5rem;background:var(--text-accent);color:var(--bg-primary);border:2px solid var(--text-accent);border-radius:4px;cursor:pointer;letter-spacing:2px;transition:background .15s,color .15s}.gameover-submit:hover{background:transparent;color:var(--text-accent)}.gameover-submit:disabled{opacity:.5;cursor:not-allowed}.gameover-rank{font-family:var(--font-main);font-size:18px;color:var(--color-positive);margin-bottom:1rem}.gameover-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.gameover-btn{font-family:var(--font-title);font-size:11px;padding:1rem 1.5rem;background:transparent;color:var(--text-accent);border:2px solid var(--text-accent);border-radius:4px;cursor:pointer;letter-spacing:1px;transition:background .15s,color .15s}.gameover-btn:hover,.gameover-btn:focus{background:var(--text-accent);color:var(--bg-primary);outline:none}.leaderboard-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-primary);padding:2rem 1rem}.leaderboard-title{font-family:var(--font-title);font-size:16px;color:var(--text-accent);letter-spacing:4px;margin-bottom:1.5rem}.leaderboard-filter{display:flex;gap:.5rem;align-items:center;width:100%;max-width:500px;margin-bottom:1.5rem}.leaderboard-filter .country-select{flex:1}.leaderboard-clear-btn{font-family:var(--font-main);font-size:16px;padding:.6rem 1rem;background:transparent;color:var(--text-dim);border:1px solid #333;border-radius:4px;cursor:pointer;white-space:nowrap}.leaderboard-clear-btn:hover{color:var(--text-accent);border-color:var(--text-accent)}.leaderboard-table{width:100%;max-width:500px;display:flex;flex-direction:column;gap:0}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:40px 1fr 60px 80px;gap:.5rem;padding:.5rem .8rem;font-family:var(--font-main);font-size:18px;align-items:center}.leaderboard-header{color:var(--text-dim);border-bottom:1px solid #333;font-size:16px}.leaderboard-row{color:var(--text-primary);border-bottom:1px solid #1a1a24}.leaderboard-row.highlight{background:#d4af371a;color:var(--text-accent)}.leaderboard-rank{text-align:center;color:var(--text-dim)}.leaderboard-years{text-align:right;color:var(--text-accent)}.leaderboard-empty{font-family:var(--font-main);font-size:18px;color:var(--text-dim);text-align:center;padding:3rem 1rem}.leaderboard-best{font-family:var(--font-main);font-size:18px;color:var(--text-accent);margin-top:1.5rem;padding:.8rem 1.5rem;border:1px solid #333;border-radius:4px;background:#111118}.leaderboard-back{font-family:var(--font-title);font-size:11px;padding:1rem 1.5rem;background:transparent;color:var(--text-accent);border:2px solid var(--text-accent);border-radius:4px;cursor:pointer;letter-spacing:1px;margin-top:2rem;transition:background .15s,color .15s}.leaderboard-back:hover,.leaderboard-back:focus{background:var(--text-accent);color:var(--bg-primary);outline:none}.howtoplay-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-primary);padding:2rem 1rem;max-width:600px;margin:0 auto}.howtoplay-title{font-family:var(--font-title);font-size:16px;color:var(--text-accent);letter-spacing:4px;margin-bottom:2rem}.howtoplay-section{width:100%;margin-bottom:2rem}.howtoplay-section h2{font-family:var(--font-title);font-size:12px;color:var(--text-accent);letter-spacing:2px;margin-bottom:.8rem;border-bottom:1px solid #333;padding-bottom:.4rem}.howtoplay-section p,.howtoplay-section li{font-family:var(--font-main);font-size:18px;color:var(--text-primary);line-height:1.6}.howtoplay-section ul{list-style:none;padding:0;margin:0}.howtoplay-section li{padding:.3rem 0}.howtoplay-stat-item{display:flex;align-items:baseline;gap:.5rem;padding:.4rem 0}.howtoplay-stat-icon{font-size:20px;min-width:24px;text-align:center}.howtoplay-stat-name{font-weight:700;color:var(--text-accent)}.howtoplay-warning{font-weight:700;color:var(--color-negative);margin-top:.8rem;font-family:var(--font-main);font-size:18px}.howtoplay-back{font-family:var(--font-title);font-size:11px;padding:1rem 1.5rem;background:transparent;color:var(--text-accent);border:2px solid var(--text-accent);border-radius:4px;cursor:pointer;letter-spacing:1px;margin-top:1rem;transition:background .15s,color .15s}.howtoplay-back:hover,.howtoplay-back:focus{background:var(--text-accent);color:var(--bg-primary);outline:none}:root{--bg-primary: #0a0a0f;--bg-card: #1a1a2e;--text-primary: #e0e0e0;--text-accent: #f0c040;--text-dim: #666;--color-religion: #c084fc;--color-culture: #f472b6;--color-war: #ef4444;--color-love: #f87171;--color-technology: #22d3ee;--color-health: #4ade80;--color-positive: #4ade80;--color-negative: #ef4444;--font-main: "VT323", monospace;--font-title: "Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);font-size:20px;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}button{cursor:pointer;font-family:var(--font-main)}a{color:var(--text-accent);text-decoration:none}.ascii-art{font-family:Courier New,Courier,monospace;white-space:pre;line-height:1.2;font-size:14px}@media (min-width: 768px){.ascii-art{font-size:16px}}
