:root{--bg:#0e0f12;--panel:#16181d;--panel-2:#1e2128;--line:#2f333d;--ink:#e9ecf2;--dim:#9aa2b1;--gold:#e8c06a;--xp:#7fd6a0;--accent:#7fd0ff;--warn:#ff9c86;--stamina:#f0a06a;--social:#c79cf0;--mental:#7fd6d6;--energy:#e6d66a;--dusk:#9ab0d6;--want:#ef8fb4;--hydration:#4fa3e8;--rule:#24272f;--edge-blocked:#666e82;--pad:.7rem;--radius:6px;--bar-h:11px;--seg:10;--seg-gap:2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bar{position:relative}.bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(to right, transparent 0 calc(100% / var(--seg) - var(--seg-gap)), var(--panel) calc(100% / var(--seg) - var(--seg-gap)) calc(100% / var(--seg)));position:absolute;inset:0}body[data-side=tso]{--bg:#150f0f;--panel:#201717;--panel-2:#2b2020;--line:#8a6636;--rule:#332626;--edge-blocked:var(--line);--ink:#f5ece4;--dim:#bfa898;--gold:#e6bd68;--accent:#f0764f;--xp:#9fcf7a;--social:#d79cb8;--mental:#7fc9a4;--dusk:#c9a98f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:1rem/1.55 system-ui,-apple-system,Segoe UI,sans-serif}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0 0 .4em;line-height:1.2}h1{font-size:1.5rem}h2{letter-spacing:.02em;text-transform:uppercase;color:var(--dim);font-size:1.05rem}details.sec{border:0}details.sec>summary{cursor:pointer;align-items:baseline;gap:.4rem;list-style:none;display:flex}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:before{content:"▸";color:var(--dim);flex:0 0 .8rem}details.sec[open]>summary:before{content:"▾"}details.sec>summary>h3{flex:1;margin:0}details.sec>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;padding:.35em .7em}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{color:var(--dim);cursor:not-allowed;opacity:.7}button[aria-pressed=true]{border-color:var(--accent);background:#2c3550}body[data-side=irl] .panel{border:0;border-top:1px solid var(--line);padding:var(--pad) 0 0;background:0 0;border-radius:0}body[data-side=irl] button{border-radius:0}body[data-side=tso] .panel{background:0 0;border:0;border-radius:0;position:relative}body[data-side=tso] .panel:before{content:"";z-index:-1;background:var(--panel);border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);position:absolute;inset:0}body[data-side=tso] h2{color:var(--gold);border-bottom:1px solid var(--rule);padding-bottom:.3em}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.bar{forced-color-adjust:none!important;background:canvas!important;border:1px solid canvastext!important}.bar:after{forced-color-adjust:none!important;background:repeating-linear-gradient(to right, transparent 0 calc(100% / var(--seg) - var(--seg-gap)), Canvas calc(100% / var(--seg) - var(--seg-gap)) calc(100% / var(--seg)))!important}:focus-visible{outline-color:highlight!important}.panel{border-color:canvastext!important}body[data-side=tso] .panel:before{display:none}body[data-side=irl] .panel,body[data-side=tso] .panel{padding:var(--pad)!important;background:canvas!important;border:1px solid canvastext!important}}@media (width<=37rem) and (pointer:coarse){button,[role=tab],input,select,summary{align-content:center;min-height:44px}.explain{display:none}}
