:root{--scale:min(100vw / 854, 100vh / 480);--ui-font:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.screen{z-index:10;box-sizing:border-box;font-size:calc(var(--scale) * 12);font-family:var(--ui-font);color:var(--text);background:#000;justify-content:center;align-items:center;animation:.25s ease-out screen-in;display:flex;position:fixed;inset:0}@keyframes screen-in{0%{opacity:0}}.screen__panel{border:1px solid var(--border);background:var(--panel);flex-direction:column;width:min(48em,94vw);max-height:94vh;display:flex}.screen__title{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:1.2em 1.4em .8em;font-size:1.6em}.screen__tabs{border-bottom:1px solid var(--border);gap:.3em;padding:0 1.4em;display:flex}.screen__tab{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-bottom:none;margin-bottom:-1px;padding:.7em 1.4em}.screen__tab:hover{color:var(--text)}.screen__tab[aria-selected=true]{background:var(--panel);border-bottom:1px solid var(--panel);color:var(--accent)}.screen__body{padding:1.2em 1.4em;overflow-y:auto}.screen__row{justify-content:space-between;align-items:center;gap:1.4em;padding:.7em 0;display:flex}.screen__row+.screen__row{border-top:1px solid var(--border)}.screen__value{align-items:center;gap:.8em;display:flex}.screen__readout{min-width:2ch;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.9em}.screen input[type=range]{width:14em;height:1.4em;accent-color:var(--accent)}.screen input[type=checkbox]{width:1.2em;height:1.2em;accent-color:var(--accent)}.screen__binding{border:1px solid var(--border);min-width:10em;color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:.55em .9em;font-size:.9em}.screen__binding:hover{border-color:var(--accent)}.screen__binding[data-capturing=true]{border-color:var(--accent);color:var(--accent)}.screen__binding[data-unbound=true]{color:var(--muted)}.screen__hint{color:var(--muted);margin:0 0 1em;font-size:.8em;line-height:1.6}.screen__footer{border-top:1px solid var(--border);justify-content:space-between;gap:.8em;padding:1.1em 1.4em;display:flex}.screen__footer-group{gap:.8em;display:flex}.screen__button{border:1px solid var(--border);background:var(--fill);color:#000;font:inherit;cursor:pointer;padding:.7em 1.8em}.screen__button:hover{border-color:var(--accent)}.screen__button:disabled{cursor:default;opacity:.4}.screen__button--quiet{color:var(--muted);background:0 0}.screen__button--quiet:hover{color:var(--text)}.pause{background:#00000080;animation:none}.pause__menu{flex-direction:column;gap:.8em;min-width:12em;display:flex}.drawer{pointer-events:none;background:0 0;justify-content:flex-start;align-items:stretch;animation:none}.drawer--right{justify-content:flex-end}.drawer .screen__panel{pointer-events:auto;width:45vw;max-height:none;transition:translate .18s ease-out}.drawer--left .screen__panel{translate:-100%}.drawer--right .screen__panel{translate:100%}.drawer[data-open] .screen__panel{translate:0}.drawer .screen__body{flex:1}@media (prefers-reduced-motion:reduce){.drawer .screen__panel{transition:none}}.saves{gap:1.2em;display:flex}.saves__card{border:1px solid var(--border);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;flex:1;gap:.5em;padding:1em 1.2em 1.2em;display:flex}.saves__card:hover{border-color:var(--accent)}.saves__card[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--fill) 18%, transparent)}.saves__slot{border-bottom:1px solid var(--border);color:var(--accent);letter-spacing:.1em;text-align:center;text-transform:uppercase;padding-bottom:.7em;font-size:.95em}.saves__stat{justify-content:space-between;gap:1em;padding-top:.25em;font-size:.85em;display:flex}.saves__stat span:first-child{color:var(--muted)}.saves__stat span:last-child{font-variant-numeric:tabular-nums}.saves__empty{color:var(--muted);margin:auto}.notes{border:1px solid var(--border);background:var(--panel);width:min(44em,92vw);max-height:86vh;font-size:calc(var(--scale) * 12);font-family:var(--ui-font);color:var(--text);padding:0}.notes::backdrop{background:#000000b8}.notes__header{border-bottom:1px solid var(--border);align-items:baseline;gap:.8em;padding:1.2em 1.4em .8em;display:flex}.notes__title{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;flex:1;margin:0;font-size:1.4em}.notes__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9em}.notes__close{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:.5em 1.2em;font-size:.9em}.notes__close:hover{border-color:var(--accent);color:var(--text)}.notes__body{scrollbar-width:thin;scrollbar-color:var(--border) var(--panel);max-height:68vh;padding:.6em 1.4em 1.4em;overflow-y:auto}.notes__heading{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:1.4em 0 .5em;font-size:1em}.notes__heading:first-child{margin-top:.6em}.notes__task{align-items:baseline;gap:.6em;padding:.25em 0;font-size:.95em;line-height:1.5;display:flex}.notes__task[data-done=true]{color:var(--muted);text-decoration:line-through}.notes__task input{pointer-events:none;width:.9em;height:.9em;accent-color:var(--accent);flex:none}.notes__text{color:var(--muted);margin:.4em 0;font-size:.85em;line-height:1.6}.death .screen__panel{width:min(20em,90vw)}.death .screen__title{text-align:center;padding-bottom:.4em}.death .screen__footer{border-top:none;justify-content:center}.death .screen__line{text-align:center;color:var(--muted);margin:0;padding:0 1.4em .4em}.tree__panel{width:min(27.5em,94vw)}.tree .screen__title{padding:.7em 1em .5em;font-size:1.1em}.tree__body{padding:.6em;overflow:hidden}.tree__graph{aspect-ratio:1;width:100%;position:relative}.tree__links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tree__links line{stroke:var(--border);stroke-width:.4px}.tree__root{fill:var(--accent)}.tree__node{aspect-ratio:1;border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:50%;width:5.5%;padding:0;position:absolute;translate:-50% -50%}.tree__node--key{width:7%}.tree__node--capstone{border-width:2px;width:8.5%}.tree__node[data-state=in]{border-color:var(--accent);background:var(--fill)}.tree__node[data-state=open]{border-color:var(--accent)}.tree__node[data-state=shut]{opacity:.45;cursor:default}.tree__node:hover,.tree__node:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.tree .screen__footer{align-items:center;padding:.7em 1em}.tree__detail{height:7em;color:var(--muted);text-align:left;flex:1;margin:0;font-size:.75em;line-height:1.4}.tree__empty{color:var(--muted);text-align:center;margin:0}.tree__points{color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.inv .screen__title,.sheet .screen__title{padding:.7em 1em .5em;font-size:1.1em}.inv__body{justify-content:center;align-items:start;gap:1.4em;display:flex}.inv__worn{flex:none;grid-template-columns:repeat(3,3em);align-content:start;gap:.3em;display:grid}.inv__bag{grid-template-columns:repeat(auto-fill,3em);align-content:start;gap:.3em;display:grid}.inv__column{flex-direction:column;flex:1;gap:.6em;min-width:0;display:flex}.inv__charms{flex-wrap:wrap;gap:.2em;display:flex}.inv__slot--charm{flex:none;width:1.5em;height:1.5em;font-size:.9em}.inv__slot--charm .inv__icon{width:1.1em;height:1.1em}.inv__slot{border:1px solid var(--border);width:3em;height:3em;color:var(--muted);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.inv__slot:hover,.inv__slot:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.inv__slot--locked{opacity:.4;cursor:default}.inv__empty{text-align:center;font-size:.55em;line-height:1.2}.inv__icon{width:2.6667em;height:2.6667em;image-rendering:pixelated;background-repeat:no-repeat}.inv__lock{background:var(--muted);border-radius:.1em;width:.9em;height:.7em;position:relative}.inv__lock:before{content:"";border:.13em solid var(--muted);border-bottom:none;border-radius:.35em .35em 0 0;width:.5em;height:.35em;position:absolute;bottom:100%;left:50%;translate:-50%}.inv__detail{height:2.6em;color:var(--muted);text-align:left;flex:1;margin:0;font-size:.75em;line-height:1.4}.inv__count{color:var(--accent);font-variant-numeric:tabular-nums;flex:none;align-self:center}.inv__purse{border-top:1px solid var(--border);gap:1.6em;padding:.5em 1.4em .8em;display:flex}.inv__money{align-items:center;gap:.4em;display:flex}.inv__amount{color:var(--text);font-variant-numeric:tabular-nums}.inv__coin{width:2.6667em;height:2.6667em;image-rendering:pixelated;background-image:url(/assets/sprites/items/pickups.png);background-repeat:no-repeat;background-size:400% 300%}.inv__coin[data-currency=gold]{background-position:0 0}.inv__coin[data-currency=lumber]{background-position:0}.inv__coin[data-currency=gems]{background-position:0 100%}.sheet__body{flex-wrap:wrap;gap:1.4em;display:flex}.sheet__column{flex:1;min-width:11em}.sheet__heading{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4em;font-size:.85em}.sheet__line{margin:0 0 .25em;font-size:.75em;line-height:1.4}.sheet__stats{flex:1 0 100%;grid-template-columns:repeat(auto-fill,minmax(11em,1fr));align-content:start;gap:0 1.2em;display:grid}.sheet__row{justify-content:space-between;gap:.8em;padding:.1em 0;font-size:.75em;display:flex}.sheet__row[data-zero=true]{color:var(--muted);opacity:.55}.sheet__value{font-variant-numeric:tabular-nums}