.stage{--tbl:var(--bg);--c-own:var(--s2);--c-alt:var(--s3);--c-enemy:var(--s1);--c-line:var(--line-2);--c-ink:var(--accent);--c-ready:color-mix(in srgb, var(--accent) 16%, var(--s2));--c-hover:color-mix(in srgb, var(--accent) 30%, var(--s2));--c-over:color-mix(in srgb, var(--accent) 62%, var(--s2));--c-deny:color-mix(in srgb, var(--bad) 22%, var(--s2));--c-flash:color-mix(in srgb, var(--bad) 46%, var(--s2));--tx:0;--ty:0;transform:perspective(1400px) rotateX(calc(var(--ty) * 1deg)) rotateY(calc(var(--tx) * 1deg));transition:transform var(--dur-3) var(--ease-out);width:100%;aspect-ratio:var(--ratio,1.6);-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}:root[data-theme=light] .stage{--tbl:var(--s3);--c-own:var(--s2);--c-alt:var(--s1);--c-enemy:var(--bg);--c-ready:color-mix(in srgb, var(--accent) 12%, var(--s2));--c-hover:color-mix(in srgb, var(--accent) 22%, var(--s2));--c-over:color-mix(in srgb, var(--accent) 50%, var(--s2))}.stage:before{content:"";z-index:0;border-radius:var(--r-m);background:var(--tbl);pointer-events:none;position:absolute;inset:-3% -3.5%}.stage-floor{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.stage-marks{z-index:1}.sf{fill:var(--c-own);stroke:var(--c-line);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sf.alt{fill:var(--c-alt)}.sf.enemy{fill:var(--c-enemy);stroke:var(--line);stroke-dasharray:2 4}.sf-front{stroke:var(--c-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.sm{fill:none;stroke:none;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill var(--dur-1) var(--ease-out), stroke var(--dur-1) var(--ease-out)}.sm.ready{fill:var(--c-ready);stroke:var(--c-ink);stroke-width:1px;stroke-dasharray:5 3}.sm.partial{stroke:var(--muted);stroke-width:1px;stroke-dasharray:1 4}.sm.hover{fill:var(--c-hover)}.sm.over{fill:var(--c-over);stroke:var(--c-ink);stroke-width:3px}.sm.sel{fill:var(--c-hover);stroke:var(--c-ink);stroke-width:2.5px}.sm.focus{stroke:var(--focus);stroke-width:3px;stroke-dasharray:9 4}.sm.flash{fill:var(--c-flash);stroke:var(--bad);stroke-width:2px}.sm.deny{fill:var(--c-deny);stroke:var(--bad);stroke-width:2px;stroke-dasharray:4 3}.tok-slot{--c:var(--line-2);z-index:3;width:calc(var(--w) * 1cqw);aspect-ratio:1;transform:translate(calc(var(--x) * 1cqw - 50%), calc(var(--y) * 1cqw - 76%));transition:transform var(--dur-3) var(--ease-out), translate var(--dur-3) var(--ease-out), opacity var(--dur-2) var(--ease-out);color:var(--text);-webkit-tap-highlight-color:transparent;text-decoration:none;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .tok-slot{animation:tok-drop var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--k,0) * var(--stagger))}}@keyframes tok-drop{0%{opacity:0;translate:0 -34%}}.tok-slot:hover{text-decoration:none}.tok-slot.dim{opacity:.35}.tok-slot.hide{opacity:0;translate:0 calc(var(--w) * 1.1cqw);pointer-events:none}.tok-slot.act{cursor:grab;touch-action:none}.tok-slot.act:active{cursor:grabbing}a.tok-slot:focus-visible,.tok-slot:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:50%}.tok{transition:transform var(--dur-1) var(--ease-out);display:block;position:absolute;inset:0}.tok-slot:hover .tok,.tok-slot.sel .tok,.tok-slot.hl .tok{transform:translateY(-7%)scale(1.07)}.tok-slot:active .tok{transform:scale(.96)}.tok-base{background:var(--s3);border:max(1.5px, calc(var(--w) * .05cqw)) solid var(--c);border-radius:50%;height:40%;position:absolute;top:62%;left:-10%;right:-10%}.tok-slot.sel .tok-base{background:var(--accent);border-color:var(--accent)}.tok-face{background:var(--s3);border-radius:50%;display:block;position:absolute;inset:0}.tok-face .pic{border-width:max(1.5px, calc(var(--w) * .06cqw));width:100%;height:auto;display:block}.tok-slot.sel .tok-face .pic{border-color:var(--accent)}.tok-eq{min-width:max(11px, calc(var(--w) * .34cqw));height:max(11px, calc(var(--w) * .34cqw));background:var(--accent);color:var(--on-accent);font:800 clamp(7px, calc(var(--w) * .2cqw), 12px) / 1 var(--font-sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:-5%;right:-7%}@media (prefers-reduced-motion:reduce){.tok-slot,.tok{transition:opacity 10ms;animation:none!important}.tok-slot:hover .tok,.tok-slot.sel .tok,.tok-slot.hl .tok{transform:none}.tok-slot.hide{translate:none}}.ring{--ring-bg:var(--s1);width:var(--rs,56px);height:var(--rs,56px);color:var(--text);flex:none;place-items:center;text-decoration:none;display:inline-grid;position:relative}.ring:hover{text-decoration:none}a.ring{transition:transform var(--dur-1) var(--ease-out)}a.ring:hover{transform:scale(1.06)}a.ring:active{transform:scale(.97)}a.ring:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:50%}.ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-svg circle{fill:none;stroke-width:3.6px;stroke-linecap:butt}.ring-track{stroke:var(--s3)}.ring-arc{stroke:var(--line-2);transition:stroke var(--dur-2) var(--ease-out), stroke-dasharray var(--dur-3) var(--ease-out)}.ring-arc.part{stroke:var(--text-2)}.ring-arc.on{stroke:var(--accent)}.ring .ring-pic .pic{--s:calc(var(--rs,56px) - 16px);filter:grayscale();transition:filter var(--dur-2) var(--ease-out);border-width:0}.ring.on .ring-pic .pic{filter:none}.ring .ring-pic .tmark{filter:grayscale();transition:filter var(--dur-2) var(--ease-out)}.ring.on .ring-pic .tmark{filter:none}.ring-n{border:2px solid var(--ring-bg);box-sizing:content-box;background:var(--s3);min-width:19px;height:19px;color:var(--text);font:800 .7rem / 1 var(--font-sans);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-4px;right:-4px}.ring.on .ring-n{background:var(--accent);color:var(--on-accent)}.ring-n.pop{animation:ring-roll var(--dur-2) var(--ease-out)}@keyframes ring-roll{0%{opacity:0;transform:translateY(70%)scale(1.3)}}@media (prefers-reduced-motion:reduce){.ring-n.pop{animation:none}a.ring,a.ring:hover{transition:none;transform:none}.ring-arc{transition:none}}.ring-scale{flex-wrap:wrap;gap:4px;display:inline-flex}.ring-scale i{background:var(--s3);min-width:26px;height:26px;color:var(--muted);font:800 .78rem / 1 var(--font-sans);font-variant-numeric:tabular-nums;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);border-radius:999px;place-items:center;padding:0 7px;font-style:normal;display:grid}.ring-scale i.on{background:var(--accent);color:var(--on-accent);transform:scale(1.08)}.sm.nb{fill:var(--c-ready);stroke:var(--c-ink);stroke-width:1px;stroke-dasharray:2 3}@media (prefers-reduced-motion:reduce){.stage{transition:none;transform:none}}