*{box-sizing:border-box}
:root{--ink:#17233d;--muted:#66728a;--primary:#5368d9;--primary-soft:#eef0ff;--aqua:#e9f7f5;--card:#f6f8fc;--line:#e6eaf2;--bg:#edf1f8}
body{margin:0;background:linear-gradient(145deg,#e8edf7,#f7f8fc);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
main{min-height:100vh;display:grid;place-items:center;padding:24px}
#game{position:relative;width:min(100%,430px);min-height:720px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border-radius:34px;box-shadow:0 20px 60px rgba(35,47,83,.16);overflow:hidden;border:1px solid rgba(255,255,255,.8)}
.screen{min-height:720px;padding:32px 24px 28px;display:flex;flex-direction:column}
.center{justify-content:center;text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--primary)}
h1{font-size:34px;line-height:1.06;margin:14px 0}h2{font-size:25px;line-height:1.15}
.subtle{color:var(--muted);white-space:pre-line;line-height:1.55}
.spacer{flex:1}
.actions{display:grid;gap:11px;margin-top:24px}
.action{appearance:none;border:1px solid var(--primary);border-radius:16px;min-height:52px;padding:14px 16px;background:var(--primary);color:#fff;font-size:15px;font-weight:760;cursor:pointer;box-shadow:0 5px 14px rgba(83,104,217,.16)}
.action.secondary{background:var(--primary-soft);border-color:#d9defb;color:#2f3f93;box-shadow:none}
.actions.equal-choice .action,.actions.decision-choices .action{background:#f3f5fb;border-color:#dfe4f0;color:var(--ink);box-shadow:none}
.actions.equal-choice .action:active,.actions.decision-choices .action:active{background:#e9edf7}
.header{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--line);font-weight:800;color:#33415f}
.alert,.dialogue{margin:18px 0;padding:17px;border-radius:20px;background:var(--card);border:1px solid var(--line);white-space:pre-line;line-height:1.52;box-shadow:0 4px 14px rgba(36,48,80,.04)}
.alert{background:linear-gradient(180deg,#f3f5ff,#f8f9fd)}
.dialogue{background:linear-gradient(180deg,#f7f9fc,#f3f7f7)}
.call{text-align:center;padding-top:104px;background:radial-gradient(circle at 50% 30%,#eef0ff 0,#fff 42%)}
.caller{font-size:31px;font-weight:800;margin-top:12px}
.score-label{font-size:12px;letter-spacing:.12em;font-weight:800;color:#78839a;margin-top:18px}
.score{font-size:40px;font-weight:850;margin:8px 0 18px;color:#334bb5}
.total{font-size:20px;font-weight:800;margin:5px 0 18px;color:#33415f}
.progress{text-align:center;font-size:11px;font-weight:800;letter-spacing:.1em;color:#929bad;margin-bottom:8px}
.pause{position:absolute;right:18px;top:max(16px,env(safe-area-inset-top));z-index:5;border:1px solid #e1e5ee;background:#f3f5fa;color:#42506c;border-radius:13px;padding:8px 11px;font-weight:850;cursor:pointer}
.pause-overlay{position:absolute;inset:0;z-index:10;background:rgba(251,252,255,.98);display:flex;align-items:center;justify-content:center;padding:28px;text-align:center}.pause-card{width:100%}
.dev{position:absolute;left:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:4;border:0;background:transparent;color:#c5cad5;font-size:10px;cursor:pointer}
@media(max-width:520px){body{background:#fff}main{padding:0}#game{width:100%;min-height:100dvh;border-radius:0;border:0;box-shadow:none}.screen{width:100%;min-height:100dvh;padding-top:max(34px,calc(env(safe-area-inset-top) + 18px));padding-bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))}}