.alkkagi-wrap{width:100%}.alkkagi-board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;border-radius:1.25rem;display:block}.alkkagi-board.is-idle{cursor:default;touch-action:manipulation}.alkkagi-board:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}.alkkagi-dot{width:.52em;height:.52em;box-shadow:inset -.06em -.08em .12em #00000059}.alkkagi-dot.is-black{background:radial-gradient(circle at 35% 30%, hsl(var(--omok-black-light)), hsl(var(--omok-black-mid)) 45%, hsl(var(--omok-black-dark)))}.alkkagi-dot.is-white{background:radial-gradient(circle at 35% 30%, hsl(var(--omok-white-light)), hsl(var(--omok-white-mid)) 60%, hsl(var(--omok-white-dark)));box-shadow:inset -.06em -.08em .12em #0000002e, 0 0 0 1px hsl(var(--shade) / .35)}.alkkagi-steps{justify-content:center;gap:.375rem;font-size:12.5px;font-weight:800;line-height:1;display:flex}.alkkagi-steps li{border:1.5px solid hsl(var(--border));background:hsl(var(--card));min-height:1.875rem;color:hsl(var(--muted-foreground));border-radius:9999px;align-items:center;gap:.3rem;padding:0 .65rem 0 .3rem;display:inline-flex}.alkkagi-step-no{background:hsl(var(--muted));width:1.25rem;height:1.25rem;color:hsl(var(--muted-foreground));border-radius:9999px;place-items:center;font-size:11px;font-weight:900;display:grid}.alkkagi-steps li[data-state=now]{border-color:hsl(var(--primary));color:hsl(var(--foreground));box-shadow:0 0 0 2px hsl(var(--primary) / .18)}.alkkagi-steps li[data-state=now] .alkkagi-step-no{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.alkkagi-steps li[data-state=done]{color:hsl(var(--foreground))}.alkkagi-steps li[data-state=done] .alkkagi-step-no{background:hsl(var(--gold));color:hsl(var(--gold-foreground))}.alkkagi-steps li[data-state=off]{opacity:.5}@media (width<=359px){.alkkagi-steps{gap:.25rem;font-size:11.5px}.alkkagi-steps li{gap:.2rem;padding:0 .5rem 0 .25rem}.alkkagi-step-no{width:1.05rem;height:1.05rem;font-size:10px}}.alkkagi-meter{pointer-events:none;transform-origin:0;transform:scaleX(var(--alk-power,0));background:linear-gradient(90deg, hsl(var(--gold) / .88), hsl(var(--gold)));position:absolute;inset:0}.alkkagi-hold:not(.is-charging) .alkkagi-meter{transform:scaleX(0)}.alkkagi-hold.is-charging{color:hsl(var(--gold-foreground))}