:root{color-scheme:light;--map-background: #ffb900;--map-accent: #121212;--map-accent-soft: rgba(18, 18, 18, .72);--map-accent-faint: rgba(18, 18, 18, .16);--map-panel: rgba(255, 185, 0, .8)}:root.dark{color-scheme:dark;--map-background: #121212;--map-accent: #ffb900;--map-accent-soft: rgba(255, 185, 0, .72);--map-accent-faint: rgba(255, 185, 0, .2);--map-panel: rgba(18, 18, 18, .8)}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--map-background)}.map-sheet{position:fixed;z-index:0;inset:0;width:100vw;height:100dvh;overflow:hidden;color:var(--map-accent);isolation:isolate}body>div>div:first-child,body>div aside{position:relative;z-index:2}#terrain,.paper-grain,.sheet-frame{position:absolute;inset:0;width:100%;height:100%}#terrain{display:block}.paper-grain{z-index:1;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:radial-gradient(circle at 1px 1px,var(--map-accent) 0 .65px,transparent .8px),radial-gradient(circle at 3px 3px,var(--map-accent) 0 .45px,transparent .6px);background-size:4px 4px;image-rendering:pixelated}.map-sheet[data-tone=dark] .paper-grain{opacity:.16;mix-blend-mode:screen}.map-sheet[data-dither=halftone] .paper-grain{opacity:.24;background-image:radial-gradient(circle at center,var(--map-accent) 0 .9px,transparent 1.05px);background-size:5px 5px}.map-sheet[data-tone=dark][data-dither=halftone] .paper-grain{opacity:.2}.map-sheet[data-dither=crosshatch] .paper-grain{opacity:.13;background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--map-accent) 3px 4px),repeating-linear-gradient(-45deg,transparent 0 7px,var(--map-accent) 7px 8px);background-size:auto}.map-sheet[data-tone=dark][data-dither=crosshatch] .paper-grain{opacity:.11}.map-sheet[data-dither=pixel] .paper-grain,.map-sheet[data-dither=none] .paper-grain{display:none}.sheet-frame{z-index:2;inset:13px;width:auto;height:auto;border:1px solid var(--map-accent-soft);box-shadow:inset 0 0 0 4px var(--map-accent-faint);pointer-events:none}.settings{position:absolute;z-index:3;right:31px;bottom:31px}.settings-toggle{width:42px;height:42px;border:1px solid var(--map-accent);border-radius:0;display:grid;place-items:center;padding:0;background:var(--map-panel);color:inherit;font:750 10px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--map-accent-faint);backdrop-filter:blur(6px)}.settings-toggle:hover,.settings-toggle:focus-visible{background:color-mix(in srgb,var(--map-panel) 80%,var(--map-accent) 20%)}.settings-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.settings-toggle:focus-visible{outline:2px solid var(--map-accent);outline-offset:2px}.controls{position:absolute;right:0;bottom:calc(100% + 10px);width:min(260px,calc(100vw - 62px));padding:12px;border:1px solid var(--map-accent-soft);background:var(--map-panel);box-shadow:3px 3px 0 var(--map-accent-faint);backdrop-filter:blur(6px)}.controls[hidden],.pixel-size-control[hidden]{display:none}.controls label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.controls output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.controls input[type=range]{width:100%;height:14px;margin:0 0 10px;accent-color:var(--map-accent);cursor:ew-resize}.controls select{width:100%;min-height:32px;margin:0 0 12px;border:1px solid var(--map-accent);border-radius:0;background:var(--map-background);color:inherit;font:650 10px JetBrains Mono Variable,monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.custom-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.custom-colors[hidden]{display:none}.custom-colors label{align-items:center;margin:0}.custom-colors input[type=color]{width:32px;height:26px;padding:2px;border:1px solid var(--map-accent);border-radius:0;background:var(--map-background);cursor:pointer}.controls button{display:flex;width:100%;min-height:34px;align-items:center;gap:8px;border:1px solid var(--map-accent);border-radius:0;background:transparent;color:inherit;font:750 10px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.controls button:hover,.controls button:focus-visible{background:var(--map-accent-faint)}.controls button:focus-visible,.controls input:focus-visible,.controls select:focus-visible{outline:2px solid var(--map-accent);outline-offset:2px}.button-mark{width:24px;font-size:11px}.controls kbd{margin-left:auto;padding:2px 5px;border:1px solid var(--map-accent-faint);background:var(--map-panel);font:650 8px system-ui,sans-serif;letter-spacing:.04em}@media(max-width:600px){.sheet-frame{inset:8px}.settings{right:19px;bottom:19px}}