.cb-game{--ink:#243c3c;--line:#b79860;color:var(--ink);max-width:700px;margin:auto;font-family:inherit}.cb-game *{box-sizing:border-box}.cb-players{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.cb-player{display:grid;grid-template-columns:30px 1fr;gap:3px 8px;align-items:center;border:2px solid #e5e8dd;background:#fffdf8;border-radius:15px;padding:12px;min-width:0;transition:border-color .25s,background .25s,box-shadow .25s}.cb-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-player>span:last-child{grid-column:2;font-size:12px;color:#65746e}.cb-active{border-color:#3e9b77;box-shadow:0 3px 0 #d9ebdf;background:#f0fff6}.cb-winner{border-color:#d5a143;background:#fff3cc}.cb-seat-disc{width:26px;height:26px;border-radius:50%;grid-row:span 2;display:block;box-shadow:inset 0 -3px 3px #0002,0 2px 3px #0002}.cb-seat-0{background:linear-gradient(135deg,#52635e,#152a27)}.cb-seat-1{background:linear-gradient(135deg,#fff,#e9e5d9);border:1px solid #c3c7be}.cb-xiangqi .cb-seat-0{background:#ce5349}.cb-xiangqi .cb-seat-1{background:#354a54}.cb-status{font-size:clamp(19px,4.5vw,27px);margin:0 0 5px;line-height:1.4}.cb-meta{font-size:13px;color:#68766d;min-height:24px;margin-bottom:10px}.cb-board{width:min(100%,580px);aspect-ratio:var(--cols)/var(--rows);margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);direction:ltr;background:#f2d6a6;border:8px solid #dfbd83;border-radius:12px;box-shadow:0 8px 22px #61502b16;isolation:isolate;touch-action:manipulation}.cb-lines{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;z-index:0;overflow:visible;stroke:var(--line);stroke-width:2;fill:var(--line)}.cb-lines text{stroke:none;font-family:inherit;font-size:30px;letter-spacing:4px;fill:#9d7444}.cb-cell{min-width:0;min-height:0;padding:0!important;position:relative;display:grid;place-items:center;background:transparent!important;border:0!important;border-radius:5px!important;box-shadow:none!important;color:inherit;cursor:pointer;z-index:1;opacity:1!important;outline-offset:-2px;transition:background .15s;touch-action:manipulation}.cb-cell:disabled{cursor:default}.cb-cell:focus-visible{outline:3px solid #087f7c}.cb-cell.cb-selected{outline:3px solid #e3494e;outline-offset:-2px;background:#ff82702a!important;z-index:3}.cb-cell.cb-legal:empty:after{content:'';display:block;width:18%;height:18%;border-radius:50%;background:#25765999}.cb-cell.cb-legal:not(:empty):after{content:'';position:absolute;inset:2px;border:2px solid #2f946f;border-radius:50%}.cb-piece{display:block;width:84%;height:84%;border-radius:50%;box-shadow:inset 0 -3px 4px #0003,0 2px 4px #0003;pointer-events:none;backface-visibility:hidden}.cb-side-0{background:radial-gradient(circle at 35% 25%,#586a63,#162a24 75%);border:1px solid #20382c}.cb-side-1{background:radial-gradient(circle at 35% 25%,#fff,#eae9dc 80%);border:1px solid #c5c5b4}.cb-hint{font-size:13px;text-align:center;min-height:20px;margin:12px 0 9px;color:#5f716b}.cb-actions{display:flex;justify-content:center;gap:9px;margin-bottom:22px}.cb-actions button{font:inherit;font-weight:700;min-height:43px;padding:10px 22px;border-radius:11px;cursor:pointer}.cb-confirm{background:#217b62;color:white;border:1px solid #217b62}.cb-resign{background:#fffaf4;color:#93564c;border:1px solid #e3c8bd}.cb-actions button:disabled{opacity:.45;cursor:default}.cb-log-title{font-size:14px;margin:0 0 7px}.cb-log{margin:0;padding:11px 14px 11px 32px;background:#f7f8ee;border:1px solid #e7eadd;border-radius:12px;font-size:13px;color:#52685d;min-height:42px;line-height:1.7}.cb-log:empty{display:none}.cb-legend{font-size:12px;line-height:1.8;color:#68736c}.cb-flying{position:fixed!important;z-index:9999!important;pointer-events:none!important;display:grid!important;place-items:center!important;font-family:inherit!important;font-size:clamp(14px,3vw,28px)!important}.cb-win .cb-piece{outline:3px solid #efaa24;outline-offset:1px;box-shadow:0 0 12px #ffca4c}.cb-check .cb-piece{outline:3px solid #ed5048;outline-offset:1px}.cb-reversi .cb-board{background:#64a184;border-color:#34795f;--line:#4a8a6c}.cb-reversi .cb-cell{border-radius:0!important}.cb-reversi .cb-cell.cb-selected{background:#fdedb45c!important}.cb-xiangqi .cb-board{--line:#bd9064;background:#ffe7bf;border-color:#ddb380;max-width:510px}.cb-xpiece{width:90%;height:90%;background:radial-gradient(circle at 35% 25%,#fffbec,#e7b97f 100%);border:2px solid currentColor;display:grid;place-items:center;font-weight:800;font-family:Georgia,'Noto Serif SC',serif;font-size:clamp(16px,4.8vw,30px);box-shadow:0 2px 3px #5f482c33,inset 0 0 0 2px #ffe6b9}.cb-xpiece.cb-side-0{color:#b73c34}.cb-xpiece.cb-side-1{color:#253f4e}.cb-xiangqi .cb-cell.cb-legal:empty:after{width:25%;height:25%}@media(max-width:430px){.cb-player{padding:9px 8px;grid-template-columns:23px 1fr;gap:2px 6px}.cb-seat-disc{width:21px;height:21px}.cb-player strong{font-size:14px}.cb-player>span:last-child{font-size:11px}.cb-board{border-width:5px;border-radius:8px}.cb-actions button{padding:10px 17px}.cb-gomoku .cb-cell.cb-selected{outline-width:2px}.cb-xpiece{border-width:1px;box-shadow:0 1px 2px #5f482c33,inset 0 0 0 1px #ffe6b9}}
@media(prefers-reduced-motion:reduce){.cb-game *{transition:none!important;animation:none!important}}
.cb-cell:hover,.cb-cell:active{transform:none!important}