:root{--bg: #101810;--panel: #1a261a;--panel-2: #223022;--ink: #e8f0e0;--ink-dim: #9fb49a;--accent: #6fd44a;--accent-dark: #3d8f27;--danger: #e05c4a;--gold: #e8c14a;--cal: #e8a13c;--hyd: #4ab3e0;--san: #b07ae0;--sto: #8a9a5b;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#16221426 0%,transparent 60%),var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}#app{max-width:980px;margin:0 auto;padding:12px}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:.02em}h2{font-size:1.1rem;color:var(--accent);margin:0 0 10px}.screen{display:flex;flex-direction:column;gap:14px;padding:10px 0 40px}.btn{background:var(--panel-2);color:var(--ink);border:1px solid #3a4f38;border-radius:10px;padding:10px 18px;font-size:1rem;cursor:pointer;transition:transform .06s,background .15s}.btn:hover:not(:disabled){background:#2c3f2a;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-dark);border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:#4aa630}.btn-danger{border-color:var(--danger);color:#f3b0a6}.btn-small{padding:6px 12px;font-size:.85rem}.btn-col{display:flex;flex-direction:column;gap:10px;align-items:stretch;max-width:520px;width:100%;margin:0 auto}.btn-choice{text-align:left;display:flex;flex-direction:column;gap:4px}.choice-detail{font-size:.8rem;color:var(--ink-dim)}.art{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#243a22,#16240f);border-radius:8px;overflow:hidden;background-size:cover;background-position:center}.art-emoji{filter:drop-shadow(0 2px 3px #0008)}.title-screen{align-items:center;text-align:center;padding-top:14vh}.title-name{font-size:4rem;margin:0;letter-spacing:.12em;font-weight:800;color:var(--danger);text-shadow:0 3px 0 #00000088,0 0 40px #e05c4a44}.title-tag{color:var(--ink-dim);margin-top:0}.footnote{color:var(--ink-dim);font-size:.8rem}.never-again{font-family:Georgia,serif;font-size:2.2rem;font-weight:700;text-align:center;color:var(--danger);border:3px solid var(--danger);border-radius:12px;padding:14px;letter-spacing:.2em;background:#2a1410;text-shadow:0 2px 0 #000}.hub-sub{display:flex;align-items:center;gap:12px}.hub-couch{width:64px;height:64px;font-size:40px}.hub-blurb{color:var(--ink-dim);font-style:italic}.regret-chip{align-self:flex-start;background:#33270e;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:6px 16px;font-weight:600}.regret-chip.big{align-self:center;font-size:1.3rem;padding:10px 26px}.panel{background:var(--panel);border:1px solid #2c3f2a;border-radius:12px;padding:14px}.race-list{display:flex;flex-direction:column;gap:10px}.race{display:flex;align-items:center;gap:12px;background:var(--panel-2);border-radius:10px;padding:10px 14px}.race-locked{opacity:.55}.race-info{flex:1}.race-name{font-weight:600}.race-blurb{font-size:.85rem;color:var(--ink-dim)}.race-medals{color:var(--gold)}.race-fee{color:var(--ink-dim);font-size:.85rem}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.gear{background:var(--panel-2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gear-owned{outline:1px solid var(--accent-dark)}.gear-art{width:42px;height:42px;font-size:26px}.gear-name{font-weight:600;font-size:.95rem}.gear-desc{font-size:.8rem;color:var(--ink-dim);flex:1}.gear-price{color:var(--accent);font-size:.85rem}.hub-stats{text-align:center;color:var(--ink-dim);font-size:.85rem}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid #2c3f2a;border-radius:12px;padding:10px 14px;position:sticky;top:8px;z-index:5}.topbar-left{display:flex;flex-direction:column}.topbar-tier{font-weight:700;color:var(--accent)}.topbar-km{font-size:.85rem;color:var(--ink-dim)}.phase-title{text-align:center}.resources{display:flex;gap:10px;flex:1;flex-wrap:wrap;align-items:center}.bar{position:relative;width:130px;height:22px;background:#0d130c;border-radius:6px;overflow:hidden;display:flex;align-items:center;border:1px solid #324631}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transition:width .25s;opacity:.85}.bar-cal .bar-fill{background:var(--cal)}.bar-hyd .bar-fill{background:var(--hyd)}.bar-san .bar-fill{background:var(--san)}.bar-sto .bar-fill{background:var(--sto)}.bar-low{animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:.95}}.bar-icon{z-index:1;margin-left:4px;font-size:.8rem}.bar-text{z-index:1;margin-left:auto;margin-right:6px;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px #000}.status-chip{background:#3a1410;border:1px solid var(--danger);color:#f3b0a6;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.map-wrap{background:var(--panel);border:1px solid #2c3f2a;border-radius:12px;padding:8px}.map-svg{width:100%;height:auto;display:block}.map-edge{stroke:#3a4f38;stroke-width:2;stroke-dasharray:4 4}.map-node circle{fill:var(--panel-2);stroke:#4a634a;stroke-width:2}.map-node text{font-size:18px;-webkit-user-select:none;user-select:none}.map-node.visited circle{fill:#15200f;stroke:#2c3f2a}.map-node.current circle{stroke:var(--gold);stroke-width:3}.map-node.selectable{cursor:pointer}.map-node.selectable circle{stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 6px #6fd44a88)}.map-node.selectable:hover circle{fill:#2c4f28}.segment-view,.zone-pick{display:flex;flex-direction:column;gap:12px}.segment-head{display:grid;grid-template-columns:64px 1fr;grid-auto-rows:min-content;column-gap:12px;row-gap:2px;align-items:center;background:var(--panel);border:1px solid #2c3f2a;border-radius:12px;padding:10px 14px}.seg-art{width:64px;height:64px;font-size:38px;grid-row:span 3}.seg-title{font-weight:700;font-size:1.05rem}.seg-desc{color:var(--ink-dim);font-size:.85rem}.seg-hazard{color:var(--cal);font-size:.85rem}.seg-progress{position:relative;height:26px;background:#0d130c;border:1px solid #324631;border-radius:8px;overflow:hidden}.seg-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent-dark),var(--accent));transition:width .3s}.seg-progress-text{position:relative;z-index:1;display:block;text-align:center;line-height:26px;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px #000}.hand{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:180px}.hand-empty{color:var(--ink-dim);align-self:center;font-style:italic}.card{width:150px;min-height:200px;background:var(--panel-2);border:2px solid #3a4f38;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:5px;transition:transform .08s,box-shadow .08s;position:relative}.card-movement{border-color:#4a7a3a}.card-nutrition{border-color:#8a6a2a}.card-mental{border-color:#6a4a8a}.card-junk{border-color:#6a3a32;background:#241a18}.card-playable{cursor:pointer}.card-playable:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 18px #000a;z-index:2}.card-locked{opacity:.55}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.card-name{font-weight:700;font-size:.82rem}.card-cost{font-size:.75rem;color:var(--cal);white-space:nowrap}.card-art{height:54px;font-size:32px}.card-desc{font-size:.75rem}.card-flavor{font-size:.68rem;color:var(--ink-dim);font-style:italic;margin-top:auto}.card-kind{font-size:.6rem;letter-spacing:.15em;color:var(--ink-dim);text-align:right}.segment-foot{display:flex;justify-content:space-between;align-items:center}.pile-info{color:var(--ink-dim);font-size:.85rem}.zone-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.zone{background:var(--panel-2);border:1px solid #3a4f38;border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .08s,border-color .1s}.zone:hover{transform:translateY(-3px);border-color:var(--accent)}.zone-name{font-weight:700;color:var(--accent)}.zone-stats{font-size:.75rem}.zone-blurb{font-size:.75rem;color:var(--ink-dim);font-style:italic}.event-view,.aid-view,.reward-view{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.event-art{width:96px;height:96px;font-size:56px;border-radius:50%}.event-name{margin:0}.event-text{max-width:560px;color:var(--ink)}.log{background:var(--panel);border:1px solid #2c3f2a;border-radius:12px;padding:10px 14px}.log-title{font-size:.75rem;letter-spacing:.15em;color:var(--ink-dim);margin-bottom:6px}.log-lines{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.log-line{font-size:.8rem;color:var(--ink-dim)}.log-line:last-child{color:var(--ink)}.result-screen{align-items:center;text-align:center;padding-top:6vh}.result-art{width:120px;height:120px;font-size:70px;border-radius:50%}.result-title{font-size:2.6rem;margin:6px 0}.result-win{color:var(--gold)}.result-dnf{color:var(--danger)}.result-text{color:var(--ink-dim);max-width:520px}