.board{display:grid;gap:0;margin:0 auto;width:fit-content;position:relative;border:3px solid var(--ink);border-radius:4px;box-shadow:0 4px 16px #00000059}.cell{width:var(--cell, 62px);height:var(--cell, 62px);border-width:0;border-style:solid;border-color:var(--ink);display:flex;align-items:center;justify-content:center;position:relative;font-size:20px;cursor:pointer;transition:transform .12s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.cell:before{content:"";position:absolute;inset:0;border-top:2px dashed rgba(43,33,24,.45);border-right:2px dashed rgba(43,33,24,.45);pointer-events:none}.cell .obj,.cell .chip{position:relative;z-index:1}.cell:hover{transform:scale(1.04);z-index:2}.cell.blocked{cursor:default}.cell.blocked .obj svg{opacity:1;filter:none}.cell.occupiable .obj svg{opacity:.45}.cell.occupiable{box-shadow:inset 0 0 0 2px #b08a3ea6}.cell.occupiable.occupied{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 12px #b08a3e40}.region-label{position:absolute;z-index:3;font-size:11px;letter-spacing:0;line-height:1.2;color:#2b2118;background:#faf4e6db;border:1px solid rgba(43,33,24,.38);border-radius:2px;padding:1px 3px;font-weight:600;pointer-events:none;white-space:nowrap;text-shadow:none}.cell .obj{position:absolute;z-index:1;flex:none;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--cell, 62px) * 1);height:calc(var(--cell, 62px) * 1);display:flex;align-items:center;justify-content:center;font-size:0}.cell .obj img{width:calc(var(--cell, 62px) * .84);height:calc(var(--cell, 62px) * .84);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}.cell.blocked .obj img{opacity:1;filter:none}.cell.occupiable:after{content:"";position:absolute;inset:4px;border:2px dashed rgba(176,138,62,.9);border-radius:4px;pointer-events:none}.cell.occupiable .obj img{width:calc(var(--cell, 62px) * .92);height:calc(var(--cell, 62px) * .92);filter:none;opacity:.45}.cell.occupiable .obj{opacity:1}.cell.occupied:after{border-style:solid;border-color:var(--gold)}.cell.occupied .obj{opacity:0}.cell.occupiable.occupied .obj{opacity:.55}.cell.occupied{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 12px #b08a3e40}.cell.marked .xmark{position:absolute;z-index:1;font-size:34px;font-weight:700;line-height:1;color:#2b2118bf;text-shadow:0 1px 0 rgba(255,255,255,.4);pointer-events:none}.cell.pressing{transform:scale(1.06);box-shadow:inset 0 0 0 3px var(--cinnabar)}.cell.selected{box-shadow:inset 0 0 0 3px var(--cinnabar),inset 0 0 16px #9c2f1d40}.cell .chip{position:absolute;z-index:2;flex:none;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--cell, 62px) * .58);height:calc(var(--cell, 62px) * .58);border-radius:50%;overflow:hidden;border:2px solid var(--gold);box-shadow:0 2px 6px #00000059;background:#fff;display:block}.cell .chip img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;transform:scale(1.5) translateY(-4%);transform-origin:center 25%;pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}.cell .chip.victim{border-color:#3f3429}.cell .chip.victim img{filter:grayscale(1) contrast(1.1)}.cell .drafts{position:absolute;top:1px;left:2px;z-index:2;display:flex;gap:1px;max-width:90%;flex-wrap:wrap;justify-content:flex-start;pointer-events:none}.cell .draft-char{font-size:10px;line-height:1.1;font-weight:700;color:#fff;background:#1b1b2fd9;border:1px solid rgba(0,0,0,.4);border-radius:2px;padding:1px 3px;box-shadow:0 1px #ffffff59 inset}.cell.occupied .drafts{display:none}.board.cell-tiny .region-label{font-size:9px;padding:0 2px;border-width:1px}.board.cell-micro .region-label{display:none}.board.cell-micro .cell .drafts{gap:0;top:0;left:1px;max-width:100%}.board.cell-tiny .cell .drafts,.board.cell-micro .cell .drafts{gap:0;top:0;left:0;width:100%}.board.cell-tiny .cell .draft-char,.board.cell-micro .cell .draft-char{font-size:calc(var(--cell, 24px) * .34);line-height:1.05;padding:0;border-width:0;border-radius:1px;box-shadow:none}.board.cell-micro .cell.marked .xmark{font-size:calc(var(--cell, 22px) * 1.1)}.board.cell-micro .cell .chip{border-width:1px;box-shadow:0 1px 2px #0000004d}.cell.blank{background:#efe3c8}@media(max-width:600px){:root{--cell: 68px}.cell .obj img{width:calc(var(--cell) * .9);height:calc(var(--cell) * .9)}.region-label{font-size:10px;padding:0 2px}}.cell .door{position:absolute;z-index:4;pointer-events:none;background:var(--gold, #b08a3e);border:2px solid rgba(43,33,24,.92);border-radius:2px}.cell .door:before{content:"";position:absolute;background:#2b211899;border-radius:1px}.cell .door-s:before{inset:1px 24%}.cell .door-e:before{inset:24% 1px}.cell .door-s{left:50%;bottom:calc(var(--wall, 3px) * -1);transform:translate(-50%,50%);width:min(68%,26px);height:max(7px,calc(var(--cell, 62px) * .2))}.cell .door-e{top:50%;right:calc(var(--wall, 3px) * -1);transform:translate(50%,-50%);height:min(68%,26px);width:max(7px,calc(var(--cell, 62px) * .2))}.board.cell-micro .cell .door{border-width:1px}.board.cell-micro .cell .door:before{display:none}