:root{--bg:#0a1220;--panel:#121f31;--panel2:#19283c;--line:#2d405a;--text:#f5f7fb;--muted:#9dacc1;--gold:#eebd59;--blue:#56b9e8;--green:#62d5a0;--purple:#ad8bf4;--red:#f0757c}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0,#183454 0,transparent 35%),radial-gradient(circle at 88% 35%,#31244d 0,transparent 30%),var(--bg)}
.shell{width:min(1000px,92%);margin:auto;padding:32px 0 60px}.header{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.logo{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:#17191d;background:linear-gradient(145deg,#ffe099,var(--gold));font-weight:950}.header p,.result-screen>p:first-of-type{margin:0;color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:.16em}.header h1{margin:2px 0;font-size:clamp(1.8rem,5vw,2.9rem)}
.panel{background:linear-gradient(145deg,rgba(21,35,54,.98),rgba(12,23,38,.98));border:1px solid var(--line);border-radius:21px;padding:29px;box-shadow:0 22px 60px #0006}.start-screen,.result-screen{text-align:center;max-width:870px;margin:auto}.compass{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;border:2px solid var(--gold);background:#29281f;color:var(--gold);font-size:2.6rem}.start-screen h2,.result-screen h2{font-size:2rem;margin:8px 0}.start-screen>p,.result-screen>p{max-width:700px;margin:10px auto 20px;color:var(--muted);line-height:1.7}.features{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:23px 0 29px}.features span{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#0e1b2b;color:#c7d1df;font-size:.85rem}.start-screen h3{margin-bottom:13px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode{min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #394c67;border-radius:14px;color:var(--text);background:var(--panel2);cursor:pointer;transition:.2s}.mode:hover{transform:translateY(-3px);border-color:var(--gold)}.mode.featured{border-color:#77623a;background:linear-gradient(145deg,#2b2b2b,#19283c)}.mode strong{color:var(--gold);font-size:.7rem;letter-spacing:.12em}.mode b{font-size:1.08rem}.mode small{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stats>div{padding:12px 14px;background:#0f1c2d;border:1px solid var(--line);border-radius:12px}.stats small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.1em}.stats strong{display:block;margin:4px 0 7px;font-size:1.2rem}.mini{height:5px;overflow:hidden;background:#0a1421;border-radius:10px}.mini i{display:block;height:100%;width:60%;transition:.35s}.money i{background:var(--gold)}.wellbeing i{background:var(--green)}.stability i{background:var(--purple)}.progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted);font-size:.8rem;font-weight:800}.progress{height:7px;background:#0c1826;border-radius:20px;overflow:hidden}#progressFill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--gold));transition:.35s}
.decision-top{display:flex;justify-content:space-between;align-items:start;gap:18px}.decision-top p{margin:0;color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:.13em}.decision-top h2{margin:5px 0 0;font-size:1.6rem}.decision-top>span{padding:7px 10px;border-radius:999px;border:1px solid #49627a;background:#102436;color:var(--blue);font-size:.7rem;font-weight:850}.scenario{margin:20px 0 13px;color:#c8d2df;line-height:1.68}.facts{padding:13px 15px;border-left:3px solid var(--blue);border-radius:7px;background:#102334;color:#bed0dc;line-height:1.55;font-size:.9rem}.decision-card>h3{margin:24px 0 12px}.choices{display:grid;gap:10px}.choice{padding:15px;text-align:left;border:1px solid #38506d;border-radius:12px;background:var(--panel2);color:var(--text);font:inherit;cursor:pointer;transition:.16s}.choice:hover:not(:disabled){transform:translateY(-1px);border-color:var(--gold);background:#203149}.choice strong{display:block;margin-bottom:4px}.choice small{color:var(--muted);line-height:1.45}.choice:disabled{cursor:default;opacity:.67}.choice.selected{opacity:1;border-color:var(--gold);background:#302d26}.outcome{margin-top:17px;padding:15px;border:1px solid #53613e;border-radius:11px;background:#202a22}.outcome>strong{color:var(--green)}.outcome p{margin:7px 0 10px;color:#ccd8cf;line-height:1.55}.impact-tags{display:flex;flex-wrap:wrap;gap:7px}.impact-tags span{padding:5px 8px;border-radius:999px;background:#0d1a25;color:#dce4e8;font-size:.78rem}.impact-tags .positive{color:#99e9c0}.impact-tags .negative{color:#ffabb0}.next{margin-top:17px;padding:11px 17px;border:0;border-radius:9px;background:var(--gold);color:#17191d;font:inherit;font-weight:850;cursor:pointer;float:right}
.result-icon{font-size:4rem}.final-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.final-stats div{padding:17px 9px;border:1px solid var(--line);border-radius:12px;background:#0d1a2a}.final-stats small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.1em}.final-stats strong{display:block;color:var(--gold);font-size:1.5rem;margin-top:6px}.result-screen .next{float:none;margin-top:0}.hidden{display:none!important}
@media(max-width:700px){.modes{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.progress-row{grid-template-columns:1fr auto}.progress{grid-column:1/-1;grid-row:2}.decision-top{flex-direction:column}.final-stats{grid-template-columns:repeat(2,1fr)}}