.alk-board{width:100%;max-width:640px;margin-left:auto;margin-right:auto;position:relative}.alk-board__canvas{touch-action:none;-webkit-user-select:none;user-select:none;--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:#78350f33;border-radius:1rem;display:block}.alk-board__canvas--aim{cursor:crosshair}
.alk-piece{flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-block}.alk-piece--black{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:radial-gradient(circle at 35% 35%,#6b6b6b,#0f0f0f 70%);border-radius:9999px}.alk-piece--white{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-300) / var(--tw-ring-opacity,1));border-radius:9999px}.alk-piece--white:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-500) / var(--tw-ring-opacity,1))}.alk-piece--white{background:radial-gradient(circle at 35% 35%,#fff,#cfcfcf 70%)}.alk-piece--janggi{filter:drop-shadow(0 2px 2px #00000059);overflow:visible}.alk-piece--small{width:1.75rem;height:1.75rem}.alk-piece__face{fill:#f3dcae;stroke:#8b5a2b;stroke-width:2px}.alk-piece__inner{fill:none;stroke:#8b5a2b73;stroke-width:1.2px}.alk-piece__char{font-family:Noto Serif KR,Nanum Myeongjo,AppleMyungjo,Batang,serif;font-size:calc(19px * var(--site-font-scale,1));text-anchor:middle;dominant-baseline:central;font-weight:900}.alk-piece__char--cho{fill:#0b7a55}.alk-piece__char--han{fill:#c0262d}