:root{--bg:#121314;--win:#1b1c1e;--head:#242628;--line:#333639;--text:#d6d6d6;--muted:#8b8f94;--accent:#4a90e2;--bad:#e05252}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:13px/1.4 system-ui,sans-serif}#app{grid-template-columns:280px minmax(0,1fr) 320px;gap:8px;height:100vh;padding:8px;display:grid}.col{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex;overflow-y:auto}.win{background:var(--win);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-height:0;display:flex}.win.grow{flex:1 1 0;min-height:140px}.win>header{background:var(--head);border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.win>.body{padding:8px;overflow:auto}h4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 4px;font-size:11px;font-weight:600}h4:first-child{margin-top:0}p{margin:8px 0}.muted{color:var(--muted)}.small{font-size:11px}.accent{color:var(--accent)}.bad{color:var(--bad)}.line{justify-content:space-between;gap:8px;margin:2px 0;display:flex}.line.big{margin-top:6px;font-size:15px}kbd{border:1px solid var(--line);border-radius:3px;padding:0 4px;font:11px ui-monospace,Consolas,monospace}button{color:var(--text);font:inherit;cursor:pointer;background:#2a2c2f;border:1px solid #3d4044;border-radius:3px;padding:3px 8px}button:hover:not(:disabled){border-color:#5a5e63}button:disabled{opacity:.4;cursor:default}label{cursor:pointer;align-items:center;gap:4px;display:inline-flex}label.check{margin:6px 0;display:flex}.bar{border:1px solid var(--line);background:#0e0f10;height:14px;margin-top:4px;position:relative}.bar i{width:0;height:100%;display:block}.bar span{text-align:center;font-size:10px;line-height:12px;position:absolute;inset:0}.bar.xp i{background:#7a6420}.bar.hp i{background:#8f2e2e}.bar.mp i{background:#2e4f8f}.bar.xp:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 24.8%,#000 24.8% 25.2%,#0000 25.2% 49.8%,#000 49.8% 50.2%,#0000 50.2% 74.8%,#000 74.8% 75.2%,#0000 75.2%);position:absolute;inset:0}table.kv{border-collapse:collapse;width:100%}table.kv td{padding:2px 0}table.kv td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}table.kv td.b{text-align:right;width:30px}table.kv td.b button{padding:0 6px}.toolbar{background:var(--win);border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.toolbar .spacer{flex:1}.view{position:relative}.view canvas{border:1px solid var(--line);max-width:100%;image-rendering:pixelated;cursor:crosshair;display:block}.net{background:var(--head);border:1px solid var(--line);border-radius:4px;padding:4px 10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.win.npc{width:330px;max-height:calc(100% - 16px);position:absolute;top:8px;right:8px;box-shadow:0 6px 24px #00000080}.recipe{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.skillbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.skill{align-items:center;gap:6px;display:inline-flex}.skill small{color:var(--muted)}.term{white-space:pre-wrap;background:#0a0b0c;flex:1 1 0;min-height:0;padding:6px 8px;font:12px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;overflow-y:auto}.term .t{color:#555b61}.k-hit{color:#c7c7c7}.k-crit{color:#ffd166}.k-hurt{color:#ff6b6b}.k-spell{color:#6cb6ff}.k-kill{color:#9aa5b1}.k-loot{color:#7bd88f}.k-craft{color:#d291ff}.k-system{color:#5fd7d7}.term[data-filter=combat] .l:not(.c-combat),.term[data-filter=loot] .l:not(.c-loot),.term[data-filter=craft] .l:not(.c-craft),.term[data-filter=system] .l:not(.c-system){display:none}.tabs{text-transform:none;letter-spacing:0;gap:4px;display:flex}.tabs button{padding:0 6px;font-size:11px}.tabs button.on{border-color:var(--accent);color:var(--text)}.grid{grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.cell{aspect-ratio:1;border:1px solid var(--c,var(--line));min-width:0;color:var(--c,var(--muted));background:#111213;border-radius:2px;place-items:center;padding:0;font:10px ui-monospace,Consolas,monospace;display:grid;position:relative}.cell small{color:var(--text);font-size:9px;position:absolute;bottom:0;right:2px}.cell.sel{outline:2px solid var(--accent);outline-offset:1px}.cell.empty{cursor:default;border-color:#26282b}.eq-row{align-items:center;gap:8px;margin:3px 0;display:flex}.eq-row .cell{flex:none;width:34px}.name{font-size:14px;font-weight:600}.pips{letter-spacing:2px}.actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.targets button{text-align:left;width:100%;margin-top:4px;display:block}