:root{--bg:#08080c;--panel:#101017;--panel-2:#15151e;--line:#262633;--text:#d6d4cc;--muted:#8a8898;--faint:#55546a;--gold:#ffd36b;--amber:#ffb84d;--rot:#9fe0b0;--violet:#a07cff;--blood:#e0505a;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);margin:0;font-size:13px;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#topbar{border-bottom:1px solid var(--line);background:#0b0b11;flex-wrap:wrap;align-items:center;gap:18px;min-height:34px;padding:6px 12px;display:flex}#title{font-family:var(--serif);letter-spacing:.22em;color:#e9e2cc;white-space:nowrap;font-size:18px}#title span{font-family:var(--mono);letter-spacing:.05em;color:var(--faint);margin-left:8px;font-size:11px}#lines{flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.line{color:var(--muted)}.line b{margin-right:4px;font-weight:600}.line.deed b{color:var(--gold)}.line.clock b{color:#9ec3ff}.line.ruin b{color:var(--blood)}#main{flex:1;min-height:0;display:flex}#stage{flex-direction:column;flex:1;gap:6px;min-width:0;padding:8px;display:flex}#mapwrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#map{justify-content:center;align-items:center;width:100%;height:100%;display:flex}svg.map{width:100%;max-width:760px;height:100%}svg.map .nname{font-family:var(--serif);font-size:13.5px;font-weight:600}svg.map .ndet{font-family:var(--mono);font-size:11px}svg.map .hero{font-family:var(--mono);fill:#ffd36b;font-size:17px;font-weight:700}svg.map .node.reach{cursor:pointer}svg.map .node.reach:hover rect{stroke:#ffe7a8;stroke-width:2.2px}#log{border-top:1px solid var(--line);flex-direction:column;justify-content:flex-end;height:100px;padding:4px 8px;font-size:12px;line-height:16px;display:flex;overflow:hidden}#log div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#log div.old{opacity:.55}#side{border-left:1px solid var(--line);background:var(--panel);flex-shrink:0;width:360px;padding:10px 12px;font-size:12px;overflow-y:auto}.sec{margin-bottom:12px}.sec h3{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 6px;font-size:10px;font-weight:600}.who{font-family:var(--serif);color:#f0ead6;font-size:22px;line-height:1.1}.sub{color:var(--muted);font-size:11px}.row{justify-content:space-between;gap:8px;margin:2px 0;display:flex}.bar{background:#1d1d28;border-radius:2px;height:7px;margin:3px 0 6px;overflow:hidden}.bar>i{height:100%;display:block}.talk{font-family:var(--serif);color:#cfc6a8;margin:3px 0;font-size:15px;font-style:italic;line-height:1.3}.keys{color:var(--muted);line-height:1.55}.keys kbd{font-family:var(--mono);color:var(--text);background:#1c1c27;border:1px solid #2c2c3a;border-radius:3px;padding:0 4px;font-size:11px}.unit{margin:4px 0 7px}.unit .nm{justify-content:space-between;display:flex}.pips span{border:1px solid var(--gold);border-radius:50%;width:12px;height:12px;margin-right:4px;display:inline-block}.pips span.on{background:var(--gold)}.sig{background:#17140c;border:1px solid #3a3320;border-radius:3px;margin:4px 0;padding:4px 6px}.sig b{color:var(--gold)}.btns{flex-wrap:wrap;gap:5px;display:flex}button{font-family:var(--mono);color:var(--text);cursor:pointer;background:#1a1a24;border:1px solid #334;border-radius:3px;padding:5px 9px;font-size:12px}button:hover:not(:disabled){border-color:var(--gold);color:#fff}button:disabled{opacity:.4;cursor:default}button.primary{color:var(--gold);background:#2a2312;border-color:#6b5520}#banner{color:#ffe7a8;max-width:86%;font-family:var(--serif);text-align:center;pointer-events:none;background:#181308f0;border:1px solid #6b5520;border-radius:4px;padding:10px 18px;font-size:21px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0009}#banner small{font-family:var(--mono);color:#b49a5c;margin-top:4px;font-size:11px;display:block}#banner.alert{color:#e6e6f0;font-family:var(--mono);background:#0e0e16f0;border-color:#3a3a52;font-size:14px}#caption{max-width:80%;font-family:var(--serif);color:#f2e6c4;text-align:center;text-shadow:0 2px 12px #000,0 0 3px #000;pointer-events:none;font-size:26px;font-style:italic;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hidden{display:none!important}#overlay{z-index:10;background:#050508f6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{width:100%;max-width:760px;margin:auto}.card h1{font-family:var(--serif);letter-spacing:.18em;color:#efe6cc;margin:0 0 4px;font-size:44px;font-weight:500}.card h2{font-family:var(--serif);color:#efe6cc;margin:0 0 12px;font-size:30px;font-weight:500}.card p{color:#bdbbc4;font-size:13px;line-height:1.6}.card .prose{font-family:var(--serif);color:#d8d2c0;font-size:20px;line-height:1.5}.card .note{color:var(--muted);font-size:12px}.card input{font-family:var(--serif);color:#f0ead6;background:#121219;border:1px solid #334;border-radius:3px;width:260px;padding:6px 10px;font-size:22px}.choice{cursor:pointer;background:#111118;border:1px solid #334;border-radius:4px;margin:8px 0;padding:12px 14px}.choice:hover{border-color:var(--gold)}.choice b{font-family:var(--serif);color:#f0e2b8;font-size:22px}.choice span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.ballad{font-family:var(--serif);color:#f2e6c4;text-align:center;font-size:27px;font-style:italic;line-height:1.55}.ballad div{opacity:0;transition:opacity 1.1s}.ballad div.on{opacity:1}.dist-row{grid-template-columns:82px 1fr 82px;align-items:center;gap:10px;margin:10px 0 2px;display:grid}.dist-row .pole{color:var(--muted);font-size:11px}.dist-row .pole.r{text-align:right}.dist-row .pole.on{color:var(--gold)}.track{background:#15151e;border:1px solid #262633;border-radius:7px;height:14px;position:relative}.track .mid{background:#3a3a4c;width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.track .fill{border-radius:5px;transition:all 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;bottom:2px}.track .fill.b{opacity:.55}.dist-ev{color:#a6a3b2;margin:2px 0 0 92px;font-size:11.5px}.axis-name{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:12px 0 0 92px;font-size:10px}.sigils{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.sigil{opacity:0;background:#17140c;border:1px solid #6b5520;border-radius:4px;flex:1;min-width:180px;padding:10px 12px;transition:all .8s;transform:translateY(6px)}.sigil.on{opacity:1;transform:none}.sigil b{font-family:var(--serif);color:var(--gold);font-size:21px;display:block}.sigil span{color:#c9b98a;font-size:11.5px}.recruit{opacity:0;border-left:2px solid #6b5520;margin:12px 0;padding:6px 12px;transition:opacity .9s}.recruit.on{opacity:1}.recruit b{font-family:var(--serif);color:#efe6cc;font-size:22px}.recruit i{font-family:var(--serif);color:#cfc6a8;font-size:18px;display:block}.continue{align-items:center;gap:10px;margin-top:20px;display:flex}.continue .hint{color:var(--faint);font-size:11px}table.cmp{border-collapse:collapse;width:100%;margin:10px 0}table.cmp td{vertical-align:middle;border-bottom:1px solid #1d1d28;padding:5px 6px;font-size:12px}table.cmp td.lbl{width:92px;color:var(--muted)}table.cmp td.n{width:70px;color:var(--faint);text-align:right;font-size:11px}.minitrack{background:#15151e;border-radius:5px;height:10px;position:relative}.minitrack .mid{background:#3a3a4c;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.minitrack .dot{border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-2px}.legend-key{color:var(--muted);gap:14px;font-size:11px;display:flex}.legend-key i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}@media (width<=900px){#side{width:240px}.card h1{font-size:34px}}.here h3{font-family:var(--serif);color:#efe6cc;letter-spacing:0;text-transform:none;margin:0 0 4px;font-size:21px;font-weight:500}.here .desc{font-family:var(--serif);color:#c9c2ad;margin:2px 0 10px;font-size:15.5px;line-height:1.35}.here h4{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:12px 0 6px;font-size:10px;font-weight:600}.opt{text-align:left;width:100%;margin:5px 0;padding:7px 10px;line-height:1.35;display:block}.opt b{color:#f0e6c8;font-weight:600}.opt span{color:var(--muted);font-size:11.5px;display:block}.opt.risky span{color:#e0907a}.opt.good span{color:#9fd8a0}.opt kbd{color:#b9a76a;margin-right:6px;font-size:10px}.stances{gap:4px;margin:6px 0 2px;display:flex}.stances button{flex:1;padding:4px;font-size:11px}.stances button.on{border-color:var(--gold);color:var(--gold);background:#241e0e}.foe{grid-template-columns:18px 1fr 70px;align-items:center;gap:6px;margin:3px 0;font-size:12px;display:grid}.foe .g{text-align:center;font-weight:700}.foe .bar{margin:0}.flog{background:#0d0d13;border:1px solid #1f1f2a;border-radius:3px;min-height:120px;margin:8px 0;padding:6px 8px;font-size:11.5px;line-height:1.5}.flog .good{color:#cfe6c4}.flog .bad{color:#ff8a8a}.flog .kill{color:#ffd36b}.flog .spore{color:#d7a6f0}.flog .info{color:#7a7a8c}.intent{background:#17140c;border:1px solid #6b5520;border-radius:4px;margin:8px 0;padding:10px 12px}.intent .what{font-family:var(--serif);color:#ffe7a8;font-size:19px}.intent .why{color:#c9b98a;margin-top:3px;font-size:11.5px}.relic-card{background:#15120a;border:1px solid #5a4a20;border-radius:4px;margin:6px 0 10px;padding:10px 12px}.relic-card b{font-family:var(--serif);color:#ffe08a;font-size:19px;font-weight:500}.relic-card .boon{color:#9fd8a0;margin-top:4px;font-size:12px}.relic-card .cost{color:#e0a07a;font-size:12px}.status-grid{grid-template-columns:1fr 1fr;gap:2px 12px;font-size:12px;display:grid}.clockline{color:#9ec3ff;margin-top:4px;font-size:11.5px}.passage{text-align:left;width:100%;margin:4px 0;padding:6px 10px;display:block}.passage span{float:right;color:var(--muted);font-size:11px}