.dame-game{--text:var(--ink)}.dame-board{display:grid;grid-template-columns:repeat(var(--board-size,8),minmax(0,1fr));grid-template-rows:repeat(var(--board-size,8),minmax(0,1fr));border:10px solid #314139;box-shadow:0 15px 40px #0002;border-radius:5px;overflow:hidden}.dame-board .dame-square{position:relative;display:grid;place-items:center;border:0;background:#ecebdb;aspect-ratio:1;cursor:pointer}.dame-board .dame-square.is-dark{background:#647f6e}.dame-board .dame-square.was-last.is-dark{background:#8b9e69}.dame-board .dame-square.is-selected{box-shadow:inset 0 0 0 4px #ecb74a}.dame-square.is-target::after{content:'';position:absolute;width:24%;height:24%;border-radius:50%;background:#ecb74a;box-shadow:0 0 0 4px #18221d30;z-index:3}.dame-disc{width:76%;height:76%;display:grid;place-items:center;border-radius:50%;border:3px solid #0002;box-shadow:inset 0 0 0 3px #ffffff30,inset 0 -5px 0 #0002,0 4px 4px #0003;position:relative;pointer-events:none;font-size:clamp(20px,2.6vw,36px);line-height:1}.dame-disc::before{content:'';position:absolute;inset:14%;border:1px solid #ffffff40;border-radius:50%}.dame-disc.seat-1{background:radial-gradient(circle at 35% 25%,#c77553,#96472f 80%);color:#fff1d2}.dame-disc.seat-2{background:radial-gradient(circle at 35% 25%,#fffdf0,#d4cfb5 80%);color:#564c34}.dame-board[data-variant=international] .dame-disc.seat-1{background:radial-gradient(circle at 35% 25%,#fffdf0,#d4cfb5 80%);color:#564c34}.dame-board[data-variant=international] .dame-disc.seat-2{background:radial-gradient(circle at 35% 25%,#505950,#1b241f 80%);color:#e6d59f}.dame-disc.is-king{border-color:#d7b258}.dame-coordinate{position:absolute;bottom:2px;left:4px;font:10px/1 var(--body);color:#17221b90;pointer-events:none}.is-dark .dame-coordinate{color:#ffffffa0}.dame-intro-art{background:repeating-conic-gradient(#647f6e 0 25%,#ecebdb 0 50%) 50%/56px 56px;border:9px solid #314139;transform:rotate(-7deg);border-radius:6px;box-shadow:10px 15px 0 var(--surface-alt)}.dame-intro-art i{position:absolute;width:44px;height:44px;border-radius:50%;background:#a85439;box-shadow:inset 0 0 0 4px #ffffff25,0 5px 0 #5f3327;left:25px;top:20px}.dame-intro-art i:nth-child(2){left:135px;top:20px}.dame-intro-art i:nth-child(3){left:80px;top:74px;background:#efe9d0}.dame-intro-art i:nth-child(4){left:25px;top:125px;background:#efe9d0}.dame-intro-art i:nth-child(5){left:135px;top:125px;background:#efe9d0}.dame-catalog-art{background:repeating-conic-gradient(#345241 0 25%,#253d2f 0 50%) 50%/72px 72px!important}.dame-catalog-motif{width:95px;height:95px;display:grid;place-items:center;border-radius:50%;background:#b76c4d;color:#f3d397;font-size:85px;box-shadow:inset 0 0 0 8px #fff2,0 10px 0 #5f3327;position:absolute;left:calc(50% - 48px);top:calc(50% - 48px)}