.board{--cell:56px;--wall:#b08320;--wall-top:#c8a233;--wall-side:#7c5c15;--floor-a:#f3e7c4;--floor-b:#ecdfb6;--grid-line:#785a141f;--wall-lift:6px;--sprite-lift:5px;isolation:isolate;-webkit-user-select:none;user-select:none;background:#6b4f1d;border-radius:10px;padding:6px;display:inline-block;position:relative;box-shadow:0 10px 30px #00000073,0 0 0 1px #c99a1e40}.board__grid{grid-template-columns:repeat(var(--cols), var(--cell));grid-template-rows:repeat(var(--rows), var(--cell));background:var(--floor-b);gap:0;display:grid}.cell{width:var(--cell);height:var(--cell);box-sizing:border-box;border:1px solid var(--grid-line);place-items:center;display:grid;position:relative}.cell--a{background:var(--floor-a)}.cell--b{background:var(--floor-b)}.cell__marker{opacity:.85}.board__overlay{pointer-events:none;position:absolute;top:6px;left:6px}.wall-shadow{box-shadow:var(--wall-extrude);z-index:1;background:0 0;border-radius:2px;position:absolute;top:0;left:0}.wall-top{background:var(--wall-top);z-index:2;position:absolute;top:0;left:0}.exit-opening{z-index:4;position:absolute;top:0;left:0}.sprite{width:var(--cell);height:var(--cell);will-change:transform, opacity;transition:transform .12s linear,opacity .2s ease-out;position:absolute}.sprite__shadow{z-index:0;pointer-events:none;background:radial-gradient(#1810026b 0%,#1810024d 45%,#18100200 72%);border-radius:50%;width:52%;height:20%;position:absolute;top:72%;left:50%;transform:translate(-50%)}.sprite__body{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.sprite--player{z-index:7}.sprite--monster{z-index:6}.exit-marker{width:var(--cell);height:var(--cell);color:#2c7a4b;place-items:center;display:grid;position:absolute}.gate-top{background:#241a10;box-shadow:inset 0 0 0 1.5px #3a2c18}.gate-top--h{background-image:repeating-linear-gradient(90deg,#8a5e2a 0 5px,#23180d 5px 9px)}.gate-top--v{background-image:repeating-linear-gradient(0deg,#8a5e2a 0 5px,#23180d 5px 9px)}.gate-top--open{opacity:.18}.board-annotations{--annot-blue:#2f74e0;z-index:8;pointer-events:auto;touch-action:none;filter:drop-shadow(0 1px 2px #0a142880);position:absolute;top:0;left:0}.annot-arrow polyline{stroke:var(--annot-blue)}.annot-arrow polygon{fill:var(--annot-blue)}.annot-step{fill:#d6e6ff;stroke:var(--annot-blue);stroke-width:1.5px}.annot-highlight{fill:var(--annot-blue);fill-opacity:.2;stroke:var(--annot-blue)}@property --light-x{syntax:"<length>";inherits:false;initial-value:0}@property --light-y{syntax:"<length>";inherits:false;initial-value:0}.board__dark{pointer-events:none;z-index:5;background:radial-gradient(circle at var(--light-x) var(--light-y), transparent 0, transparent var(--light-r), #06050399 calc((var(--light-r) + var(--light-r2)) / 2), #060503fa var(--light-r2));position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.board__dark{transition:--light-x .12s linear,--light-y .12s linear}}.exit-beacon{width:var(--cell);height:var(--cell);z-index:5;pointer-events:none;background:radial-gradient(circle,#f8ecbe8c 0%,#e8cd7847 45%,#e8cd7800 75%);position:absolute}@media (prefers-reduced-motion:no-preference){.exit-beacon{animation:2.6s ease-in-out infinite beacon-pulse}}@keyframes beacon-pulse{0%,to{opacity:.75}50%{opacity:1}}.sprite--eyes{place-items:center;display:grid}.dark-eyes{justify-content:center;align-items:center;gap:22%;width:40%;height:40%;display:flex}.dark-eye{background:#ffd98a;border-radius:50%;width:26%;min-width:4px;height:26%;min-height:4px;box-shadow:0 0 4px 1px #ffc86ee6,0 0 9px 3px #ffaa3c8c}@media (prefers-reduced-motion:no-preference){.dark-eye{animation:3.1s ease-in-out infinite eye-flicker}}@keyframes eye-flicker{0%,to{opacity:.85}45%{opacity:.6}70%{opacity:1}}.ed-board{--wall:#b08320;--floor-a:#f3e7c4;--floor-b:#ecdfb6;--grid-line:#785a142e;-webkit-user-select:none;user-select:none;background:#6b4f1d;border-radius:10px;padding:6px;display:inline-block;position:relative;box-shadow:0 10px 30px #00000073,0 0 0 1px #c99a1e40}.ed-grid{border:3px solid var(--wall);box-sizing:content-box;position:relative}.ed-cells{gap:0;display:grid}.ed-cell{box-sizing:border-box;border:1px solid var(--grid-line);cursor:pointer}.ed-cell--a{background:var(--floor-a)}.ed-cell--b{background:var(--floor-b)}.ed-cell:hover{background:#ffe9a8}.ed-overlay{pointer-events:none;position:absolute;top:0;left:0}.ed-marker{place-items:center;display:grid;position:absolute}.ed-wall{background:var(--wall);z-index:2;border-radius:2px;position:absolute}.ed-gate{z-index:2;background:#7a4a1d;border-radius:2px;position:absolute}.ed-gate--open{opacity:.4;outline:1px dashed #7a4a1d}.ed-exit{z-index:3;background:#3aa06a;border-radius:2px;position:absolute;box-shadow:0 0 0 2px #3aa06a59}.ed-edge{z-index:4;cursor:pointer;position:absolute}.ed-edge:hover{background:#c99a1e8c;border-radius:2px}