.dr{--dr-light: color-mix(in srgb, var(--sun) 24%, var(--cell));--dr-dark: color-mix(in srgb, var(--leaf) 58%, #0f2a20);--dr-rim: color-mix(in srgb, var(--ink) 82%, var(--sun));--dr-me: var(--tg-p0);--dr-w: min(100%, 520px, calc(var(--tg-stage-h) - 40px));width:var(--dr-w);margin:4px auto 0;user-select:none;-webkit-user-select:none}[data-tg][data-turn="1"] .dr{--dr-me: var(--tg-p1)}:root[data-look=dusk] .dr{--dr-dark: color-mix(in srgb, var(--leaf) 30%, #0a1420);--dr-light: color-mix(in srgb, var(--sun) 40%, var(--cell));--dr-rim: #0a0806}:root[data-look=ink] .dr{--dr-dark: color-mix(in srgb, var(--ink) 62%, var(--leaf));--dr-light: var(--cell-given)}@media(prefers-color-scheme:dark){:root:not([data-look=summer]) .dr{--dr-light: color-mix(in srgb, var(--sun) 14%, var(--cell))}}.dr-board{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));aspect-ratio:1;border-radius:4px;background:var(--dr-dark);touch-action:manipulation;box-shadow:0 0 0 4px var(--dr-rim),0 0 0 5px color-mix(in srgb,var(--dr-rim) 60%,var(--sun)),0 12px 26px #28140038}.dr-cell{min-width:0;min-height:0;border:0;padding:0;margin:0;border-radius:0}.dr-cell.is-light{background:var(--dr-light)}.dr-sq{position:relative;background:var(--dr-dark);cursor:default;-webkit-tap-highlight-color:transparent;color:inherit;font:inherit}.dr.is-live .dr-sq[aria-disabled=false]{cursor:pointer}.dr-sq:focus-visible{outline:3px solid var(--sun);outline-offset:-3px;z-index:1}.dr-sq.is-last{background:color-mix(in srgb,var(--sun) 26%,var(--dr-dark))}.dr-sq.is-sel{background:color-mix(in srgb,var(--cell) 20%,var(--dr-dark));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--cell) 80%,var(--dr-me))}.dr-sq.is-dest:after{content:"";position:absolute;inset:32%;border-radius:50%;z-index:3;background:color-mix(in srgb,var(--dr-me) 80%,white);opacity:.9;box-shadow:0 0 0 3px color-mix(in srgb,var(--dr-me) 35%,transparent),0 0 12px color-mix(in srgb,var(--dr-me) 60%,transparent);animation:dr-dot calc(.9s * var(--motion)) ease-in-out infinite alternate}@keyframes dr-dot{to{transform:scale(.82)}}.dr-sq.is-must:before{content:"";position:absolute;inset:5%;border-radius:50%;z-index:3;pointer-events:none;border:2.5px dashed color-mix(in srgb,var(--cell) 85%,var(--dr-me))}.dr.is-flash .dr-sq.is-must:before{animation:dr-must calc(.32s * var(--motion)) ease-in-out 4 alternate;border-color:var(--sun)}@keyframes dr-must{to{transform:scale(1.12)}}.dr-sq.is-hint{box-shadow:inset 0 0 0 3px var(--sun);animation:dr-hint calc(1s * var(--motion)) ease-in-out infinite alternate}@keyframes dr-hint{to{box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--sun) 60%,var(--coral))}}.dr-sq.is-shake{animation:dr-shake calc(.36s * var(--motion)) ease-in-out}@keyframes dr-shake{25%{box-shadow:inset 4px 0 0 var(--coral)}75%{box-shadow:inset -4px 0 0 var(--coral)}}.dr-pieces{position:absolute;inset:0;pointer-events:none;z-index:2}.dr-pc{position:absolute;left:calc(var(--c) * 12.5%);top:calc(var(--r) * 12.5%);width:12.5%;height:12.5%;display:grid;place-items:center}.dr-pc.is-moving,.dr-pc.is-lifted{z-index:4}.dr-disc{position:relative;width:78%;aspect-ratio:1;border-radius:50%;margin-top:-6%;background:radial-gradient(circle,transparent 0 44%,rgba(0,0,0,.17) 45% 49%,transparent 50% 61%,rgba(0,0,0,.15) 62% 66%,transparent 67%),radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--tg-c) 50%,white) 0 8%,var(--tg-c) 46%,color-mix(in srgb,var(--tg-c) 80%,black) 100%);box-shadow:0 3px color-mix(in srgb,var(--tg-c) 52%,black),0 5px 8px #0000004d}.dr-pc[data-p="1"] .dr-disc{background:radial-gradient(circle,color-mix(in srgb,var(--tg-c) 70%,black) 0 17%,transparent 18% 52%,rgba(0,0,0,.18) 53% 58%,transparent 59%),radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--tg-c) 50%,white) 0 8%,var(--tg-c) 46%,color-mix(in srgb,var(--tg-c) 80%,black) 100%)}.dr-pc.is-king .dr-disc{margin-top:-14%;box-shadow:0 3px color-mix(in srgb,var(--tg-c) 52%,black),0 4px color-mix(in srgb,var(--tg-c) 30%,black),0 7px color-mix(in srgb,var(--tg-c) 52%,black),0 9px 10px #00000052}.dr-pc.is-king .dr-disc{background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--tg-c) 50%,white) 0 8%,var(--tg-c) 46%,color-mix(in srgb,var(--tg-c) 80%,black) 100%)}.dr-crown{position:absolute;inset:20%;width:60%;height:60%;fill:color-mix(in srgb,var(--cell) 90%,var(--tg-c));stroke:color-mix(in srgb,var(--tg-c) 45%,black);stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.dr-pc.is-lifted .dr-disc{transform:scale(1.06);box-shadow:0 3px color-mix(in srgb,var(--tg-c) 52%,black),0 12px 16px #00000059}.dr-pc.is-picked .dr-disc{transform:translateY(-7%) scale(1.08);box-shadow:0 3px color-mix(in srgb,var(--tg-c) 52%,black),0 12px 14px #00000057;transition:transform calc(.12s * var(--motion)) ease-out}.dr-pc.is-king.is-picked .dr-disc{box-shadow:0 3px color-mix(in srgb,var(--tg-c) 52%,black),0 4px color-mix(in srgb,var(--tg-c) 30%,black),0 7px color-mix(in srgb,var(--tg-c) 52%,black),0 14px 14px #00000057}.dr-pc.is-taken{opacity:.38;filter:grayscale(.7)}.dr-pc.is-dim .dr-disc{opacity:.5;filter:saturate(.6)}.dr-bar{display:flex;align-items:center;gap:8px;margin-top:10px;min-height:32px;font-size:.9rem;color:var(--ink-2)}.dr-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none}.dr-count b{color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-variant-numeric:tabular-nums}.dr-count small{font-size:.8rem}.dr-mini{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--tg-c);box-shadow:0 2px color-mix(in srgb,var(--tg-c) 50%,black)}.dr-status{flex:1 1 auto;min-width:0;text-align:center;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-rules{flex:none;min-height:32px;padding:4px 10px;font-size:.85rem}.dr-rules-body p{margin:0 0 10px;line-height:1.45}.dr.is-over .dr-sq{cursor:default}@media(pointer:fine)and (min-width:700px){.dr{--dr-w: min(100%, 520px, calc(var(--tg-stage-h) - 44px))}}