:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e6e8ec;background:#15171c;margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.board.svelte-yo8uk3{grid-template-columns:repeat(8, var(--sq,34px));grid-template-rows:repeat(8, var(--sq,34px));transform:rotate(var(--rot));border:1px solid #20232b;border-radius:3px;display:grid}.board.active.svelte-yo8uk3{box-shadow:0 0 0 3px var(--glow,#4a90d9), 0 0 20px 2px var(--glow,#4a90d9)}.sq.svelte-yo8uk3{cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.sq.light.svelte-yo8uk3{background:#cabf9f}.sq.dark.svelte-yo8uk3{background:#7d6f55}.pc.svelte-yo8uk3{font-size:calc(var(--sq,34px) * .76);text-shadow:-1px -1px #15171c,1px -1px #15171c,-1px 1px #15171c,1px 1px #15171c;line-height:1}.pc.ghost.svelte-yo8uk3{opacity:.42}.ghost-sq.svelte-yo8uk3{outline-offset:-2px;outline:2px dashed #888}.sq.play.svelte-yo8uk3:after,.sq.local.svelte-yo8uk3:after{content:"";border-radius:50%;width:32%;height:32%;position:absolute}.sq.play.svelte-yo8uk3:after{background:#46c24f;box-shadow:0 0 7px #46c24f}.sq.play.occ.svelte-yo8uk3:after{background:0 0;border:3px solid #46c24f;width:84%;height:84%;box-shadow:0 0 7px #46c24f}.sq.local.svelte-yo8uk3:after{background:0 0;border:2px dashed #9aa0aa}.sq.selected.svelte-yo8uk3{outline-offset:-3px;outline:3px solid #3fd9d9}.compass.svelte-c6iwvj{flex:none;width:744px;height:744px;position:relative}.slot.svelte-c6iwvj{position:absolute;transform:translate(-50%,-50%)}.plabel.svelte-c6iwvj{color:#fff;letter-spacing:.09em;white-space:nowrap;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.plabel.vert.svelte-c6iwvj{writing-mode:vertical-rl}.plabel.on.svelte-c6iwvj{box-shadow:0 0 14px}.panel.svelte-f3p84p{flex-direction:column;gap:13px;width:290px;display:flex}.card.svelte-f3p84p{background:#1d2027;border:1px solid #333845;border-radius:9px;padding:13px 15px}.card.svelte-f3p84p h2:where(.svelte-f3p84p){letter-spacing:.07em;text-transform:uppercase;color:#9aa0aa;margin:0 0 8px;font-size:11px}.turn.svelte-f3p84p{align-items:center;gap:9px;font-weight:600;display:flex}.dot.svelte-f3p84p{border-radius:50%;width:13px;height:13px}.sub.svelte-f3p84p{color:#9aa0aa;margin-top:6px;font-size:12px}table.svelte-f3p84p{border-collapse:collapse;width:100%;font-size:12px}th.svelte-f3p84p,td.svelte-f3p84p{text-align:left;padding:3px 5px}th.svelte-f3p84p{text-transform:uppercase;font-size:10px}td.svelte-f3p84p{color:#cdd2da;font-family:ui-monospace,Menlo,monospace}.legend.svelte-f3p84p{flex-direction:column;gap:7px;font-size:12px;display:flex}.legend.svelte-f3p84p div:where(.svelte-f3p84p){align-items:center;gap:8px;display:flex}.ring.svelte-f3p84p{border-radius:50%;flex:none;width:14px;height:14px}.ring.play.svelte-f3p84p{background:#46c24f}.ring.local.svelte-f3p84p{border:2px dashed #9aa0aa}.ring.ghost.svelte-f3p84p{border:2px dashed #888}.controls.svelte-f3p84p{flex-wrap:wrap;gap:6px;display:flex}.controls.svelte-f3p84p button:where(.svelte-f3p84p){color:#e6e8ec;cursor:pointer;background:#262b34;border:1px solid #333845;border-radius:5px;padding:5px 9px;font-size:12px}.controls.svelte-f3p84p button:where(.svelte-f3p84p):disabled{opacity:.4;cursor:default}.backdrop.svelte-11vqqvc{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.svelte-11vqqvc{background:#1d2027;border:1px solid #333845;border-radius:10px;padding:18px 22px}.dialog.svelte-11vqqvc h3:where(.svelte-11vqqvc){margin:0 0 12px;font-size:14px}.row.svelte-11vqqvc{gap:10px;display:flex}.row.svelte-11vqqvc button:where(.svelte-11vqqvc){color:#e6e8ec;cursor:pointer;background:#262b34;border:1px solid #333845;border-radius:8px;width:60px;height:60px;font-size:38px;line-height:1}.row.svelte-11vqqvc button:where(.svelte-11vqqvc):hover{border-color:#46c24f}header.svelte-1n46o8q{border-bottom:1px solid #333845;padding:14px 22px}header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin:0;font-size:17px}header.svelte-1n46o8q p:where(.svelte-1n46o8q){color:#9aa0aa;margin:4px 0 0;font-size:12px}main.svelte-1n46o8q{align-items:flex-start;gap:22px;padding:20px 22px;display:flex}