:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#26211d;--panel:#362f29;--border:#54483d;--text:#eadfc8;--muted:#b3a58c;--accent:#c9963f;--paper:#ecdfbd;--header-height:64px;--panel-width:170px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif}header{height:var(--header-height);text-align:center;flex-direction:column;justify-content:center;display:flex}h1{letter-spacing:.04em;margin:0;font-size:1.35rem}.tabs{justify-content:center;gap:6px;margin-top:5px;display:flex}.tabs button{border-radius:999px;width:auto;padding:2px 14px;font-size:.85rem}body:not([data-screen=world]) #world-screen,body:not([data-screen=tavern]) #tavern-screen,body:not([data-screen=site]) #site-screen,body:not([data-screen=npc]) #npc-screen,#npc-screen[data-locked=true] .npc-open,#npc-screen[data-locked=false] .npc-locked{display:none}.npc-center{text-align:center;flex:0 560px;min-width:0}#npc-lock{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;max-width:360px;margin:48px auto 0;padding:22px;display:flex}#npc-lock h2{color:var(--text);letter-spacing:.04em;text-transform:none;font-size:1.05rem}#npc-lock p{color:var(--muted);margin:0 0 6px;font-size:.85rem}#npc-token{width:min(100%, calc(100vh - var(--header-height) - 190px));aspect-ratio:1;background:repeating-conic-gradient(#2f2924 0% 25%,#3a332d 0% 50%) 50%/28px 28px;border-radius:50%;margin:0 auto;display:block;box-shadow:0 10px 34px #0000008c}#npc-summary{min-height:1.4em;margin:12px 0 8px;font-size:1rem}.npc-views{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.npc-views button{border-radius:999px;width:auto;padding:3px 14px;font-size:.85rem}[data-pane][hidden]{display:none!important}#npc-screen[data-view=sheet] .npc-center{flex-basis:860px}.sprite-hint{color:var(--muted);margin:0 0 10px;font-size:.85rem}.sprite-options{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.sprite-options button{border-width:2px;width:auto;padding:3px;line-height:0}.sprite-options canvas,#sprite-preview{border-radius:4px}#sprite-preview{border:1px solid var(--border);width:min(100%,384px);margin:0 auto 12px;display:block;box-shadow:0 8px 30px #00000073}.sprite-options canvas,#sprite-preview{image-rendering:pixelated}.sprite-credit{max-width:420px;color:var(--muted);margin:8px auto 0;font-size:.75rem}.sprite-credit a{color:var(--accent)}.sprite-row{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.sprite-row button,#sprite-save{width:auto;padding:4px 14px}#npc-card{max-width:100%;max-height:calc(100vh - var(--header-height) - 130px);border-radius:14px;margin:0 auto;display:block;box-shadow:0 10px 34px #0000008c}#npc-history{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}#npc-history img{object-fit:cover;border:2px solid var(--border);cursor:pointer;border-radius:50%;width:54px;height:54px}#npc-history img.active{border-color:var(--accent)}.tavern-center{text-align:center;flex:0 auto;min-width:0}.site-stage{border:1px solid var(--border);touch-action:none;border-radius:4px;width:fit-content;margin:0 auto;line-height:0;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000073}.site-stage.zoomed{cursor:grab}.site-stage.enterable{cursor:pointer}.site-stage.panning{cursor:grabbing}.site-stage #site-canvas{box-shadow:none;transform-origin:0 0;border:none;border-radius:0}#tavern-canvas,#site-canvas{max-width:calc(100vw - 2 * var(--panel-width) - 48px);max-height:calc(100vh - var(--header-height) - 48px);border:1px solid var(--border);border-radius:4px;margin:0 auto;display:block;box-shadow:0 8px 30px #00000073}.layout{justify-content:center;align-items:flex-start;gap:12px;padding:0 12px 12px;display:flex}.panel{flex:0 0 var(--panel-width);flex-direction:column;gap:10px;display:flex}.panel section{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:5px;padding:8px;display:flex}.panel section[hidden]{display:none}h2{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px;font-size:.75rem;font-weight:400}button,input,select{width:100%;font:inherit;color:var(--text);border:1px solid var(--border);background:#453c34;border-radius:6px;padding:6px 10px;font-size:.9rem}button{cursor:pointer}button:hover{background:#54493f}button.active{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#2a1f10;font-weight:700}button.primary:hover{background:#d9a853}button:disabled{opacity:.5;cursor:default}#generate:disabled{cursor:wait}label{color:var(--muted);font-size:.85rem}dialog{width:min(400px,100vw - 32px);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px;box-shadow:0 16px 50px #0009}dialog::backdrop{background:#0000008c}dialog h2{color:var(--text);letter-spacing:.04em;text-transform:none;margin:0;font-size:1.05rem}dialog p{color:var(--muted);margin:4px 0 16px;font-size:.85rem}.dialog-actions{gap:6px;margin-top:12px;display:flex}.share-bar{border:1px solid var(--border);background:#241f1b;border-radius:999px;height:14px;margin-bottom:16px;display:flex;overflow:hidden}.share-bar span{flex:0 0 0;transition:flex-grow .15s}.slider-row{color:var(--text);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;margin-bottom:12px;font-size:.95rem;display:grid}.slider-row .swatch{background:var(--color);border-radius:50%;width:10px;height:10px}.slider-row .readout{text-align:right;font-variant-numeric:tabular-nums;background:#241f1b;border-radius:999px;min-width:3.2em;padding:1px 8px;font-size:.85rem}.slider-row input.slider{grid-column:1/-1;margin:8px 0 0}input.slider{--thumb:18px;--fill:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--value,0));appearance:none;background:linear-gradient(to right, var(--color) var(--fill), #241f1b var(--fill));cursor:pointer;border:none;border-radius:999px;height:8px;margin:0;padding:0}input.slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);background:var(--paper);border:3px solid var(--color);border-radius:50%;transition:transform .1s;box-shadow:0 1px 4px #00000080}input.slider::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);background:var(--paper);border:3px solid var(--color);border-radius:50%;box-shadow:0 1px 4px #00000080}input.slider::-moz-range-track{background:0 0}input.slider:hover::-webkit-slider-thumb{transform:scale(1.15)}input.slider:active::-webkit-slider-thumb{transform:scale(1.15)}input.slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.slider-total{border-bottom:1px solid var(--border);color:var(--muted);margin:0 0 14px;padding-bottom:12px;font-size:.85rem}.tool-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.tool-grid button{padding:6px 2px;font-size:.85rem}.tool-grid button:last-child:nth-child(odd){grid-column:1/-1}.compass{grid-template:"a north b""west c east""d south e"/1fr 1fr 1fr;gap:4px;display:grid}.compass button{padding:4px 0}.compass [data-site-exit=north]{grid-area:north}.compass [data-site-exit=west]{grid-area:west}.compass [data-site-exit=east]{grid-area:east}.compass [data-site-exit=south]{grid-area:south}.panel .pair{gap:5px;display:flex}.panel .hint{color:var(--muted);margin:2px 0 0;font-size:.75rem}.slider-note{color:var(--muted);margin:-4px 0 0;font-size:.8rem}.slider-total.off{color:var(--accent)}.center{width:min(calc(100vw - 2 * var(--panel-width) - 48px), calc((100vh - var(--header-height) - 48px) * 1.5));flex:0 auto;min-width:0}.stage{aspect-ratio:3/2;border:1px solid var(--border);border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000073}.viewport{transform-origin:0 0;position:absolute;inset:0}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage.panning,.stage.panning canvas{cursor:grabbing}#zoom-reset,#site-zoom-reset{background:#362f29e6;width:auto;position:absolute;bottom:10px;right:10px}.map-menu{border:1px solid var(--border);background:#362f29f5;border-radius:8px;flex-direction:column;gap:4px;width:150px;padding:8px;display:flex;position:absolute;box-shadow:0 6px 20px #00000080}.map-menu[hidden]{display:none}.map-menu strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.85rem;overflow:hidden}.map-menu button{padding:4px 8px;font-size:.85rem}button.danger{color:#e2a08c}#overlay.linking{cursor:alias}#zoom-reset[hidden],#site-zoom-reset[hidden]{display:none}#sketch{cursor:crosshair;touch-action:none;background-color:var(--paper);background-image:linear-gradient(#5a462814 1px,#0000 1px),linear-gradient(90deg,#5a462814 1px,#0000 1px);background-size:40px 40px}.brush-size{border:1px solid var(--border);background:#2d2722;border-radius:6px;margin:6px 0 4px;padding:8px 8px 10px}.brush-size-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.brush-size-head label{color:var(--text);font-size:.8rem}.brush-size-head .readout{font-variant-numeric:tabular-nums;background:#241f1b;border-radius:999px;padding:1px 7px;font-size:.75rem}.brush-size-track{align-items:center;gap:7px;display:flex}.brush-size-track input{--color:var(--accent);--thumb:16px;flex:1;min-width:0;height:6px}.brush-size-track .dot{border:1.5px dashed var(--muted);border-radius:50%;flex:none}.brush-size-track .dot.small{width:6px;height:6px}.brush-size-track .dot.large{width:16px;height:16px}#brush{aspect-ratio:1;pointer-events:none;border:2px dashed;border-radius:50%;width:7.5%;position:absolute;translate:-50% -50%}#brush[hidden]{display:none}.stage #ghost{aspect-ratio:1;opacity:.7;pointer-events:none;width:10%;height:auto;inset:auto;translate:-50% -66.667%}.stage #ghost[hidden]{display:none}.stage #ghost.invalid{opacity:.35;filter:grayscale()}#overlay.painting{cursor:crosshair}#overlay.placing{cursor:copy}#overlay.removing{cursor:not-allowed}#overlay.clickable{cursor:pointer}body[data-mode=sketch] #map,body[data-mode=sketch] #overlay,body[data-mode=sketch] .map-only,body[data-mode=map] #sketch,body[data-mode=map] .sketch-only{display:none}#status,.status{text-align:center;min-height:1.3em;color:var(--muted);margin:8px 0 0;font-size:.9rem}@media (width<=820px){.layout{flex-direction:column;align-items:stretch}.panel{flex-flow:wrap;flex:none}.panel section{flex-flow:wrap;flex:100%;align-items:center}.panel section>*{width:auto}.center{width:100%}}.sheet{--ink:#2a2118;--line:#6b5a45;--caption:#5a4a38;text-align:left;color:var(--ink);background:var(--paper);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:6px;flex-direction:column;padding:14px;font-size:12px;display:flex;box-shadow:0 8px 30px #00000073}.sheet label{color:inherit;font-size:inherit}.sheet input,.sheet textarea{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;border-bottom:1px solid #6b5a4573;border-radius:0;padding:1px 3px}.sheet textarea{resize:none;border-bottom:none;min-height:3em;line-height:1.35;display:block;overflow:hidden}.sheet input:focus,.sheet textarea:focus{background:#c9963f40;outline:none}.sheet input[type=number]{appearance:textfield;text-align:center}.sheet input[type=number]::-webkit-inner-spin-button{appearance:none}.sheet input[type=checkbox]{width:11px;height:11px;accent-color:var(--ink);margin:0;padding:0}.sheet-field>span:last-child,.sheet-box>span:last-child{letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--caption);margin-top:3px;font-size:8.5px;display:block}.sheet-box{border:1.5px solid var(--line);background:#ffffff4d;border-radius:6px;flex-direction:column;padding:6px;display:flex}.sheet-head{grid-template-columns:64px 1fr 1.9fr;align-items:end;gap:10px;margin-bottom:10px;display:grid}.sheet-portrait{object-fit:cover;border:2px solid var(--line);border-radius:50%;width:64px;height:64px}.sheet-name input{font-size:20px;font-weight:700}.sheet-id{border:1.5px solid var(--line);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:4px 10px;padding:6px 8px;display:grid}.sheet-pair{grid-template-columns:1fr 34px;gap:4px;display:grid}.sheet-body{flex:1;grid-template-columns:1.08fr 1fr 1fr;gap:10px;display:grid}.sheet-col{flex-direction:column;gap:8px;min-width:0;display:flex}.sheet-grow,.sheet-grow textarea{flex:1 0 auto}.sheet-stats{grid-template-columns:72px 1fr;gap:8px;display:grid}.sheet-abilities{flex-direction:column;gap:14px;display:flex}.sheet-ability{border:1.5px solid var(--line);background:#ffffff4d;border-radius:8px;flex-direction:column;align-items:center;padding:4px 2px 0;display:flex}.sheet-ability span{letter-spacing:.03em;text-transform:uppercase;font-size:7.5px}.sheet-ability output{font-size:22px;font-weight:700;line-height:1.2}.sheet .sheet-ability input{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;width:38px;margin-bottom:-8px;font-size:11px}.sheet-side{flex-direction:column;gap:6px;min-width:0;display:flex}.sheet-inline{border:1.5px solid var(--line);border-radius:6px;grid-template-columns:34px 1fr;align-items:center;gap:6px;padding:3px 6px;display:grid}.sheet-inline input,.sheet-inline output{text-align:center;font-size:14px;font-weight:700}.sheet-inline>span:last-child{text-align:left;margin:0}.sheet-checks{margin:0;padding:0;list-style:none}.sheet-checks label{grid-template-columns:11px 24px auto 1fr;align-items:center;gap:4px;font-size:10.5px;line-height:1.55;display:grid}.sheet-checks output{text-align:center;border-bottom:1px solid #6b5a4573}.sheet-checks small{color:var(--caption)}.sheet-combat,.sheet-person{background:#00000012;gap:6px}.sheet-person .sheet-box,.sheet-combat .sheet-box,.sheet-big{background:var(--paper)}.sheet-trio,.sheet-duo{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sheet-duo{grid-template-columns:1fr 1fr}.sheet-big{border:1.5px solid var(--line);border-radius:6px;padding:4px}.sheet .sheet-big input{text-align:center;border-bottom:none;font-size:18px;font-weight:700}.sheet-hp .sheet-big{border:none;padding:0}.sheet .sheet-hp-max{color:var(--caption);align-items:center;gap:6px;font-size:9px;display:flex}.sheet .sheet-hp-max input{width:46px}.sheet-deaths p{justify-content:flex-end;align-items:center;gap:3px;margin:0 0 3px;font-size:9px;display:flex}.sheet-attack-row{grid-template-columns:1.3fr .6fr 1.3fr;gap:4px;margin-bottom:3px;display:grid}.sheet .sheet-attack-row input{background:#00000014;border:none;border-radius:3px;padding:3px 4px;font-size:11px}.sheet-attack-head{text-transform:uppercase;color:var(--caption);font-size:8px}.sheet-spell{margin:4px 0 2px;font-size:10.5px;font-weight:700;display:block}.sheet-spell:empty{display:none}.sheet-coins{gap:4px;margin-bottom:4px;display:flex}.sheet .sheet-coins label{color:var(--caption);flex-direction:column;flex:1;align-items:center;font-size:8px;display:flex}.sheet .sheet-coins input{border:1.5px solid var(--line);border-radius:999px}@media print{@page{size:A4;margin:8mm}body{background:#fff;min-height:0}header,.panel,.npc-views,.status,#npc-history{display:none}.layout{padding:0;display:block}.sheet{zoom:.86;width:840px;min-height:1220px;box-shadow:none}}#site-zoom-reset{line-height:normal}