:root{--paper: #f7f2e8;--paper-2: #fffdf7;--ink: #3f3527;--ink-2: #5d4f3c;--dim: rgba(63, 53, 39, .64);--faint: rgba(63, 53, 39, .4);--rule: rgba(63, 53, 39, .16);--accent: #bf7448;--ember: #c25f38;--good: #5f8a6b;--display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--ui: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-weight:300;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;background:var(--paper)}.layer{position:fixed;pointer-events:none;z-index:5}#title{position:fixed;inset:0;z-index:40;display:none;flex-direction:column;align-items:center;justify-content:center;padding-block:40px;padding-left:22px;padding-right:22px;background:radial-gradient(120% 82% at 50% 100%,#f7f2e859,#f7f2e8db 72%);text-align:center}#title.on{display:flex}#title .kicker{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--faint);margin-bottom:26px}#title h1{font-family:var(--display);font-weight:300;font-size:clamp(54px,15vw,132px);letter-spacing:.2em;margin:0 0 4px;text-indent:.2em;color:var(--ink);text-shadow:0 2px 34px rgba(255,253,247,.9)}#title .tag{font-family:var(--display);font-style:italic;font-size:clamp(15px,3.4vw,21px);color:var(--dim);margin:0 0 30px;max-width:30ch;line-height:1.5}#title .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}#title .fine{margin-top:26px;font-size:11.5px;letter-spacing:.08em;color:var(--faint);max-width:46ch;line-height:1.85}button{font-family:var(--ui);font-weight:300;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:#fffdf7b8;border:1px solid var(--rule);padding:13px 22px;border-radius:1px;cursor:pointer;transition:background .25s,border-color .25s}button:hover{background:var(--paper-2);border-color:#3f352766}button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}button.primary{background:var(--ink);color:var(--paper-2);border-color:transparent}button.primary:hover{background:var(--ink-2)}button.ghost{background:#fffdf780}button.tiny{padding:8px 12px;font-size:10.5px;letter-spacing:.14em}#hud{position:fixed;top:0;left:0;right:0;z-index:12;pointer-events:none;display:none;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;background:linear-gradient(#f7f2e8cc,#f7f2e800)}#hud.on{display:flex}#hud.night{background:linear-gradient(#221b16b3,#221b1600);color:#efe6d6}#hud.night #objective{color:#efe6d6b3}#place{font-family:var(--display);font-size:clamp(16px,3.6vw,22px);letter-spacing:.08em;line-height:1.2}#objective{font-size:11px;letter-spacing:.1em;color:var(--dim);margin-top:5px;max-width:34ch;line-height:1.6}#hudBtns{display:flex;gap:8px;flex-shrink:0;pointer-events:auto}#btnCodex.ping{animation:ping 1.4s ease-out 2}@keyframes ping{0%,to{box-shadow:0 0 #bf744800}40%{box-shadow:0 0 0 7px #bf744833}}#caption{position:fixed;left:0;right:0;bottom:clamp(74px,13vh,130px);z-index:20;display:flex;flex-direction:column;gap:0;align-items:center;padding-left:24px;padding-right:24px;text-align:center;opacity:0;transition:opacity 1.5s ease;pointer-events:none}#caption.on{opacity:1}#caption .cline{font-family:"EB Garamond",var(--display);font-weight:400;font-size:clamp(16px,3.3vw,25px);line-height:1.5;letter-spacing:.01em;color:#3a2f22;text-wrap:balance;max-width:30ch;text-shadow:0 0 1px rgba(255,253,247,.9),0 0 5px rgba(255,253,247,.85),0 0 14px rgba(255,253,247,.6),0 0 32px rgba(255,253,247,.35)}body.on-dark #caption .cline{color:#f6efe4;text-shadow:0 0 1px rgba(14,8,16,.95),0 0 7px rgba(14,8,16,.85),0 0 18px rgba(14,8,16,.7),0 0 38px rgba(14,8,16,.5)}#caption[data-who=vela] .cline{font-style:italic}body.on-dark #caption[data-who=vela] .cline{color:#fbe6c8}#caption[data-who=child] .cline{font-size:clamp(14.5px,2.9vw,21px);letter-spacing:.02em}body.on-dark #skip,body.on-dark #prompt{color:#f6f0e4;background:#120d168c;border-color:#f6f0e452}#skip{position:fixed;right:16px;bottom:16px;z-index:22;display:none;pointer-events:auto}#sci{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:16px;background:#3c30222e;pointer-events:auto}#sci.on{display:flex;animation:sciIn .6s ease}@keyframes sciIn{0%{opacity:0}}#sci .sc{position:relative;width:min(600px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:30px 32px 22px;border-radius:3px;background:#fbf7ee center/cover no-repeat;box-shadow:0 24px 60px #46341e40;color:var(--ink)}#sci .k{font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}#sci h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,5vw,32px);margin:0 0 12px;line-height:1.15}#sci .eq{font-family:var(--display);font-size:clamp(22px,5.2vw,34px);text-align:center;margin:6px 0 16px;padding:12px 0;border-top:1px solid rgba(63,53,39,.16);border-bottom:1px solid rgba(63,53,39,.16);letter-spacing:.02em}#sci .eq small{display:block;font-family:var(--ui);font-size:11px;letter-spacing:.14em;color:var(--dim);margin-top:4px;text-transform:uppercase}#sci p{font-size:15px;line-height:1.65;margin:0 0 10px;max-width:58ch}#sci .q{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(63,53,39,.2);font-family:var(--display);font-style:italic;font-size:17px;color:var(--ink-2)}#sci .q b{font-family:var(--ui);font-style:normal;font-weight:400;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--good);display:block;margin-bottom:3px}#sci button{margin-top:16px}#whisper{position:fixed;left:0;right:0;top:clamp(86px,17vh,150px);z-index:14;text-align:center;pointer-events:none;padding:0 20px;opacity:0;transition:opacity .9s ease}#whisper.on{opacity:1}#whisper span{display:inline-block;max-width:30ch;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(19px,3.6vw,27px);line-height:1.35;color:var(--ink);text-shadow:0 0 14px rgba(255,253,247,.95),0 0 30px rgba(255,253,247,.8),0 1px 2px rgba(255,253,247,.9)}body.on-dark #whisper span,body.fall-night #whisper span{color:#fbeee2;text-shadow:0 0 16px rgba(20,6,10,.95),0 0 34px rgba(20,6,10,.8),0 1px 2px rgba(0,0,0,.8)}#counters{position:fixed;left:18px;top:clamp(74px,12vh,96px);z-index:12;display:none;flex-direction:column;gap:6px;pointer-events:none}#counters.on{display:flex}.chip{position:relative;display:grid;grid-template-columns:10px auto auto;align-items:center;gap:8px;padding:6px 10px 8px;min-width:150px;overflow:hidden;background:#fffdf7b8;border:1px solid var(--rule);border-radius:2px}.chip i{width:8px;height:8px;border-radius:50%;display:block}.chip .cn{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.chip .cv{font-size:11px;letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums;justify-self:end}.chip b{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);transition:width .4s ease}.chip.full{border-color:#bf744899}.chip.gauge{grid-template-columns:auto auto}.chip.gauge b{background:var(--ember)}#toast{position:fixed;left:50%;transform:translate(-50%);bottom:clamp(84px,13vh,112px);z-index:15;font-family:var(--display);font-style:italic;font-size:clamp(14px,2.4vw,17px);color:var(--ink);background:#fffdf7cc;padding:7px 16px;border-radius:2px;border:1px solid var(--rule);opacity:0;transition:opacity .5s ease;max-width:60ch;text-align:center}#toast.on{opacity:1}#prompt.passive{pointer-events:none;background:#fffdf799;border-style:dashed}#forge .fhere{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em;color:var(--ink);margin-bottom:4px}#forge .fhere .k{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-left:8px}#forge .frow{display:flex;gap:8px;justify-content:center;margin-top:10px}#skip.on{display:block}#prompt{position:fixed;left:50%;transform:translate(-50%) translateY(6px);z-index:16;bottom:clamp(22px,5vh,40px);display:none;pointer-events:auto;background:#fffdf7e0;backdrop-filter:blur(6px);border:1px solid rgba(63,53,39,.34);box-shadow:0 6px 26px #5a462d24;animation:rise .45s ease forwards}#prompt.on{display:block}@keyframes rise{to{transform:translate(-50%) translateY(0)}}#banner{position:fixed;inset:0;z-index:18;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;opacity:0;transition:opacity 1.1s ease;text-align:center;padding-inline:24px}#banner.on{opacity:1}#bName{font-family:var(--display);font-size:clamp(28px,7vw,56px);font-weight:300;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 24px rgba(255,253,247,.9)}#bSub{font-family:var(--display);font-style:italic;font-size:clamp(14px,3.2vw,19px);color:var(--dim);text-shadow:0 1px 18px rgba(255,253,247,.9)}#card{position:fixed;left:50%;bottom:clamp(18px,4vh,34px);transform:translate(-50%);z-index:26;width:min(560px,calc(100vw - 32px));background:linear-gradient(#fffdf7f7,#f6f0e4f7);border:1px solid var(--rule);border-radius:2px;padding:22px 24px 18px;display:none;pointer-events:auto;box-shadow:0 20px 52px #5c482e2e}#card.on{display:block;animation:rise2 .5s ease}@keyframes rise2{0%{opacity:0;transform:translate(-50%) translateY(14px)}}#card h3{margin:0 0 10px;font-weight:400;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}#card p{margin:0 0 12px;font-family:var(--display);font-size:clamp(15px,2.6vw,18.5px);line-height:1.62;max-width:60ch}#card button{margin-top:4px}#panel{position:fixed;inset:0;z-index:30;display:none;overflow-y:auto;background:#faf6eef5;backdrop-filter:blur(3px);pointer-events:auto;padding-block:clamp(34px,7vh,70px);padding-left:20px;padding-right:20px}#panel.on{display:block}#panel .pin{max-width:720px;margin:0 auto}#panel .x{position:fixed;top:14px;right:14px;font-size:19px;line-height:1;padding:8px 13px;letter-spacing:0}#panel h2{font-family:var(--display);font-weight:300;font-size:clamp(26px,6vw,40px);letter-spacing:.08em;margin:0 0 10px}#panel h3{font-weight:400;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:34px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--rule)}#panel p.lead{font-family:var(--display);font-style:italic;font-size:clamp(15px,2.8vw,18px);color:var(--dim);line-height:1.6;margin:0 0 26px;max-width:58ch}#panel p.dim{color:var(--dim);font-size:13.5px;line-height:1.75;max-width:60ch}.checks{display:flex;flex-direction:column;gap:2px}.chk{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--rule)}.chk .mark{color:var(--faint);font-size:15px;width:16px;flex-shrink:0;line-height:1.4}.chk.have .mark{color:var(--accent)}.chk strong{display:block;font-family:var(--display);font-weight:400;font-size:18px;color:var(--faint)}.chk.have strong{color:var(--ink)}.chk .why{display:block;font-size:12.5px;line-height:1.7;color:var(--dim);margin-top:4px;max-width:54ch}.motes{display:flex;flex-wrap:wrap;gap:8px}.moteChip{font-size:11px;letter-spacing:.18em;text-transform:uppercase;border:1px solid;padding:7px 11px;border-radius:999px;filter:saturate(.8) brightness(.7)}.entry{padding:20px 0;border-bottom:1px solid var(--rule)}.ehead{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.esym{font-family:var(--display);font-size:27px;color:var(--accent);line-height:1}.ename{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.ecols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ecol .elab{display:block;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.ecol p{margin:0;font-size:14px;line-height:1.7;color:var(--dim)}.ecol.sci .elab{color:var(--good)}.ecol:not(.sci) p{font-family:var(--display);font-style:italic;font-size:15.5px;color:var(--ink)}@media(max-width:620px){.ecols{grid-template-columns:1fr;gap:16px}}#forge{position:fixed;left:0;right:0;bottom:0;z-index:14;display:none;pointer-events:auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#f7f2e800,#f9f5eded 26%,#faf7f0fc);border-top:1px solid var(--rule)}#forge.on{display:block}#forge .fnote{font-family:var(--display);font-style:italic;font-size:14px;color:var(--faint);text-align:center;margin-bottom:6px;line-height:1.5}#forge .fstat{font-family:var(--display);font-size:clamp(14px,2.6vw,17px);color:var(--ink);text-align:center;min-height:2.6em;line-height:1.4;margin-bottom:8px;max-width:62ch;margin-left:auto;margin-right:auto}#forge .fstat.urgent{color:var(--ember)}#forge .temp{display:flex;align-items:center;gap:12px;max-width:520px;margin:0 auto 12px;flex-wrap:wrap}#forge .tlab{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap;flex-shrink:0}#forge .tlab b{color:var(--ember);font-weight:400;letter-spacing:.06em;font-variant-numeric:tabular-nums}#forge .tlab i{font-style:normal;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--faint)}#forge .tlab i.cold{color:var(--ember)}#forge .tlab i.ok{color:var(--good)}#forge input[type=range]{flex:1;accent-color:#c25f38;min-width:90px;height:26px}#forge .mechs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#forge .mech{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:82px;padding:10px 12px;text-transform:none;letter-spacing:.04em}#forge .mech .g{font-family:var(--display);font-size:19px;color:var(--accent);line-height:1}#forge .mech .l{font-size:9.5px;letter-spacing:.1em;color:var(--dim);text-align:center}#forge .mech.cold{opacity:.45}#forge .mech.hint{border-color:#bf7448b3;box-shadow:0 0 20px #bf744838}#forge .ftip{font-size:11px;color:var(--faint);text-align:center;margin-top:10px;line-height:1.6;max-width:58ch;margin-left:auto;margin-right:auto}#forge .leave{display:block;margin:10px auto 0}@media(max-width:480px){#forge .mech{min-width:0;flex:1 1 27%;padding:9px 6px}#forge .ftip,#forge .fnote{display:none}#forge .tlab{white-space:normal;flex:1 1 100%;margin-bottom:4px}}body{--t2-narr: "EB Garamond", "Cormorant Garamond", Georgia, serif;--t2-label: "Jost", system-ui, sans-serif;--t2-halo: 0 0 1px rgba(255, 253, 247, .9), 0 0 4px rgba(255, 253, 247, .85), 0 0 11px rgba(255, 253, 247, .6), 0 0 26px rgba(255, 253, 247, .35);--t2-halo-sm: 0 0 1px rgba(255, 253, 247, .9), 0 0 4px rgba(255, 253, 247, .85), 0 0 10px rgba(255, 253, 247, .55);--t2-ink: #3a2f22;--t2-glow: rgba(255, 253, 247, .9);--t2-kicker: #9c4424}body.on-dark,body.fall-night,body.lamps-dusk,body.imp-night{--t2-halo: 0 0 1px rgba(20, 8, 12, .95), 0 0 7px rgba(20, 8, 12, .9), 0 0 18px rgba(20, 8, 12, .8), 0 0 36px rgba(20, 8, 12, .55);--t2-halo-sm: 0 0 1px rgba(20, 8, 12, .95), 0 0 5px rgba(20, 8, 12, .9), 0 0 12px rgba(20, 8, 12, .7);--t2-ink: #fbeee2;--t2-glow: rgba(20, 8, 12, .85);--t2-kicker: #f2b48c}body #toast{background:transparent!important;border:0!important;padding:0 20px;font-family:var(--t2-narr);font-style:italic;font-weight:400;font-size:clamp(18px,2.7vw,23px);line-height:1.35;letter-spacing:.01em;color:var(--t2-ink);text-shadow:var(--t2-halo)!important;width:max-content;max-width:min(32ch,calc(100vw - 32px));text-wrap:balance;bottom:clamp(70px,11vh,94px);transition:opacity .9s ease}body:has(#card.on) #toast{opacity:0}body #card{background:none;border:0;box-shadow:none;text-align:center;width:min(720px,calc(100vw - 24px));padding:0 4px;bottom:clamp(8px,1.4vh,12px)}body #card.on{animation:t2In .9s ease}@keyframes t2In{0%{opacity:0;transform:translate(-50%) translateY(8px)}}body #card h3{font-family:var(--t2-label);font-weight:500;font-size:10.5px;letter-spacing:.34em;text-indent:.34em;color:var(--t2-kicker);text-shadow:var(--t2-halo-sm);margin:0 0 8px}body #card p{font-family:var(--t2-narr);font-weight:400;font-size:clamp(16.5px,2.1vw,21px);line-height:1.42;color:var(--t2-ink);text-shadow:var(--t2-halo);max-width:50ch;margin:0 auto 6px;text-wrap:balance}body #card button{margin-top:4px;padding:11px 22px}body.on-dark #card button{color:#f6f0e4;background:#120d168c;border-color:#f6f0e452}body #counters{top:clamp(112px,16vh,132px);gap:12px}body .chip{background:none;border:0;padding:0 0 6px;min-width:132px;overflow:visible;grid-template-columns:7px auto auto;gap:9px;text-shadow:var(--t2-halo-sm)}body .chip i{width:6px;height:6px;box-shadow:0 0 0 2px var(--t2-glow),0 0 8px var(--t2-glow)}body .chip .cn{font-family:var(--t2-label);font-size:10.5px;font-weight:400;letter-spacing:.24em;color:var(--t2-ink);opacity:.8}body .chip .cv{font-family:var(--t2-narr);font-size:16px;letter-spacing:.02em;color:var(--t2-ink)}body .chip b{height:1px;left:16px;max-width:calc(100% - 16px);opacity:.9;box-shadow:0 0 4px var(--t2-glow)}body .chip.full .cn{opacity:1}body #forge{border-top:0;background:linear-gradient(#f7f2e800,#f9f5edb8 30%,#faf7f0e6)}body #forge .fstat,body #forge .fhere{text-shadow:var(--t2-halo-sm)}body #forge .fnote{margin-bottom:10px;word-spacing:.12em}body #forge .fhere .k{text-shadow:none;color:var(--dim)}@media(max-width:480px){body #forge .fhere{margin-top:6px}}body #forge .fnote{font-family:var(--t2-narr);font-size:15.5px;color:var(--dim)}body #forge .fstat{font-family:var(--t2-narr);font-size:clamp(17px,2.5vw,21px);color:var(--t2-ink)}body #forge .fstat.urgent{color:var(--ember)}body #forge .ftip{font-size:12px;color:var(--dim)}body #forge{transition:opacity .6s ease}body:has(#card.on) #forge{opacity:0;pointer-events:none}body #whisper span{font-family:var(--t2-narr);text-shadow:var(--t2-halo);color:var(--t2-ink)}body #bName,body #bSub{text-shadow:var(--t2-halo)}body #objective{text-shadow:var(--t2-halo-sm);color:var(--ink-2)}body.on-dark #objective{color:var(--t2-ink);opacity:.8}@media(prefers-reduced-motion:reduce){#card.on,#prompt{animation:none}}
