:root{--ink:#17212b;--paper:#f4ecd8;--action:#f2c14e;--energy:#58b6ad;--heat:#e57b65;--secondary:#9ba9af;--panel:#1f2c38;--radius-panel:12px;--radius-card:16px;--radius-button:10px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--font-heading:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0;font-size:16px}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.01em;margin:0;font-weight:700}h1{font-size:30px}h2{font-size:22px}h3{font-size:20px}.shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}.hud{gap:var(--s1);padding:var(--s2);background:var(--ink);z-index:1;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:0}@media (width<=380px){.hud{grid-template-columns:repeat(2,1fr)}}.chip{gap:var(--s1);background:var(--panel);border-radius:var(--radius-button);padding:var(--s1) var(--s2);align-items:center;min-height:44px;display:flex}.chip small{color:var(--secondary);font-size:12px;display:block}.chip b{font-size:15px}.content{gap:var(--s3);padding:var(--s3) var(--s4) var(--s5);flex-direction:column;flex:1;display:flex}.panel{background:var(--panel);border-radius:var(--radius-panel);padding:var(--s4);margin:0}.panel.warn{border:2px solid var(--heat)}.section{margin-top:var(--s2)}.card{gap:var(--s3);text-align:left;background:var(--panel);border-radius:var(--radius-card);width:100%;padding:var(--s3) var(--s4);cursor:pointer;border:2px solid #0000;min-height:48px;transition:border-color .12s;display:flex}.card.offer{gap:var(--s1);flex-direction:column}.card.offer p{color:var(--secondary);margin:0}.card.selected{border-color:var(--action)}.card:disabled{opacity:.5;cursor:not-allowed}.approach .icon{font-size:26px;line-height:1}.approach .body{flex-direction:column;gap:2px;display:flex}.approach b{font-size:18px}.stack{gap:var(--s2);flex-direction:column;display:flex}.meta{color:var(--secondary);font-size:13px}.muted{color:var(--secondary)}.small{margin:0;font-size:13px}.center{text-align:center}.gain{color:var(--energy)}.heat{color:var(--heat)}.scene{background:linear-gradient(160deg, #2b3a47, var(--panel));border-radius:var(--radius-card);padding:var(--s5) var(--s4);flex-direction:column;justify-content:flex-end;min-height:120px;display:flex}.scene p{margin:var(--s1) 0 0}.scene-text{margin:0;font-size:17px}button.primary,button.secondary{border-radius:var(--radius-button);min-height:48px;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;border:none;font-size:22px}button.primary{background:var(--action);color:var(--ink)}button.secondary{border:2px dashed var(--secondary);color:var(--paper);background:0 0;font-size:18px}button.primary:disabled,button.secondary:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--secondary);background:0 0;border:none;min-height:44px;text-decoration:underline}.cards{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.cards.single{grid-template-columns:1fr}.mystery{aspect-ratio:3/4;border-radius:var(--radius-card);border:2px solid var(--secondary);cursor:pointer;perspective:600px;background:repeating-linear-gradient(45deg,#3a2a2a,#3a2a2a 10px,#4a3030 10px 20px);transition:transform .35s,opacity .2s}.mystery:disabled{cursor:default}.cards.completed .mystery:not(.picked),.cards.flipping .mystery:not(.picked){opacity:.35}.cards.pending .mystery.picked{border-color:var(--action)}.mystery.flipped{background:var(--paper);color:var(--ink);border-color:var(--action);transform:rotateY(360deg)}.back{color:var(--action);font-size:34px}.face{align-items:center;gap:var(--s1);padding:var(--s3);background:var(--paper);color:var(--ink);border-radius:var(--radius-card);flex-direction:column;display:flex}.face .stamp{font-family:var(--font-heading);text-transform:uppercase;padding:2px var(--s2);border:2px solid;font-size:22px;transform:rotate(-6deg)}.face.win .stamp{color:#2e7d6f}.face.lose .stamp{color:#b24a36}.face .big{font-family:var(--font-heading);font-size:32px}@media (prefers-reduced-motion:reduce){.mystery{transition:opacity .2s}.mystery.flipped{transform:none}}.ledger{margin:var(--s2) 0 var(--s3);padding:0;list-style:none}.ledger li{padding:var(--s1) 0;border-bottom:1px solid #2d3b48;justify-content:space-between;display:flex}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background:#111a22;grid-template-columns:repeat(5,1fr);display:grid;position:sticky;bottom:0}.bottom-nav button{min-height:52px;color:var(--secondary);background:0 0;border:none;font-size:13px}.bottom-nav button.active{color:var(--action)}.bottom-nav button:disabled{opacity:.6}.sheet{border:2px solid var(--action);gap:var(--s2);flex-direction:column;display:flex}.sheet p{margin:0}.field{gap:var(--s1);flex-direction:column;display:flex}.field input{min-height:48px;font:inherit;padding:0 var(--s3);border-radius:var(--radius-button);border:2px solid var(--secondary);background:var(--ink);color:var(--paper);font-size:20px}.consequences{padding-left:var(--s4);gap:var(--s1);flex-direction:column;margin:0;font-size:14px;display:flex}.dots{margin-left:var(--s2);vertical-align:middle;gap:3px;display:inline-flex}.dot{border:1px solid var(--energy);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--energy)}.card.path{padding:0;display:block}.path-head{align-items:flex-start;gap:var(--s1);width:100%;padding:var(--s3) var(--s4);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.path-body{padding:0 var(--s4) var(--s4)}.grades{margin:0 0 var(--s2);padding-left:var(--s5)}.row{gap:var(--s2);flex-wrap:wrap;display:flex}.row>button{flex:1 1 0;min-width:96px}.panel.selected{border:2px solid var(--action)}.panel>button+button,.sheet>button+button{margin-top:var(--s2)}.option{gap:var(--s1);padding:var(--s2) 0;border-top:1px solid #9ba9af40;flex-direction:column;display:flex}.option p{margin:0}.progress{background:#2d3b48;border-radius:4px;height:8px;overflow:hidden}.progress>span{background:var(--energy);height:100%;display:block}.ledger.board li.you{color:var(--action);font-weight:700}