:root{--bg:#f3efdd;--surface:#fffdf4;--surface-2:#e8e2cb;--ink:#0e2418;--text:#0e2418;--text-dim:#75604a;--text-faint:#9c8a73;--on-accent:#ffffff;--accent:#4e9a51;--accent-soft:#cfe8a0;--good:#4e9a51;--warn:#e0a92e;--bad:#c0392b;--gold:#e0a92e;--alert:#c0392b;--info:#4a7fb5;--border:var(--ink);--border-w:4px;--radius:6px;--panel-shadow:5px 5px 0 var(--ink);--rule:#e8e2cb;--rule-w:2px;--font-display:"Press Start 2P",ui-monospace,monospace;--font-label:Silkscreen,ui-monospace,monospace;--font-body:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--display-size:11px;--display-tracking:0;--label-tracking:0.04em;--nav-bg:#17402a;--nav-text:#8fbf92;--nav-text-active:#ffffff;--nav-active-bg:var(--accent);--nav-brand:#cfe8a0}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.display{font-family:var(--font-display);font-size:var(--display-size);letter-spacing:var(--display-tracking);line-height:1.7;-webkit-font-smoothing:none}.label{font-family:var(--font-label);font-size:11px;letter-spacing:var(--label-tracking);color:var(--text-dim)}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--nav-bg);border-right:var(--border-w) solid var(--border);padding:20px 15px;display:flex;flex-direction:column;gap:3px}.brand{display:flex;align-items:center;gap:9px;margin-bottom:3px}.brand-mark{display:flex;flex-direction:column;gap:2px;width:20px}.brand-mark span{height:4px;display:block;background:var(--accent)}.brand-mark span:first-child{background:var(--nav-brand);border-radius:3px 3px 0 0}.brand-mark span:last-child{background:var(--nav-brand);border-radius:0 0 3px 3px}.brand-name{font-family:var(--font-display);font-size:11px;color:var(--nav-brand);-webkit-font-smoothing:none}.brand-sub{font-family:var(--font-label);font-size:11px;color:var(--accent);margin:0 0 20px 29px}.nav-link{display:flex;align-items:center;padding:7px 9px;border-radius:4px;color:var(--nav-text);text-decoration:none;font-size:13.5px;font-weight:500}.nav-link:hover,.nav-link[data-active=true]{color:var(--nav-text-active)}.nav-link[data-active=true]{background:var(--nav-active-bg)}.nav-arrow{font-family:var(--font-label);font-size:11px;color:var(--nav-brand);margin-right:6px;width:9px}.nav-spacer{width:15px;display:inline-block}.nav-badge{margin-left:auto;font-family:var(--font-label);font-size:11px;background:var(--gold);color:var(--ink);padding:1px 6px;border-radius:3px}.main{flex:1 1;padding:22px 26px 56px;max-width:1400px;min-width:0}.panel{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:15px 17px}.panel-flat{box-shadow:none}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}h1{font-size:27px;font-weight:700;letter-spacing:-.03em;margin:0}.subtitle{font-size:13.5px;margin:6px 0 0}.subtitle,h2{color:var(--text-dim)}h2{font-family:var(--font-label);font-size:12px;letter-spacing:var(--label-tracking);font-weight:400;margin:26px 0 11px}.stat-value{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-note{font-size:11.5px;color:var(--text-dim);margin-top:6px;line-height:1.4}.bar{display:block;height:9px;background:var(--surface-2);border-radius:3px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--good)}.hp{height:10px;background:var(--ink);border-radius:5px;padding:2px}.hp,.hp>span{display:block}.hp>span{height:6px;background:var(--good)}.hp>span,.pill{border-radius:3px}.pill{display:inline-block;font-family:var(--font-label);font-size:10px;padding:2px 8px;color:var(--on-accent);background:var(--accent);text-align:center}.pill[data-tone=gold]{background:var(--gold);color:var(--ink)}.pill[data-tone=alert]{background:var(--alert)}.pill[data-tone=muted]{background:var(--surface-2);color:var(--text-dim)}.msgbox{border:3px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--bg)}.row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:var(--rule-w) solid var(--rule)}.row:last-child{border-bottom:none}.empty{border:var(--rule-w) dashed var(--rule);border-radius:var(--radius);padding:30px 24px;text-align:center;color:var(--text-dim);font-size:13.5px}.empty strong{display:block;font-family:var(--font-label);font-size:12px;margin-bottom:6px;color:var(--text)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-family:var(--font-label);font-size:11px;letter-spacing:var(--label-tracking);color:var(--text-dim);font-weight:400;padding:0 12px 9px}td,th{border-bottom:var(--rule-w) solid var(--rule)}td{padding:10px 12px;vertical-align:top}tr:last-child td{border-bottom:none}.mono{font-family:var(--font-label);font-size:12px}.dim{color:var(--text-dim)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.centre{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.panel-narrow{width:100%;max-width:380px}input[type=password],input[type=text]{width:100%;padding:10px 12px;border-radius:4px;border:3px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-family:var(--font-body)}input:focus{outline:3px solid var(--accent);outline-offset:1px}.btn,button{display:block;width:100%;text-align:center;margin-top:10px;padding:9px 14px;border-radius:4px;border:3px solid var(--border);background:var(--accent);color:var(--on-accent);font-family:var(--font-label);font-size:12px;letter-spacing:var(--label-tracking);cursor:pointer;text-decoration:none}.btn:hover,button:hover{filter:brightness(1.08)}.btn[data-tone=gold]{background:var(--gold);color:var(--ink)}.btn[data-tone=quiet]{background:var(--surface);color:var(--text-dim)}.error{color:var(--alert);font-size:13px;margin-top:10px}@media (max-width:760px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:10px 12px;align-items:center;border-right:none;border-bottom:var(--border-w) solid var(--border)}.badge-case,.brand-sub{display:none}.main{padding:18px 16px 44px}}:root{--ease:cubic-bezier(0.2,0.7,0.3,1);--fast:120ms;--base:200ms;--slow:420ms}.btn,.nav-link,.pill,.row,a,button,input{transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease),filter var(--fast) var(--ease)}.panel{transition:box-shadow var(--base) var(--ease),transform var(--base) var(--ease),background-color var(--base) var(--ease)}.panel-hover:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--ink)}[data-theme=redpen] .panel-hover:hover{transform:none;box-shadow:none}.nav-link:hover{transform:translateX(2px)}.btn:hover,button:hover{transform:translate(-1px,-1px)}.btn:active,button:active{transform:translate(1px,1px);filter:brightness(.96)}.row:hover{background:var(--surface-2)}.bar>span,.hp>span{transition:width var(--slow) var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.enter{animation:rise var(--base) var(--ease) both;animation-delay:calc(var(--i, 0) * 34ms)}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:0}}.cursor{animation:blink 1.05s steps(1) infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.enter{animation:none;opacity:1;transform:none}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-enter{animation:page-in .18s var(--ease) both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{border-color:transparent;box-shadow:none}.skeleton,.skeleton-head{background:var(--surface-2);animation:pulse 1.1s var(--ease) infinite}.skeleton-head{height:30px;width:220px;border-radius:var(--radius)}@media (prefers-reduced-motion:reduce){.page-enter,.skeleton,.skeleton-head{animation:none}}