:root{--bg:#08060c;--ink:#f1e9d6;--muted:#b9ae95;--gold:#d9b452;--gold2:#f3dc93;--red:#e0483c;--ok:#7fd18b;--card:#100c14e6;--line:#3b2f45;--focus:#9fd3ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:18px/1.5 Georgia,Times New Roman,serif;overflow:hidden}canvas#scene{touch-action:manipulation;width:100%;height:100%;display:block;position:fixed;inset:0}button,a.pill{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar{z-index:5;padding:max(10px, env(safe-area-inset-top)) 12px 10px;background:linear-gradient(var(--bg), #08060c00);justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pill{white-space:nowrap;border:1px solid var(--gold);color:var(--gold2);cursor:pointer;background:#08060cb3;border-radius:999px;min-height:40px;padding:8px 14px;font-size:15px;text-decoration:none;display:inline-block}.pill[aria-pressed=false]{color:var(--muted);border-color:var(--line)}.panel{z-index:4;background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;width:min(440px,100% - 32px);padding:20px 20px 24px;position:fixed;top:72px;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 20px 60px #0009}.panel:empty{display:none}.panel.wide{width:min(760px,100% - 32px);right:50%;transform:translate(50%)}@media (width<=760px){html,body{font-size:17px}.pill{min-height:38px;padding:7px 10px;font-size:14px}#back .long{display:none}.panel,.panel.wide{border-radius:14px 14px 12px 12px;width:auto;max-height:50vh;padding:16px;inset:auto 8px 8px;transform:none}.panel.tall{max-height:calc(100% - 80px)}}h1{color:var(--gold2);letter-spacing:.02em;margin:4px 0 6px;font-size:34px;line-height:1.1}h2{color:var(--gold2);margin:0 0 6px;font-size:24px}h3{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:18px 0 8px;font-family:system-ui,sans-serif;font-size:16px}p{margin:0 0 12px}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font:700 13px system-ui,sans-serif}.muted{color:var(--muted)}.small{font-size:15px}.big{font-size:20px}.btn{background:var(--gold);color:#1a1206;cursor:pointer;text-align:center;border:0;border-radius:12px;width:100%;min-height:52px;margin:10px 0 0;padding:13px 16px;font:700 18px system-ui,sans-serif;display:block}.btn.ghost{color:var(--gold2);border:1px solid var(--gold);background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.row{gap:10px;display:flex}.row .btn{flex:1}.choices{grid-template-columns:1fr;gap:10px;display:grid}.choices.grid2{grid-template-columns:1fr 1fr}.choice{text-align:left;border:2px solid var(--line);width:100%;min-height:52px;color:var(--ink);cursor:pointer;background:#ffffff08;border-radius:12px;padding:12px 14px;font:17px/1.35 Georgia,serif}.choice:hover{border-color:#6e5a86}.choice[aria-pressed=true]{border-color:var(--gold2);background:#d9b45229;box-shadow:inset 0 0 0 2px #f3dc9359}.choice[aria-pressed=true]:after{content:" ✓";color:var(--gold2);font-weight:700}.choice b{color:var(--gold2);font-size:18px;display:block}.choice .sub{color:var(--muted);margin-top:3px;font-size:15px;display:block}.swatch{vertical-align:-5px;border:2px solid #ffffff80;border-radius:50%;width:22px;height:22px;margin-right:8px;display:inline-block}.spirit-card{grid-template-columns:120px 1fr;align-items:start;gap:14px;display:grid}.spirit-card img,.spirit-card .ph{aspect-ratio:9/16;object-fit:cover;border:1px solid var(--line);background:#1a1020;border-radius:10px;width:120px}.spirit-card .ph{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:8px;font:13px system-ui;display:flex}.struggle{color:var(--ink);font-size:20px}ul.harms{margin:6px 0 10px 20px;padding:0}ul.harms li{margin:2px 0}.hint{border-left:3px solid var(--gold);background:#d9b45214;border-radius:0 8px 8px 0;margin:8px 0;padding:8px 12px;font-size:16px}.laid{border:1px dashed var(--line);color:var(--muted);border-radius:10px;margin:6px 0;padding:10px 12px;font-size:15px}.psalm{font-style:italic}.gates{margin:8px 0;padding:0;list-style:none}.gates li{border-bottom:1px solid var(--line);padding:7px 0;font-size:17px}.gates .ok{color:var(--ok)}.gates .bad{color:var(--red)}.gates .wait{color:var(--muted)}.map{gap:8px;display:grid}.sign{grid-template-columns:92px repeat(6,1fr);align-items:center;gap:6px;display:grid}.sign span{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font:700 13px system-ui}.seal{border:1px solid var(--line);min-height:52px;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:10px;padding:4px;font:13px/1.2 system-ui}.seal.done{border-color:var(--gold);color:var(--gold2);background:#d9b4521f}.seal.open{color:var(--ink);border-color:#8f7bd6}.seal:disabled{cursor:not-allowed;opacity:.55}.seal b{font-size:15px;display:block}@media (width<=560px){.sign{grid-template-columns:repeat(6,1fr)}.sign span{grid-column:1/-1}}.codex details{border:1px solid var(--line);background:#ffffff05;border-radius:12px;margin:8px 0;padding:10px 14px}.codex summary{cursor:pointer;color:var(--gold2);min-height:32px;font-size:18px}.codex dl{grid-template-columns:120px 1fr;gap:4px 12px;margin:10px 0 0;font-size:15px;display:grid}.codex dt{color:var(--gold)}.codex dd{margin:0}.badge{letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font:700 12px system-ui;display:inline-block}.badge.owner{color:var(--ok);border-color:#3d6b45}.reward{text-align:center}.reward .seal-big{color:var(--gold2);text-shadow:0 0 24px #f3dc9399;margin:6px 0;font-size:64px;line-height:1}.banner{z-index:6;border:1px solid var(--red);color:var(--ink);background:#2a1414;border-radius:10px;padding:10px 14px;font-size:15px;position:fixed;top:64px;left:12px;right:12px}#labels{pointer-events:none;z-index:3;position:fixed;inset:0}.tag{pointer-events:auto;white-space:nowrap;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#08060cc7;border-radius:999px;padding:4px 10px;font:700 13px system-ui;position:absolute;transform:translate(-50%,-150%)}.tag.on{border-color:var(--gold2);color:var(--gold2)}.title-hero{text-align:center}.title-hero h1{font-size:42px}.title-hero .num{color:var(--gold);text-shadow:0 0 30px #d9b45280;font-size:80px;font-weight:700;line-height:.9}fieldset{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:10px 12px}legend{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;padding:0 6px;font:700 13px system-ui}.radio{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.radio input{width:20px;height:20px;accent-color:var(--gold)}.noscript{text-align:center;padding:40px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.reduced *{transition:none!important;animation:none!important}.guide{background:linear-gradient(90deg,#d6965629,#d696560a);border:1px solid #d696568c;border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;margin:12px 0;padding:10px 12px;display:grid}.guide img,.guide .gph{object-fit:cover;object-position:50% 50%;background:#2a1a10;border:2px solid #d69656;border-radius:50%;width:56px;height:56px}.guide .gph{color:#f0c48a;justify-content:center;align-items:center;font:700 24px Georgia,serif;display:flex}.guide b{color:#f0c48a;letter-spacing:.14em;text-transform:uppercase;font:700 13px system-ui,sans-serif}.guide p{margin:2px 0 0;font-size:16px;line-height:1.4}.gplay{color:#f0c48a;cursor:pointer;background:0 0;border:1px solid #d69656;border-radius:50%;width:44px;height:44px;font-size:16px}.prods{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.prod{color:var(--ink);border:1px solid var(--line);background:#ffffff08;border-radius:12px;text-decoration:none;display:block;overflow:hidden}.prod:hover,.prod:focus-visible{border-color:var(--gold)}.prod img{aspect-ratio:1;object-fit:cover;background:#1a1610;width:100%;display:block}.prod span{padding:6px 8px 0;font-size:14px;line-height:1.3;display:block}.prod b{color:var(--gold2);padding:2px 8px 0;display:block}.prod em{color:var(--muted);padding:0 8px 8px;font:12px system-ui;display:block}