/* Presentation slice: Game Boy (2D) / PS1 (3D) field renderer chrome. Font: DotGothic16 (SIL OFL 1.1, subset) */
@font-face{font-family:DotGothic16;src:url('../fonts/dotgothic16-subset.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.canvas-wrap.slice-on{background:#0a0812}
.canvas-wrap.slice-on .map-postfx{display:none}
.canvas-wrap.slice-on>canvas#game{image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:pixelated}
.slice-bar{position:absolute;left:6px;top:6px;z-index:6;display:flex;gap:4px;font:12px/1 DotGothic16,ui-monospace,monospace}
.slice-btn{appearance:none;border:1px solid #f3eee2;background:#211c33d9;color:#f3eee2;padding:4px 7px;min-height:24px;min-width:38px;letter-spacing:.06em;font:inherit;cursor:pointer;border-radius:3px;-webkit-tap-highlight-color:transparent}
.slice-btn:hover,.slice-btn:focus-visible{background:#3a3160;outline:1px solid #ffe8a0}
.slice-btn[hidden]{display:none}
@media(pointer:coarse){.slice-btn{min-height:30px;padding:5px 9px}}
.slice-fxlayer{position:absolute;inset:0;z-index:3;pointer-events:none;display:none;border-radius:inherit}
.canvas-wrap.slice-on .slice-fxlayer{display:block;opacity:var(--slice-fx,.35)}
.canvas-wrap[data-slice-mode="2d"] .slice-fxlayer{background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(8,24,32,.30) 2px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,0) 0 2px,rgba(8,24,32,.18) 2px 3px)}
.canvas-wrap[data-slice-mode="3d"] .slice-fxlayer{background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.22) 2px 3px),radial-gradient(ellipse at center,rgba(0,0,0,0) 52%,rgba(10,4,24,.55) 100%)}
@media(prefers-reduced-motion:reduce){.slice-fxlayer{opacity:calc(var(--slice-fx,.35)*.5)}}
