:root{--c-bg:#20283c;--c-gold:gold;--c-sky:#5ab0f0;--c-grass:#58b858;--c-soil:#8a6038;--c-panel:var(--ui-face);--c-panel-dark:var(--ui-table-border);--c-bevel-light:var(--ui-bevel-light);--c-bevel-dark:var(--ui-bevel-dark);--c-title:var(--ui-title-active);--c-title-text:var(--ui-title-active-text);--c-ink:var(--ui-text);--c-ink-dim:var(--ui-text-muted);--c-green:var(--ui-good);--c-red:var(--ui-bad);--c-warn:var(--ui-warn);--bar-h:10px;font-size:14px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--c-bg);color:var(--c-ink);image-rendering:pixelated;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}textarea,input{-webkit-user-select:text;user-select:text}.bevel-out{border:1px solid;border-color:var(--ui-bevel-light) var(--ui-bevel-darker) var(--ui-bevel-darker) var(--ui-bevel-light);box-shadow:inset -1px -1px 0 var(--ui-bevel-dark)}.bevel-in{border:1px solid;border-color:var(--ui-bevel-dark) var(--ui-bevel-light) var(--ui-bevel-light) var(--ui-bevel-dark);box-shadow:inset 1px 1px 0 var(--ui-bevel-darker)}.panel{background:var(--ui-face);color:var(--ui-text)}.btn{background:var(--ui-face);color:var(--ui-text);font:inherit;letter-spacing:.04em;cursor:pointer;border:1px solid;border-color:var(--ui-bevel-light) var(--ui-bevel-darker) var(--ui-bevel-darker) var(--ui-bevel-light);box-shadow:inset -1px -1px 0 var(--ui-bevel-dark);padding:3px 10px;font-weight:700}.btn:hover:not(:disabled){background:var(--ui-face-hover)}.btn:active:not(:disabled),.btn.pressed{background:var(--ui-face-pressed);border-color:var(--ui-bevel-darker) var(--ui-bevel-light) var(--ui-bevel-light) var(--ui-bevel-darker);box-shadow:inset 1px 1px 0 var(--ui-bevel-dark)}.btn:disabled{color:var(--ui-text-muted);cursor:default}.btn.small{padding:1px 6px;font-size:.8em}.btn.danger{color:var(--ui-bad)}.title{background:var(--ui-title-inactive);color:var(--ui-title-inactive-text);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:3px 8px;font-weight:700;display:flex}.win .title{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.win.focused .title{background:var(--ui-title-active);color:var(--ui-title-active-text)}.win .title:active{cursor:grabbing}.title-btns{gap:2px;display:flex}.title-btns .btn{place-items:center;width:22px;height:22px;padding:0;font-size:11px;line-height:1;display:grid;position:relative}.title-btns .btn:after{content:"";position:absolute;inset:-3px}.bar{height:var(--bar-h);background:var(--ui-content);border:1px solid;border-color:var(--ui-bevel-dark) var(--ui-bevel-light) var(--ui-bevel-light) var(--ui-bevel-dark);position:relative;overflow:hidden}.bar>i{background:var(--ui-good);height:100%;display:block}.bar.hp>i{background:var(--ui-bad)}.bar.gold>i{background:var(--c-gold)}table.crit{border-collapse:collapse;width:100%;font-size:.85em}table.crit th{background:var(--ui-table-border);color:var(--ui-text);text-align:right;padding:4px 8px}table.crit td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--ui-table-border);height:28px;padding:4px 8px}table.crit th:first-child,table.crit td:first-child{text-align:left}table.crit tbody tr:nth-child(2n) td{background:var(--ui-table-zebra)}table.crit tbody tr:hover td{background:var(--ui-table-hover)}table.crit tbody tr.selected td{background:var(--ui-title-active);color:var(--ui-title-active-text)}table.crit tbody tr.newest td{background:var(--ui-warn);color:var(--ui-text)}table.crit tbody tr.locked td{color:var(--ui-text-muted);font-style:italic}table.crit tr{cursor:pointer}.chip{background:var(--ui-table-border);padding:0 6px;font-size:.8em;font-weight:700;display:inline-block}.chip.good{background:var(--ui-good);color:var(--ui-content)}.chip.bad{background:var(--ui-bad);color:var(--ui-content)}button.chip{cursor:pointer;font:inherit;border:none}select,input[type=range]{font:inherit}.btn:focus-visible,select:focus-visible,input:focus-visible{outline:1px dotted var(--ui-text);outline-offset:-3px}h3.section{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-muted);margin:8px 0 4px;font-size:.9em}
