:root{--paper:#F4ECDD;--paper-2:#EBE0CB;--ink:#23303f;--slate:#2E4A6B;--orange:#FF5A1F;--orange-deep:#E0470F;font-synthesis:none}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:Spline Sans Mono,ui-monospace,monospace;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;height:100dvh;width:100vw}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.exp{font-family:Syne,Spline Sans Mono,sans-serif}#grain{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.5;mix-blend-mode:multiply;background:radial-gradient(120% 100% at 50% 30%,transparent 60%,rgba(46,74,107,.1) 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");background-size:auto,180px 180px}#masthead{position:absolute;top:0;left:0;right:0;z-index:7;pointer-events:none;display:flex;align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top)) 14px 8px;border-bottom:2.5px solid var(--slate);background:linear-gradient(180deg,#f4ecddeb,#f4ecdd00)}.mast-main{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1}.mast-main .mark{font-family:Syne,sans-serif;font-weight:800;letter-spacing:.16em;font-size:clamp(22px,6vw,40px);color:var(--orange);text-shadow:1.5px 1.5px 0 var(--slate)}.mast-main .sub{margin-top:4px;font-size:clamp(8px,2.1vw,11px);font-weight:600;letter-spacing:.22em;color:var(--slate);text-transform:uppercase}.reg{font-family:Syne,sans-serif;font-weight:800;color:var(--slate);font-size:18px;opacity:.7}#chronicle{position:absolute;top:64px;right:12px;z-index:7;width:min(40vw,330px);pointer-events:none;background:#f4ecddd1;border:2px solid var(--slate);box-shadow:5px 5px #2e4a6b2e}.ch-head{font-family:Syne,sans-serif;font-weight:800;letter-spacing:.18em;font-size:12px;color:var(--paper);background:var(--slate);padding:5px 10px;text-transform:uppercase}.feed{display:flex;flex-direction:column;padding:7px 10px 4px;gap:7px;min-height:40px}.feed .entry{font-size:11.5px;line-height:1.32;color:var(--ink);border-left:2.5px solid var(--orange);padding-left:8px;animation:ink .5s ease both}.feed .entry .who{display:block;font-family:Syne,sans-serif;font-weight:800;font-size:10px;letter-spacing:.1em;color:var(--orange-deep);text-transform:uppercase}.feed .entry .txt{color:var(--ink)}.ch-foot{font-size:9px;letter-spacing:.08em;color:var(--slate);opacity:.75;padding:5px 10px 7px;border-top:1px dashed rgba(46,74,107,.45);text-transform:uppercase}@keyframes ink{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}#labels{position:absolute;inset:0;z-index:6;pointer-events:none}.soul-label{position:absolute;top:0;left:0;will-change:transform;text-align:center;white-space:nowrap;filter:drop-shadow(1.5px 1.5px 0 rgba(46,74,107,.5))}.soul-label .nm{display:inline-block;font-family:Syne,sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em;color:var(--paper);background:var(--slate);padding:1.5px 7px;border-radius:1px}.soul-label.jailed .nm{background:var(--orange-deep)}.soul-label .chips{display:flex;gap:3px;justify-content:center;margin-top:3px}.soul-label .chips i{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.04em;padding:1px 5px;border-radius:1px;background:var(--paper);border:1.5px solid var(--slate);color:var(--slate)}.soul-label .chips .m{color:var(--orange-deep);border-color:var(--orange-deep)}.soul-label .chips .h{color:var(--paper);background:color-mix(in srgb,var(--orange) calc(var(--t)*100%),var(--slate));border-color:var(--orange-deep)}.soul-label .chips .j{color:var(--paper);background:var(--orange-deep);border-color:var(--orange-deep)}.soul-label .verb{display:block;font-family:Syne,sans-serif;font-weight:800;font-size:9px;letter-spacing:.12em;color:var(--paper);background:var(--orange-deep);padding:1px 6px;margin-bottom:3px;border-radius:1px;transition:opacity .3s}#places{position:absolute;inset:0;z-index:6;pointer-events:none}.place-sign{position:absolute;top:0;left:0;will-change:transform;filter:drop-shadow(1.5px 1.5px 0 rgba(46,74,107,.45))}.place-sign .ps{display:inline-block;font-family:Syne,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--slate);background:#f4ecdde6;border:1.5px solid var(--slate);border-bottom-width:3px;padding:2px 9px;text-transform:uppercase}.stall-plate{position:absolute;top:0;left:0;will-change:transform;transition:opacity .6s;filter:drop-shadow(1.5px 1.5px 0 rgba(46,74,107,.5))}.stall-plate span{display:inline-block;font-family:Syne,sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em;color:var(--paper);background:var(--orange);border:2px solid var(--slate);padding:2px 9px;text-transform:uppercase}#loader{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:var(--paper);transition:opacity .8s ease}#loader.done{opacity:0;pointer-events:none}.load-card{text-align:center}.load-mark{font-family:Syne,sans-serif;font-weight:800;letter-spacing:.16em;font-size:clamp(40px,13vw,84px);color:var(--orange);text-shadow:3px 3px 0 var(--slate)}.load-sub{margin-top:6px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--slate)}.load-bar{margin:18px auto 0;width:min(60vw,230px);height:8px;border:2px solid var(--slate);overflow:hidden;background:var(--paper-2)}.load-bar i{display:block;height:100%;width:0%;background:var(--orange);transition:width .35s}.load-pct{margin-top:8px;font-weight:700;font-size:12px;letter-spacing:.1em;color:var(--slate)}@media(max-width:560px){#chronicle{width:min(64vw,300px);top:58px}}@media(prefers-reduced-motion:reduce){.feed .entry{animation:none}}