.cbb-board{display:block;--cbb-walnut: #704a30;--cbb-brass: #c6a66a;--cbb-bone: #f3e6c9;--cbb-dark: #273d3c;--cbb-red: #a85843;color:var(--ink, #403e36);font-family:var(--font-sans, system-ui, sans-serif);width:100%;max-width:760px;margin-inline:auto}.cbb-board *,.cbb-board *:before,.cbb-board *:after{box-sizing:border-box}.cbb-players{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px}.cbb-player{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 12px;border-bottom:2px solid transparent;font-size:14px}.cbb-player.is-active{border-color:#836b3b;background:#dac49333;border-radius:4px 4px 0 0}.cbb-player strong{font-weight:600}.cbb-player small{flex-basis:100%;padding-left:24px;font-size:12px;color:var(--ink-soft, #5d5a50)}.cbb-player-mark{width:17px;height:17px;display:inline-grid;place-items:center;font-size:11px;border-radius:50%;color:#f6ead1;background:#344947;border:1px solid #1a2b2a}.cbb-player-mark.is-second{background:#ecdfbd;color:#5b4b35;border-color:#bda67c}.cbb-player-mark.is-first:after{content:"•"}.cbb-player-mark.is-second:after{content:"○"}.cbb-turn{margin:0 0 16px;min-height:48px;display:flex;align-items:center;gap:9px;padding:12px 16px;background:#f5eedf;border:1px solid #bba77f;border-radius:5px;line-height:1.45;font-size:14px}.cbb-turn.is-over{border-color:#82937a;background:#e4ebdb}.cbb-turn:before{content:"◆";color:#8c7442;font-size:10px;flex:0 0 auto}.cbb-table{position:relative;width:100%;padding:clamp(10px,3%,22px);margin:0 auto 21px;border:1px solid #49301f;border-radius:9px;background:linear-gradient(160deg,rgb(234 186 115 / .16),transparent 25% 80%,rgb(32 19 10 / .2)),var(--wood-surface, none),#704a30;background-size:auto,1024px 768px,auto;box-shadow:inset 0 1px #bb925d,inset 0 0 0 5px #3a22122b,0 3px #563720,0 7px #46301f,2px 12px 14px #2c1e1238}.cbb-table:before{content:"";pointer-events:none;position:absolute;inset:6px;border:1px solid rgb(224 189 125 / .43);border-radius:5px}.cbb-caption{display:flex;flex-wrap:wrap;gap:7px 20px;align-items:center;justify-content:center;margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--ink-soft, #5d5a50)}.cbb-caption span{display:inline-flex;align-items:center;gap:6px}.cbb-key-dot{width:8px;height:8px;border:1px solid #80673a;border-radius:50%;background:#f5e7ba}.cbb-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}.cbb-action{padding:10px 17px;min-height:44px;border:1px solid #927b57;border-radius:4px;background:#f6edda;color:#4f422f;cursor:pointer;text-decoration:none;font:500 14px var(--font-sans, system-ui, sans-serif)}.cbb-action:hover{background:#e7d9ba}.cbb-action:disabled{opacity:.45;cursor:default}.cbb-action.is-primary{background:#3f5651;color:#fff5df;border-color:#283d39}.cbb-board button:focus-visible,.cbb-board a:focus-visible{outline:3px solid #186c91;outline-offset:3px;z-index:8}.cbb-quiet{font-size:12px;color:var(--ink-soft, #5d5a50);text-align:center;line-height:1.6;margin:12px 0}.cbb-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cbb-size),minmax(0,1fr));aspect-ratio:1;width:100%;border:1px solid #58472b;background:#d4b77e}.cbb-cell{appearance:none;position:relative;display:grid;place-items:center;padding:0;margin:0;min-width:0;border:0;border-radius:0;cursor:pointer;aspect-ratio:1;color:#4d3825;background:transparent;touch-action:manipulation}.cbb-cell[aria-disabled=true]{cursor:default}.cbb-cell:focus-visible{outline-offset:-3px!important;box-shadow:inset 0 0 0 4px #f9ecd0}.cbb-cell.is-selected{box-shadow:inset 0 0 0 3px #fdf0b4,inset 0 0 0 5px #8a642d;z-index:2}.cbb-cell.is-last:after{content:"";position:absolute;right:8%;top:8%;width:13%;aspect-ratio:1;border-radius:1px;background:#a85e38;border:1px solid #f5dfba;z-index:5}.cbb-cell.is-legal:before{content:"";position:absolute;width:22%;aspect-ratio:1;border-radius:50%;border:1px solid #765a2b;background:#fff0bb;box-shadow:0 1px 2px #261a0d40;z-index:3}.cbb-cell.is-legal:hover{background-color:#fff2cb52}.cbb-stone{position:relative;width:73%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;pointer-events:none;z-index:2;border:1px solid #142725;background:radial-gradient(circle at 33% 24%,#6a8276,#344b44 42%,#1d322d 79%);color:#e6dfbf;box-shadow:inset 0 1px 1px #ffffea4d,inset 0 -3px 2px #0a19158c,1px 3px 3px #3122106b;font-size:clamp(8px,2.4vw,18px);line-height:1}.cbb-stone.is-second{border-color:#aa9061;background:radial-gradient(circle at 33% 24%,#fff8e2,#f0e1b9 47%,#c4ae7d 85%);color:#655135;box-shadow:inset 0 1px 1px #fffdf0,inset 0 -3px 2px #88673945,1px 3px 3px #3122105c}.cbb-stone.is-king{border-radius:30%;color:#6f4720;border:2px solid #a37a35;background:radial-gradient(circle at 32% 20%,#fff5d9,#e9c679 75%)}.cbb-stone.is-winning{outline:3px solid #bf8b2c;outline-offset:2px}.cbb-coord{position:absolute;bottom:1px;left:2px;font:9px var(--font-sans, sans-serif);color:#645032;pointer-events:none;z-index:1}.cbb-gomoku .cbb-table,.cbb-hnefatafl .cbb-table{max-width:620px}.cbb-gomoku .cbb-grid{background:linear-gradient(135deg,rgb(245 222 164 / .35),transparent),#d4b77e}.cbb-gomoku .cbb-cell{background-image:linear-gradient(90deg,transparent calc(50% - .5px),#795e37 calc(50% - .5px),#795e37 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#795e37 calc(50% - .5px),#795e37 calc(50% + .5px),transparent calc(50% + .5px))}.cbb-gomoku .cbb-cell.is-star:after{content:"";position:absolute;width:16%;aspect-ratio:1;border-radius:50%;background:#644625}.cbb-gomoku .cbb-cell.is-last:after{width:14%;top:8%;right:8%;border-radius:1px;background:#a85e38}.cbb-gomoku .cbb-cell.is-legal:before{opacity:0}.cbb-gomoku .cbb-cell.is-legal:hover:before,.cbb-gomoku .cbb-cell.is-legal:focus-visible:before{opacity:1}.cbb-hnefatafl .cbb-cell{background:#e7d4a5;box-shadow:inset 0 0 0 .5px #5a3e2033}.cbb-hnefatafl .cbb-cell.is-dark{background:#bc9863}.cbb-hnefatafl .cbb-cell.is-sanctuary{background:#59716a;color:#f6e9c9}.cbb-sanctuary{position:absolute;opacity:.58;width:64%;height:64%;border:1px solid currentColor;transform:rotate(45deg) scale(.7)}.cbb-hnefatafl .cbb-cell.is-selected{box-shadow:inset 0 0 0 3px #fff3b5,inset 0 0 0 5px #7f5d2f}.cbb-hnefatafl .cbb-cell.is-legal{box-shadow:inset 0 0 0 1px #bd9c50}.cbb-hex .cbb-table{max-width:680px;padding:24px 16px 29px}.cbb-hex-field{position:relative;padding:3% 1%}.cbb-hex-row{display:flex;width:76%;margin-left:calc(var(--cbb-row) * 2.25%);margin-top:-1.35%;gap:2px}.cbb-hex-row:first-child{margin-top:0}.cbb-hex-cell{position:relative;flex:1;min-width:0;appearance:none;border:0;padding:0;aspect-ratio:1.13;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#d8c5a0;color:#584a31;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;font-size:clamp(9px,2vw,15px)}.cbb-hex-cell.is-first{background:linear-gradient(135deg,#769183,#2e5145);color:#fff4d5}.cbb-hex-cell.is-second{background:linear-gradient(135deg,#fff0cf,#c7a96c);color:#56462d}.cbb-hex-cell[aria-disabled=true]{cursor:default}.cbb-hex-cell.is-legal:hover{background:#f0deb2}.cbb-hex-cell:focus-visible{outline:none!important;background:#62b5d8;color:#132e3a;box-shadow:inset 0 0 0 6px #176486}.cbb-hex-cell.is-last:after{content:"•";position:absolute;right:22%;top:6%;font-size:8px;color:#b45330}.cbb-hex-cell.is-winning{box-shadow:inset 0 0 0 3px #c8892e}.cbb-hex-edge{position:relative;z-index:1;height:5px;background:#4b7a68;margin:2% 25% 2% 0;border:1px solid #adba98}.cbb-hex-edge.is-bottom{margin:2% 0 1% 24%}.cbb-hex-field:before,.cbb-hex-field:after{content:"";position:absolute;pointer-events:none;width:5px;height:90%;top:5%;background:#e6cb8a;border:1px solid #a98b49;transform:rotate(-17deg)}.cbb-hex-field:before{left:10%}.cbb-hex-field:after{right:10%}.cbb-kalah .cbb-table{padding:21px 13px;border-radius:60px}.cbb-kalah .cbb-table:before{border-radius:55px}.cbb-kalah-tray{display:grid;grid-template-columns:.8fr repeat(6,1fr) .8fr;gap:clamp(4px,1.3vw,12px);align-items:stretch}.cbb-pit{display:flex;flex-direction:column;align-items:center;justify-content:center;appearance:none;position:relative;min-width:0;border:1px solid #3b2518;border-radius:50%;aspect-ratio:.9;color:#fff0d2;background:radial-gradient(ellipse at 50% 60%,#7f5030,#402618 90%);box-shadow:inset 0 4px 7px #180d07ad,0 1px #bd9563;padding:5px 2px;font:500 16px var(--font-sans, sans-serif);cursor:pointer;touch-action:manipulation}.cbb-pit[aria-disabled=true]{cursor:default}.cbb-pit.is-legal{outline:1px solid #e5c786;outline-offset:2px}.cbb-pit.is-legal:hover{background:radial-gradient(ellipse at 50% 60%,#93643c,#50301c 90%)}.cbb-pit.is-last{box-shadow:inset 0 4px 7px #180d07ad,0 0 0 3px #be8e40}.cbb-store{grid-row:1 / 3;border-radius:40%;aspect-ratio:auto;cursor:default;padding:8px 4px}.cbb-store.is-left{grid-column:1}.cbb-store.is-right{grid-column:8}.cbb-store strong{font-family:var(--font-serif, Georgia, serif);font-size:clamp(20px,4vw,34px);font-weight:400}.cbb-store small{font-size:10px;color:#e1c79e;line-height:1.2;text-align:center}.cbb-seeds{position:relative;width:90%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:2px;min-height:15px;margin-bottom:3px}.cbb-seed{display:block;width:19%;max-width:10px;aspect-ratio:.8;border-radius:45% 55% 44% 50%;transform:rotate(20deg);background:radial-gradient(circle at 25% 20%,#f9e4a0,#c19342 75%);border:1px solid #8f6933;box-shadow:0 1px 2px #28190e}.cbb-seed:nth-child(3n){transform:rotate(-27deg);background:radial-gradient(circle at 25% 20%,#bfd1b2,#68866b 75%);border-color:#4c6951}.cbb-pit-label{font-size:9px;color:#dbbf93}.cbb-morris .cbb-table{max-width:570px}.cbb-morris-field{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at 40% 25%,#f0dfb6,#cdb47e);border:1px solid #4e3622}.cbb-morris-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#705331;stroke-width:.65;fill:none}.cbb-morris-point{appearance:none;position:absolute;width:10%;aspect-ratio:1;padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);background:transparent;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}.cbb-morris-point:before{content:"";position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:#795a32;box-shadow:0 1px #f9e3b2}.cbb-morris-point.is-legal:before{width:42%;background:#faecb9;border:2px solid #8b6c34}.cbb-morris-point.is-selected{box-shadow:0 0 0 3px #fff0b1,0 0 0 5px #886530}.cbb-morris-point.is-last{outline:2px solid #a96a32;outline-offset:1px}.cbb-morris-point.is-removable{box-shadow:0 0 0 2px #a95740}.cbb-morris-point .cbb-stone{width:88%}.cbb-reserve{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0;font-size:12px}.cbb-ur .cbb-table{max-width:730px}.cbb-ur-field{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:3px}.cbb-ur-cell{position:relative;appearance:none;border:1px solid #8d7244;aspect-ratio:1;padding:4px;background:#e3d4ad;color:#5f482a;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 0 0 3px #d1bc89,inset 0 0 0 4px #8f7547}.cbb-ur-cell.is-rosette{color:#2e6370;background:#e7dfc2}.cbb-rosette{position:absolute;font-size:clamp(16px,5vw,37px);opacity:.72;line-height:1}.cbb-ur-cell.is-legal{outline:2px solid #fbe8a4;outline-offset:0}.cbb-ur-cell.is-last{box-shadow:inset 0 0 0 3px #b66d3c,inset 0 0 0 5px #ffe9ad}.cbb-ur-cell.is-target:after{content:"";position:absolute;inset:6%;border:2px dashed #6a7d53;border-radius:3px}.cbb-ur-cell[aria-disabled=true]{cursor:default}.cbb-ur-empty{aspect-ratio:1}.cbb-ur-dice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0 17px}.cbb-die{width:35px;height:39px;display:grid;place-items:center;font-size:14px;background:linear-gradient(130deg,#eee1bc,#ac8d53);clip-path:polygon(50% 0,100% 86%,50% 100%,0 86%);color:#fff7dc;text-shadow:0 1px #6e5934}.cbb-die.is-zero{color:#80663e}.cbb-ur-dice strong{font-family:var(--font-serif, Georgia, serif);font-size:26px;font-weight:400}.cbb-ur-inventory{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}@media(max-width:480px){.cbb-player{font-size:12px;padding:7px 5px;gap:5px}.cbb-player small{font-size:11px;padding-left:21px}.cbb-turn{font-size:13px;padding:10px 12px}.cbb-table{padding:9px}.cbb-hex .cbb-table{padding:14px 7px 18px}.cbb-kalah .cbb-table{padding:17px 8px}.cbb-pit{font-size:12px}.cbb-seeds{gap:1px}.cbb-store small{font-size:9px}.cbb-ur-field{gap:3px}.cbb-coord{font-size:7px}.cbb-morris-point{width:11%}}@media(prefers-reduced-motion:no-preference){.cbb-stone{animation:cbb-place .15s ease-out}.cbb-action{transition:background .12s ease}@keyframes cbb-place{0%{transform:translateY(-3px) scale(.92);opacity:.7}to{transform:none;opacity:1}}}