.page{--pe-lacquer: #5C1F15;--pe-lacquer-edge: #3F140D;--pe-line: #F1DDB6;--pe-gold: #D9A441;--pe-gold-ring: #8F6118;--pe-ink: #1E1A17;--pe-ink-ring: #4A3E36;--pe-cream: #FFF6E3;--pe-glow: rgba(241, 221, 182, .55);--pe-option: rgba(255, 246, 227, .22);--pe-shadow: rgba(20, 8, 4, .5);--piece-light-fill: var(--pe-gold);--piece-light-ring: var(--pe-gold-ring);--piece-dark-fill: var(--pe-ink);--piece-dark-ring: var(--pe-ink-ring)}.board-wrap{display:flex;justify-content:center}.pe{position:relative;width:100%;max-width:clamp(288px,calc(100vh - 230px),520px);aspect-ratio:1;background:var(--pe-lacquer);border:3px solid var(--pe-lacquer-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--pe-line);user-select:none;-webkit-user-select:none}.pe-lines{position:absolute;top:4.5454%;right:4.5454%;bottom:4.5454%;left:4.5454%;width:90.909%;height:90.909%;overflow:visible;opacity:.85}.pe-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(11,1fr)}.pe-point{position:relative;aspect-ratio:1;min-width:0;border:0;padding:0;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.pe-point:before{content:"";width:18%;height:18%;border-radius:50%;background:var(--pe-line);position:absolute;opacity:.85}.pe-point--centre:before{display:none}.pe-point.passage:before{width:34%;height:34%;background:transparent;border:2px solid var(--pe-line);opacity:.6}.pe-point.taken:before{background:transparent;border:1.5px solid var(--pe-gold);width:40%;height:40%;opacity:.8}.pe-point.option{background:var(--pe-option)}.pe-point.pending{outline:2px dashed var(--pe-line);outline-offset:-2px}.pe-point:focus-visible{outline:3px solid var(--pe-cream);outline-offset:-2px;z-index:2}.pe--locked .pe-point{cursor:default}.pe-token{width:78%;height:78%;border-radius:50%;box-sizing:border-box;position:relative;z-index:1;box-shadow:0 1px 2px var(--pe-shadow)}.pe-token--w{background:var(--pe-gold);border:1.5px solid var(--pe-gold-ring)}.pe-token--b{background:var(--pe-ink);border:1.5px solid var(--pe-ink-ring)}.pe-kas--light{background:var(--pe-gold);border:2px solid var(--pe-cream);box-shadow:0 0 0 2px var(--pe-gold-ring),0 1px 3px var(--pe-shadow)}.pe-kas--dark{background:var(--pe-ink);border:2px solid var(--pe-cream);box-shadow:0 0 0 2px var(--pe-gold),0 1px 3px var(--pe-shadow)}.pe-kas:after{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;border:1.5px solid var(--pe-cream);opacity:.9}.pe-kas--ghost{position:absolute;background:transparent;border:2px dashed var(--pe-cream);box-shadow:none;opacity:.8}.pe-kas--ghost:after{display:none}.pe-point.movable .pe-token{box-shadow:0 0 0 2px var(--pe-lacquer),0 0 0 4px var(--color-gold),0 1px 3px var(--pe-shadow)}.pe-point.picked .pe-token{box-shadow:0 0 0 2px var(--pe-lacquer),0 0 0 4px var(--pe-cream),0 1px 3px var(--pe-shadow)}.pe-point.last .pe-kas{box-shadow:0 0 0 2px var(--pe-lacquer),0 0 0 4px var(--pe-glow),0 1px 3px var(--pe-shadow)}.pe-point.movable.last .pe-kas{box-shadow:0 0 0 2px var(--pe-lacquer),0 0 0 4px var(--color-gold),0 1px 3px var(--pe-shadow)}.pe-token.pop{animation:rh-pop .22s var(--ease) both}.pe-token.gone{pointer-events:none;animation:pe-gone .6s var(--ease) forwards}@keyframes pe-gone{0%{opacity:1;transform:none}40%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(.3)}}.legal-dot{width:36%;height:36%;border-radius:50%;background:var(--color-gold);box-shadow:0 0 0 2px var(--pe-lacquer);position:absolute;z-index:1}@media (prefers-reduced-motion: reduce){.pe-token.pop,.pe-token.gone{animation:none}.pe-token.gone{display:none}}@media (max-width: 420px){.pe{border-radius:var(--radius-sm);border-width:2px}.pe-token{width:84%;height:84%}.pe-token--w,.pe-token--b{border-width:1px}}