:root{--bg: #0e0d0b;--panel: #14120e;--panel-2: #1a1712;--line: #2a251d;--line-2: #3a3226;--ink: #efe6d4;--ink-2: #d8cdb8;--muted: #948a77;--gold: #d9b25f;--gold-2: #f0d493;--safe: #7fa88a;--danger: #d1856d;--mystery: #ae93d0;--serif: Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;background:radial-gradient(120% 70% at 50% -10%,#1c1811,#0e0d0b 55%,#090806) fixed;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:.01em;margin:0}p{margin:0}.app{width:100%;max-width:440px;margin:0 auto;min-height:100dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.hud{display:flex;flex-direction:column;gap:8px}.hud-top{display:flex;justify-content:space-between;align-items:baseline}.brand{font-family:var(--serif);font-size:13px;letter-spacing:.42em;color:var(--gold)}.enc{font-size:10px;letter-spacing:.16em;color:var(--muted)}.dots{display:flex;gap:6px}.dot{height:3px;flex:1;border-radius:2px;background:#241f18;transition:background .2s ease}.dot.done{background:#4a3f2b}.dot.now{background:var(--gold);box-shadow:0 0 8px #d9b25f80}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.stat label{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-bottom:2px}.stat b{font-size:18px;font-variant-numeric:tabular-nums;font-weight:500}.risk{color:#e0a06a}.stage{flex:1;display:flex;flex-direction:column;gap:14px}.screen{display:flex;flex-direction:column;gap:14px;margin-block:auto;min-height:0}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.lede{font-size:14px;line-height:1.5;color:var(--ink-2)}.hint{font-size:11px;color:var(--muted);text-align:center;letter-spacing:.02em}.situation{font-family:var(--serif);font-style:italic;font-size:14px;line-height:1.45;text-align:center;color:var(--muted);padding:0 10px}.mood{border:1px solid var(--line-2);border-left-width:3px;border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px;background:#ffffff05;animation:rise .25s ease both}.mood-name{font-size:9px;letter-spacing:.18em;color:var(--muted)}.mood-text{font-size:13px;color:var(--ink-2)}.mood--calm{border-left-color:#6f6a5e}.mood--fortune{border-left-color:var(--gold)}.mood--greed{border-left-color:var(--danger)}.mood--doubt{border-left-color:var(--mystery)}.mood--gift{border-left-color:var(--safe)}.mood--toll{border-left-color:#d08a4e}.offers-intro{display:flex;flex-direction:column;gap:4px}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.offer{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-2);border-radius:14px;background:linear-gradient(180deg,#191510,#12100c);padding:12px 6px;min-height:138px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;transition:transform .12s ease,border-color .2s ease,background .2s ease;animation:rise .3s ease both}.offer:nth-child(2){animation-delay:.05s}.offer:nth-child(3){animation-delay:.1s}.offer:active{transform:scale(.97)}.offer--safe{border-color:#7fa88a73}.offer--challenge{border-color:#d9b25f80}.offer--mystery{border-color:#ae93d073}.offer-label{font-size:9px;letter-spacing:.16em;color:var(--muted)}.offer-value{font-family:var(--serif);font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:2px}.offer--safe .offer-value{color:#a9c9b0}.offer--challenge .offer-value{color:var(--gold-2)}.offer--mystery .offer-value{color:var(--mystery);font-size:34px}.offer-sub{font-size:10px;color:var(--muted);text-align:center;line-height:1.3}.arrow{font-size:13px;color:var(--muted);padding:0 1px}.hand{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.hand-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:var(--muted)}.hand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;min-height:54px;padding:8px 4px;font-size:11px;letter-spacing:.02em;color:var(--ink-2);display:flex;align-items:center;justify-content:center;text-align:center;transition:border-color .15s ease,transform .12s ease}.card:active{transform:scale(.96)}.card--empty{border-style:dashed;color:#4c4437;opacity:.6;font-style:italic}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);font-size:13px;letter-spacing:.05em;text-align:center;transition:transform .12s ease,border-color .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--gold-2),#c69d4b);border-color:#e8cd90;color:#1a1408;font-weight:600}.btn-danger{background:#5a2f2640;border-color:#57312a;color:#e8b3a5}.btn-ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn small{display:block;font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:.03em}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions .btn{width:auto}.actions--single{grid-template-columns:1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;animation:rise .25s ease both}.panel h2{font-size:24px;line-height:1.2}.toll h2,.mystery h2{font-size:26px}.mystery{text-align:center;align-items:stretch}.mystery-mark{font-family:var(--serif);font-size:84px;line-height:1;color:var(--mystery);text-shadow:0 0 30px rgba(174,147,208,.35)}.coin{font-size:76px;line-height:1;color:var(--gold);text-shadow:0 0 26px rgba(217,178,95,.35)}.challenge{display:flex;flex-direction:column;gap:12px}.ladder{display:flex;flex-direction:column;gap:5px}.rung{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;transition:all .2s ease}.rung span:last-child{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.rung.done{opacity:.35;text-decoration:line-through}.rung.current{border-color:#d9b25fa6;background:#1d1810;color:var(--gold-2)}.offer-big{font-family:var(--serif);font-size:52px;line-height:1;text-align:center;color:var(--gold);font-variant-numeric:tabular-nums}.tell{font-family:var(--serif);font-style:italic;font-size:15px;text-align:center;color:#c8b894}.riskline{text-align:center;font-size:11px;color:var(--danger);letter-spacing:.03em}.riskline.muted{color:var(--muted)}.react-options{display:flex;flex-direction:column;gap:8px}.react-options .btn{text-align:left;padding-left:16px}.discard-list{display:flex;flex-direction:column;gap:7px}.discard-item{display:flex;justify-content:space-between;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--ink)}.discard-item--new{border-color:#d9b25f66}.discard-tag{font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.result{text-align:center}.result h2{font-size:28px}.delta{font-family:var(--serif);font-size:40px;line-height:1;font-variant-numeric:tabular-nums;animation:pop .3s ease both}.delta.gain{color:#9fc79b}.delta.loss{color:var(--danger)}.delta.neutral{color:var(--muted)}.secure-rows{display:flex;flex-direction:column}.row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid #211d17;font-size:13px;color:var(--muted)}.row:last-child{border-bottom:none}.row b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.final{display:flex;flex-direction:column;gap:14px;text-align:center;animation:rise .3s ease both}.final-score{font-family:var(--serif);font-size:64px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.final-meta{font-size:12px;letter-spacing:.03em}.final-meta.met{color:#9fc79b}.final-meta.short{color:var(--danger)}.final .secure-rows{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0}.final-actions{display:flex;flex-direction:column;gap:8px}.survey{display:flex;flex-direction:column;gap:8px;text-align:left;border-top:1px solid var(--line);padding-top:14px}.survey p{font-size:13px;color:var(--ink-2)}.scale{display:flex;gap:5px}.scale button{flex:1;padding:9px 0;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);font-size:12px;font-variant-numeric:tabular-nums}.scale button.sel{border-color:var(--gold);color:var(--gold-2);background:#1d1810}textarea{width:100%;background:#100e0b;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px;font:inherit;font-size:13px;resize:vertical}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#070605cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .18s ease both}.sheet{width:100%;max-width:380px;background:#191510;border:1px solid #3a3126;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;animation:rise .2s ease both}.sheet h3{font-size:24px}.why{font-size:12px;color:var(--muted);border-left:2px solid var(--line-2);padding-left:10px}.rules{margin:0;padding-left:18px;color:var(--ink-2);font-size:13px;line-height:1.6;display:flex;flex-direction:column;gap:6px}.title{margin-top:10vh;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:rise .4s ease both}.sigil{font-size:38px;color:var(--gold);opacity:.85}.logo{font-size:68px;letter-spacing:.18em;color:var(--gold);text-indent:.18em;line-height:1}.tagline{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-2)}.premise{font-size:14px;line-height:1.55;color:var(--muted);max-width:30ch}.title-actions{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.fine{font-size:10px;color:#5f5749;letter-spacing:.05em}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}