/* Small, self-contained boards: no image downloads or continuous animation. */
.ai-shell{width:min(1240px,94vw);margin:32px auto}.page-intro{margin-bottom:28px}.table-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.table-controls{display:grid;gap:12px}.table-controls h2{margin-bottom:0}.table-controls label{margin-bottom:-8px}.wide{width:100%}.rules{border-top:1px solid var(--line);padding-top:16px;margin:8px 0;font-size:13px;color:var(--muted)}.rules summary{cursor:pointer;color:var(--paper);font-weight:650}.rules p{line-height:1.85}.table-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.table-header h2{font-size:20px;line-height:1.7;overflow-wrap:anywhere;margin:0}.table-header .eyebrow{margin-bottom:6px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.score-info,#notice{font-size:13px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.draw-request{padding:16px;border:1px solid var(--gold);border-radius:12px;line-height:2.5}.draw-request button{margin-left:8px}.roomItem{border:1px solid var(--line);padding:12px;border-radius:10px;overflow-wrap:anywhere}.roomItem+.roomItem{margin-top:10px}.roomItem p{font-size:12px;color:var(--muted);margin:4px 0}.roomItem .action-row{margin-bottom:0}.room-empty{padding:80px 12px;text-align:center;color:var(--muted)}.empty-symbol{font:80px KaiTi,serif;color:var(--gold)}.room-empty h2{margin:14px 0}.go-board,.star-board{position:relative;width:min(100%,650px);aspect-ratio:1;margin:0 auto 20px;isolation:isolate;border-radius:14px;box-shadow:inset 0 0 0 1px #e5cba866,0 10px 28px #0003}.go-board{background:linear-gradient(135deg,#e3c99e,#bc9665);border:7px solid #886844}.go-grid{position:absolute;inset:5%;border-right:1px solid #624627aa;border-bottom:1px solid #624627aa;background-image:linear-gradient(to right,#624627aa 1px,transparent 1px),linear-gradient(to bottom,#624627aa 1px,transparent 1px);background-size:calc(100% / var(--lines)) calc(100% / var(--lines));pointer-events:none}.board-point{position:absolute;display:block!important;transform:translate(-50%,-50%)!important;padding:0!important;min-height:0!important;width:var(--point-size,4.5%);aspect-ratio:1;border-radius:50%!important;background:transparent;border:0!important;z-index:1;transition:box-shadow .15s!important}.board-point:hover{filter:none!important;box-shadow:0 0 0 2px #237b6b99}.board-point.stone{box-shadow:1px 3px 4px #0005}.go-board .side-1{background:radial-gradient(circle at 32% 25%,#53595a,#151b1e 68%)}.go-board .side-2{background:radial-gradient(circle at 32% 25%,#fff,#e2dfd3 70%)}.board-point.last::after{content:'';position:absolute;inset:35%;border:2px solid #d9823d;border-radius:50%}.board-point.dead{opacity:.4}.board-point.dead::after{content:'×';position:absolute;inset:0;display:grid;place-items:center;color:#e44330;font-size:22px}.star-board{background:radial-gradient(ellipse at 50% 40%,#284856,#142b38);border:1px solid #7ea7b04a;aspect-ratio:1.12}.star-board::before{content:'';position:absolute;inset:9% 12%;clip-path:polygon(50% 0,64% 29%,100% 29%,82% 50%,100% 71%,64% 71%,50% 100%,36% 71%,0 71%,18% 50%,0 29%,36% 29%);background:#a0c5c914}.star-board .board-point{background:#0e202a;box-shadow:inset 0 1px 4px #0008;border:1px solid #547582!important}.star-board .side-1{background:radial-gradient(circle at 32% 25%,#cdf8e5,#399e94 65%,#286260)}.star-board .side-2{background:radial-gradient(circle at 32% 25%,#fff0b8,#dfaf57 65%,#97772a)}.board-point.selected{outline:3px solid #fff4ba!important;outline-offset:2px}.board-point.legal{background:#95cbb36b;box-shadow:0 0 0 2px #b2e8c8}.star-label{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted);margin:0}.dice-tray{display:flex;justify-content:center;gap:12px;padding:35px 10px;background:radial-gradient(ellipse,#284e49,#132e2d);border:1px solid #b3d5b838;border-radius:16px}.die{font-family:'Segoe UI Symbol',sans-serif!important;font-size:clamp(32px,5vw,64px)!important;line-height:1;background:#ede5d4!important;color:#253b3a!important;min-width:0;min-height:0;aspect-ratio:1;width:18%;max-width:86px;padding:5px!important;box-shadow:0 5px 0 #9d9586!important;border:3px solid transparent!important}.die:disabled{opacity:.85}.die.held{border-color:#e9c56d!important;box-shadow:0 5px 0 #ae862e,0 0 0 2px #e9c56d!important}.dice-sheet{width:100%;border-collapse:collapse;font-size:14px;margin-top:22px;table-layout:fixed}.dice-sheet th,.dice-sheet td{padding:6px;text-align:center;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.dice-sheet th{color:var(--muted);font-size:12px}.dice-sheet td:first-child{text-align:left}.dice-sheet button{min-height:32px;padding:4px 12px;width:100%}body[data-table-game=go]{--surface:#23352d;--bg:#14231e}body[data-table-game=yacht]{--surface:#18373a;--bg:#10272c}body[data-table-game=checkers]{--surface:#1c2c40;--bg:#111e2e}
.spider-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.spider-toolbar select{width:auto;min-width:140px}.spider-shell{width:min(1380px,96vw);margin:28px auto}.spider-scroll{overflow-x:auto;padding-bottom:12px}.spider-table{display:grid;grid-template-columns:repeat(10,minmax(52px,1fr));gap:clamp(4px,1vw,14px);min-width:620px;padding:24px 16px;background:radial-gradient(ellipse at 50% 20%,#235f51,#12392f);border:1px solid #b9cbae3b;border-radius:16px;min-height:460px;align-items:start}.spider-column{position:relative;min-height:135px;border:1px dashed #c5d9c43b;border-radius:10px;padding:0!important;background:transparent;display:block}.spider-card{position:absolute;left:0;width:100%;height:116px;min-height:0!important;display:flex;align-items:flex-start;justify-content:space-between;padding:5px 7px!important;border:1px solid #d6cdb8!important;background:#f2ecdf!important;color:#233536!important;border-radius:7px!important;font-size:18px!important;line-height:1.3;box-shadow:0 3px 5px #0003;transform:none}.spider-card.red{color:#aa3e37!important}.spider-card.back{background:repeating-linear-gradient(45deg,#476f67 0 4px,#3b5a54 4px 8px)!important;border:3px solid #c4cbb0!important;cursor:default}.spider-card.selected{outline:3px solid #f3d578;outline-offset:-3px}.spider-card:not(.back)::after{content:attr(data-suit);position:absolute;bottom:7px;right:9px;font-size:37px;opacity:.35}.spider-status{display:flex;gap:16px;flex-wrap:wrap;color:var(--mint);font-size:14px;margin:12px 0}.spider-help{max-width:860px}.spider-column:focus-visible{outline:3px solid var(--mint)}
@media(max-width:850px){.table-layout{grid-template-columns:1fr}.table-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.table-controls>*{grid-column:1/-1}.table-controls .wide{grid-column:auto}.table-header{flex-wrap:wrap}.play-panel{padding:14px!important}.room-empty{padding:30px 10px}.dice-tray{gap:8px;padding:24px 8px}.spider-card{height:96px;font-size:15px!important}.page-intro h1{letter-spacing:0!important}}
@media(prefers-reduced-motion:reduce){.board-point{transition:none!important}}