.board-tools-clip{position:fixed;top:0;overflow:hidden;pointer-events:none;z-index:3}.board-tools-scene{position:absolute;z-index:3;pointer-events:none}.board-own-side{display:block;width:100%;height:100%}.own-vessel{position:relative;display:block;width:100%;height:100%}.own-vessel--bowl{background:url(/generated/vessels/glass-bowl.png) center / 100% 100% no-repeat}.own-vessel--bowl:after{content:"";position:absolute;inset:0;background:url(/generated/vessels/glass-bowl.png) center / 100% 100% no-repeat;z-index:2}.own-tool--stone{position:absolute;inset:0;border-radius:46%;overflow:hidden}.scene-stone{position:absolute;width:15%;height:18%;transform:translate(-50%,-50%);border-radius:50%;display:block;background-size:100% 100%}.scene-stone--black{background-image:url(/generated/reversi/disc-black.png)}.scene-stone--white{background-image:url(/generated/reversi/disc-white.png)}.own-vessel--tray{height:90%;top:10%;border-radius:10%;background:linear-gradient(135deg,#c5a575,#95713f);border:2px solid #85643c;box-shadow:inset 0 0 0 6px #cbb084,inset 0 8px 12px #442e1980}.own-vessel--tray .own-tool{position:absolute;inset:8% 17% 15%;display:flex;align-items:center;justify-content:center}.scene-piece{display:block;width:45%;height:60%;border-radius:50%}.scene-piece--peg{width:20%;border-radius:42% 42% 18% 18%}.scene-piece--disc{height:40%;border-bottom:5px solid #36362f66}.own-tool--pawn svg,.own-tool--queen svg{width:70%;height:115%}.own-vessel--tile{width:77%;height:100%;margin:auto;border-radius:8%;background:#252421;border:2px solid #555044}.own-tool--line{position:absolute;left:42%;top:0;width:16%;height:100%;background:#fffdf7}.own-tool--line.own-tool--red{background:#be3441}.tab-board-preview{width:100%;max-width:80px;min-width:60px;position:relative;display:flex;align-items:center;justify-content:center}.board-own-side[data-game=Jungo]{opacity:.7}.board-own-side[data-game=Jungo][data-tone=white] .own-vessel{background-image:url(/generated/vessels/goke-rim-white.png)}.board-own-side[data-game=Jungo][data-tone=black] .own-vessel{background-image:url(/generated/vessels/goke-rim-black.png)}.board-own-side[data-game=Jungo] .own-vessel:after{display:none}.abalone-frame{width:100%;max-width:560px;margin:0 auto}.abalone-frame.mini{width:60px;max-width:60px}.play-active-stage>.abalone-frame:not(.mini){max-width:min(560px,calc(max(140px,var(--board-budget-h, 600px) - 82px)*1.12 + 40px))}.abalone-board-wrap{position:relative;padding:16px 20px 22px}.abalone-frame.mini .abalone-board-wrap{position:relative;padding:0}.abalone-score{min-height:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:0 20px;font-size:12px;line-height:16px}.abalone-capture-tray{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:3px 5px;border-radius:9px;pointer-events:none;box-shadow:inset 0 1px 2px #0002,0 1px #fff6}.abalone-capture-tray.upper{top:-14px}.abalone-capture-tray.lower{bottom:-20px}.abalone-capture-tray.black{background:#393936}.abalone-capture-tray.white{background:#e0ddd4}.abalone-capture-slot{position:relative;width:14px;height:14px;border-radius:50%;background:#0002;box-shadow:inset 0 1px 2px #0005}.abalone-capture-tray.black .abalone-capture-slot{background:#151514}.abalone-captured-marble{position:absolute;inset:1px;border-radius:50%;box-shadow:inset 0 -1px 2px #0002}.abalone-captured-marble.black{background:radial-gradient(circle at 32% 25%,var(--stone-black-hi, #5a5a5e),var(--stone-black-lo, #0a0a0c) 80%)}.abalone-captured-marble.white{background:radial-gradient(circle at 32% 25%,var(--stone-white-hi, #fcfcfa),var(--stone-white-lo, #d3cfc7) 80%)}.abalone-board{position:relative;width:100%;aspect-ratio:1.12}.abalone-surface{position:absolute;inset:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--board-wood-deep, #7a5530)}.abalone-surface:after{content:"";position:absolute;inset:2%;clip-path:inherit;background:var(--board-wood, #b48a5c)}.abalone-cell{position:absolute;z-index:2;width:8.6%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;padding:0;background:#62432b;box-shadow:inset 0 2px 3px #2a1b1590,0 1px #ecd2a980;cursor:default;touch-action:manipulation}.abalone-cell:not(:disabled){cursor:pointer}.abalone-cell:not(:disabled):hover{outline:2px solid var(--accent, #c1402a);outline-offset:2px}.abalone-cell:focus-visible{outline:3px solid var(--info, #2e5771);outline-offset:3px}.abalone-cell:not(.black):not(.white){background:#7b5d42;box-shadow:inset 0 2px 3px #3d2a1d70,0 1px #ecd2a980}.abalone-cell.selected{outline:3px solid var(--accent, #c1402a);outline-offset:2px}.abalone-cell.last-selected{outline:3px solid var(--info, #2e5771);outline-offset:2px}.abalone-cell.preview-group:not(.selected){outline:2px dashed var(--accent, #c1402a);outline-offset:2px;box-shadow:0 0 0 5px #f6df9d55}.abalone-preview-target{position:absolute;z-index:2;width:8.6%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px dashed var(--info, #2e5771);border-radius:50%;pointer-events:none}.abalone-cell.last-move:not(.selected):not(.preview-group){outline:2px solid #f5d889;outline-offset:1px}.abalone-marble{position:absolute;inset:3%;border-radius:50%;box-shadow:inset 0 -2px 3px #0003,0 2px 3px #0005}.abalone-cell.black .abalone-marble{background:radial-gradient(circle at 32% 25%,var(--stone-black-hi, #5a5a5e),var(--stone-black-lo, #0a0a0c) 80%)}.abalone-cell.white .abalone-marble{background:radial-gradient(circle at 32% 25%,var(--stone-white-hi, #fcfcfa),var(--stone-white-lo, #d3cfc7) 80%)}.abalone-coords{position:absolute;inset:0;pointer-events:none}.abalone-coords>span{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-family:var(--font-mono, monospace);line-height:1;color:var(--fg-muted, #6d685c)}.abalone-group{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.abalone-group line{stroke:var(--accent, #c1402a);stroke-width:1.3;opacity:.85}.abalone-directions{position:absolute;inset:0;z-index:3;pointer-events:none}.abalone-arrow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.abalone-arrow-lines path{fill:none;stroke:var(--accent, #c1402a);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.abalone-arrow-lines path.preview{stroke-width:3.5;opacity:1}.abalone-direction{position:absolute;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:transparent;color:var(--accent, #c1402a);pointer-events:auto;touch-action:manipulation}.abalone-direction:hover,.abalone-direction:focus-visible{background:#fffdf760;box-shadow:inset 0 0 0 2px var(--info, #2e5771)}.abalone-candidate-count{position:absolute;top:-3px;right:-3px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#fffdf7;font-size:10px;font-weight:700;line-height:14px}.abalone-turn:not(.sr-only),.abalone-hint:not(.sr-only){flex-basis:100%;margin:0;font-size:12px;line-height:16px;text-align:center}.abalone-hint:not(.sr-only){color:var(--accent, #c1402a)}.abalone-frame.mini .abalone-cell,.abalone-frame.mini .abalone-marble{box-shadow:none}@media (max-width: 400px){.abalone-board-wrap{position:relative;padding:16px 18px 22px}.abalone-score{padding:0 18px}.abalone-coords>span{font-size:10px}}.chu-shogi-frame{width:100%;max-width:min(720px,max(240px,calc(100svh - 235px)));margin:0 auto;position:relative;display:flex;flex-direction:column;gap:10px}.chu-shogi-board{width:100%;aspect-ratio:1;box-sizing:border-box;position:relative;container-type:inline-size;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));padding:3.5%;background:repeating-linear-gradient(92deg,#d9b77e 0,#e6c790 24px,#dabc83 49px);border-radius:6px;box-shadow:3px 5px 13px #34241440}.chu-shogi-board>.board-coords{inset:3.5%}.chu-shogi-board>.board-coords .board-coord{font-size:clamp(7px,1.7cqw,12px)}.chu-shogi-board .cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;border:0;border-right:1px solid #66502d;border-bottom:1px solid #66502d;padding:0;border-radius:0;background:transparent;color:#1a1a18;font-size:4.35cqw;cursor:pointer;touch-action:manipulation}.chu-shogi-board .cell:nth-of-type(12n+1){border-left:1px solid #66502d}.chu-shogi-board .cell:nth-of-type(-n+12){border-top:1px solid #66502d}.chu-shogi-board .cell:disabled{cursor:default}.chu-shogi-board .cell:focus-visible{outline:2px solid var(--accent, #34735c);outline-offset:-2px;z-index:2}.chu-shogi-board .cell.selected{background:#e9ac3880;box-shadow:inset 0 0 0 2px #ba7b16}.chu-shogi-board .cell.last-move{background:#3c857735}.chu-shogi-board .cell.target{background:#44a66666;box-shadow:inset 0 0 0 1px #216b3f70}.chu-shogi-board .cell.range{background:#5095c270;box-shadow:inset 0 0 0 1px #35688f70}.chu-shogi-board .cell.blocked{outline:1px solid #747b828c;outline-offset:-3px}.chu-shogi-board .cell.via{background:#439fc37d;box-shadow:inset 0 0 0 2px #337b98}.chu-shogi-board .cell.tutorial-hint{box-shadow:inset 0 0 0 2px #e6c400}.chu-shogi-controls{display:flex;flex-direction:column;gap:7px}.chu-shogi-help{font-size:13px;line-height:1.5;min-height:20px}.chu-promo-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#24292135;z-index:5;border-radius:6px;pointer-events:none}.chu-promo-dialog{width:min(88%,330px);box-sizing:border-box;padding:18px;border-radius:10px;background:var(--surface, #fcfaf5);text-align:center;box-shadow:0 8px 24px #0004;pointer-events:auto}.chu-promo-buttons{display:flex;gap:10px;margin:14px 0}.chu-promo-buttons>button{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid var(--border, #b9b7ae);border-radius:6px;background:#eee1c9;padding:10px 4px;font-size:12px;color:#242921;cursor:pointer}.chu-promo-piece{position:relative;display:block;width:48px;height:48px;margin:5px;font-size:28px}.chu-shogi-frame.mini{max-width:60px;gap:0}.chu-shogi-frame.mini .chu-shogi-board{box-shadow:none;border-radius:2px}.chu-shogi-frame.mini .cell{border-width:.25px}.play-active-stage>.chu-shogi-frame:not(.mini){max-width:max(60px,calc(var(--board-budget-h, 600px) - var(--chu-controls-height, 80px) - 10px))}@media (max-width: 480px){.chu-shogi-frame{max-width:min(100%,max(240px,calc(100svh - 230px)))}}.kyoen-frame{position:relative;width:100%;max-width:640px;margin:0 auto}.kyoen-board{position:relative;width:100%;aspect-ratio:1;overflow:hidden;container-type:inline-size;container-name:kyoenboard;border-radius:var(--r-md, 8px);background:linear-gradient(135deg,#f1e5c9,#e4d1a5);box-shadow:2px 4px 12px #34241426}.kyoen-grid-area{position:absolute;inset:9%}.kyoen-grid-svg,.kyoen-ending-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kyoen-grid-svg line{stroke:#766850;stroke-width:1;vector-effect:non-scaling-stroke}.kyoen-ending-svg{overflow:visible}.kyoen-ending-svg circle,.kyoen-ending-svg line{fill:none;stroke:var(--danger, #b83632);stroke-width:3;vector-effect:non-scaling-stroke}.kyoen-grid-area>.board-coords{inset:0}.kyoen-grid-area .board-coord{font-size:clamp(8px,2.4cqw,12px);color:#6c5b3e}.kyoen-point{position:absolute;display:flex;align-items:center;justify-content:center;width:calc(100% / var(--kyoen-intervals));height:calc(100% / var(--kyoen-intervals));transform:translate(-50%,-50%);padding:0;border:0;background:transparent;cursor:pointer}.kyoen-point:disabled{cursor:default}.kyoen-point:focus-visible{outline:2px solid var(--accent, #14765b);outline-offset:-2px;border-radius:50%}.kyoen-point.legal:not(.pending):hover:after{content:"";width:30%;height:30%;border-radius:50%;background:#14765b66}.kyoen-stone,.kyoen-pending-stone{width:72%;height:72%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#50514f,#161a17 75%);box-shadow:inset 0 -2px 3px #0005,0 1px 2px #0005}.kyoen-pending-stone{opacity:.5;outline:2px dashed var(--accent, #14765b);outline-offset:2px}.kyoen-point.last-move .kyoen-stone{outline:2px solid var(--accent, #14765b);outline-offset:1px}.kyoen-point.last-move .kyoen-stone:after{content:"";display:block;width:22%;height:22%;margin:39%;border-radius:50%;background:#f9f6e8}.kyoen-point.claim-selected .kyoen-stone{outline:3px solid var(--accent, #14765b);outline-offset:3px}.kyoen-point.ending-point .kyoen-stone{outline:3px solid var(--danger, #b83632);outline-offset:2px}.kyoen-action{display:flex;justify-content:center;padding-top:8px}.kyoen-outcome{color:var(--danger, #b83632);font-weight:600}.play-active-stage>.kyoen-frame{max-width:min(640px,max(60px,calc(var(--board-budget-h, 710px) - 70px)))}.kyoen-frame.mini{max-width:60px}.kyoen-board.mini{box-shadow:none;border-radius:var(--r-sm, 4px)}.kyoen-board.mini .kyoen-grid-area{inset:6%}.kyoen-board.mini .kyoen-point{pointer-events:none}.kyoen-board.mini .kyoen-stone{box-shadow:none}.kyoen-board.mini .kyoen-point.last-move .kyoen-stone{outline:0}.kyoen-board.mini .kyoen-point.ending-point .kyoen-stone{outline-width:1px;outline-offset:0}.kyoen-board.mini .kyoen-ending-svg circle,.kyoen-board.mini .kyoen-ending-svg line{stroke-width:1}@container kyoenboard (max-width: 260px){.kyoen-board .board-coords{display:none}}@media (max-height: 700px){.kyoen-action{font-size:11px}}.kyoen-declare{min-width:44px;min-height:44px;margin-block:0;padding:6px 12px;border:1px solid var(--border, #b5ae9c);border-radius:var(--r-sm, 4px);background:transparent;color:inherit;font:inherit;cursor:pointer}.kyoen-declare:focus-visible{outline:2px solid var(--accent, #14765b);outline-offset:2px}.tool-swap-action.tool-swap-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;position:static;transform:none;min-width:44px;min-height:44px;padding:0 4px;border:0;background:none;box-shadow:none;backdrop-filter:none;color:var(--fg, #333);font:inherit;font-size:12px;line-height:1.3;cursor:pointer;border-radius:3px;flex-shrink:0}.tool-swap-sample{width:42px;height:36px;flex-shrink:0;opacity:.8}.tool-swap-text{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.tool-swap-action:hover:not(:disabled) .tool-swap-sample{opacity:1}.tool-swap-action:focus-visible{outline:2px solid var(--accent, #806444);outline-offset:2px}.tool-swap-action:disabled{cursor:default;opacity:.55}.tool-swap-row{display:flex;justify-content:center;flex-wrap:wrap;gap:0 8px;width:100%}.tool-swap-quiet{min-height:44px;align-items:center;pointer-events:none}.gomoku-choices.tool-swap-row{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;align-items:center;gap:0 12px}.gomoku-choices .tool-swap-action{justify-content:flex-start}.gomoku-choices [data-testid=gomoku-place-two]{grid-column:1 / -1;justify-self:center}.tool-swap-approved-bowl{width:48px;height:44px;object-fit:contain;flex-shrink:0;opacity:1}.gomoku-choices .tool-swap-sample{opacity:1}.tool-swap-quiet .tool-swap-approved-bowl{opacity:.7}.tool-swap-sample:has(image){width:72px;height:44px;opacity:.7}.tool-swap-action .tool-swap-sample:has(image){opacity:1}.gomoku-frame{width:100%;min-width:0;max-width:650px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.gomoku-frame.mini{max-width:60px;display:block}.gomoku-board{position:relative;width:100%;aspect-ratio:1;background:#d8b87a url(/generated/renju/board.jpg) center / 100% 100% no-repeat;border-radius:var(--r-md, 6px);box-shadow:3px 5px 12px #34241435;container:gomoku / inline-size}.gomoku-frame.mini .gomoku-board{box-shadow:none;border-radius:3px}.gomoku-grid-area{position:absolute;inset:8%}.gomoku-grid-area>.board-coords{inset:0}.gomoku-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gomoku-grid-svg line{stroke:#332717;stroke-width:.035}.gomoku-grid-svg circle{fill:#332717}.gomoku-intersection{position:absolute;width:calc(100% / 14);height:calc(100% / 14);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.gomoku-intersection:disabled{cursor:default;opacity:1}.gomoku-intersection:focus-visible{outline:2px solid var(--accent, #73523a);border-radius:50%}.gomoku-stone,.gomoku-pending-stone{width:88%;height:88%;border-radius:50%;box-shadow:inset 0 -2px 4px #0005,inset 0 1px 2px #fff5,0 1px 2px #0004}.gomoku-intersection.black .gomoku-stone,.gomoku-intersection.pending-black .gomoku-pending-stone{background:radial-gradient(circle at 32% 28%,#555,#151515 72%)}.gomoku-intersection.white .gomoku-stone,.gomoku-intersection.pending-white .gomoku-pending-stone{background:radial-gradient(circle at 32% 28%,#fff,#ddd 75%)}.gomoku-pending-stone{opacity:.6;outline:2px dashed var(--accent, #73523a)}.gomoku-intersection.last-move .gomoku-stone{outline:2px solid var(--accent, #73523a);outline-offset:-1px}.gomoku-frame.mini .gomoku-intersection{pointer-events:none}.gomoku-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;width:100%}.gomoku-choices button{font:inherit;font-size:var(--t-body-sm, 13px);padding:7px 12px;border:1px solid var(--border, #bbb);border-radius:var(--r-sm, 4px);color:var(--fg, #333);background:var(--bg-card, #fff);cursor:pointer}.gomoku-choices button:disabled{opacity:.55;cursor:default}.play-active-stage>.gomoku-frame{max-width:min(100%,max(60px,calc(var(--board-budget-h, 700px) - 85px)))}@container gomoku (max-width: 300px){.gomoku-board .board-coords{display:none}}@media (max-height: 700px){.gomoku-frame{gap:3px}.gomoku-choices button{padding:5px 8px;font-size:11px}}.gomoku-opening-stones{display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px;width:100%;pointer-events:none}.gomoku-opening-stone{display:block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 -2px 4px #0005,inset 0 1px 2px #fff5,0 1px 2px #0004}.gomoku-opening-stone.black{background:radial-gradient(circle at 32% 28%,#555,#151515 72%)}.gomoku-opening-stone.white{background:radial-gradient(circle at 32% 28%,#fff,#ddd 75%)}.gomoku-own-tools{align-self:flex-end;width:72px;height:66px;pointer-events:none;user-select:none}.gomoku-own-tools img{display:block;width:100%;height:100%;object-fit:contain;opacity:.7}.gomoku-outcome{color:var(--danger, #b83632);font-size:var(--t-body-sm,13px)}.bridge-score-comparison{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.4rem .7rem;max-width:100%;padding:.45rem .6rem;border:1px solid #aebbb5;border-radius:.45rem;background:#f5f7f3;color:#263d32;font-size:.85rem;font-variant-numeric:tabular-nums;line-height:1.4}.bridge-score-comparison-side{font-size:.75rem;font-weight:600}.bridge-score-comparison-value{display:inline-flex;align-items:baseline;gap:.3rem;white-space:nowrap}.bridge-score-comparison-value>span{color:#4c5d53}.bridge-score-comparison-value>strong{font-size:1rem}.bridge-score-comparison-delta{font-size:1.1rem;font-weight:700;white-space:nowrap}.bridge-score-comparison[data-relation=above] .bridge-score-comparison-delta{color:#166534}.bridge-score-comparison[data-relation=below] .bridge-score-comparison-delta{color:#a1242f}.bridge-score-comparison[data-relation=equal] .bridge-score-comparison-delta{color:#263d32}.bridge-score-comparison[data-relation=unknown] .bridge-score-comparison-delta{color:#4c5d53}.bridge-history-list{max-height:18rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;list-style:none;margin:.4rem 0;padding:0;color:#263d32;font-variant-numeric:tabular-nums}.bridge-history-row{display:grid;grid-template-columns:1.8rem minmax(0,1fr);align-items:center;gap:.35rem;padding:.35rem .25rem;border-bottom:1px solid #98aa9b55}.bridge-history-row:last-child{border-bottom:0}.bridge-history-number{display:grid;justify-items:center;font-size:.8rem;line-height:1.35}.bridge-history-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.bridge-history-public-card{display:grid;min-width:0;max-width:4.25rem;width:100%;justify-self:center;padding:.2rem .25rem;box-sizing:border-box;border:2px solid transparent;border-radius:.3rem;background:#fffdf6;opacity:.82;line-height:1.2}.bridge-history-public-card[data-winner=true]{opacity:1;border-color:#4b624b}.bridge-history-card-seat{display:flex;align-items:baseline;gap:.2rem;color:#3c513f;font-size:.65rem}.bridge-history-card-face{display:flex;justify-content:center;align-items:baseline;gap:.18rem}.bridge-history-card-face>strong{font-size:.95rem;font-weight:600}.bridge-history-card-face>span{font-size:1.05rem}.bridge-trick-score{flex:0 0 auto;max-width:100%;overflow:visible;color:#263d32;font-variant-numeric:tabular-nums}.bridge-trick-score text{fill:currentColor;font-size:17px;font-weight:600}.bridge-trick-score-svg{color:#fff}.bridge-nt{width:100%;max-width:640px;min-width:0;margin:auto;font-size:12px}.bridge-score{display:flex;justify-content:space-between;gap:8px;padding:0 8px;font-weight:600;align-items:center;font-variant-numeric:tabular-nums}.bridge-table{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;grid-template-rows:auto 174px auto;gap:5px;background:#164d41;border-radius:14px;padding:10px;color:#fff}.bridge-hand{padding:5px;border:2px solid transparent;border-radius:8px;min-width:0}.bridge-hand.active{border-color:#e9b95d}.bridge-hand-top{grid-column:1/-1;grid-row:1}.bridge-hand-bottom{grid-column:1/-1;grid-row:3}.bridge-hand-left{grid-column:1;grid-row:2;align-self:center}.bridge-hand-right{grid-column:3;grid-row:2;align-self:center}.bridge-hand-label{display:flex;justify-content:space-between;gap:4px;line-height:16px;font-size:11px;opacity:.8}.bridge-hand.own .bridge-hand-label{opacity:1}.bridge-cards{display:grid;gap:1px;max-width:540px;margin:3px auto 0}.bridge-cards button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:56px;min-width:0;max-width:44px;justify-self:center;background:#fff;color:#17251f;border:2px solid transparent;border-radius:4px;padding:0;opacity:1;box-shadow:0 1px 3px #082f26}.bridge-cards button:disabled{cursor:default}.bridge-cards button:enabled{cursor:pointer}.bridge-cards button.selected{border-color:#e9b95d;transform:translateY(-5px)}.bridge-rank{font-size:15px;line-height:19px;font-weight:650}.bridge-suit{font-size:18px;line-height:21px}.bridge-cards .bridge-card.follow-blocked{transform:translateY(5px)}.bridge-hidden{display:block;position:relative;width:30px;height:110px;margin:auto}.bridge-hand-top .bridge-hidden,.bridge-hand-bottom .bridge-hidden{grid-column:1/-1;width:100%;height:56px}.bridge-hand-top .bridge-card-back,.bridge-hand-bottom .bridge-card-back{height:56px}.bridge-card-back{position:absolute;left:0;width:30px;height:42px;border:1px solid #ddede7;border-radius:4px;background:repeating-linear-gradient(45deg,#427969 0 2px,#9ec9bc 2px 4px)}.bridge-hand-left .bridge-cards,.bridge-hand-right .bridge-cards{height:136px;width:34px;grid-auto-rows:minmax(0,1fr)}.bridge-hand-left .bridge-cards button,.bridge-hand-right .bridge-cards button{height:28px;width:32px;align-self:start;flex-direction:row}.bridge-hand-left .bridge-rank,.bridge-hand-right .bridge-rank{font-size:11px}.bridge-hand-left .bridge-suit,.bridge-hand-right .bridge-suit{font-size:12px}.bridge-trick{grid-column:2;grid-row:2;display:grid;grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr));align-items:center;justify-items:center;min-width:0}.bridge-trick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:50px;background:#fff;color:#17251f;border-radius:4px;box-shadow:0 2px 5px #082f26}.bridge-trick-top{grid-area:1/2}.bridge-trick-right{grid-area:2/3}.bridge-trick-bottom{grid-area:3/2}.bridge-trick-left{grid-area:2/1}.bridge-history{font-size:11px;padding:4px 8px}.bridge-history summary{cursor:pointer;opacity:.7}.bridge-history ol{padding-left:24px;margin:6px 0}.bridge-nt-mini{width:100%;max-width:60px;min-width:0;aspect-ratio:1}.bridge-nt-mini>svg{display:block;width:100%;height:auto;aspect-ratio:1}@media (max-width:420px){.bridge-table{grid-template-columns:42px minmax(0,1fr) 42px;grid-template-rows:auto 162px auto;padding:6px;gap:3px}.bridge-hand{padding:3px}.bridge-cards button{height:48px;border-width:1px}.bridge-rank{font-size:12px;line-height:16px}.bridge-suit{font-size:16px;line-height:19px}.bridge-trick-card{width:30px;height:42px}.bridge-hand-label{font-size:10px}}.bridge-nt .bridge-suit-0{color:#1d4ed8}.bridge-nt .bridge-suit-1{color:#b42331}.bridge-nt .bridge-suit-2{color:#9a4a00}.bridge-nt .bridge-suit-3{color:#166534}.bridge-nt .bridge-cards{padding-bottom:6px}.bridge-trick{position:relative}.bridge-previous-trick{position:absolute;left:50%;top:50%;width:58px;height:64px;transform:translate(-50%,-50%);pointer-events:none}.bridge-previous-card{position:absolute;width:20px;height:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:3px;opacity:.28}.bridge-previous-card[data-winner=true]{opacity:.52;z-index:1}.bridge-previous-card .bridge-rank{font-size:10px;line-height:10px}.bridge-previous-card .bridge-suit{font-size:11px;line-height:11px}.bridge-previous-top{left:19px;top:0}.bridge-previous-right{left:38px;top:21px}.bridge-previous-bottom{left:19px;top:42px}.bridge-previous-left{left:0;top:21px}.bridge-trick-card{position:relative;z-index:2}.trax-frame{position:relative;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;width:100%;max-width:600px;margin-inline:auto;color:var(--fg, #2b2820)}.play-active-stage>.trax-frame{max-height:100%;min-height:0;padding:4px;overflow:visible}.trax-status{margin-bottom:8px;font-size:14px;font-weight:600}.trax-viewport{box-sizing:border-box;flex:0 1 auto;min-height:0;overflow:auto;max-height:min(60vh,620px);padding:12px;background:var(--surface-2, #ece6d8);border:1px solid var(--rule-soft, #ccc);overscroll-behavior:contain}.trax-grid{position:relative;display:grid;margin-inline:auto;align-items:stretch;gap:2px}.trax-coordinate{display:grid;place-items:center;min-height:24px;color:var(--fg-muted, #6d685c);font-family:var(--font-mono, monospace);font-size:11px}.trax-cell{position:relative;display:block;width:100%;aspect-ratio:1;min-height:0;padding:0;border:1px solid var(--rule-faint, #d3ccbc);border-radius:0;background:transparent;overflow:hidden}.trax-cell:disabled{opacity:1;cursor:default}.trax-cell.occupied{border-color:#252421}.trax-cell.legal{cursor:pointer;background:var(--surface-1, #fffdf7);border:1px dashed var(--info, #2e5771)}.trax-cell.legal:hover{background:var(--info-soft, #dbe7ed)}.trax-cell.selected{outline:3px solid #77756d;outline-offset:-3px;background:#d1cec5}.trax-cell.last-drop:after{content:"";position:absolute;inset:2px;border:2px solid #e2bc57;pointer-events:none}.trax-cell.forced-drop:after{content:"";position:absolute;inset:2px;border:2px dashed #78bbd8;pointer-events:none}.trax-place-marker{color:var(--info, #2e5771);font-size:24px;line-height:1}.trax-tile-picture{display:block;width:100%;height:100%}.trax-preview{display:block;width:100%;height:100%;opacity:.38;pointer-events:none}.trax-candidates{position:absolute;inset:0;z-index:5;pointer-events:none}.trax-option{position:absolute;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:5px;border:1px solid #aaa69b;border-radius:5px;background:#eee9df;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0002}.trax-option.selected{border-color:#77756d;background:#d1cec5}.trax-frame.choosing .trax-viewport{padding:88px}.trax-frame button:focus-visible,.trax-viewport:focus-visible{outline:3px solid var(--info, #2e5771);outline-offset:2px}.trax-frame.mini{display:block;width:100%;max-width:60px;height:auto;aspect-ratio:1;flex:0 0 auto}.trax-thumbnail{display:block;width:100%;height:100%;overflow:hidden}.trax-bounds{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.trax-mini-bounds{pointer-events:none}.trax-winning-path{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}@media (max-width: 480px){.trax-viewport{padding:6px}.trax-status{font-size:13px}}.trax-dimension{pointer-events:none}.trax-dimension-label{font-family:var(--font-mono, monospace);font-weight:600;paint-order:stroke fill;stroke:var(--surface-2, #ece6d8);stroke-linejoin:round}.trax-viewport.static-view{padding-top:24px;padding-right:24px}.trax-frame[data-own-line=white] .trax-cell.legal{background:#fffdf5;border-color:#999386}.trax-frame[data-own-line=white] .trax-place-marker{color:#fffdf5;text-shadow:-1px 0 #938d81,1px 0 #938d81,0 -1px #938d81,0 1px #938d81}.trax-frame[data-own-line=white] .trax-cell.legal:hover{background:#f4f0e5}.trax-frame[data-own-line=red] .trax-cell.legal{background:#b74d4110;border-color:#b16f64}.trax-frame[data-own-line=red] .trax-place-marker{color:#ad655b}.trax-frame[data-own-line=red] .trax-cell.legal:hover{background:#b74d4120}.trax-frame[data-own-line] .trax-cell.legal.selected{background:#d1cec5}.trax-viewport [data-testid=trax-bounds-width],.trax-viewport [data-testid=trax-bounds-height]{opacity:.7}.trax-dimension>path{opacity:.75}.trax-dimension-label{opacity:.9}.amazons-frame{--amazons-hatch-gap: 4.5px;--amazons-hatch-edge: 5px;--amazons-hatch-line: 7px;--amazons-hatch-period: 7.5px;--amazons-white-hatch: repeating-linear-gradient(135deg, transparent 0 var(--amazons-hatch-gap), #745b3e35 var(--amazons-hatch-gap) var(--amazons-hatch-edge), #fffdf2f0 var(--amazons-hatch-edge) var(--amazons-hatch-line), #745b3e35 var(--amazons-hatch-line) var(--amazons-hatch-period));--amazons-black-hatch: repeating-linear-gradient(135deg, transparent 0 var(--amazons-hatch-edge), #3b322bbf var(--amazons-hatch-edge) var(--amazons-hatch-line), transparent var(--amazons-hatch-line) var(--amazons-hatch-period));position:relative;width:100%;max-width:600px;min-width:0;margin-inline:auto}.amazons-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;min-height:2.5rem;margin-bottom:.45rem}.amazons-instruction{margin:0;font-size:.9rem;font-weight:600}.amazons-board-shell{padding:1.15rem .35rem .35rem 1.35rem}.amazons-grid{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:100%;aspect-ratio:1;border:2px solid #725f43;background:#b4a07a;box-shadow:0 2px 8px #352d211f}.amazons-grid>.board-coords{inset:0}.amazons-grid .board-coord--file{top:-1.1rem;transform:translate(-50%)}.amazons-grid .board-coord--rank{left:0}.amazons-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;padding:0;border:0;border-radius:0;touch-action:manipulation;cursor:default;overflow:hidden}.amazons-cell.light{background:#ecdfbd}.amazons-cell.dark{background:#bba27b}.amazons-cell[data-territory=First]{background-image:var(--amazons-white-hatch)}.amazons-cell[data-territory=Second]{background-image:var(--amazons-black-hatch)}.amazons-cell[data-territory=contested],.amazons-cell[data-territory=unreachable],.amazons-cell[data-territory=blocked]{background-image:none}.amazons-cell:disabled{opacity:1}.amazons-cell.selectable,.amazons-cell.legal-target,.amazons-cell.legal-arrow{cursor:pointer}.amazons-cell.selectable:hover{box-shadow:inset 0 0 0 3px #2a6c6866}.amazons-cell.selected,.amazons-cell.pending-to{box-shadow:inset 0 0 0 3px #25605c}.amazons-cell.last-move:after{content:"";position:absolute;inset:2px;border:2px solid #a65923;pointer-events:none}.amazons-cell:focus-visible{outline:3px solid #25605c;outline-offset:-3px;z-index:1}.amazons-piece{line-height:1;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,5.5vw,2.8rem)}.amazons-piece.white{color:#fffcf1;text-shadow:-1px -1px #574c3b,1px -1px #574c3b,-1px 1px #574c3b,1px 1px #574c3b}.amazons-piece.black{color:#302f2b;text-shadow:0 1px #ffffff55}.amazons-burnt{color:#755640;font-size:clamp(1rem,4.8vw,2.4rem);line-height:1;font-weight:600}.amazons-dot{width:26%;aspect-ratio:1;border-radius:50%;background:#25605cbf;pointer-events:none}.amazons-dot.arrow{width:40%;border-radius:2px;transform:rotate(45deg);background:#b35124bf}.amazons-help,.amazons-feedback{margin:.5rem 0;font-size:.8rem;line-height:1.55;color:var(--fg-muted, #6d685c)}.amazons-feedback{color:var(--danger, #97301f)}.amazons-outcome{margin-top:.75rem;padding-top:.7rem;border-top:1px solid #b4a07a;font-size:.9rem}.amazons-outcome h3{margin:0 0 .4rem;font-size:1.1rem}.amazons-outcome p{margin:.4rem 0;line-height:1.6}.amazons-totals{font-weight:600}.amazons-regions{display:grid;gap:.5rem;margin-top:.75rem}.amazons-region{border:1px solid #b4a07a;border-radius:4px;padding:.6rem;overflow-wrap:anywhere}.amazons-region summary{cursor:pointer;line-height:1.6}.amazons-region button,.amazons-proof-controls button{padding:.45rem .6rem;min-height:36px;font-size:.8rem;border:1px solid #b4a07a;border-radius:4px}.amazons-region button:hover,.amazons-proof-controls button:hover:not(:disabled){border-color:#25605c;background:#25605c12}.amazons-proof-list{max-height:13rem;overflow-y:auto;padding-left:1.75rem;margin-bottom:.4rem}.amazons-proof-list li{margin-top:.3rem}.amazons-proof-list button{text-align:left;width:100%}.amazons-proof-list button[aria-pressed=true]{background:#d5e3d4;border-color:#25605c}.amazons-cell.proof-region{box-shadow:inset 0 0 0 1px #25605caa}.amazons-proof-number{position:absolute;right:1px;bottom:1px;display:grid;place-items:center;min-width:45%;min-height:45%;padding:1px;border-radius:50%;color:#fff;background:#25605c;font-size:clamp(.55rem,2.5vw,.85rem);line-height:1;pointer-events:none}.amazons-proof-controls{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.amazons-proof-controls p{flex-basis:100%}.amazons-frame.mini .amazons-board-shell{padding:0}.amazons-frame.mini .amazons-grid{border-width:1px;box-shadow:none}.amazons-frame.mini .amazons-piece{font-size:clamp(.4rem,1.5vw,1rem);text-shadow:none}.amazons-frame.mini .amazons-piece.white{color:#fffef6;filter:drop-shadow(0 0 .5px #574c3b)}.amazons-frame.mini .amazons-burnt{font-size:clamp(.4rem,1.4vw,.8rem)}.play-active-stage>.amazons-frame{max-width:min(600px,max(140px,var(--board-budget-h) - 120px));max-height:100%;overflow:auto;overscroll-behavior:contain}@media (max-width: 420px){.amazons-board-shell{padding-left:1.1rem;padding-right:0}.amazons-instruction{font-size:.8rem}.amazons-piece{font-size:6vw}.amazons-outcome{font-size:.85rem}}.amazons-remaining{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem .6rem;margin:.25rem 0 0;color:var(--fg-muted, #6d685c);font-size:.68rem;font-variant-numeric:tabular-nums;line-height:1.35}.amazons-remaining span{white-space:nowrap}.amazons-remaining strong{font-weight:600}.amazons-proof-details>summary{cursor:pointer;font-size:.78rem;color:var(--fg-muted, #6d685c)}.chess-board[data-own-rim]:after,.amazons-grid[data-own-rim]:after{content:"";position:absolute;left:22%;right:22%;height:2px;border-radius:1px;pointer-events:none;z-index:2;opacity:.65}.chess-board[data-own-rim]:after{bottom:3.5%}.amazons-grid[data-own-rim]:after{bottom:-2px}.chess-board[data-own-rim=white]:after,.amazons-grid[data-own-rim=white]:after{background:#f3edda;box-shadow:0 0 0 .5px #55483c66}.chess-board[data-own-rim=black]:after,.amazons-grid[data-own-rim=black]:after{background:#322d28}.quiet-placement-tools{position:absolute;top:calc(100% - 4px);right:0;width:72px;height:66px;z-index:2;display:block;pointer-events:none;user-select:none;opacity:.7}.quiet-placement-tools img{display:block;width:100%;height:auto}.quiet-placement-tools--reversi{height:44px}.quiet-placement-tools svg{display:block;width:100%;height:auto}.connect6-frame:has(>.quiet-placement-tools){position:relative}@media (min-width: 900px){.quiet-placement-tools--reversi{top:calc(100% - 48px);right:-80px}}.quiet-placement-tools--reversi{height:66px}.quiet-placement-tools--reversi .reversi-tool-disc{position:absolute;left:22px;top:24px;width:28px;height:25px;object-fit:fill;filter:drop-shadow(0 1px 1px #201c1740)}@media (min-width:900px){.quiet-placement-tools--reversi{top:calc(100% - 66px)}}.quiet-placement-tools--reversi{width:100px}@media (min-width:900px){.quiet-placement-tools--reversi{right:-108px}}.poker-card[data-poker-suit="0"],.ph-card[data-poker-suit="0"]{color:#1a1a1a}.poker-card[data-poker-suit="1"],.ph-card[data-poker-suit="1"]{color:#c63030}.poker-card[data-poker-suit="2"],.ph-card[data-poker-suit="2"]{color:#1d4ed8}.poker-card[data-poker-suit="3"],.ph-card[data-poker-suit="3"]{color:#166534}.kifu-mv .ph-card[data-poker-suit]{font-size:inherit;line-height:inherit}.kifu-mv .ph-card[data-poker-suit] .ph-card-suit{font-size:inherit}.poker-board.mini .poker-board-cards-mini{width:100%;gap:2px}.poker-board.mini .poker-board-cards-mini .poker-card{flex:1 1 0;min-width:0;max-width:22px;width:auto;height:28px;padding:2px 1px;border-radius:3px}.poker-board.mini .poker-card .poker-card-rank{font-size:9px;line-height:1;align-self:center}.poker-board.mini .poker-card .poker-card-suit{font-size:11px;line-height:1;align-self:center}.poker-card[data-poker-suit] .poker-card-rank,.poker-card[data-poker-suit] .poker-card-suit{line-height:1}.home-lobby{margin:0}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr)}.home-lobby .lobby-room{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);align-items:center;column-gap:20px;row-gap:6px;min-height:72px;padding:var(--s-4) var(--s-1);border:0;background:transparent;color:var(--fg);cursor:pointer;transition:color var(--dur) var(--ease)}.home-lobby .lobby-room:hover{color:var(--accent);background:transparent}.lobby-room:focus-visible,.lobby-detail-close:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.lobby-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.lobby-host{text-align:right}.lobby-guest{text-align:left}.lobby-guest.is-open{color:var(--fg-strong);font-weight:var(--fw-bold, 700)}.lobby-room-clock{grid-column:2;grid-row:2;font-size:11px;line-height:1.3;color:var(--fg-muted);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.lobby-games{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px}.lobby-games img{flex:0 1 28px;min-width:0;display:block;width:28px;height:auto;aspect-ratio:1;border-radius:5px}.lobby-mode{flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;margin-right:4px;color:var(--fg-strong)}.lobby-mode svg{display:block;width:28px;height:24px}.lobby-seat{flex:none;display:block;color:var(--fg)}.lobby-seat.is-empty{color:var(--fg-muted)}.lobby-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:24px;border:1px solid var(--rule-soft);background:var(--bg-elev);color:var(--fg)}.lobby-dialog::backdrop{background:#17150f4d}.lobby-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px -8px 20px 0}.lobby-detail-top h2{margin:0;font-family:var(--font-sans);font-size:18px;overflow-wrap:anywhere}.lobby-detail-games{display:flex;flex-wrap:wrap;gap:12px 16px;padding-bottom:24px;border-bottom:1px solid var(--rule-faint)}.lobby-detail-games>span{display:inline-flex;align-items:center;gap:8px;font-size:12px}.lobby-detail-games img{border-radius:5px}.lobby-detail-players{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px;font-size:14px}.lobby-detail-players>span{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}.lobby-player-divider{color:var(--fg-faint)}.lobby-detail-clock{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;font-size:12px;color:var(--fg-muted)}.lobby-enter{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 16px}.lobby-entry-error{font-size:13px;margin:0 0 16px;line-height:1.7}@media (max-width: 480px){.home-lobby .lobby-room{column-gap:10px}.lobby-player-name{font-size:14px}.lobby-games{gap:4px}.lobby-games img{flex-basis:23px;width:23px;border-radius:4px}.lobby-mode{flex-basis:24px;margin-right:2px}.lobby-mode svg{width:24px;height:20px}.lobby-dialog{padding:20px}}@media (max-width: 360px){.lobby-room{column-gap:6px}.lobby-games{gap:3px}.lobby-games img{flex-basis:20px;width:20px}.lobby-mode{flex-basis:20px}.lobby-mode svg{width:20px;height:18px}}@media (prefers-reduced-motion: reduce){.home-lobby .lobby-room{transition:none}}.lobby-detail-close{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);border:0;background:transparent;cursor:pointer}.lobby-detail-close:hover{color:var(--fg-strong);background:var(--rule-faint)}.cheat-objective-row{display:flex;align-items:center;gap:8px;padding:0 8px}.cheat-objective-row .board-objective{flex:1;margin:0}.cheat-trigger{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#777468;padding:0;cursor:pointer}.cheat-trigger:hover{color:#555347}.cheat-trigger:focus-visible,.cheat-close:focus-visible{outline:3px solid #646b47;outline-offset:3px}.cheat-dialog{--cheat-ink: #30342e;--cheat-muted: #62675a;--cheat-rule: #d5d3bf;--cheat-accent: #f2c758;box-sizing:border-box;padding:0;margin:auto;inset:12px;color:var(--cheat-ink);background:#faf9f0;border:1px solid #b9b8a1;border-radius:18px;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:calc(100dvh - 24px);box-shadow:0 18px 70px #171e2466;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.cheat-dialog[open]{display:flex;flex-direction:column}.cheat-dialog::backdrop{background:#283028a8;backdrop-filter:blur(3px)}.cheat-dialog *{box-sizing:border-box}.cheat-dialog p,.cheat-dialog h1,.cheat-dialog h2,.cheat-dialog figure{margin:0}.cheat-header{display:flex;justify-content:space-between;gap:12px;padding:22px 30px 18px;padding-left:max(30px,calc((100vw - 1080px)/2 + 18px));border-bottom:1px solid var(--cheat-rule);flex:0 0 auto}.cheat-eyebrow{font-size:13px;letter-spacing:.07em;color:var(--cheat-muted)}.cheat-header h1{font-size:34px;font-weight:750;line-height:1.2;letter-spacing:-.02em;margin:4px 0}.cheat-header p{font-size:14px;color:var(--cheat-muted);line-height:1.5}.cheat-close{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:0;background:transparent;color:var(--cheat-ink);font:32px/1 sans-serif;cursor:pointer}.cheat-content{display:flex;flex-direction:column;flex:1;width:100%;max-width:1080px;margin:0 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 30px;scrollbar-gutter:stable}.cheat-sheet{margin-block:auto;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:24px 36px;font-size:16px;line-height:1.65}.cheat-sheet h2{font-size:21px;line-height:1.45;margin-bottom:8px;font-weight:730}.cheat-goal{grid-column:1;grid-row:1;align-self:center}.cheat-goal h2{font-size:27px;letter-spacing:-.03em}.cheat-goal strong{background:linear-gradient(transparent 55%,#f7dfa0 55%)}.cheat-figure{grid-column:2;grid-row:1 / span 2;align-self:center}.cheat-figure svg{display:block;width:100%}.cheat-figure figcaption{font-size:15px;line-height:1.65;margin-top:8px;color:var(--cheat-muted)}.cheat-figure figcaption strong{color:var(--cheat-ink)}.cheat-action{grid-column:1;grid-row:2;align-self:start;padding-top:16px;border-top:1px solid var(--cheat-rule)}.cheat-action h2 span{display:block;font-size:13px;color:var(--cheat-muted);font-weight:500;letter-spacing:.07em;margin-bottom:4px}.cheat-note{grid-column:1 / -1;padding:18px 22px;border-radius:10px;background:#ecefe1;border-left:4px solid #868d60}.cheat-note h2{font-size:18px;margin-bottom:5px}.cheat-note p{font-size:15px;line-height:1.65}.cheat-footer{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:13px 30px;padding-left:max(30px,calc((100vw - 1080px)/2 + 18px));border-top:1px solid var(--cheat-rule);background:#f3f2e7;font-size:14px;line-height:1.5;color:#585d50}.cheat-live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#c17337}.cheat-diagram-pair{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:4px}.cheat-arrow{font-size:23px;color:var(--cheat-muted)}.cheat-loop{display:flex;align-items:center;gap:18px}.cheat-loop svg{width:118px;flex:0 0 118px}.cheat-loop p{font-size:15px}.cheat-line{margin-top:12px}.cheat-trick{display:flex;justify-content:space-between;gap:8px}.cheat-play-card{position:relative;width:23%;border:1px solid #cbcdbb;background:#fffef8;border-radius:8px;padding:8px}.cheat-card-seat{font-size:14px;color:var(--cheat-muted)}.cheat-play-card>span:nth-child(2){display:block;font:38px/1.15 Georgia,serif}.cheat-play-card small{display:block;font-size:25px}.cheat-play-card em{display:block;font-size:13px;font-style:normal;color:var(--cheat-muted);margin-top:8px;white-space:nowrap}.cheat-winner{border:2px solid #a38939;background:#fff0bb}.cheat-blue{color:#2455a3}.cheat-red{color:#b83c46}.cheat-score-example{display:flex;gap:18px;align-items:baseline;margin:5px 0;font-size:15px}.cheat-score-example b{font:28px/1.3 Georgia,serif}.cheat-score-example strong{font-size:22px}.cheat-mobile-break{display:none}@media (max-width: 680px){.cheat-dialog{inset:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));height:auto;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:14px}.cheat-header{padding:15px 18px 13px}.cheat-header h1{font-size:29px}.cheat-eyebrow{font-size:12px}.cheat-header p{font-size:13px}.cheat-content{display:block;flex:0 1 auto;padding:16px 18px 18px;scrollbar-gutter:auto}.cheat-sheet{margin-block:0;display:flex;flex-direction:column;gap:13px;font-size:16px;line-height:1.6}.cheat-goal h2{font-size:22px;margin-bottom:5px}.cheat-goal{width:100%;align-self:stretch}.cheat-sheet h2{font-size:19px;margin-bottom:5px}.cheat-goal h2{font-size:22px}.cheat-figure{width:100%}.cheat-diagram-pair{max-width:284px;margin:0 auto}.cheat-figure figcaption{font-size:14px;line-height:1.6;margin-top:5px}.cheat-action{width:100%;padding-top:12px}.cheat-action h2 span{display:inline;margin-right:8px}.cheat-note{padding:12px;border-left-width:3px}.cheat-note h2{font-size:16px}.cheat-note p{font-size:14px;line-height:1.6}.cheat-footer{padding:10px 18px;font-size:12px}.cheat-loop{gap:14px}.cheat-loop svg{width:88px;flex-basis:88px}.cheat-line{margin-top:4px}.cheat-play-card>span:nth-child(2){font-size:29px}.cheat-play-card small{font-size:21px}.cheat-play-card{padding:6px 7px}.cheat-play-card em{margin-top:4px;font-size:12px}.cheat-trick{max-width:320px;margin:0 auto}.cheat-score-example{gap:12px;margin:3px 0}.cheat-score-example b{font-size:24px}.cheat-score-example strong{font-size:19px}.cheat-lion-path svg{max-width:308px;margin:0 auto}.cheat-mobile-break{display:initial}}@media (max-width: 375px){.cheat-sheet{gap:10px}.cheat-content{padding-top:14px;padding-bottom:14px}}.cheat-objective-row{position:relative;display:block;padding:0}.cheat-objective-text{display:block;width:100%;min-height:44px;margin:-12px 0;padding:12px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.cheat-objective-text .board-objective{padding-inline:44px}.cheat-objective-row .cheat-trigger{position:absolute;right:0;top:50%;transform:translateY(-50%);border:0;background:transparent}.cheat-objective-text:focus-visible{outline:2px solid #646b47;outline-offset:-2px}.rule-paper.draughts-paper{display:block}.draughts-paper section{margin-top:0}.draughts-paper p{font-size:16px;line-height:24px}.draughts-paper p.rule-small{font-size:14px;line-height:22px}.draughts-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.draughts-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.draughts-pair figure{margin:0;min-width:0}.rule-paper .draughts-pair svg{width:132px;max-width:100%}.draughts-pair figcaption{margin-top:6px;font-size:14px;line-height:22px}.draughts-pair[data-comparison=maximum-capture] svg,.draughts-pair[data-comparison=king-capture] svg{width:140px}.draughts-pair[data-comparison=promotion] svg{width:72px}.draughts-pair[data-comparison=passing-last-row] svg{width:144px}.draughts-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:308px;max-width:100%;margin:12px 0}.draughts-triple figure{margin:0;min-width:0}.rule-paper .draughts-triple svg{width:84px;max-width:100%}.draughts-triple figcaption{margin-top:6px;font-size:14px;line-height:22px}.draughts-force{margin-top:16px!important}.draughts-details{margin-top:24px;border-top:1px solid #d5d3c6;padding-top:20px}.draughts-details section+section{margin-top:24px}.draughts-details p{margin-top:8px}.cheat-dialog--Draughts .cheat-header{flex:0 0 auto}.cheat-dialog--Draughts .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Draughts .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.draughts-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.draughts-force{margin-top:0!important}.draughts-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.draughts-details section+section{margin-top:0}}.draughts-paper .draughts-king-capture svg{width:220px;max-width:100%}.draughts-king-capture figcaption{margin-top:6px}.cheat-dialog--Draughts{overflow:clip}.cheat-dialog--Draughts{position:fixed}.rule-paper.kalah-paper{display:block}.kalah-paper section{margin-top:0}.kalah-paper p{font-size:16px;line-height:24px}.kalah-paper p.rule-small{font-size:14px;line-height:22px}.kalah-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.kalah-paper h2+p{margin-top:8px}.kalah-pair{display:grid;gap:12px;width:308px;max-width:100%;margin:14px 0 0}.kalah-pair figure{margin:0;min-width:0}.kalah-paper svg{width:308px;max-width:100%}.kalah-paper figcaption{margin-top:6px;font-size:14px;line-height:22px}.kalah-details{margin-top:24px;border-top:1px solid #d5d3c6;padding-top:20px}.kalah-details section+section{margin-top:24px}.kalah-details p{margin-top:8px}.kalah-details .kalah-pair+p{margin-top:12px}.cheat-dialog--Kalah{position:fixed;overflow:clip}.cheat-dialog--Kalah .cheat-header{flex:0 0 auto}.cheat-dialog--Kalah .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Kalah .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.kalah-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.kalah-primary>.kalah-pair{margin-top:0}.kalah-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.kalah-details section+section{margin-top:0}}.rule-paper.chess-paper{display:block}.chess-paper section{margin-top:0}.chess-paper p{font-size:16px;line-height:24px}.chess-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.chess-paper figure{margin:8px 0}.chess-paper .chess-picture-glyph{font-family:Times New Roman,serif}.chess-paper figcaption{font-size:14px;line-height:22px;margin-top:4px}.chess-paper .chess-mate svg{width:144px}.chess-primary{display:block}.chess-move-atlas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;width:308px;max-width:100%;margin-top:6px}.chess-move-atlas figure{margin:0;min-width:0}.chess-move-atlas h3{font-size:14px;line-height:22px;margin:0 0 3px;font-weight:600}.rule-paper .chess-move-atlas svg{width:80px;max-width:100%}.chess-move-atlas figcaption{font-size:14px;line-height:22px;margin-top:3px}.chess-moves>p{margin-top:10px}.chess-details{margin-top:24px;border-top:1px solid #d5d3c6;padding-top:20px}.chess-details section+section{margin-top:24px}.chess-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.chess-pair figure{margin:0;min-width:0}.rule-paper .chess-pair svg{width:144px;max-width:100%}.chess-pair[data-comparison=pawn-forward-capture] svg{width:125px}.chess-pair[data-comparison=en-passant] svg{width:120px}.chess-paper .chess-pawn-two svg{width:125px}.chess-promotion{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:308px;max-width:100%;margin-top:12px}.chess-promotion figure{margin:0}.rule-paper .chess-promotion svg{width:69px;max-width:100%}.chess-promotion figcaption{font-size:14px;line-height:22px}.cheat-dialog--Chess{position:fixed;overflow:clip}.cheat-dialog--Chess .cheat-header{flex:0 0 auto}.cheat-dialog--Chess .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Chess .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.chess-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.chess-move-atlas{margin-top:0;gap:18px 12px}.chess-paper .chess-mate svg{width:176px}.chess-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.chess-details section+section{margin-top:0}}.chess-goal-picture{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:12px;align-items:start;margin:6px 0 8px}.chess-goal-picture .chess-mate{margin:0}.chess-goal-picture .chess-mate figcaption{font-size:14px;line-height:22px}@media (min-width:1040px){.chess-goal-picture{grid-template-columns:minmax(0,1fr) 176px}}.rule-paper.shogi-paper{display:block}.shogi-paper section{margin-top:0}.shogi-paper p{font-size:16px;line-height:24px}.shogi-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.shogi-paper figure{margin:8px 0}.shogi-paper figcaption{font-size:14px;line-height:22px;margin-top:4px}.shogi-paper .shogi-mate svg{width:144px}.shogi-atlas-heading{display:flex;align-items:baseline;gap:12px;margin-top:12px!important}.shogi-atlas-heading span{font-size:14px;line-height:22px;font-weight:400}.shogi-move-atlas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 8px;width:308px;max-width:100%}.shogi-move-atlas figure{margin:0;min-width:0}.shogi-move-atlas h3{font-size:14px;line-height:20px;margin:0 0 3px;font-weight:600}.rule-paper .shogi-move-atlas svg{width:70px;max-width:100%}.shogi-move-atlas figcaption{font-size:14px;line-height:22px;margin-top:3px}.shogi-moves>p{margin-top:12px}.shogi-details{margin-top:24px;border-top:1px solid #d5d3c6;padding-top:20px}.shogi-details section+section{margin-top:24px}.shogi-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.shogi-pair figure{margin:0;min-width:0}.rule-paper .shogi-pair svg{width:144px;max-width:100%}.shogi-pair[data-comparison=capture-demote] svg,.shogi-paper .shogi-hand-drop svg{width:110px}.shogi-pair[data-comparison=promotion-change] svg,.shogi-pair[data-comparison=nifu] svg{width:72px}.shogi-pair[data-comparison=horse-dragon] svg,.shogi-pair[data-comparison=forced-promotion] svg,.shogi-pair[data-comparison=pawn-drop-push-mate] svg{width:120px}.shogi-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.shogi-triple figure{margin:0}.rule-paper .shogi-triple svg{width:72px;max-width:100%}.shogi-triple figcaption{font-size:14px;line-height:22px}.cheat-dialog--Shogi{position:fixed;overflow:clip}.cheat-dialog--Shogi .cheat-header{flex:0 0 auto}.cheat-dialog--Shogi .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Shogi .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.shogi-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.shogi-atlas-heading{margin-top:0!important}.shogi-paper .shogi-mate svg{width:180px}.shogi-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.shogi-details section+section{margin-top:0}}.shogi-goal-picture{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:12px;align-items:start;margin:8px 0 10px}.shogi-goal-picture .shogi-mate{margin:0}.shogi-goal-picture .shogi-mate figcaption{font-size:14px;line-height:22px}@media (min-width:1040px){.shogi-goal-picture{grid-template-columns:minmax(0,1fr) 180px}}.rule-paper.renju-paper{display:block}.renju-paper p{font-size:16px;line-height:24px}.renju-paper h2{font-size:20px;line-height:28px}.renju-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.renju-paper section{margin-top:0}.renju-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.rule-paper .renju-pair figure{margin:0;min-width:0}.rule-paper .renju-pair svg{width:144px;max-width:100%}.renju-paper figcaption{margin-top:6px;font-size:14px;line-height:22px}.renju-forbidden{margin-top:20px!important}.renju-overline{display:flex;align-items:center;gap:12px;margin-top:12px!important;max-width:308px}.rule-paper .renju-overline svg{width:144px;max-width:47%;flex-shrink:0}.renju-overline figcaption{margin:0}.renju-details{margin-top:24px;padding-top:20px;border-top:1px solid #d5d3c6}.renju-details section+section{margin-top:24px}.renju-details p+p{margin-top:8px}.rule-paper .renju-same-four svg{width:270px;max-width:100%}.renju-same-four{margin:12px 0!important}.renju-opening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;max-width:308px;margin:12px 0 16px}.rule-paper .renju-opening-grid figure{margin:0;min-width:0}.rule-paper .renju-opening-grid svg{width:144px;max-width:100%}.cheat-dialog--Renju{position:fixed;overflow:clip}.cheat-dialog--Renju .cheat-header{flex:0 0 auto}.cheat-dialog--Renju .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Renju .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.renju-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.renju-forbidden{margin-top:0!important}.renju-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.renju-details section+section{margin-top:0}.renju-opening-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}}.rule-paper.backgammon-paper{display:block}.backgammon-paper section{margin-top:0;min-width:0}.backgammon-paper p{font-size:16px;line-height:24px}.backgammon-paper h2{font-size:21px;line-height:30px;font-weight:650}.backgammon-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.backgammon-paper p+p,.backgammon-paper h2+p{margin-top:8px}.bg-primary>section+section{margin-top:14px}.backgammon-paper figure{width:308px;max-width:100%;margin:12px 0 0}.backgammon-paper svg{display:block;width:308px;max-width:100%}.backgammon-paper figcaption{margin-top:6px;font-size:14px;line-height:22px}.bg-picture-group{display:grid;gap:6px;margin:6px 0 0}.bg-paper-dice{display:flex;gap:6px;margin:12px 0 8px}.backgammon-paper .bg-paper-dice svg{width:34px;height:34px}.bg-details{border-top:1px solid #d5d3c6;margin-top:24px;padding-top:20px}.bg-details section+section{margin-top:18px}.bg-details figure+p,.bg-details .bg-picture-group+p{margin-top:12px}.cheat-dialog--Backgammon{position:fixed;overflow:clip}.cheat-dialog--Backgammon .cheat-header{flex:0 0 auto}.cheat-dialog--Backgammon.cheat-dialog--rules .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Backgammon .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.bg-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.bg-primary>section+section{margin-top:0}.bg-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}.bg-details section+section{margin-top:0}}.bg-details figure{margin-top:8px}.bg-details .bg-paper-dice{margin-top:8px;margin-bottom:6px}.rule-paper.poker-paper{display:block}.poker-paper section{margin-top:0;min-width:0}.poker-paper p,.poker-paper dd{font-size:16px;line-height:24px}.poker-paper h2{font-size:21px;line-height:30px;font-weight:650}.poker-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.poker-paper p+p,.poker-paper h2+p{margin-top:8px}.poker-primary>section+section{margin-top:14px}.poker-paper figure{width:308px;max-width:100%;margin:12px 0 0}.poker-paper svg{display:block;max-width:100%}.poker-paper figcaption{font-size:14px;line-height:22px;margin-top:6px}.poker-paper .poker-card-heading,.poker-two-hands p{font-size:14px;line-height:22px;margin-bottom:4px}.poker-two-hands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin-top:8px}.poker-two-hands div{min-width:0}.poker-two-hands span,.poker-two-hands strong{display:block;font-size:14px;line-height:22px;font-weight:500;margin-top:3px}.poker-two-hands strong{font-weight:650}.poker-primary .poker-hand-example{margin-top:0}.poker-primary figure+p{margin-top:12px}.poker-details{border-top:1px solid #d5d3c6;margin-top:24px;padding-top:20px}.poker-details section+section{margin-top:26px}.poker-rank-atlas{display:grid;gap:9px;width:308px;max-width:100%}.poker-rank-atlas figure{margin:0}.poker-rank-atlas figcaption{font-size:15px;line-height:23px;margin:0 0 4px}.poker-rank-atlas svg{margin-left:0}.poker-rank-atlas+p,.poker-stages+p,.poker-high-card+p{margin-top:12px}.poker-stages{width:308px;max-width:100%}.poker-stages figure{margin-top:10px}.poker-stages figcaption{margin-bottom:4px;font-size:15px}.poker-stages figcaption span{color:#62675a;margin-left:10px;font-size:14px}.poker-actions{margin:0}.poker-actions>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;margin-top:8px}.poker-actions dt{font-size:15px;line-height:24px;font-weight:650}.poker-actions dd{margin:0}.poker-bet-comparison,.poker-short-call{max-width:308px;margin-top:14px}.poker-paper table{width:100%;border-collapse:collapse;font-size:14px;line-height:22px;margin-top:12px}.poker-paper caption{text-align:left;font-size:14px;line-height:22px;margin-bottom:5px}.poker-paper th,.poker-paper td{padding:5px 6px;border-bottom:1px solid #d5d3c6;text-align:left;font-weight:400}.poker-paper th:first-child{width:54%}.poker-paper td{white-space:nowrap}.poker-paper thead th{color:#62675a}.poker-bet-comparison+p,.poker-short-call+p,.poker-bet-comparison p,.poker-short-call p{margin-top:10px}.poker-chip-result{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:8px;max-width:308px;border:1px solid #d5d3c6;border-radius:8px;padding:12px;margin-top:12px}.poker-chip-result span{font-size:14px;line-height:30px}.poker-chip-result b{font:24px/1.2 Georgia,serif}.poker-chip-result p{width:100%;font-size:14px;line-height:22px}.cheat-dialog--HeadsUpPoker{position:fixed;overflow:clip}.cheat-dialog--HeadsUpPoker .cheat-header{flex:0 0 auto}.cheat-dialog--HeadsUpPoker.cheat-dialog--rules .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--HeadsUpPoker .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.poker-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.poker-primary>section+section{margin-top:0}.poker-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}.poker-details section+section{margin-top:0}}.rule-paper.xiangqi-paper{display:block}.xiangqi-paper p{font-size:16px;line-height:24px}.xiangqi-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.xiangqi-paper section{margin-top:0}.xiangqi-mate{margin:12px 0!important}.rule-paper .xiangqi-mate svg,.rule-paper .xiangqi-full svg{width:220px;max-width:100%}.xiangqi-paper figcaption{margin-top:6px;font-size:14px;line-height:22px}.xiangqi-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.xiangqi-pair figure{margin:0!important;min-width:0}.rule-paper .xiangqi-pair svg{width:120px;max-width:100%}.rule-paper .xiangqi-pair[data-eastern-comparison=xiangqi-palace] svg{width:96px}.rule-paper .xiangqi-atlas-wide svg{width:176px}.rule-paper .xiangqi-cannon-row svg,.rule-paper .xiangqi-cannon-stack svg{width:220px}.xiangqi-cannon-stack figure+figure{margin-top:18px}.xiangqi-full-stack{display:grid;grid-template-columns:1fr;gap:16px;margin:12px 0}.rule-paper .xiangqi-full-stack svg{width:200px}.xiangqi-details{margin-top:24px;padding-top:20px;border-top:1px solid #d5d3c6}.xiangqi-details section+section{margin-top:28px}.xiangqi-details p+h3{margin-top:20px}.cheat-dialog--Xiangqi{position:fixed;overflow:clip}.cheat-dialog--Xiangqi .cheat-header{flex:0 0 auto}.cheat-dialog--Xiangqi .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Xiangqi .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.xiangqi-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.xiangqi-start{align-self:center}.xiangqi-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.xiangqi-details section+section{margin-top:0}.xiangqi-full-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-paper .xiangqi-full-stack svg{width:200px}}.rule-paper.janggi-paper{display:block}.janggi-paper p{font-size:16px;line-height:24px}.janggi-paper h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 8px}.janggi-paper section{margin-top:0}.janggi-mate{margin:12px 0!important}.rule-paper .janggi-mate svg,.rule-paper .janggi-score-board svg{width:220px;max-width:100%}.janggi-paper figcaption{margin-top:6px;font-size:14px;line-height:22px}.janggi-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:308px;max-width:100%;margin:12px 0}.janggi-pair figure{margin:0!important;min-width:0}.rule-paper .janggi-pair svg{width:120px;max-width:100%}.rule-paper .janggi-pair[data-eastern-comparison=janggi-palace] svg{width:96px}.rule-paper .janggi-pair[data-eastern-comparison=janggi-elephant] svg{width:144px}.rule-paper .janggi-atlas-wide svg{width:176px}.rule-paper .janggi-palace-single svg{width:120px}.rule-paper .janggi-cannon-row svg{width:220px}.rule-paper .janggi-cannon-grid svg{width:96px}.janggi-cannon-grid{row-gap:16px}.janggi-full-stack{display:grid;grid-template-columns:1fr;gap:16px;margin:12px 0}.rule-paper .janggi-full-stack svg{width:200px}.janggi-details{margin-top:24px;padding-top:20px;border-top:1px solid #d5d3c6}.janggi-details section+section{margin-top:28px}.janggi-piece-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;width:308px;max-width:100%}.janggi-piece-scores span{display:flex;gap:6px;align-items:baseline;font-size:16px;line-height:24px}.janggi-piece-scores b{font-size:14px;font-weight:500;white-space:nowrap}.janggi-score-values{display:flex;gap:24px;font-size:16px;line-height:24px;margin-top:8px}.janggi-score-values strong{font-size:22px}.cheat-dialog--Janggi{position:fixed;overflow:clip}.cheat-dialog--Janggi .cheat-header{flex:0 0 auto}.cheat-dialog--Janggi .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.cheat-dialog--Janggi .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.janggi-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.janggi-start{align-self:center}.janggi-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.janggi-details section+section{margin-top:0}.janggi-full-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.cheat-dialog--Trax{--cheat-ink: #252725;--cheat-rule: #dddcd5;background:#fffefa;line-break:strict;word-break:normal;overflow-wrap:normal}.cheat-dialog--Trax .cheat-header{position:relative;padding:16px 72px 8px 24px;border-bottom:0}.cheat-dialog--Trax .cheat-header>div{display:flex;align-items:baseline;flex-wrap:wrap;min-width:0;gap:4px 16px;min-height:36px}.cheat-dialog--Trax .cheat-header h1{font-size:30px;line-height:1.2;font-weight:650;margin:0;letter-spacing:0}.cheat-dialog--Trax .cheat-header p{font-size:15px;line-height:1.46666667;color:#252725}.cheat-dialog--Trax .cheat-close{position:absolute;top:12px;right:12px;background:#fffefa}.cheat-dialog--Trax .cheat-content{display:block;padding:4px 24px 6px;scrollbar-gutter:auto;flex:0 1 auto}.cheat-dialog--Trax .cheat-footer{padding:6px 24px;margin-top:auto;background:#fffefa;font-size:12px;line-height:1.5;color:#646861}.trax-paper{font-size:16px;line-height:1.5}.trax-paper-intro{margin-bottom:6px!important}.trax-paper-sequence{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.trax-paper-sequence h2{position:relative;margin:0 0 4px!important;padding-left:0;font-size:16px;line-height:1.5;font-weight:400}.trax-paper-diagram{display:block;width:296px;max-width:100%;height:auto}.trax-paper-diagram text{font-family:inherit;font-size:14px;fill:#252725}.trax-paper-diagram .trax-paper-dimension{font-size:13px}.trax-paper-sequence figcaption{padding-left:0;font-size:14px;line-height:1.57142857}.trax-paper-rules{margin-top:10px;font-size:14px;line-height:1.57142857}.trax-paper-automatic{margin-top:4px!important}.trax-paper-automatic svg{margin-top:2px}@media (min-width: 681px){.cheat-dialog--Trax .cheat-header{padding:24px max(32px,calc((100vw - 1080px)/2 + 18px)) 12px}.cheat-dialog--Trax .cheat-content{flex:1;display:flex;justify-content:flex-start;padding:12px 32px}.cheat-dialog--Trax .cheat-footer{padding:12px max(32px,calc((100vw - 1080px)/2 + 18px));font-size:14px;line-height:1.57142857}.trax-paper{margin-block:0;max-width:1024px;width:100%}.trax-paper-intro{margin-bottom:28px!important}.trax-paper-sequence{gap:24px}}@media (min-width: 1040px){.trax-paper-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.trax-paper-sequence h2{min-height:48px;margin-bottom:16px!important}.trax-paper-sequence figcaption{margin-top:12px}.trax-paper-diagram{width:296px}.trax-paper-rules{margin-top:28px}}.cheat-dialog--rules{--cheat-ink: #252725;background:#fffefa;line-break:strict;word-break:normal;overflow-wrap:normal}.cheat-dialog--rules .cheat-header{position:relative;padding:16px 72px 8px 24px;border-bottom:0}.cheat-dialog--rules .cheat-header h1{margin:0;font-size:30px;line-height:36px;letter-spacing:0;font-weight:650}.cheat-dialog--rules .cheat-header p{margin-top:4px;font-size:14px;line-height:22px;color:#646861}.cheat-dialog--rules .cheat-close{position:absolute;top:12px;right:12px;background:#fffefa}.cheat-dialog--rules .cheat-content{display:block;flex:0 1 auto;padding:4px 24px 14px;scrollbar-gutter:auto}.rule-paper{font-size:16px;line-height:24px}.rule-paper h2{font-size:16px;line-height:24px;font-weight:500;margin-bottom:6px}.rule-paper p+p{margin-top:8px}.rule-paper section{margin-top:16px}.rule-paper .rule-intro{margin-bottom:12px}.rule-paper .rule-small,.rule-paper figcaption{font-size:14px;line-height:22px}.rule-paper figure{margin-top:8px;margin-bottom:8px}.rule-paper svg{display:block;width:308px;max-width:100%;height:auto;color:#252725}.rule-paper svg text{font-family:inherit}.go-score{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.go-score>div{display:flex;align-items:center;gap:7px;font-size:14px}.go-score b{font-size:21px;line-height:32px;font-weight:500}.go-score figcaption{grid-column:1 / -1;margin-top:4px}.rule-paper .stone{display:inline-block;border-radius:50%;width:14px;height:14px;border:1px solid #252725;flex-shrink:0}.rule-paper .stone--black{background:#252725}.rule-paper .stone--white{background:#fffefa}.go-pair{display:flex;gap:20px;width:292px;max-width:100%}.go-pair svg{width:calc((100% - 20px)/2)}.go-ending,.chu-other{margin-top:16px}.rules-bridge-trick{margin-top:6px}.bridge-ranks{margin-top:8px!important}.rules-bridge-score{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.rules-bridge-score>div{display:flex;flex-direction:column;font-size:13px;line-height:22px}.rules-bridge-score b{font-size:24px;line-height:32px;font-weight:500}.rules-bridge-score figcaption{grid-column:1 / -1;margin-top:4px}.rule-paper--chu section:first-child{margin-top:0}.chu-royals figure{margin-top:12px}.chu-lion-rule{margin-top:18px!important}@media (min-width: 1040px){.cheat-dialog--rules .cheat-header{padding:24px 32px 12px}.cheat-dialog--rules .cheat-content{padding:12px 32px}.rule-paper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px}.rule-paper section{margin-top:0!important}.rule-paper .rule-intro{grid-column:1 / -1;margin-bottom:0}.go-ending,.chu-other{grid-column:1 / -1;margin-top:0;max-width:700px}.rule-paper svg{width:308px}}.cheat-dialog--rules .cheat-close{z-index:1}.go-picture-paper section{margin-top:16px}.go-picture-paper>section:first-child{margin-top:0}.go-picture-paper figure{margin-top:8px;margin-bottom:0}.go-picture-paper .go-ending{margin-top:16px}@media (min-width:1040px){.go-picture-paper{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.go-picture-paper .go-ending{margin-top:0;max-width:900px}}@media (max-width:389px){.cheat-dialog--Jungo .cheat-header{padding-left:20px}.cheat-dialog--Jungo .cheat-content{padding-left:20px;padding-right:20px}}.bridge-picture-paper section{margin-top:10px}.bridge-picture-paper>section:first-child{margin-top:0}.bridge-picture-paper figure{margin-top:6px;margin-bottom:0}.bridge-picture-paper .bridge-ranks{margin-top:4px!important}@media (min-width:1040px){.bridge-picture-paper{gap:24px 48px}}@media (max-width:389px){.cheat-dialog--rules .cheat-header{padding-left:20px}.cheat-dialog--rules .cheat-content{padding-left:20px;padding-right:20px}}.chu-picture-paper section{margin-top:14px}.chu-picture-paper>section:first-child{margin-top:0}.chu-picture-paper .chu-royals figure{margin-top:8px}.chu-picture-paper .chu-lion-rule{margin-top:14px!important}.chu-picture-paper figure{margin-top:6px;margin-bottom:8px}.chu-picture-paper .chu-picture-ending{margin-top:8px}@media (min-width:1040px){.chu-picture-paper .chu-lion-rule{margin-top:0!important}.chu-picture-paper .chu-picture-ending{grid-column:1 / -1;max-width:900px;margin-top:0}}.rule-paper--abalone>section:first-child,.rule-paper--amazons>section:first-child,.rule-paper--gomoku>section:first-child,.rule-paper--kyoen>section:first-child{margin-top:0}@media (min-width:1040px){.rule-paper--abalone{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px}}.rules-atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;width:300px;max-width:100%}.rule-paper .rules-atlas-piece svg{width:92px;max-width:100%}.rules-atlas-piece{min-width:0}.rules-atlas figcaption{margin-top:6px}.rules-count{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.rules-count>div{display:flex;align-items:center;gap:7px;font-size:14px}.rules-count b{font-size:21px;line-height:32px;font-weight:500}.rules-ending{margin-top:16px}.rule-paper--animal>section:first-child,.rule-paper--reversi>section:first-child,.rule-paper--connect6>section:first-child,.rule-paper--twixt>section:first-child{margin-top:0}@media (min-width:1040px){.rules-ending{grid-column:1 / -1;margin-top:0;max-width:900px}}.cheat-dialog--ChuShogi .cheat-header{flex:0 0 auto}.cheat-dialog--ChuShogi .cheat-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.chu-details{grid-column:1 / -1;border-top:1px solid #d5d3c6;margin-top:24px;padding-top:20px}.chu-details .chu-details-heading{font-size:20px;line-height:28px;font-weight:600;margin-bottom:20px}.chu-details section{margin-top:24px}.chu-details section:first-of-type{margin-top:0}.chu-details h3{font-size:16px;line-height:24px;font-weight:600;margin:0 0 8px}.chu-details p{font-size:14px;line-height:22px;margin-top:10px}.chu-details figure{margin-top:10px;margin-bottom:0}.chu-details figcaption{margin-top:8px}@media (min-width:1040px){.chu-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;margin-top:0}.chu-details .chu-details-heading{grid-column:1 / -1;margin-bottom:0}.chu-details section{margin-top:0!important}}.chu-details .chu-details-intro{grid-column:1 / -1;margin:-8px 0 20px}.chu-unbroken{white-space:nowrap}.cheat-dialog--ChuShogi .cheat-content:focus-visible{outline:2px solid #646b47;outline-offset:-4px}@media (min-width:1040px){.chu-details .chu-details-intro{margin-bottom:0}}.rule-paper--gomoku .gomoku-choice-heading{margin-top:16px}.animal-move-atlas>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:308px;max-width:100%}.rule-paper .animal-move-atlas svg{width:58px}.animal-move-atlas figcaption{margin-top:0}.rule-paper--animal figure{margin-top:6px;margin-bottom:6px}.rule-paper--animal section{margin-top:12px}.rule-paper--animal .animal-tools-section{margin-top:8px}@media (min-width:1040px){.rule-paper--animal .animal-tools-section{grid-column:1 / -1;max-width:720px}}.rule-paper--animal .next-unbroken,.rule-paper--reversi .next-unbroken,.rule-paper--connect6 .next-unbroken,.rule-paper--twixt .next-unbroken{white-space:nowrap}.rule-paper--twixt section{margin-top:10px}.rule-paper--twixt figure{margin-top:6px;margin-bottom:6px}@media (min-width:1040px){.rule-paper--twixt{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px}}@media (max-width:389px){.rule-paper--animal figure{margin-top:4px;margin-bottom:4px}}:root{color-scheme:light;--bg: #f6f1e6;--bg-elev: #fffdf7;--surface-1: #fffdf7;--surface-2: #ece6d8;--surface-3: #ded6c4;--fg-strong: #17150f;--fg: #2b2820;--fg-muted: #6d685c;--fg-faint: #a49f92;--rule: #17150f;--rule-soft: rgba(23, 21, 15, .2);--rule-faint: rgba(23, 21, 15, .09);--accent: #c1402a;--accent-strong: #97301f;--accent-soft: rgba(193, 64, 42, .1);--accent-ink: #fffdf7;--success: #35664a;--success-soft: rgba(53, 102, 74, .1);--warn: #8f6413;--warn-soft: rgba(143, 100, 19, .1);--info: #2e5771;--danger: var(--accent);--danger-soft: var(--accent-soft);--board-felt: #2c5f47;--board-felt-deep: #1d4530;--board-wood: #b48a5c;--board-wood-deep: #7a5530;--board-wood-cell: #e3c194;--stone-black-hi: #5a5a5e;--stone-black-lo: #0a0a0c;--stone-white-hi: #fcfcfa;--stone-white-lo: #d3cfc7;--stone-shadow-inner: rgba(0, 0, 0, .35);--stone-highlight-inner: rgba(255, 255, 255, .25);--stone-shadow-outer: rgba(0, 0, 0, .32);--r-sm: 0px;--r-md: 2px;--r-lg: 2px;--r-xl: 2px;--r-pill: 999px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--font-sans: "Inter Tight", "Inter", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='m4.5 12.6 5 5 10-11'/%3E%3C/svg%3E");--ico-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='M3.5 12h16M13.2 5.7 19.5 12l-6.3 6.3'/%3E%3C/svg%3E");--ico-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='m5 9.2 7 7 7-7'/%3E%3C/svg%3E");--t-eyebrow: 10px;--t-micro: 11px;--t-meta: 12px;--t-body-sm: 13px;--t-cta: 14px;--t-body: 15px;--t-subhead: 18px;--t-section: 22px;--t-headline: 28px;--t-display: clamp(40px, 7vw, 64px);--t-hero: clamp(56px, 12vw, 104px);--lh-tight: .95;--lh-snug: 1.25;--lh-base: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-display: -.035em;--ls-tight: -.015em;--ls-snug: -.005em;--ls-wide: .1em;--ls-wider: .14em;--ls-widest: .18em;--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-emphasis: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.25, 1.4, .5, 1);--dur: .12s;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum","cv11","ss01";font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg) url(/generated/site/washi.jpg) 0 0 / 512px 512px repeat;color:var(--fg);font-size:var(--t-body);line-height:var(--lh-base)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:1px dotted var(--fg-muted);outline-offset:3px;transition:outline-color var(--dur-fast) var(--ease-out),outline-offset var(--dur-fast) var(--ease-out)}a{color:var(--fg-strong);text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent)}h1,h2,h3,h4{margin:0;color:var(--fg-strong);font-weight:var(--fw-semibold)}h1{font-family:var(--font-sans);font-size:var(--t-display);line-height:1.15;letter-spacing:.005em}h2{font-family:var(--font-sans);font-size:var(--t-subhead);line-height:var(--lh-snug);letter-spacing:.005em}h3{font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--fg-strong)}h4{font-family:var(--font-sans);font-size:var(--t-cta);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}p{margin:0;color:var(--fg)}small{color:var(--fg-muted);font-size:var(--t-meta)}.mono,code,kbd{font-family:var(--font-mono);font-feature-settings:"tnum"}hr,.rule{border:0;height:1px;background:var(--rule);margin:0}.rule-faint{background:var(--rule-soft)}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}input,button,textarea{font-family:inherit}ul{list-style:none;padding:0;margin:0}.app-shell{--shell-pad: var(--s-4);max-width:720px;margin:0 auto;padding:var(--s-5) var(--shell-pad) var(--s-7);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:var(--s-4)}.app-shell>section{display:flex;flex-direction:column;gap:var(--s-3)}.kv-grid{display:grid;grid-template-columns:140px 1fr;gap:var(--s-2) var(--s-5);align-items:baseline;padding:var(--s-3) 0;border-top:1px solid var(--rule-soft)}.centered{min-height:100vh;display:grid;place-items:center;padding:var(--s-5)}.muted{color:var(--fg-muted)}.no-anim,.no-anim:before,.no-anim:after,.no-anim>.stone,.no-anim>.stone:before,.no-anim>.stone:after{animation:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn-primary,.btn-secondary,.btn-link,.btn-prominent{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:12px 18px;border-radius:var(--r-md);font-size:var(--t-cta);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn-primary{background:var(--fg-strong);color:var(--bg-elev);border-color:var(--fg-strong)}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:active:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-elev);color:var(--fg-strong);border-color:var(--rule)}.btn-secondary:hover:not(:disabled){background:var(--fg-strong);color:var(--bg-elev)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-link{background:transparent;color:var(--fg-muted);padding:6px 4px;font-weight:500;border-radius:0;border-bottom:1px solid transparent}.btn-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn-prominent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-prominent:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-eyebrow{font-size:var(--t-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;opacity:.85}.btn-trailing{font-family:var(--font-mono);font-size:var(--t-body-sm);font-weight:var(--fw-medium);letter-spacing:.08em;margin-left:auto;opacity:.8}input[type=text],input:not([type]),input[inputmode]{background:var(--bg-elev);color:var(--fg-strong);border:1px solid var(--rule);border-radius:var(--r-md);padding:10px 12px;outline:none;font-size:var(--t-cta);transition:border-color var(--dur) var(--ease)}input:focus{border-color:var(--fg-strong)}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex:0 0 auto;border:0;background:transparent;cursor:pointer}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--fg-strong);-webkit-mask:var(--ico-check) center / contain no-repeat;mask:var(--ico-check) center / contain no-repeat}.card{background:var(--bg-elev);border-radius:0;padding:var(--s-6);width:100%;max-width:380px;border:1px solid var(--rule)}.surface,.app-shell>section.surface{background:transparent;border-radius:0;padding:var(--s-5) 0;border-top:1px solid var(--rule-soft)}.title-bar{display:flex;align-items:center;gap:var(--s-3);margin-inline:calc(-1 * var(--shell-pad, 0px));padding:10px var(--shell-pad, var(--s-4));background:var(--bg);border-radius:0;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50}.title-bar-side{display:flex;align-items:center;gap:var(--s-2);flex:0 0 auto}.title-bar-end{margin-left:auto;justify-content:flex-end}.title-bar-title{font-size:var(--t-body-sm);font-weight:var(--fw-semibold);color:var(--fg-strong);letter-spacing:var(--ls-snug)}.title-bar-back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-6px;border-radius:0;color:var(--fg-strong);border:0;background:transparent;transition:color var(--dur) var(--ease)}.title-bar-back:hover{background:transparent;color:var(--accent)}.title-bar-center{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:var(--s-3);min-width:0}.play-shell .title-bar-center{justify-content:flex-start}.play-title-center{display:inline-flex;align-items:baseline;gap:var(--s-3);min-width:0}.play-title-code{font-family:var(--font-mono);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);color:var(--fg-strong);font-size:var(--t-meta);background:transparent;border-left:2px solid var(--accent);padding:0 0 0 8px;border-radius:0}.play-title-game{font-family:var(--font-sans);font-size:var(--t-subhead);font-weight:var(--fw-semibold);letter-spacing:.005em;color:var(--fg-strong)}.conn-badge{display:inline-flex;align-items:center;font-size:var(--t-body-sm);color:var(--warn);padding:0}.nav-menu{position:relative}.nav-menu-trigger{width:32px;height:32px;margin-right:-6px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;color:var(--fg-strong);border:0;background:transparent;transition:color var(--dur) var(--ease)}.nav-menu-trigger:hover,.nav-menu-trigger[aria-expanded=true]{background:transparent;color:var(--accent)}.nav-menu-panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border-radius:0;border:1px solid var(--rule);box-shadow:none;min-width:220px;padding:0;display:flex;flex-direction:column;gap:0;z-index:100;animation:menu-in var(--dur-base) var(--ease-emphasis)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item{display:flex;align-items:center;gap:var(--s-2);padding:12px 16px;background:transparent;color:var(--fg);text-align:left;font-size:var(--t-cta);font-weight:var(--fw-medium);letter-spacing:var(--ls-snug);border-radius:0;border-bottom:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav-menu-item:last-child{border-bottom:0}.nav-menu-item:hover{background:transparent;color:var(--accent)}.nav-menu-item.danger{color:var(--accent)}.nav-menu-item.danger:hover{background:var(--accent);color:var(--accent-ink)}.user-menu{position:relative}.user-menu-trigger{background:transparent;border:none;padding:4px 6px;cursor:pointer;color:var(--fg-muted);transition:color var(--dur) var(--ease)}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{color:var(--accent)}.user-menu-trigger small{font-size:inherit}.user-menu-panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border:1px solid var(--rule);min-width:160px;display:flex;flex-direction:column;z-index:100;animation:menu-in var(--dur-base) var(--ease-emphasis)}.user-menu-item{display:block;padding:12px 16px;background:transparent;color:var(--fg);text-align:left;font-size:var(--t-cta);font-weight:var(--fw-medium);letter-spacing:var(--ls-snug);border:none;border-bottom:1px solid var(--rule-soft);cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.user-menu-item:last-child{border-bottom:0}.user-menu-item:hover{background:transparent;color:var(--accent)}.user-menu-item.danger{color:var(--accent)}.user-menu-item.danger:hover{background:var(--accent);color:var(--accent-ink)}.app-shell.home{max-width:720px;padding:var(--s-3) var(--s-4) var(--s-7)}.home-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s-3) var(--s-5);padding:var(--s-7) 0 var(--s-4)}.home-mark{display:flex;flex-direction:column;gap:var(--s-2)}.home-eyebrow{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);color:var(--fg-muted);text-transform:uppercase;margin:0}.home-header h1{font-family:var(--font-sans);font-size:var(--t-hero);font-weight:var(--fw-bold);letter-spacing:-.05em;line-height:.85;color:var(--fg-strong)}.home-mark-slash{color:var(--fg-strong);font-weight:400;margin:0 -.05em}.home-header small{font-family:var(--font-mono);color:var(--fg-muted);font-size:var(--t-micro);letter-spacing:.08em;background:transparent;padding:0 0 10px;border:0;align-self:end}.home-hero-grid{display:grid;grid-template-columns:repeat(7,auto);justify-content:center;justify-items:center;gap:var(--s-2) clamp(6px,1.6vw,14px);padding:var(--s-3) 0 var(--s-5);margin:0 0 var(--s-3)}.home-hero-game{position:relative;display:inline-block;flex:0 0 auto;padding:4px;border-radius:12px;text-decoration:none;color:var(--fg-muted);transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-out)}.home-hero-game img{width:clamp(34px,9vw,48px)!important;height:clamp(34px,9vw,48px)!important}.home-hero-game:hover,.home-hero-game:focus-visible{color:var(--fg-strong);transform:translateY(-3px);outline:none}.home-hero-game:active{transform:translateY(-1px);transition-duration:var(--dur-fast)}.home-hero-game img{display:block;border-radius:10px;box-shadow:0 2px 6px #0000002e;transition:box-shadow var(--dur-base) var(--ease-out)}.home-hero-game:hover img,.home-hero-game:focus-visible img{box-shadow:0 6px 14px #00000052}.home-hero-game-label{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(var(--hero-label-x, -50%),-2px);white-space:nowrap;pointer-events:none;font-size:var(--t-eyebrow);letter-spacing:.04em;font-weight:var(--fw-semibold);opacity:0;transition:opacity .14s ease,transform .14s ease}.home-hero-game:hover .home-hero-game-label,.home-hero-game:focus-visible .home-hero-game-label{opacity:1;transform:translate(var(--hero-label-x, -50%))}.home-hero-game:nth-child(7n+1) .home-hero-game-label{left:0;--hero-label-x: 0%}.home-hero-game:nth-child(7n) .home-hero-game-label{left:auto;right:0;--hero-label-x: 0%}@media (max-width: 360px){.home-hero-grid{grid-template-columns:repeat(7,minmax(0,1fr));column-gap:2px}.home-hero-game{min-width:0;padding:2px}.home-hero-game img{width:min(100%,30px)!important;height:auto!important;aspect-ratio:1}}.home-actions{display:flex;flex-direction:column;gap:0;margin-top:0;padding:0;background:transparent;border-top:0}.home-footer{margin-top:auto;padding:var(--s-4, 1rem) var(--s-1, .25rem) 0;text-align:center;opacity:.55}.home-footer small{font-size:var(--t-micro);line-height:var(--lh-base);color:var(--fg-soft, currentColor)}.home-footer a{color:inherit;text-decoration:underline}.home-footer-discord{margin:0 0 var(--s-2, .5rem);font-size:var(--t-small, .875rem)}.home-footer-discord a{display:inline-flex;align-items:center;gap:.4em}.home-footer-discord .discord-mark{flex:none}.lobby-room,.home-actions>.btn-primary,.home-actions>.btn-secondary,.home-actions>.resume-row,.home-actions>.code-row,.home-actions>a.btn-link,.home-actions>.btn-link{min-height:72px;border:0;border-radius:0;background:transparent;color:var(--fg-strong);padding:var(--s-4) var(--s-1);font-size:var(--t-section);font-weight:var(--fw-medium);letter-spacing:-.02em;justify-content:flex-start;text-decoration:none;width:100%;position:relative;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);display:flex;align-items:center;gap:var(--s-4)}.home-actions>.btn-primary{font-weight:var(--fw-semibold)}.home-menu-icon{display:block;flex:0 0 28px;color:#171714;pointer-events:none}.home-row-label{flex:0 1 auto}.home-row-meta{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--fg-faint);text-transform:uppercase;margin-left:var(--s-3);padding:2px 6px;border:1px solid var(--rule-soft)}.home-actions>.btn-primary:after,.home-actions>.btn-secondary:after,.home-actions>a.btn-link.home-row:after,.home-actions>.btn-link.home-row:after{content:"";margin-left:auto;width:20px;height:20px;flex:0 0 auto;background:var(--fg-faint);-webkit-mask:var(--ico-next) center / contain no-repeat;mask:var(--ico-next) center / contain no-repeat;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.home-actions>*:hover:after{background:var(--accent);transform:translate(4px)}.home-actions>.btn-primary:hover:not(:disabled),.home-actions>.btn-secondary:hover:not(:disabled),.home-actions>a.btn-link:hover,.home-actions>.btn-link:hover{color:var(--accent);background:transparent}.resume-row{display:flex;align-items:center;gap:var(--s-3)}.resume-row>.btn-primary{flex:1;min-width:0;gap:var(--s-4);padding:0;min-height:0;background:transparent;color:var(--fg-strong);border:0;font-weight:var(--fw-semibold);font-size:var(--t-subhead);justify-content:flex-start}.resume-row>.btn-primary>.home-row-label{white-space:normal;text-align:left}.resume-row>.btn-primary:hover{color:var(--accent);background:transparent}.resume-close{flex:0 0 auto;width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:var(--t-cta);color:var(--fg-faint);border:1px solid var(--rule-soft);border-radius:0;background:transparent}.resume-close:hover{color:var(--accent);border-color:var(--accent)}.resume-row .btn-eyebrow{margin-right:var(--s-3);border-color:var(--rule-soft);color:var(--fg-muted)}.resume-row .btn-trailing{margin-left:auto;margin-right:var(--s-3);color:var(--fg-muted)}.code-row{display:flex;align-items:center;gap:var(--s-3)}.code-row input{flex:1;padding:12px var(--s-1);background:transparent;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;font-size:24px;font-family:var(--font-mono);letter-spacing:.36em;text-align:left;text-transform:uppercase;font-weight:500;color:var(--fg-strong)}.code-row input:focus{outline:none;border-bottom-color:var(--accent);box-shadow:none}.code-row .btn-link{flex:0 0 auto}.error.code-row-error{padding:6px 0 4px;border-top:0;border-bottom:0;margin:0 0 var(--s-2)}.error{color:var(--danger);font-size:13px;background:transparent;padding:10px 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);border-radius:0;letter-spacing:-.005em}.banner{background:transparent;color:var(--warn);padding:10px 0;border-top:1px solid var(--warn);border-bottom:1px solid var(--warn);border-radius:0;font-size:13px;text-align:left}.match-list{display:flex;flex-direction:column;gap:var(--s-2)}.match-row a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);padding:12px 16px;background:var(--surface-1);border-radius:var(--r-md);text-decoration:none;color:var(--fg);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.match-row a:hover{background:var(--surface-2);box-shadow:var(--shadow-md)}.match-row .match-result{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-muted);letter-spacing:0}.match-row .match-result[data-result=win]{background:var(--success-soft);color:var(--success)}.match-row .match-result[data-result=loss]{background:var(--danger-soft);color:var(--danger)}.match-row .match-result[data-result=draw]{background:var(--surface-3);color:var(--fg-muted)}.match-row .match-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.match-row .match-code{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.14em;color:var(--fg-strong)}.match-row .match-template{color:var(--fg-muted);font-size:12px}.match-row .match-opponent{font-size:13px;font-weight:500;color:var(--fg-strong)}.match-row time{color:var(--fg-faint);font-size:12px;white-space:nowrap}.chip-list{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;background:var(--surface-1);border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--fg);box-shadow:var(--shadow-sm)}.chip[data-role=host]:before,.chip[data-role=guest]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.chip[data-role=host]:before{background:var(--fg-strong)}.chip[data-role=guest]:before{background:var(--surface-3);border:1px solid var(--fg-strong)}.chip-role{font-size:11px;color:var(--fg-muted);font-weight:500}.room-code{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.room-code .label{font-size:11px;color:var(--fg-muted);margin-bottom:4px}.room-code .value{font-family:var(--font-mono);font-size:28px;font-weight:500;letter-spacing:.32em;color:var(--fg-strong);line-height:1}.room-code .grow{flex:1}.config-grid{display:grid;grid-template-columns:auto 1fr;gap:8px var(--s-4);align-items:baseline}.config-grid dt{color:var(--fg-muted);font-size:12px}.config-grid dd{margin:0;color:var(--fg-strong);font-weight:500;font-size:14px}.config-grid .mono{font-family:var(--font-mono);letter-spacing:.1em}.time-control{display:flex;flex-direction:column;gap:8px}.time-control-label{display:flex;align-items:baseline;gap:var(--s-3)}.time-control-eyebrow{font-size:12px;font-weight:500;color:var(--fg-muted)}.setup-section{display:grid;grid-template-columns:140px 1fr;gap:var(--s-3) var(--s-5);align-items:start;padding:var(--s-5) 0 0;margin:0}.setup-section:first-of-type{border-top:1px solid var(--rule)}.setup-section h3{margin:2px 0 0;font-size:var(--t-body);color:var(--fg-strong);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}.time-control-options{display:flex;flex-direction:column;gap:2px;padding:0;background:transparent;border-radius:0;flex-wrap:nowrap}.time-control-option{position:relative;flex:0 0 auto;padding:10px 2px;background:transparent;border:0;border-radius:0;color:var(--fg);font-size:14px;font-weight:500;letter-spacing:-.005em;cursor:pointer;text-align:left;transition:color var(--dur) var(--ease),padding var(--dur) var(--ease);display:flex;align-items:baseline;gap:var(--s-2)}.time-control-option:hover:not(:disabled){color:var(--fg-strong)}.time-control-option.active{background:transparent;color:var(--fg-strong);font-weight:600;box-shadow:none}.time-control-option:after{content:"";width:20px;height:20px;flex:0 0 auto;margin-left:auto;align-self:center;background:currentColor;-webkit-mask:var(--ico-check) center / contain no-repeat;mask:var(--ico-check) center / contain no-repeat;opacity:0;transition:opacity var(--dur) var(--ease)}.time-control-option.active:after{opacity:1}.time-control-option strong{font-weight:600;letter-spacing:-.005em}.time-control-option small{color:var(--fg-muted);font-size:12px;font-weight:400}.time-control-option:disabled{opacity:.4;cursor:not-allowed}.mode-options{display:flex;gap:8px}.mode-option{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:0;background:transparent;color:var(--fg-muted);cursor:pointer;font:inherit;font-size:13px}.mode-option.active,.mode-option:hover:not(:disabled){color:var(--fg-strong)}.mode-option.active{font-weight:600}.mode-label{position:relative}.mode-label:after{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);width:12px;height:12px;background:currentColor;mask:var(--ico-check) center / contain no-repeat;-webkit-mask:var(--ico-check) center / contain no-repeat;opacity:0}.mode-option.active .mode-label:after{opacity:1}.mode-option:disabled{opacity:.4;cursor:not-allowed}.mode-hint{margin:4px 0 0;font-size:12px;color:var(--fg-muted)}.setup-section:has(.game-picker){grid-template-columns:minmax(0,1fr)}.game-picker{width:100%;min-width:0}.play-tabs .tab,.game-picker-surface{background:var(--surface-2)}.game-picker-surface{margin:12px calc(-1 * var(--shell-pad)) 4px;padding:5px var(--shell-pad)}.game-picker-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}.game-picker-list:empty{display:none}.game-picker-selected-item{position:relative;display:flex;flex:0 0 44px;min-width:0}.game-picker-item{display:grid;place-items:center;width:44px;height:44px;padding:4px;border:0;background:transparent;border-radius:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.game-picker-item img{display:block;width:36px;height:36px;border-radius:9px;pointer-events:none}.game-picker-item:active{cursor:grabbing}.game-picker-item:disabled{opacity:.4;cursor:not-allowed}.game-picker-item:focus-visible{outline:1px dotted var(--fg-muted);outline-offset:0}.game-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s-2);padding:var(--s-3) 0 0}.game-picker-icon{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 4px 16px;background:transparent;border:0;border-radius:12px;cursor:pointer}.game-picker-icon img{display:block;width:clamp(34px,9vw,44px);height:clamp(34px,9vw,44px);border-radius:10px;filter:grayscale(.85) brightness(.7);opacity:.45;transition:filter .14s ease,opacity .14s ease}.game-picker-icon:hover:not(:disabled) img{opacity:.8;filter:grayscale(.4) brightness(.9)}.game-picker-icon:disabled{cursor:not-allowed;opacity:.4}.game-picker-icon--on img{filter:none;opacity:1}.game-picker-icon--on:disabled{opacity:.75}.game-picker-icon:focus-visible{outline:1px dotted var(--fg-muted);outline-offset:3px}.cpu-actions{padding-top:var(--s-5)}.cpu-actions .btn-primary,.room-actions .btn-primary{width:100%;padding:18px var(--s-4);font-size:16px;letter-spacing:-.005em;justify-content:space-between}.cpu-actions .btn-primary:after,.room-actions .btn-primary:after{content:"";width:20px;height:20px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ico-next) center / contain no-repeat;mask:var(--ico-next) center / contain no-repeat}.turn-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-3);padding:10px var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.turn-banner-text{text-align:center;font-size:12px;font-weight:500;color:var(--fg-muted);white-space:nowrap}.turn-banner-text small{color:var(--fg-muted);margin-left:4px}.turn-banner.turn-mine .turn-banner-text{color:var(--accent);font-weight:600}.turn-banner.turn-mine .turn-banner-text small{color:var(--accent)}.turn-banner.turn-theirs .turn-banner-text{color:var(--fg-faint)}.turn-banner-vs{display:none}.side-badge{display:flex;align-items:center;gap:var(--s-2);padding:6px 10px;border-radius:var(--r-md);background:transparent;font-weight:500;min-width:0}.side-badge--empty{display:none}.side-badge--opp{flex-direction:row-reverse;text-align:right}.side-badge-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.side-badge--host .side-badge-dot{background:var(--fg-strong)}.side-badge--guest .side-badge-dot{background:var(--surface-3);border:1px solid var(--fg-strong)}.side-badge-label{display:inline-flex;flex-direction:column;line-height:1.15;gap:1px;min-width:0}.side-badge--opp .side-badge-label{align-items:flex-end}.side-badge-name{font-weight:600;font-size:13px;color:var(--fg-strong);text-overflow:ellipsis;overflow:hidden;max-width:9rem;white-space:nowrap}.side-badge-side{font-size:11px;color:var(--fg-muted)}.side-badge-you{display:none}.play-shell{--play-pad: var(--s-4);--shell-pad: var(--play-pad);max-width:1180px;margin:0 auto;padding:0 var(--play-pad);display:flex;flex-direction:column;gap:var(--s-2);height:100vh;height:100svh;min-height:0;overflow:hidden}.seat-row{display:flex;align-items:baseline;gap:var(--s-2);padding:2px 0;font-size:var(--t-cta)}.seat-row .seat-name{color:var(--fg-strong);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-row--opp .seat-name{color:var(--fg-faint)}.seat-row .seat-turn{color:var(--accent)}.seat-row .seat-outcome{flex:none;align-self:center;color:var(--fg-strong)}.seat-row--opp .seat-outcome{color:var(--fg-faint)}.seat-row .clock-chip{margin-left:auto;font-size:var(--t-subhead)}.board-objective{margin:0;padding:0 var(--s-3);text-align:center;font-size:var(--t-body-sm);line-height:1.35;overflow:hidden;text-overflow:ellipsis}.board-objective-goal{color:var(--fg);font-weight:500}.board-objective-note{color:var(--fg);margin-left:1em}.board-objective+.play-active{padding-top:0}@media (max-width: 420px){.board-objective-note{margin-left:.8em}}.play-active{container-type:size;container-name:playslot;flex:1 1 0;display:flex;justify-content:center;align-items:center;padding:var(--s-3) 0;position:relative;min-height:0;min-width:0;overflow:hidden}.play-active-stage{--board-budget-h: 100cqh;width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:0;min-width:0}.play-active-stage.slide-in-right{animation:stage-slide-in-right .18s var(--ease) both}.play-active-stage.slide-in-left{animation:stage-slide-in-left .18s var(--ease) both}@keyframes stage-slide-in-right{0%{transform:translate(15%)}to{transform:translate(0)}}@keyframes stage-slide-in-left{0%{transform:translate(-15%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.play-active-stage.slide-in-right,.play-active-stage.slide-in-left{animation:none}}.play-active-stage>.animal-frame,.play-active-stage>.bg-frame,.play-active-stage>.connect6-frame,.play-active-stage>.twixt-frame,.play-active-stage>.xiangqi-frame,.play-active-stage>.janggi-frame,.play-active-stage>.draughts-frame,.play-active-stage>.kalah-frame,.play-active-stage>.poker-board{max-height:100%}:root{--board-budget-h: calc(100svh - 300px) }.play-active-stage>.connect6-frame>.connect6-board,.play-active-stage>.twixt-frame>.twixt-board,.play-active-stage>.draughts-frame>.draughts-board{max-height:var(--board-budget-h);max-width:var(--board-budget-h);margin:0 auto}.play-active-stage>.connect6-frame>.connect6-board{max-height:calc(var(--board-budget-h) - 80px);max-width:calc(var(--board-budget-h) - 80px)}.play-active-stage>.twixt-frame>.twixt-board{max-height:calc(var(--board-budget-h) - 40px);max-width:calc(var(--board-budget-h) - 40px)}.play-active-stage>.draughts-frame>.draughts-board{max-height:calc(var(--board-budget-h) - 50px);max-width:calc(var(--board-budget-h) - 50px)}.play-active-stage>.janggi-frame>.janggi-board{width:min(100%,calc((var(--board-budget-h) - 80px) * 9 / 10));margin:0 auto}.animal-frame.not-my-turn,.reversi-board.not-my-turn,.bg-frame.not-my-turn,.chess-frame.not-my-turn,.shogi-frame.not-my-turn,.janggi-frame.not-my-turn{position:relative}.animal-frame.not-my-turn .a-cell,.animal-frame.not-my-turn .hand-piece,.reversi-board.not-my-turn .cell,.bg-frame.not-my-turn .bg-point,.bg-frame.not-my-turn .bg-bar,.bg-frame.not-my-turn .bg-off,.chess-frame.not-my-turn .chess-board .cell,.shogi-frame.not-my-turn .shogi-board .cell,.shogi-frame.not-my-turn .shogi-hand-piece,.janggi-frame.not-my-turn .janggi-board .janggi-intersection{filter:grayscale(.35) brightness(.85);cursor:default}.board-turn-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;background:#14110cc7;color:#fff7e0;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.06em;font-weight:600;box-shadow:var(--shadow-md);z-index:5;white-space:nowrap;animation:turn-hint-fade .2s ease-out}@keyframes turn-hint-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.board-turn-hint{animation:none}}.chess-frame{width:100%;max-width:720px;margin:0 auto;position:relative}.chess-frame.mini{max-width:60px}.chess-board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;background:#6b4a2a url(/generated/chess/board.jpg) center / 100% 100% no-repeat;gap:0;padding:5.2846% 5.2846% 8.0569%;width:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:5px 8px 17px #34241442,1px 2px 4px #34241433}.chess-frame.mini .chess-board{box-shadow:none;border-radius:var(--r-sm)}.chess-board .cell{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:clamp(36px,10.8vw,90px);position:relative;padding:0;background:transparent;min-width:0;min-height:0}.chess-board .cell.light,.chess-board .cell.dark{background:transparent}.chess-board .cell:disabled{cursor:default}.chess-board .cell.selected{background:color-mix(in srgb,var(--accent) 50%,transparent)}.chess-board .cell.target:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#14c86473;pointer-events:none}.chess-board .cell.last-move{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent)}.chess-board .cell.tutorial-hint,.reversi-board .cell.tutorial-hint,.shogi-board .cell.tutorial-hint,.animal-board .a-cell.tutorial-hint{box-shadow:inset 0 0 0 3px var(--accent);animation:tutorial-hint-pulse 1.6s ease-in-out infinite}@keyframes tutorial-hint-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--accent)}50%{box-shadow:inset 0 0 0 3px var(--accent-strong)}}.shogi-hand-piece.tutorial-hint,.animal-hand .hand-piece.tutorial-hint{box-shadow:inset 0 0 0 3px var(--accent);animation:tutorial-hint-pulse 1.6s ease-in-out infinite}.board-coords{position:absolute;pointer-events:none;user-select:none;z-index:1}.board-coord{position:absolute;font-size:clamp(8px,1.6vw,13px);font-weight:600;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:#2e21109e}.board-coord--file{top:calc(100% + var(--coord-out, 0%));transform:translate(-50%,.62em)}.board-coord--rank{left:calc(0% - var(--coord-out, 0%));transform:translate(calc(-100% - .62em),-50%)}.bg-point.tutorial-hint{outline:3px solid var(--accent);outline-offset:-3px;animation:bg-tutorial-hint-pulse 1.6s ease-in-out infinite;z-index:2}@keyframes bg-tutorial-hint-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:var(--accent-strong)}}.chess-piece{display:block;width:96%;height:96%;line-height:1;user-select:none;pointer-events:none}.chess-glyph{display:block;width:100%;height:100%;overflow:visible}.chess-promo-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14110c47;z-index:10}.chess-promo-dialog{background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--r-md);padding:var(--s-3) var(--s-3) var(--s-2);box-shadow:var(--shadow-lg)}.chess-promo-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--fg-muted);margin-bottom:var(--s-2);text-align:center}.chess-promo-buttons{display:flex;gap:var(--s-2)}.chess-promo-btn{width:56px;height:56px;display:grid;place-items:center;padding:0;background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--dur) var(--ease)}.chess-promo-btn:hover,.chess-promo-btn:focus-visible{border-color:var(--fg-strong)}.chess-promo-btn svg{display:block}.xiangqi-frame{--xq-red: #b13a3a;--budget-h: calc(100svh - 220px) ;width:100%;max-width:540px;margin:0 auto;position:relative;display:flex;justify-content:center}.xiangqi-frame.mini{max-width:54px}.xiangqi-frame.not-my-turn .xiangqi-board .xq-cell{cursor:not-allowed}.xiangqi-board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);width:min(100%,calc(var(--budget-h) * 9 / 10));aspect-ratio:9 / 10;background:var(--board-wood-cell, #f1d59a);border-radius:var(--r-md);box-shadow:var(--shadow-md);overflow:hidden;color:#2a2218}.xiangqi-frame.mini .xiangqi-board{box-shadow:none;border-radius:var(--r-sm)}.xiangqi-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.xiangqi-board .xq-cell{position:relative;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;min-height:0;z-index:1}.xiangqi-board .xq-cell:disabled{cursor:default}.xiangqi-board .xq-cell.sel .xiangqi-piece{outline:3px solid var(--accent);outline-offset:-3px}.xiangqi-board .xq-cell.cand:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#14c8648c;pointer-events:none}.xiangqi-board .xq-cell.cap .xiangqi-piece{outline:3px dashed rgba(200,40,40,.8);outline-offset:-3px}.xiangqi-board .xq-cell.last-move{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.xiangqi-piece{display:flex;align-items:center;justify-content:center;width:86%;height:86%;pointer-events:none;user-select:none}.xiangqi-piece-disc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#f6e2b3,#d9b478);border:1.5px solid currentColor;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:700;font-size:clamp(16px,3.4vw,30px);line-height:1;box-shadow:inset 0 0 0 1.5px #ffffff59}.xiangqi-piece.red{color:var(--xq-red)}.xiangqi-piece.black{color:#1a1a18}.xiangqi-frame.mini .xiangqi-piece-disc{font-size:6px;border-width:.75px}.board-actions{display:flex;flex-direction:column;gap:var(--s-1);margin:0 auto var(--s-2);max-width:720px}.board-actions-banner{display:flex;align-items:center;gap:var(--s-2);padding:8px 14px;border-radius:var(--r-sm);font-size:13px}.board-actions-banner--theirs{background:var(--accent-soft, var(--surface-2));color:var(--accent);border:1px solid var(--accent)}.board-actions-banner--mine{background:var(--surface-2);color:var(--fg-soft);border:1px solid var(--rule)}.clock-bar{display:flex;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.clock-cell{flex:1;display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:stretch}.clock-cell+.clock-cell{border-left:1px solid var(--rule-soft)}.clock-cell .vs{display:block;background:var(--rule-soft);font-size:0;color:transparent}.clock-side{display:flex;flex-direction:column;gap:6px;padding:var(--s-3) var(--s-4);border-radius:0;background:transparent;min-width:0;transition:background var(--dur) var(--ease);position:relative}.clock-side-label{font-size:var(--t-body-sm);color:var(--fg-muted);font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.clock-side-sublabel{font-size:var(--t-body-sm);color:var(--accent);font-weight:500;margin-left:4px}.clock-side-time{font-size:32px;font-weight:500;font-family:var(--font-mono);color:var(--fg-faint);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.clock-side.opp .clock-side-time{color:var(--fg-faint)}.clock-side.mine .clock-side-time{color:var(--fg-strong)}.clock-side.running{background:transparent}.clock-side.running .clock-side-time{color:var(--fg-strong);font-weight:var(--fw-semibold)}.clock-side.running .clock-side-label{color:var(--fg)}.clock-side--low.running .clock-side-time{color:var(--warn)}.clock-side--critical.running .clock-side-time{color:var(--danger);animation:tick .5s ease-in-out infinite}.clock-side--flag .clock-side-time{color:var(--danger);font-size:var(--t-cta);font-family:var(--font-mono)}@keyframes tick{0%,to{transform:translate(0)}50%{transform:translate(-1px)}}.play-tabs{display:flex;gap:0;margin:var(--s-2) calc(-1 * var(--play-pad)) 0;padding:0;background:transparent;border-radius:0;border:0;overflow-x:auto;scrollbar-width:none}.play-tabs::-webkit-scrollbar{display:none}.play-shell.single-board .play-tabs .tab>div{display:none}.play-shell.single-board .play-tabs .tab{gap:var(--s-1);padding:var(--s-2) var(--s-3)}@media (max-height: 700px){.play-tabs .tab .renju-frame.mini,.play-tabs .tab>.board-renderer,.play-tabs .tab>.mini-board,.play-tabs .tab>div:not(.tab-head):not(.tab-foot){display:none}.play-tabs .tab{gap:var(--s-1);padding:var(--s-2) var(--s-3)}}.play-tabs .tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s-2) 6px max(var(--s-3),env(safe-area-inset-bottom));border-top:1px solid var(--rule-soft);border-radius:0;color:var(--fg-faint);font-size:13px;font-weight:500;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);min-width:68px;position:relative}.play-tabs .tab.active{background:transparent;border-top-color:transparent;box-shadow:inset 1px 0 0 var(--rule-soft),inset -1px 0 0 var(--rule-soft),inset 0 -1px 0 var(--rule-soft);color:var(--fg-strong)}.play-tabs .tab:hover{color:var(--fg)}.play-tabs .tab>div{opacity:.45;transition:opacity var(--dur) var(--ease)}.play-tabs .tab.mine,.play-tabs .tab.mine-soon{color:var(--fg)}.play-tabs .tab.mine>div,.play-tabs .tab.mine-soon>div,.play-tabs .tab.active>div{opacity:1}.play-tabs .tab.finished{color:var(--fg-faint)}.play-tabs .tab.finished>div{opacity:.22}.play-tabs .tab .tab-label{display:inline-flex;align-items:center;gap:4px}.play-tabs .tab .tab-outcome{flex:none}.play-tabs .tab .tab-label{font-size:var(--t-body-sm);font-weight:var(--fw-regular);letter-spacing:var(--ls-snug);white-space:nowrap;color:inherit}.play-tabs .tab.mine .tab-label{font-weight:var(--fw-bold);color:var(--fg-strong)}.play-tabs .tab>*{pointer-events:none}.play-tabs .tab .tab-head{display:flex;align-items:center;justify-content:center;width:100%}.play-tabs .tab .tab-foot{display:flex;align-items:center;justify-content:center;width:100%;font-size:13px}.tab-clock{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono)}.tab-clock-sep{color:var(--fg-faint)}.clock-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--t-body-sm);font-weight:400;padding:0;border-radius:0;color:var(--fg-faint);font-variant-numeric:tabular-nums}.clock-chip.compact{font-size:var(--t-meta)}.clock-chip.mine{color:var(--fg-muted)}.clock-chip.running,.clock-chip.running.mine{background:transparent;color:var(--fg-strong);font-weight:var(--fw-semibold)}.clock-chip--low.running{color:var(--warn)}.clock-chip--critical.running,.clock-chip--flag{color:var(--danger)}.play-title-vs{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-body-sm);color:var(--fg-muted)}.play-title-vs-sep{font-size:var(--t-meta);color:var(--fg-faint)}.play-title-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.play-title-name--you{color:var(--fg-strong)}.play-title-clock{display:inline-flex;align-items:center;gap:6px;margin-left:var(--s-3);padding-left:var(--s-3);border-left:1px solid var(--rule-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.play-title-clock-sep{color:var(--fg-faint);font-size:11px}.play-actions{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.resign-hint{margin:0;color:var(--warn);background:transparent;padding:10px 0;border-top:1px solid var(--warn);border-bottom:1px solid var(--warn);border-radius:0;font-size:12px;letter-spacing:-.005em}.finished-banner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:var(--s-5) var(--s-5);background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);width:100%;max-width:420px;text-align:left;box-shadow:none}.finished-banner strong{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--fg-strong)}.finished-banner span{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.finished-banner a{margin-top:8px}.draw-banner{display:flex;align-items:center;gap:var(--s-3);padding:12px 0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--fg-strong);font-size:14px;font-weight:500}.draw-banner small{font-family:var(--font-mono);color:var(--fg-muted);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-left:var(--s-2)}.draw-banner--theirs{border-color:var(--accent)}.draw-banner-accept{margin-left:auto;padding:6px 14px;font-size:13px}.reversi-frame{--board-ar: 380 / 384.34;width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative}.reversi-frame.mini{max-width:60px}.reversi-board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:var(--board-ar);background:#1d4530 url(/generated/reversi/board.jpg) center / 100% 100% no-repeat;gap:0;width:100%;padding:3.6842% 3.6842% 4.8263%;border-radius:var(--r-md);box-shadow:5px 8px 17px #14281c47,1px 2px 4px #14281c38}.reversi-board.mini{padding:2px;gap:1px;border-radius:var(--r-sm);box-shadow:none}.reversi-board .cell{position:relative;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--dur) var(--ease)}.reversi-board .cell:disabled{cursor:default}.reversi-board .cell.legal:after{content:"";width:28%;height:28%;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 1px #00000026 inset}.reversi-board.side-black .cell.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 75%);box-shadow:0 0 0 1px #ffffff40 inset}.reversi-board.side-white .cell.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);box-shadow:0 0 0 1px #0003 inset}.reversi-board.mini .cell.legal:after{display:none}.reversi-pass-btn{display:block;margin:var(--s-2) auto 0;padding:10px 20px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer}.reversi-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.reversi-board .stone{position:absolute;left:-6.818%;top:-16.68%;width:113.636%;height:113.636%;background:center / 100% 100% no-repeat;transform-origin:50% 58.68%;pointer-events:none}.reversi-board .black .stone{background-image:url(/generated/reversi/disc-black.png)}.reversi-board .white .stone{background-image:url(/generated/reversi/disc-white.png)}.reversi-board .cell.last-move{position:relative}.reversi-board .cell.last-move:before{content:"";position:absolute;inset:8%;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:ring-in .2s var(--ease)}.reversi-board .stone{animation:stone-place-in .26s var(--ease-spring)}@keyframes stone-place-in{0%{transform:scale(.4);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.reversi-board .stone{animation:none}}.reversi-board.mini .cell.last-move:before{display:none}.renju-frame{width:100%;max-width:720px;margin:0 auto}.renju-side-indicator,.jungo-side-indicator{display:inline-flex;align-items:center;gap:7px;margin:0 auto var(--s-2);padding:0;background:transparent;border:0;font-size:var(--t-body-sm);font-weight:var(--fw-medium);color:var(--fg-muted)}.renju-frame{display:flex;flex-direction:column;align-items:center}@container renjuboard (max-width: 340px){.renju-board .board-coords{display:none}.renju-swap-btn{font-size:10px;padding:3px 8px;white-space:nowrap}.renju-swap-btn-sub{font-size:9px}.renju-swap-notice{font-size:10px;padding:3px 6px 3px 8px;gap:6px}}.renju-side-stone,.jungo-side-stone{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 -2px 3px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner)}.renju-side-indicator.is-black .renju-side-stone,.jungo-side-indicator.is-black .jungo-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.renju-side-indicator.is-white .renju-side-stone,.jungo-side-indicator.is-white .jungo-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);border:1px solid rgba(0,0,0,.3)}.renju-frame.mini{max-width:60px}.renju-board{position:relative;container-type:inline-size;container-name:renjuboard;aspect-ratio:400 / 416.12;width:100%;background:#d8b87a url(/generated/renju/board.jpg) center / 100% 100% no-repeat;padding:0;box-sizing:border-box;border-radius:var(--r-md);box-shadow:5px 8px 17px #34241442,1px 2px 4px #34241433}.renju-board.mini{border-radius:var(--r-sm);box-shadow:none}.renju-board.mini .renju-grid-area{inset:5.768% 6%}.renju-grid-area{position:absolute;inset:5.4996% 7% 11.832%}.renju-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.play-active-stage>.connect6-frame,.play-active-stage>.twixt-frame,.play-active-stage>.draughts-frame{max-width:none}.play-active-stage .kalah-board{max-width:calc(max(120px,var(--board-budget-h) - 60px) * 12 / 5)}.play-active-stage>.xiangqi-frame{max-width:calc(var(--board-budget-h) * 9 / 10)}.play-active-stage>.janggi-frame{max-width:calc(max(60px,var(--board-budget-h) - 80px)*.9)}.play-active-stage>.reversi-frame{max-width:calc(var(--board-budget-h) * var(--board-ar))}.play-active-stage>.chess-frame{max-width:var(--board-budget-h)}.play-active-stage>.jungo-frame{max-width:calc(max(60px,var(--board-budget-h) - 206px) * 400 / 416.12)}.play-active-stage>.shogi-frame,.play-active-stage>.animal-frame{--board-h-budget: calc(var(--board-budget-h) - var(--hand-h) * 2 - var(--frame-gap) * 2);max-width:calc(var(--board-h-budget) * var(--board-ar))}.play-active-stage>.renju-frame{max-width:calc(max(60px,var(--board-budget-h) - 40px) * 400 / 416.12)}@media (max-height: 700px){.play-active-stage .renju-side-indicator{font-size:var(--t-micro);margin-bottom:2px}}.renju-intersection{position:absolute;width:calc(100% / 14);height:calc(100% / 14);transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.renju-intersection:disabled{cursor:default}.renju-board.mini .renju-intersection{cursor:default;pointer-events:none}.renju-intersection.tutorial-hint:before{content:"";position:absolute;inset:-8px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:tutorial-hint-pulse-ring 1.6s ease-in-out infinite}@keyframes tutorial-hint-pulse-ring{0%,to{border-color:var(--accent)}50%{border-color:var(--accent-strong)}}.renju-intersection .stone{width:90%;height:90%;border-radius:50%;box-shadow:inset 0 -2px 4px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner),0 1px 2px var(--stone-shadow-outer)}.renju-intersection.black .stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.renju-intersection.white .stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%)}.renju-intersection.last-move .stone{outline:2px solid var(--accent);outline-offset:-1px;animation:ring-in .2s var(--ease)}.renju-board.mini .renju-intersection.last-move .stone{outline-width:1px}.renju-intersection.opening-allowed:after{content:"";position:absolute;inset:0;background:#fffae961;pointer-events:none}.renju-intersection.opening-allowed.forbidden:after{background:#fffae92e}.renju-board.not-my-turn .renju-intersection.opening-allowed:after{background:#fffae933}.renju-preview-edge{position:absolute;inset:0;border:0 dashed rgba(96,178,214,.95);pointer-events:none}.renju-forbidden-mark{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);pointer-events:none}.renju-forbidden-mark:before,.renju-forbidden-mark:after{content:"";position:absolute;top:50%;left:0;width:100%;height:13%;border-radius:999px;background:#dc3232d9}.renju-forbidden-mark:before{transform:translateY(-50%) rotate(45deg)}.renju-forbidden-mark:after{transform:translateY(-50%) rotate(-45deg)}.renju-swap-btn{position:absolute;bottom:4%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;line-height:1.3;padding:5px 16px;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);font-size:12px;font-weight:600;cursor:pointer;backdrop-filter:blur(4px);z-index:3}.renju-swap-btn-sub{font-size:10px;font-weight:500;opacity:.78}.renju-swap-btn:hover{background:#000000e0}.renju-swap-notice{position:absolute;top:4%;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:10px;padding:5px 10px 5px 14px;background:#fcfaf4b8;backdrop-filter:blur(3px);color:#2b2620;border:1px solid rgba(43,38,32,.2);border-radius:3px;font-size:12px;line-height:1.45;text-align:center;white-space:pre-line;cursor:pointer;user-select:none;z-index:3}.renju-swap-notice:hover{background:#fcfaf4e0}.renju-swap-notice-close{font-size:11px;line-height:1.45;opacity:.55}.renju-swap-notice:hover .renju-swap-notice-close{opacity:.85}.renju-board.mini .renju-swap-notice,.renju-board.mini .renju-swap-btn{display:none}.renju-forbidden-hint{margin:var(--s-2) auto 0;padding:6px 12px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);font-size:13px;text-align:center}@keyframes ring-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.connect6-frame{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.connect6-frame.mini{max-width:60px}.connect6-side-indicator{display:inline-flex;align-items:center;gap:7px;margin:0 auto var(--s-2);padding:0;background:transparent;border:0;font-size:var(--t-body-sm);font-weight:var(--fw-medium);color:var(--fg-muted)}.connect6-side-stone{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 -2px 3px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner)}.connect6-side-indicator.is-black .connect6-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.connect6-side-indicator.is-white .connect6-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);border:1px solid rgba(0,0,0,.3)}.connect6-board{position:relative;aspect-ratio:1;width:100%;background:#d8b87a;padding:6%;box-sizing:border-box;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.connect6-board.mini{border-radius:var(--r-sm);box-shadow:none;padding:5%}.connect6-grid-area{position:relative;width:100%;height:100%}.connect6-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connect6-intersection{position:absolute;width:calc(100% / 18);height:calc(100% / 18);transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.connect6-intersection:disabled{cursor:default}.connect6-board.mini .connect6-intersection{cursor:default;pointer-events:none}.connect6-intersection.tutorial-hint:before{content:"";position:absolute;inset:-8px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:tutorial-hint-pulse-ring 1.6s ease-in-out infinite}.connect6-intersection .stone{width:88%;height:88%;border-radius:50%;box-shadow:inset 0 -2px 4px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner),0 1px 2px var(--stone-shadow-outer)}.connect6-intersection.black .stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.connect6-intersection.white .stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%)}.connect6-intersection.last-move .stone{outline:2px solid var(--accent);outline-offset:-1px;animation:ring-in .2s var(--ease)}.connect6-board.mini .connect6-intersection.last-move .stone{outline-width:1px}.connect6-intersection.pending-first .stone{outline:2px dashed var(--accent);outline-offset:1px}.connect6-pair-hint{margin:var(--s-2) auto 0;padding:6px 12px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--fg-strong);text-align:center}.connect6-outcome-hint{margin:var(--s-2) auto 0;padding:6px 12px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);font-size:13px;text-align:center}.bg-frame{display:flex;flex-direction:column;gap:0;width:100%;max-width:1100px;margin:0 auto;max-height:100%}.bg-case{display:flex;flex-direction:column;width:100%;aspect-ratio:556 / 450.8;padding:2.8777% 2.8777% 7.3381%;background:#6b4526 url(/generated/backgammon/board.jpg) center / 100% 100% no-repeat;border-radius:var(--r-md);box-shadow:5px 8px 17px #28180c4d,1px 2px 4px #28180c38}.play-active-stage>.bg-frame{max-width:calc(var(--board-budget-h) * 556 / 450.8)}.bg-frame.mini{max-width:80px;max-height:none}.bg-frame.mini .bg-case{border-radius:var(--r-sm);box-shadow:none}.bg-frame.mini .bg-off{display:none}.board-result-thumb .bg-frame.mini .bg-off{display:flex}.bg-row{display:grid;grid-template-columns:repeat(6,6.8702%) 8.7786% repeat(6,6.8702%) 8.7786%;gap:0;background:transparent;flex:1 1 0;min-height:0}.bg-row-bot{margin-top:6.4885%}.bg-point{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:0;height:100%;min-height:0;transition:background var(--dur) var(--ease)}.bg-point.top{flex-direction:column}.bg-point.bot{flex-direction:column-reverse}.bg-point.cand{background:color-mix(in srgb,var(--accent) 24%,transparent);outline:2px solid var(--accent);outline-offset:-2px}.bg-point.movable{background:color-mix(in srgb,var(--accent) 12%,transparent)}.bg-point.movable .bg-checker:before{filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 1px var(--accent))}.bg-bar.movable{background:color-mix(in srgb,var(--accent) 20%,transparent);outline:2px solid var(--accent);outline-offset:-2px}.bg-bar.sel{background:color-mix(in srgb,var(--warn) 28%,transparent);outline:2px solid var(--warn);outline-offset:-2px}.bg-bar.hit-flash{animation:bar-hit-flash .32s ease-out}@keyframes bar-hit-flash{0%{background:color-mix(in srgb,var(--warn) 70%,transparent);transform:scale(1.06)}60%{background:color-mix(in srgb,var(--warn) 34%,transparent);transform:scale(1.02)}to{background:transparent;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.bg-bar.hit-flash{animation:none}}.bg-bar.hit-flash .bg-bar-stack .bg-checker:last-child{animation:bar-checker-in .28s var(--ease-spring)}@keyframes bar-checker-in{0%{transform:scale(.4);opacity:.4}to{transform:scale(1);opacity:1}}.bg-point.dragging{outline:2px dashed var(--accent-strong);outline-offset:-2px}.bg-point.dragging .bg-checker{opacity:.55}.bg-bar.blocked{background:color-mix(in srgb,var(--warn) 18%,transparent);outline:2px dashed var(--warn);outline-offset:-2px;cursor:pointer}.bg-point.sel{background:color-mix(in srgb,var(--warn) 28%,transparent);outline:2px solid var(--warn);outline-offset:-2px}.bg-point.last{outline:1px dashed var(--accent);outline-offset:-1px}.bg-point.last-mine{outline-color:var(--accent)}.bg-point.last-opp{outline-color:#14110c8c}.bg-point.last{animation:bg-last-pulse .26s var(--ease, ease-out)}@keyframes bg-last-pulse{0%{outline-width:3px;outline-offset:-1px}60%{outline-width:2px;outline-offset:-1px}to{outline-width:1px;outline-offset:-1px}}@media (prefers-reduced-motion: reduce){.bg-point.last{animation:none}}.bg-point-num{font-size:9px;line-height:1;color:#f4e9d699;font-family:var(--font-mono);position:absolute;top:-8.5%;pointer-events:none}.bg-point.bot .bg-point-num{top:auto;bottom:-8.5%}.bg-frame.mini .bg-point-num{display:none}.bg-stack{display:flex;flex-direction:column;align-items:center;gap:0;height:100%;width:auto;aspect-ratio:1 / 5;max-width:91.667%;margin:0 auto;min-height:0}.bg-point.bot .bg-stack{flex-direction:column-reverse}.bg-checker{position:relative;width:100%;aspect-ratio:1;height:auto;font-family:var(--font-mono);font-size:clamp(8px,1.4vw,12px);font-weight:700;line-height:1}.bg-checker:before{content:"";position:absolute;left:-27.273%;top:-44.18%;width:154.545%;height:154.545%;background:center / 100% 100% no-repeat}.bg-checker.host:before{background-image:url(/generated/backgammon/checker-dark.png)}.bg-checker.guest:before{background-image:url(/generated/backgammon/checker-light.png)}.bg-checker.mine:before{background-image:url(/generated/backgammon/checker-light.png)}.bg-checker.opp:before{background-image:url(/generated/backgammon/checker-dark.png)}.bg-checker-num{position:absolute;left:50%;top:33.1%;transform:translate(-50%,-50%);color:#f8f2e6eb;text-shadow:0 1px 1px rgba(0,0,0,.55)}.bg-checker.mine .bg-checker-num,.bg-checker.guest .bg-checker-num{color:#1c160ee0;text-shadow:0 1px 1px rgba(255,255,255,.35)}.bg-checker-overflow{display:none}.bg-bar{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px 0;min-width:0;position:relative}.bg-bar-stack{display:flex;flex-direction:column;align-items:center;height:100%;width:auto;aspect-ratio:1 / 5;max-width:71.74%;gap:0;margin:0 auto;min-height:0}.bg-bar.bg-bar-bot .bg-bar-stack{flex-direction:column-reverse}.bg-off{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;cursor:pointer;color:#f4e9d6c7;font-size:10px;gap:2px}.bg-off.cand{background:color-mix(in srgb,var(--accent) 34%,transparent);color:#fff;outline:2px solid var(--accent-strong);outline-offset:-2px}.bg-off-label{font-size:8px;letter-spacing:0;line-height:1.1;text-align:center;white-space:nowrap}.bg-off-count{font-size:14px;font-weight:600;color:#fff}.bg-frame.mini .bg-off-label{display:none}.bg-frame.mini .bg-off-count{font-size:7px}.bg-row-bot{position:relative}.bg-dicebar{position:absolute;top:-14%;left:70.61%;transform:translate(-50%,-50%);z-index:3;display:flex;gap:var(--s-2);align-items:center;justify-content:center;padding:4px 6px;min-height:44px;pointer-events:auto}.bg-dicebar.opp{left:20.61%}.bg-dice{display:flex;gap:8px;justify-content:center;padding:0;cursor:pointer;user-select:none;flex:0 0 auto}.bg-die{position:relative;width:30px;height:30px;flex:0 0 auto;transition:opacity var(--dur) var(--ease),filter var(--dur) var(--ease)}.bg-die:before{content:"";position:absolute;left:-35.71%;top:-35.71%;width:171.43%;height:171.43%;background:url(/generated/backgammon/die.png) center / 100% 100% no-repeat;pointer-events:none}.bg-die-pips{position:absolute;inset:16%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.bg-die-pips i{width:68%;aspect-ratio:1;border-radius:50%;background:transparent}.bg-die-pips i.on{background:radial-gradient(circle at 36% 30%,#6b625a,#17130f 78%);box-shadow:inset 0 -.5px .5px #ffffff59}.bg-dicebar.mine .bg-die-pips i.on{background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--accent) 60%,#fff),var(--accent-strong) 78%)}.bg-die.consumed{opacity:.34;filter:grayscale(.6)}.bg-die.next:after{content:"";position:absolute;inset:-2px;border-radius:5px;box-shadow:0 0 0 2px var(--accent-strong),0 0 6px #ffb8548c;pointer-events:none}.bg-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.bg-action-btn{width:36px;height:36px;border-radius:var(--r-sm);border:none;background:var(--surface-3);color:var(--fg-strong);font-size:16px;font-weight:700;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.bg-action-btn:hover{background:var(--surface-2)}.bg-action-btn:active{transform:translateY(1px)}.bg-action-btn.bg-endturn{background:var(--accent);color:#fff}.bg-action-btn.bg-endturn:hover{background:var(--accent-strong)}.bg-point .bg-cand-label{position:absolute;top:2px;right:4px;font-size:9px;font-family:var(--font-mono);font-weight:700;color:var(--accent);background:var(--surface-1);padding:1px 4px;border-radius:999px;letter-spacing:0}.bg-point.bot .bg-cand-label{top:auto;bottom:2px}.bg-point.cand-ambig .bg-cand-label{color:var(--warn)}.animal-frame{--hand-h: clamp(40px, 8vh, 80px);--frame-gap: var(--s-2);--board-h-budget: calc(100svh - 260px - var(--hand-h) * 2);--board-ar: 3 / 4;display:flex;flex-direction:column;gap:var(--frame-gap);width:100%;max-width:min(480px,calc(var(--board-h-budget) * var(--board-ar)));margin:0 auto;max-height:100%;align-items:center}.animal-frame.mini{--hand-h: 0px;--board-h-budget: 60px;max-width:60px;gap:1px}.animal-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:#e8d3ad url(/generated/animal/board.jpg) center / 100% 100% no-repeat;gap:0;padding:7.9268% 7.9268% 13.5976%;border-radius:var(--r-md);width:100%;flex:0 0 auto;box-shadow:5px 8px 17px #34241442,1px 2px 4px #34241433}.animal-frame.mini .animal-board{gap:0;border-radius:var(--r-sm);box-shadow:none}.animal-frame .a-cell{background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background var(--dur) var(--ease);padding:0;border:none;aspect-ratio:1 / 1;width:100%}.animal-frame .a-cell.cand{background:color-mix(in srgb,var(--accent) 34%,transparent)}.animal-frame .a-cell.sel{background:color-mix(in srgb,var(--warn) 52%,transparent)}.animal-frame .a-cell.last-from{box-shadow:inset 0 0 0 2px var(--accent)}.animal-frame .a-cell.last-to{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 26%,transparent)}.a-piece-wrap{display:block;width:100%;height:100%;line-height:0}.animal-frame .a-cell{position:relative}.animal-frame .a-piece-wrap.piece-captured{position:absolute;inset:4%;pointer-events:none;animation:a-captured-out .22s ease-in forwards}@keyframes a-captured-out{0%{transform:scale(1) rotate(0);opacity:1}60%{transform:scale(.9) rotate(-12deg);opacity:.55}to{transform:scale(.4) rotate(-30deg);opacity:0}}.a-piece-wrap.piece-anim{animation:a-slide-in .28s var(--ease, ease-out)}@keyframes a-slide-in{0%{transform:translate(var(--a-anim-dx, 0%),var(--a-anim-dy, 0%));opacity:.7}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.a-piece-wrap.piece-anim{animation:none}.animal-frame .a-piece-wrap.piece-captured{animation:none;opacity:0}}.a-piece{position:relative;display:block;width:100%;height:100%;line-height:0}.animal-frame .a-cell .a-piece{position:absolute;left:-15.21%;top:-27.35%;width:130.43%;height:130.43%}.a-piece .a-shadow,.a-piece .a-block,.a-piece .a-glyph{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.animal-hand{display:flex;gap:6px;align-items:center;width:100%;flex:0 0 auto;height:var(--hand-h);min-height:0}.animal-hand.opp{justify-content:flex-end}.animal-frame.mini .animal-hand{display:none}.animal-frame .hand-piece{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:0;cursor:pointer;border-radius:var(--r-sm);height:100%;aspect-ratio:1;border:none;transition:filter var(--dur) var(--ease)}.animal-frame .hand-piece:hover:not(:disabled){filter:brightness(1.08)}.animal-frame .hand-piece.sel{outline:2px solid var(--warn);outline-offset:2px;border-radius:var(--r-sm)}.animal-frame .hand-piece .a-piece{width:100%;height:100%}.radio-group{display:flex;flex-direction:column;gap:4px;border:none;padding:0;margin:0}.radio-row,.check-row{display:flex;align-items:center;gap:var(--s-3);padding:10px 2px;background:transparent;border:0;border-radius:0;cursor:pointer;font-size:var(--t-cta);color:var(--fg-muted);transition:color var(--dur) var(--ease)}.radio-row:hover,.check-row:hover{color:var(--fg)}.radio-row:has(input:checked),.check-row:has(input:checked){color:var(--fg-strong);font-weight:var(--fw-semibold)}.result-shell{--shell-pad: var(--s-4);max-width:720px;margin:0 auto;padding:var(--s-3) var(--shell-pad) var(--s-7);display:flex;flex-direction:column;gap:var(--s-5);min-height:100vh}.result-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:var(--s-6) var(--s-5);background:var(--surface-1);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.result-hero-label{font-size:44px;font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--fg-strong)}.result-hero--win .result-hero-label{color:var(--success)}.result-hero--loss .result-hero-label{color:var(--danger)}.result-hero--draw .result-hero-label{color:var(--fg-muted)}.result-hero-tally{font-size:28px;font-weight:600;letter-spacing:-.015em;line-height:1;color:var(--fg-strong);margin-top:4px}.result-hero-sub{font-size:14px;color:var(--fg-muted)}.result-hero-sub small{margin-left:4px;color:var(--fg-faint)}.result-board-nav{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(6px,1.5vw,12px);padding:var(--s-3) 0;border-bottom:1px solid var(--rule-soft);overflow-x:auto;scrollbar-width:thin}.result-board-nav-item{display:inline-block;flex:0 0 auto;padding:4px;border-radius:10px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.result-board-nav-item img{display:block;border-radius:8px;width:clamp(32px,8vw,44px)!important;height:clamp(32px,8vw,44px)!important;transition:filter .12s ease,opacity .12s ease}.result-board-nav-item:hover,.result-board-nav-item:focus-visible{transform:translateY(-2px);outline:none}.result-board-nav-item--win{background:var(--fg-strong)}.result-board-nav-item--draw,.result-board-nav-item--unknown{background:var(--surface-3)}.result-board-nav-item--loss{background:var(--surface-2)}.result-board-nav-item--loss img{opacity:.55;filter:grayscale(.3)}.result-board-nav-item--unknown img{opacity:.75}.result-boards{display:flex;flex-direction:column;gap:var(--s-3)}.board-result-card--win{background:var(--fg-strong);color:var(--bg-elev)}.board-result-card--win .board-result-game,.board-result-card--win .board-result-footer{color:var(--bg-elev)}.board-result-card--draw{background:var(--surface-3)}.board-result-card--loss,.board-result-card--unknown{background:var(--surface-2)}.board-result-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.board-result-card header{display:flex;align-items:center;gap:var(--s-2);white-space:nowrap}.board-result-piece{font-size:18px;vertical-align:middle;margin:0 2px}.board-result-game{font-weight:600;font-size:16px;color:var(--fg-strong)}.board-result-side-label{font-size:13px;color:var(--fg-muted)}.board-result-tag{margin-left:auto;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-muted)}.board-result-tag[data-result=win]{background:var(--success-soft);color:var(--success)}.board-result-tag[data-result=loss]{background:var(--danger-soft);color:var(--danger)}.board-result-tag[data-result=draw]{background:var(--surface-3);color:var(--fg-muted)}.board-result-thumb{display:flex;justify-content:center}.board-result-thumb>*{max-width:200px!important;width:100%}.board-result-thumb .animal-frame.mini,.board-result-thumb .shogi-frame.mini{--board-h-budget: 200px}.board-result-footer{font-size:12px;color:var(--fg-muted)}.result-kifu{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kifu-panel{background:var(--surface-1);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-sm)}.kifu-panel h4{margin:0 0 var(--s-3) 0;font-size:13px;font-weight:600;color:var(--fg-muted)}.kifu-list{display:flex;flex-direction:column;gap:0;max-height:340px;overflow-y:auto}.kifu-head{display:grid;grid-template-columns:2.4em 1fr 1fr;gap:var(--s-1);padding:0 4px 4px;border-bottom:1px solid var(--border);margin-bottom:4px}.kifu-col-label{font-size:11px;font-weight:600;color:var(--fg-muted);padding-left:10px}.kifu-row{display:grid;grid-template-columns:2.4em 1fr 1fr;gap:var(--s-1);padding:1px 4px;font-size:13px;align-items:stretch}.kifu-num{font-family:var(--font-mono);font-size:12px;color:var(--fg-faint);align-self:center;text-align:right;padding-right:2px}.kifu-cell{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);padding:3px 8px;border:none;border-left:2px solid transparent;background:transparent;border-radius:var(--r-sm);cursor:pointer;text-align:left;font:inherit;transition:background .1s ease}.kifu-cell--empty{cursor:default}.kifu-cell:not(.kifu-cell--empty):hover{background:var(--surface-2)}.kifu-cell[data-active=true]{background:var(--surface-2);border-left-color:var(--fg-strong)}.kifu-side{font-size:11px;font-weight:500;text-align:center;padding:1px 6px;border-radius:var(--r-sm);background:var(--surface-3)}.kifu-side[data-side=Host]{background:var(--fg-strong);color:var(--bg-base)}.kifu-side[data-side=Guest]{background:var(--surface-3);color:var(--fg)}.kifu-mv{font-family:var(--font-mono);font-weight:500;color:var(--fg-strong);font-size:13px}.kifu-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.board-result-card[open]{outline:1px solid var(--fg-faint)}.board-result-summary{cursor:pointer;list-style:none;user-select:none}.board-result-summary::-webkit-details-marker{display:none}.board-result-summary:focus-visible{outline:2px solid var(--fg-strong);outline-offset:2px;border-radius:var(--r-md)}.board-result-summary-inner{display:flex;flex-direction:column;gap:var(--s-3)}.board-result-card .board-result-footer{display:flex;justify-content:space-between;align-items:center}.board-result-chevron{font-size:13px;color:var(--fg-faint)}.board-result-replay{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border)}.replay-board{display:flex;justify-content:center;padding:var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-height:220px}.replay-controls{display:grid;grid-template-columns:repeat(5,auto) 1fr auto;align-items:center;gap:var(--s-2);padding:var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.btn-icon{appearance:none;background:transparent;border:1px solid var(--border);color:var(--fg-strong);width:36px;height:36px;border-radius:var(--r-md);font-size:14px;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn-icon:hover:not(:disabled){background:var(--surface-2);border-color:var(--fg-faint)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon--play{background:var(--fg-strong);color:var(--bg-base);border-color:var(--fg-strong);width:44px;height:36px;font-size:16px}.btn-icon--play:hover:not(:disabled){background:var(--fg);border-color:var(--fg);color:var(--bg-base)}.replay-slider{width:100%;accent-color:var(--fg-strong)}.replay-ply{font-size:12px;color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:56px;text-align:right}.replay-last-move{display:flex;align-items:baseline;gap:var(--s-2);font-size:13px;padding:0 var(--s-2)}.kifu-details{background:var(--surface-1);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-sm)}.kifu-details>summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--fg-muted);list-style:none;user-select:none;padding:4px 0}.kifu-details>summary::-webkit-details-marker{display:none}.kifu-details>summary:before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;background:var(--fg-muted);-webkit-mask:var(--ico-open) center / contain no-repeat;mask:var(--ico-open) center / contain no-repeat;transform:rotate(-90deg);transition:transform .15s ease}.kifu-details[open]>summary:before{transform:rotate(0)}.status-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-6) var(--s-5);background:var(--bg-elev);border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:380px;text-align:left}.status-card h2{font-size:16px;font-weight:600;letter-spacing:-.01em}.status-card p{color:var(--fg-muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em}.status-card-actions{display:flex;flex-direction:column;gap:var(--s-2);width:100%;margin-top:var(--s-2)}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);min-height:60vh;padding:var(--s-6) var(--s-5);text-align:center}.error-boundary-detail{max-width:34ch;font-family:var(--font-mono);font-size:var(--t-body-sm);color:var(--fg-muted);text-align:center;overflow-wrap:anywhere}.error-boundary h1{font-size:18px;font-weight:600;letter-spacing:-.01em}.error-boundary p{color:var(--fg-muted);font-size:13px}.wasm-error{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-4);text-align:center}.wasm-error p{font-size:13px}.wasm-error-banner{margin:var(--s-3) 0}.error-boundary button,.wasm-error button{margin-top:var(--s-2);padding:8px 20px;font-size:13px;font-weight:600;color:var(--bg);background:var(--accent);border:0;border-radius:0;cursor:pointer}.archive-meta{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.archive-meta-result{display:flex;flex-direction:column;gap:4px;padding:var(--s-3) var(--s-4);background:var(--surface-2);border-radius:var(--r-md)}.archive-meta-result strong{font-size:22px;font-weight:600;color:var(--fg-strong)}.archive-meta-result .result-eyebrow{font-size:11px;color:var(--fg-muted);font-weight:500}.archive-meta-result--win strong{color:var(--success)}.archive-meta-result--loss strong{color:var(--danger)}.archive-meta-result--draw strong{color:var(--fg-muted)}.archive-sgf-header{display:flex;justify-content:space-between;align-items:center}.archive-sgf-actions{display:flex;gap:4px}.archive-sgf-details>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--fg-muted);padding:6px 0;user-select:none}.archive-sgf-body{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-2)}.sgf-block{margin:0;padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--fg-strong);overflow:auto;max-height:50vh;white-space:pre-wrap;word-break:break-all}.loading-wait{display:grid;justify-items:center;align-content:center;gap:var(--s-5);min-height:104px}.loading-wait--shown{animation:loading-in var(--dur-slow) var(--ease-out) both}@keyframes loading-in{0%{opacity:0}to{opacity:1}}.loading-brand{margin:0;font-size:var(--t-section);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);line-height:var(--lh-tight);color:var(--fg-strong)}.loading-brand-slash{font-weight:var(--fw-regular);margin:0 -.05em}.loading-stones{position:relative;display:flex;align-items:center;gap:16px}.loading-stones:before{content:"";position:absolute;left:-16px;right:-16px;top:50%;height:1px;background:var(--rule-soft)}.loading-stone{width:12px;height:12px;border-radius:50%;box-shadow:0 1px 2px var(--stone-shadow-outer);opacity:0;animation:loading-stone-place 2.8s var(--ease-spring) infinite}.loading-stone:nth-child(odd){background:radial-gradient(circle at 32% 28%,var(--stone-black-hi) 0%,var(--stone-black-lo) 70%)}.loading-stone:nth-child(2n){background:radial-gradient(circle at 32% 28%,var(--stone-white-hi) 0%,var(--stone-white-lo) 70%)}.loading-stone:nth-child(2){animation-delay:.1s}.loading-stone:nth-child(3){animation-delay:.2s}.loading-stone:nth-child(4){animation-delay:.3s}.loading-stone:nth-child(5){animation-delay:.4s}@keyframes loading-stone-place{0%{opacity:0;transform:translateY(-6px) scale(.5)}5%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0) scale(1)}90%,to{opacity:0;transform:translateY(0) scale(1)}}.loading-label{margin:0;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-widest);color:var(--fg-muted);text-align:center}.loading-label:after{content:"…"}@media (prefers-reduced-motion: reduce){.loading-wait--shown{animation:none}.loading-stone{animation:none;opacity:1}}.loading-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) 0;color:var(--fg-muted);font-size:var(--t-body-sm)}.loading-row:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--rule-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:0 0 auto}@media (prefers-reduced-motion: reduce){.loading-row:before{animation:none;border-top-color:var(--rule)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-7) var(--s-4);text-align:center;color:var(--fg-muted);border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.empty-state-mark{font-family:var(--font-mono);font-size:var(--t-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--fg-faint)}.empty-state-text{font-size:var(--t-body-sm);color:var(--fg-muted)}.login-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4);padding:var(--s-7) var(--s-5);max-width:380px;border:0;border-radius:0;background:transparent}.login-card h1{font-size:clamp(40px,8vw,56px);font-weight:700;letter-spacing:-.045em;line-height:.9}.login-form{display:flex;flex-direction:column;gap:var(--s-3);width:100%}.login-form .cf-turnstile{align-self:stretch;min-height:65px}.login-cta{width:100%;padding:14px 18px;justify-content:center}.signup-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3);padding:var(--s-6) var(--s-5);max-width:380px;width:100%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent}.signup-card h1{font-size:clamp(28px,5vw,36px);font-weight:700;letter-spacing:-.03em;margin:0}.signup-card .muted{margin:0;font-size:13px;color:var(--fg-muted);line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}.signup-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.signup-input{font-size:18px;font-family:var(--font-mono);padding:12px 14px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--surface-1);color:var(--fg-strong);letter-spacing:.04em}.signup-input:focus{outline:1px dotted var(--fg-muted);outline-offset:3px}.signup-hint{font-size:12px;color:var(--fg-muted);font-family:var(--font-mono);margin:0}.signup-hint.bad{color:var(--danger)}.signup-error{margin:0;color:var(--danger);font-size:13px}.signup-cta{margin-top:var(--s-3);width:100%;padding:12px 18px;justify-content:center}.profile-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elev);border:1px solid var(--rule-soft);border-radius:0}.profile-avatar{width:44px;height:44px;display:grid;place-items:center;background:var(--fg-strong);color:var(--bg-elev);font-weight:600;font-size:20px;border-radius:0;flex-shrink:0}.profile-name{font-weight:600;color:var(--fg-strong);font-size:var(--t-body)}@media (max-width: 480px){.cpu-setup{--shell-pad: var(--s-3)}.app-shell{padding:var(--s-3) var(--s-3) var(--s-6);gap:var(--s-4)}.play-shell{--play-pad: var(--s-2);padding:var(--s-2) var(--play-pad) 0}.title-bar{top:var(--s-2);padding:8px var(--shell-pad, var(--s-4))}.play-title-game{font-size:var(--t-cta)}.home-header h1{font-size:22px}.room-code .value{font-size:22px;letter-spacing:.28em}.clock-side-time{font-size:18px}.clock-side{padding:6px 8px}.play-tabs .tab{min-width:70px;padding:6px 8px}.match-row a{grid-template-columns:auto 1fr;gap:var(--s-2)}.match-row time{grid-column:1 / -1;text-align:right}.result-hero-label{font-size:36px}.config-grid{grid-template-columns:1fr;gap:0}.config-grid dt{margin-top:8px}}.tutorial-page{max-width:720px;margin:0 auto;padding:12px}.tutorial-top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.tutorial-game-name{font-weight:600;letter-spacing:.08em;color:var(--fg-muted)}.tutorial-shell{display:flex;flex-direction:column;gap:var(--s-3)}.tutorial-header{display:flex;flex-direction:column;gap:4px}.tutorial-progress{font-size:12px;color:var(--fg-muted);letter-spacing:.12em}.tutorial-title{margin:0;font-size:22px}.tutorial-body{margin:0;font-family:inherit;white-space:pre-wrap;line-height:1.7;font-size:14px}.tutorial-board{display:flex;justify-content:center;position:relative}.tutorial-check-badge{position:absolute;top:8px;right:8px;background:#f44336eb;color:#fff;padding:4px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:600}.tutorial-choose{display:flex;flex-direction:column;gap:6px}.tutorial-choose-btn{text-align:left;padding:10px 14px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;font-size:14px}.tutorial-choose-btn.correct{border-color:#2e7d32;background:color-mix(in srgb,#2e7d32 18%,var(--surface))}.tutorial-choose-btn.wrong{border-color:#c62828;background:color-mix(in srgb,#c62828 18%,var(--surface))}.tutorial-feedback-row{min-height:28px;display:flex;align-items:center;justify-content:center}.tutorial-feedback{color:var(--accent);font-weight:600;font-size:14px}.tutorial-hint-text{color:var(--fg-muted);font-size:13px}.tutorial-actions{display:flex;gap:var(--s-2);justify-content:space-between;flex-wrap:wrap}.tutorial-actions .ghost,.tutorial-actions .primary,.tutorial-actions .tutorial-cta{padding:8px 14px;border-radius:var(--r-sm);font-size:14px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--fg);text-decoration:none}.tutorial-actions .primary,.tutorial-actions .tutorial-cta{background:var(--accent);border-color:var(--accent);color:#fff}.tutorial-actions .primary:disabled{opacity:.4;cursor:not-allowed}.tutorial-index-page .tutorial-title{margin:var(--s-3) 0 var(--s-1)}.tutorial-index-lead{color:var(--fg-muted);font-size:14px;margin:0 0 var(--s-3)}.tutorial-index-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--s-2)}@media (min-width: 480px){.tutorial-index-grid{grid-template-columns:repeat(2,1fr)}}.tutorial-index-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);text-decoration:none;transition:transform 80ms ease,border-color 80ms ease}.tutorial-index-card:hover{border-color:var(--accent);transform:translateY(-1px)}.tutorial-index-card.disabled{opacity:.45;cursor:not-allowed}.tutorial-index-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:10px;display:block}.tutorial-index-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tutorial-index-card-title{font-weight:600;font-size:16px}.tutorial-index-card-desc{font-size:12px;color:var(--fg-muted)}.shogi-frame{--hand-h: clamp(36px, 6vh, 56px);--frame-gap: var(--s-2);--board-h-budget: calc(100svh - 220px - var(--hand-h) * 2);--board-ar: 320 / 336.12;display:flex;flex-direction:column;gap:var(--frame-gap);width:100%;max-width:min(640px,calc(var(--board-h-budget) * var(--board-ar)));margin:0 auto;align-items:center;position:relative}.shogi-frame.mini{--hand-h: 0px;--board-h-budget: 60px;max-width:60px;gap:1px}.shogi-board{position:relative;container-type:inline-size;display:grid;grid-template-columns:repeat(9,1fr);background:#b48a5c url(/generated/shogi/board.jpg) center / 100% 100% no-repeat;gap:0;padding:5% 5% 10.0375%;border-radius:var(--r-md);box-shadow:5px 8px 17px #34241442,1px 2px 4px #34241433;width:100%;aspect-ratio:var(--board-ar);flex:0 0 auto}.shogi-frame.mini .shogi-board{gap:0;border-radius:var(--r-sm);box-shadow:none}.shogi-board .cell{background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;padding:0;position:relative;aspect-ratio:1;font-size:5.99cqw}.shogi-board .cell:disabled{cursor:default}.shogi-board .cell.selected{background:color-mix(in srgb,var(--board-wood-cell) 35%,var(--warn) 65%);box-shadow:inset 0 0 0 2px var(--warn)}.shogi-board .cell.target:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#14c8648c;pointer-events:none}.shogi-board .cell.last-move{box-shadow:inset 0 0 0 2px var(--accent)}.shogi-piece{position:absolute;inset:0;user-select:none;pointer-events:none}.shogi-piece .k-wood{position:absolute;left:-9.631%;top:-25.74%;width:119.263%;height:129.25%}.shogi-piece .k-kanji{position:absolute;inset:0;display:grid;place-items:center;line-height:1;font-weight:700;font-family:Yu Mincho,Hiragino Mincho ProN,serif;color:#1a1a18;-webkit-text-stroke:.042em currentColor;paint-order:stroke fill;text-shadow:0 1px 0 rgba(255,255,255,.28);transform:translateY(-6.72%)}.shogi-piece.flipped .k-kanji{transform:translateY(-15.52%) rotate(180deg)}.shogi-piece.promoted .k-kanji{color:#b03020}.shogi-frame.mini .shogi-piece{font-size:7px}.shogi-hand{display:flex;gap:4px;align-items:center;width:100%;max-width:min(100%,var(--board-h-budget));height:var(--hand-h);min-height:var(--hand-h);padding:2px 6px;background:transparent;border-radius:0;box-sizing:border-box}.shogi-hand.theirs{justify-content:flex-end}.shogi-hand.mine{justify-content:flex-start}.shogi-frame.mini .shogi-hand{display:none}.shogi-hand-label{font-size:12px;font-weight:600;color:var(--fg-muted);letter-spacing:.05em;padding:0 6px}.shogi-hand.theirs .shogi-hand-label{order:99}.shogi-hand-empty{font-size:11px;color:var(--fg-faint);font-style:italic;padding:0 4px}.shogi-hand-piece{display:inline-flex;align-items:center;gap:2px;height:calc(var(--hand-h) - 8px);padding:0 4px 0 0;background:transparent;border:none;cursor:pointer;border-radius:var(--r-sm);transition:filter var(--dur) var(--ease),transform 80ms var(--ease);color:var(--fg);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(11px,1.8vw,14px);font-weight:600}.shogi-hand-piece:disabled{cursor:default;opacity:.55}.shogi-hand-piece:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.shogi-hand-piece.selected{outline:2px solid var(--warn);outline-offset:1px}.shogi-hand-piece .shogi-piece.hand{position:relative;inset:auto;flex:0 0 auto;height:calc(var(--hand-h) - 6px);width:calc((var(--hand-h) - 6px) * .92273);font-size:calc((var(--hand-h) - 6px) * .46)}.shogi-hand-piece .shogi-piece.hand .k-wood{left:0;top:0;width:100%;height:100%}.shogi-hand-piece .shogi-piece.hand .k-kanji{transform:translateY(3.4%)}.shogi-hand-piece .shogi-piece.hand.flipped .k-kanji{transform:translateY(-3.4%) rotate(180deg)}.shogi-hand-piece .count{font-variant-numeric:tabular-nums;font-size:calc(var(--hand-h) * .3);font-weight:700;color:var(--fg-strong);text-shadow:0 1px 0 rgba(255,255,255,.65)}.shogi-promo-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14110c47;z-index:10}.shogi-promo-dialog{background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--r-md);padding:var(--s-3) var(--s-3) var(--s-2);box-shadow:var(--shadow-lg)}.shogi-promo-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--fg-muted);margin-bottom:var(--s-2);text-align:center}.shogi-promo-buttons{display:flex;gap:var(--s-2)}.shogi-promo-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px;padding:var(--s-2) 0 6px;background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--r-sm);cursor:pointer;color:var(--fg);transition:border-color var(--dur) var(--ease)}.shogi-promo-btn:hover,.shogi-promo-btn:focus-visible{border-color:var(--fg-strong)}.shogi-promo-koma{position:relative;width:44px;height:44px;font-size:24px}.shogi-promo-caption{font-size:12px;font-weight:600;letter-spacing:.06em}.shogi-tutorial .tutorial-feedback.warn{color:#b03020;font-weight:600}.jungo-frame{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.jungo-frame.mini{max-width:60px;display:block}.jungo-scorebar{display:flex;width:100%;justify-content:space-between;gap:var(--s-2);margin:0 auto var(--s-2);padding:6px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;color:var(--fg-strong);background:transparent;border-radius:0;flex-wrap:wrap}.jungo-score strong{font-size:16px;font-weight:700}.jungo-score.black{color:#1a1a1a}.jungo-score.white{color:var(--fg-strong)}.jungo-score.near strong{color:var(--accent-strong);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.jungo-board{--stone-black-hi: #393937;--stone-black-lo: #151515;--stone-white-hi: #f4f3ed;--stone-white-lo: #c7c5bd;position:relative;aspect-ratio:400 / 416.12;width:100%;background:#d5b781 url(/generated/jungo/board-grain.png) center / 100% 100% no-repeat;padding:0;box-sizing:border-box;border-radius:var(--r-md);box-shadow:3px 5px 12px #34241429,1px 2px 3px #3424141f}.jungo-board.mini{border-radius:var(--r-sm);box-shadow:none}.jungo-board.mini .jungo-grid-area{inset:6.729% 7%}.jungo-grid-area{position:absolute;inset:7.2043% 8.5% 13.011%}.jungo-grid-area>.board-coords,.renju-grid-area>.board-coords,.connect6-grid-area>.board-coords{inset:0}.chess-board>.board-coords{inset:5.2846% 5.2846% 8.0569%}.chess-board>.board-coords .board-coord{color:#f0e7d6b8;text-shadow:0 1px 1px rgba(0,0,0,.4)}.shogi-board>.board-coords{inset:4.7602% 5% 9.5561%}.reversi-board>.board-coords{inset:3.6426% 3.6842% 4.7718%}.draughts-board>.board-coords{inset:4%}.draughts-board>.board-coords .board-coord,.reversi-board>.board-coords .board-coord{color:#f2ecdebd;text-shadow:0 1px 1px rgba(0,0,0,.45)}.animal-board>.board-coords{inset:5.9451% 7.9268% 10.1982%}.jungo-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.jungo-intersection{position:absolute;width:12.5%;height:12.5%;transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.jungo-intersection:disabled{cursor:default}.jungo-board.mini .jungo-intersection{cursor:default;pointer-events:none}.jungo-intersection .stone{position:relative;width:90%;height:90%;border-radius:50%;box-shadow:inset 0 -1px 2px #0002,inset 0 1px 2px #fff1,0 1px 2px #241a1233;animation:stone-place-in .26s var(--ease-spring)}.jungo-intersection.black .stone{background:radial-gradient(ellipse at 35% 27%,#393937,#272726 44%,#151515 85%)}.jungo-intersection.white .stone{background:radial-gradient(ellipse at 35% 27%,#f4f3ed,#e3e1d9 56%,#c7c5bd 92%)}.jungo-intersection .stone .pa-mark{position:absolute;top:50%;left:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.jungo-intersection.black .stone .pa-mark{background:radial-gradient(circle,#f3d27a,#c89c40 80%);box-shadow:0 0 4px #f3d27a99}.jungo-intersection.white .stone .pa-mark{background:radial-gradient(circle,#6a6a6e,#3a3a3e 80%)}.jungo-intersection.legal:after{content:"";width:70%;height:70%;border-radius:50%;opacity:0;transition:opacity 80ms ease;pointer-events:none}.jungo-intersection.legal:hover:after,.jungo-intersection.legal:focus-visible:after{opacity:.45}.jungo-board.side-black .jungo-intersection.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.jungo-board.side-white .jungo-intersection.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);box-shadow:0 0 0 1px #0003 inset}.jungo-board.mini .jungo-intersection.legal:after{display:none}.jungo-intersection.tutorial-hint:before{content:"";position:absolute;inset:-8px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:tutorial-hint-pulse-ring 1.6s ease-in-out infinite}.jungo-intersection.last-move .stone{outline:2px solid var(--accent);outline-offset:-1px;animation:ring-in .2s var(--ease)}.jungo-board.mini .jungo-intersection.last-move .stone{outline-width:1px}.jungo-pass-btn{display:block;margin:calc(var(--s-4) + 8px) auto 0;padding:10px 20px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer}.jungo-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.jungo-pass-btn:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion: reduce){.jungo-intersection .stone{animation:none}}.kalah-board{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2)}.kalah-board.mini{max-width:110px;gap:0}.kalah-svg{width:100%;height:auto;aspect-ratio:12 / 5;display:block;border-radius:var(--r-md);box-shadow:var(--shadow-md);background:transparent}.kalah-board.mini .kalah-svg{box-shadow:none;border-radius:var(--r-sm)}.kalah-board .kalah-cell.legal{cursor:pointer}.kalah-board .kalah-store-label.mine{fill:#f3c34a}.kalah-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-weight:600;padding:4px 8px;background:var(--surface-1);border-radius:var(--r-sm)}.kalah-score-side{display:inline-flex;align-items:baseline;gap:6px}.kalah-score-side:last-child{justify-content:flex-end}.kalah-score-label{font-size:11px;opacity:.6}.kalah-score-val{font-size:22px;font-variant-numeric:tabular-nums}.kalah-score-side.turn{color:var(--accent)}.kalah-score-mid{display:flex;justify-content:center;min-width:120px}.kalah-free-turn{background:var(--accent);color:var(--surface-1);padding:2px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:700;animation:kalah-pulse 1.2s var(--ease)}@keyframes kalah-pulse{0%{transform:scale(.94);opacity:.6}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.kalah-swap-btn{display:block;margin:var(--s-2) auto 0;padding:10px 22px;background:var(--accent);color:var(--surface-1);border-radius:var(--r-md);font-weight:700;font-size:14px;cursor:pointer;border:none}.kalah-swap-btn:hover{filter:brightness(1.1)}@media (prefers-reduced-motion: reduce){.kalah-free-turn{animation:none}}.twixt-frame{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.twixt-frame.mini{max-width:80px}.twixt-board{position:relative;aspect-ratio:1;width:100%;max-width:720px;background:var(--board-felt);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:4px}.twixt-board.mini{max-width:80px;padding:2px;border-radius:var(--r-sm);box-shadow:none}.twixt-edge{position:absolute;pointer-events:none;z-index:1}.twixt-edge-top{top:calc(100% / 24);left:calc(100% / 24);right:calc(100% / 24);height:3px;background:#0a0a0c;border-radius:2px;transform:translateY(-50%)}.twixt-edge-bottom{bottom:calc(100% / 24);left:calc(100% / 24);right:calc(100% / 24);height:3px;background:#0a0a0c;border-radius:2px;transform:translateY(50%)}.twixt-edge-left{top:calc(100% / 24);bottom:calc(100% / 24);left:calc(100% / 24);width:3px;background:#fafafa;border-radius:2px;border:1px solid rgba(0,0,0,.5);transform:translate(-50%)}.twixt-edge-right{top:calc(100% / 24);bottom:calc(100% / 24);right:calc(100% / 24);width:3px;background:#fafafa;border-radius:2px;border:1px solid rgba(0,0,0,.5);transform:translate(50%)}.twixt-board.mini .twixt-edge-top,.twixt-board.mini .twixt-edge-bottom{height:1.5px;left:calc(100% / 24);right:calc(100% / 24)}.twixt-board.mini .twixt-edge-left,.twixt-board.mini .twixt-edge-right{width:1.5px;top:calc(100% / 24);bottom:calc(100% / 24);border:none}.twixt-guides{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);pointer-events:none;z-index:1}.twixt-guide{stroke:#dcc8786b;stroke-width:1.6;stroke-dasharray:4 4;fill:none}.twixt-grid{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(24,1fr);z-index:1}.twixt-board.mini .twixt-grid{inset:2px}.twixt-hole{background:transparent;border:0;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.twixt-hole:not(.corner):before{content:"";width:22%;height:22%;border-radius:50%;background:#0000002e;position:absolute;pointer-events:none}.twixt-board.mini .twixt-hole:before{width:32%;height:32%;background:#00000047}.twixt-hole.corner{cursor:default;background:transparent}.twixt-hole.corner:before{display:none}.twixt-hole.forbidden-edge{cursor:not-allowed}.twixt-hole.legal{background:transparent}.twixt-hole .peg{width:60%;height:60%;border-radius:50%;z-index:2;box-shadow:inset 0 -2px 4px #0000004d,inset 0 1px 2px #fff3}.twixt-hole.peg-black .peg{background:radial-gradient(circle at 32% 28%,#424247,#0a0a0c 70%)}.twixt-hole.peg-white .peg{background:radial-gradient(circle at 32% 28%,#fcfcfa,#d3cfc7 75%)}.twixt-hole.last-move:after{content:"";position:absolute;width:80%;height:80%;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:ring-in .2s var(--ease);z-index:3;background:none;box-shadow:none}.twixt-links{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);pointer-events:none;z-index:2}.twixt-board.mini .twixt-links{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.twixt-link{stroke-width:2.4;stroke-linecap:round}.twixt-link.link-black{stroke:#0a0a0c}.twixt-link.link-white{stroke:#fafafa}.twixt-board.mini .twixt-link{stroke-width:1.6}.twixt-swap-btn{display:block;margin:var(--s-2) auto 0;padding:10px 20px;background:var(--accent-soft, var(--warn-soft));color:var(--accent, var(--warn));border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer;border:0}.twixt-swap-btn:hover{background:var(--accent, var(--warn));color:var(--surface-1)}.twixt-board.not-my-turn .twixt-hole{cursor:default}.twixt-board.not-my-turn .twixt-hole.legal:after{opacity:.35}.renju-intersection .pending-stone,.connect6-intersection .pending-stone,.jungo-intersection .pending-stone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;opacity:.5;pointer-events:none;z-index:4;box-shadow:inset 0 -2px 4px #00000040,inset 0 1px 2px #ffffff2e;animation:pending-pulse 1.2s ease-in-out infinite}.renju-intersection.pending-tap-black .pending-stone,.connect6-intersection.pending-tap-black .pending-stone,.jungo-intersection.pending-tap-black .pending-stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.renju-intersection.pending-tap-white .pending-stone,.connect6-intersection.pending-tap-white .pending-stone,.jungo-intersection.pending-tap-white .pending-stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);border:1px solid rgba(0,0,0,.25)}.twixt-hole .pending-peg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;opacity:.5;pointer-events:none;z-index:3;animation:pending-pulse 1.2s ease-in-out infinite}.twixt-hole.pending-tap-black .pending-peg{background:radial-gradient(circle at 32% 28%,#424247,#0a0a0c 70%)}.twixt-hole.pending-tap-white .pending-peg{background:radial-gradient(circle at 32% 28%,#fcfcfa,#d3cfc7 75%);border:1px solid rgba(0,0,0,.25)}@keyframes pending-pulse{0%,to{opacity:.45}50%{opacity:.65}}@media (prefers-reduced-motion: reduce){.renju-intersection .pending-stone,.connect6-intersection .pending-stone,.jungo-intersection .pending-stone,.twixt-hole .pending-peg{animation:none;opacity:.5}}.janggi-frame{width:100%;max-width:540px;margin:0 auto;position:relative}.janggi-frame.mini{max-width:72px}.janggi-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:9 / 10;background:linear-gradient(135deg,#e8c989,#d8b06b);position:relative;padding:0;width:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md);color:#2a2218}.janggi-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.janggi-frame.mini .janggi-board{box-shadow:none;border-radius:var(--r-sm)}.janggi-frame.mini .janggi-intersection>.janggi-piece{font-size:0!important;width:78%!important;height:78%!important;border-width:1px!important;box-shadow:none!important}.janggi-intersection{position:relative;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.janggi-intersection>.janggi-piece{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);font-family:serif;font-weight:900;user-select:none;pointer-events:none;filter:drop-shadow(0 .5px 0 rgba(74,44,16,.85)) drop-shadow(0 2px 4px rgba(0,0,0,.4));z-index:3}.janggi-piece.cho,.janggi-piece.han{background:radial-gradient(circle at 38% 30%,#f4dda8,#d6ad66 50%,#a3762f);text-shadow:0 1px 0 rgba(255,248,224,.5),0 -1px 0 rgba(80,50,18,.25)}.janggi-piece.cho{color:#1f7a4d}.janggi-piece.han{color:#c0392b}.janggi-frame.mini .janggi-piece.cho{background:radial-gradient(circle at 35% 30%,#5cb487,#1f7a4d 68%,#145c38)}.janggi-frame.mini .janggi-piece.han{background:radial-gradient(circle at 35% 30%,#e08074,#c0392b 68%,#8d2519)}.janggi-piece-king{font-size:clamp(20px,4.4vw,36px);width:90%!important;height:90%!important}.janggi-piece-large{font-size:clamp(16px,3.8vw,32px);width:88%!important;height:88%!important}.janggi-piece-medium{font-size:clamp(14px,3.3vw,28px);width:80%!important;height:80%!important}.janggi-piece-small{font-size:clamp(12px,3vw,24px);width:72%!important;height:72%!important}.janggi-intersection.selected>.janggi-piece{outline:3px solid var(--accent);outline-offset:-3px}.janggi-intersection.target:after{content:"";position:absolute;width:36%;height:36%;border-radius:50%;background:#14c8648c;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.janggi-intersection.last-move:before{content:"";position:absolute;inset:5%;border:3px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:5px;pointer-events:none;z-index:4;animation:ring-in .2s var(--ease)}.janggi-intersection.palace-cho,.janggi-intersection.palace-han{background:#f5dca02e}.janggi-scorebar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);margin:0 auto var(--s-2);font-family:var(--font-mono);font-size:12px;padding:6px 10px;background:var(--bg-elev);border-radius:var(--r-sm);flex-wrap:wrap}.janggi-score-cho,.janggi-score-han{display:flex;align-items:baseline;gap:6px}.janggi-score-label{font-weight:700;letter-spacing:.08em}.janggi-score-cho .janggi-score-label{color:#2a4d92}.janggi-score-han .janggi-score-label{color:#8e1f10}.janggi-score-num{font-size:16px;font-weight:700;color:var(--fg-strong)}.janggi-score-pieces{font-size:10px;color:var(--fg-soft);letter-spacing:.02em}.janggi-score-cho.leading .janggi-score-num,.janggi-score-han.leading .janggi-score-num{text-decoration:underline;text-decoration-color:var(--accent)}.janggi-bikjang-warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn);padding:8px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:600;margin:0 auto var(--s-2);line-height:1.4}.janggi-actions{display:flex;justify-content:center;margin-top:var(--s-2)}.janggi-pass-btn{padding:8px 18px;background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:var(--r-md);font-weight:600;font-size:13px;cursor:pointer}.janggi-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.draughts-frame{width:100%;max-width:720px;margin:0 auto;position:relative;aspect-ratio:1 / 1}.draughts-frame.mini{max-width:60px}.draughts-board{position:relative;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:1;background:#1a3a25;gap:0;padding:4%;box-sizing:border-box;width:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:5px 8px 17px #34241442,1px 2px 4px #34241433}.draughts-frame.mini .draughts-board{box-shadow:none;border-radius:var(--r-sm)}.draughts-board .cell{display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer;position:relative;min-width:0;min-height:0;background:transparent}.draughts-board .cell.dark{background:#2e6b3a}.draughts-board .cell.light{background:#e8d8b0;cursor:default}.draughts-board .cell:disabled{cursor:default}.draughts-board .cell.selected{background:color-mix(in srgb,var(--accent) 50%,#2e6b3a)}.draughts-board .cell.cand:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#14c8648c;pointer-events:none}.draughts-board .cell.last-move{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 65%,transparent)}.draughts-board .cell.hop-taken{box-shadow:inset 0 0 0 3px #ffdc50d9}.draughts-board .cell.tutorial-hint{box-shadow:inset 0 0 0 3px var(--accent);animation:tutorial-hint-pulse 1.6s ease-in-out infinite}.draughts-disk{width:78%;height:78%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font-size:clamp(14px,3vw,24px);line-height:1;box-shadow:0 2px 4px #00000059,inset 0 -2px 3px #00000040;pointer-events:none}.draughts-disk.white{background:linear-gradient(160deg,#fdfaf2,#d8cdb6);border:2px solid #b89c5e}.draughts-disk.black{background:linear-gradient(160deg,#3a3a3a,#161616);border:2px solid #0a0a0a}.draughts-disk.king{outline:2px solid var(--accent);outline-offset:-4px}.draughts-disk.white .draughts-crown{color:#b88a2a}.draughts-disk.black .draughts-crown{color:var(--accent)}.draughts-disk.deferred{opacity:.32;filter:grayscale(.7)}.draughts-crown{font-size:.78em;font-weight:700;line-height:1;display:inline-block;transform:translateY(-1px)}.draughts-frame.not-my-turn .cell{cursor:default}.draughts-frame.mini .draughts-disk{border-width:1px;box-shadow:none;font-size:0;width:90%;height:90%;background:none}.draughts-frame.mini .draughts-disk.white{background:#fafafa;border-color:#1a1a1a}.draughts-frame.mini .draughts-disk.black{background:#161616;border-color:var(--accent)}.draughts-frame.mini .draughts-crown{display:none}.poker-board{display:flex;flex-direction:column;align-items:center;width:min(420px,95vw);max-width:100%;background:linear-gradient(180deg,#134d2e,#0e3a22);border-radius:24px;padding:12px;box-sizing:border-box;box-shadow:inset 0 0 24px #00000059,0 6px 18px #0000004d;position:relative;color:#fafafa;gap:6px;overflow:hidden}.poker-board.mini{aspect-ratio:1 / 1;width:100%;max-width:110px;padding:6px 4px;gap:2px;border-radius:12px}.poker-board.not-my-turn{opacity:.85}.poker-table-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:6px}.poker-board-cards-mini{display:flex;gap:3px;align-items:center;justify-content:center}.poker-board-cards-mini .poker-card{width:22px;height:32px;font-size:9px}.poker-mini-pot{color:#fafafa;font-size:11px;opacity:.9}.poker-seat{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;flex-shrink:0}.poker-seat-opp,.poker-seat-me{flex-direction:column}.poker-seat-info{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.poker-seat-label{font-weight:600;opacity:.9}.poker-hole-cards{display:flex;gap:4px}.poker-board-cards{display:flex;gap:6px;justify-content:center;flex-shrink:0}.poker-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:34px;height:48px;background:#fafafa;color:#1a1a1a;border-radius:6px;padding:3px 4px;box-shadow:0 1px 3px #0000004d;font-family:var(--font-mono, monospace);font-size:13px;user-select:none}.poker-card-back{background:linear-gradient(135deg,#2b5da8,#14315e);color:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 3px #00000073}.poker-card-back-pattern{display:block;width:65%;height:65%;border:2px solid rgba(255,255,255,.4);border-radius:4px}.poker-card-failed{background:#1a1a1a;color:#f5f5f5;border:2px dashed #b03a3a}.poker-card-failed-mark{font-size:22px;font-weight:800;letter-spacing:1px}.poker-hole-recovery-failed{margin-top:4px;background:#1a1a1a;color:#f5f5f5;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;border:1px solid #b03a3a;text-align:center}.poker-cheat-detected{margin-top:4px;background:#4a1212;color:#ffd6d6;font-size:12px;font-weight:800;padding:5px 12px;border-radius:8px;border:2px solid #ff4a4a;text-align:center;letter-spacing:.5px}.bg-vrf-cheat{margin-bottom:6px;background:#4a1212;color:#ffd6d6;font-size:13px;font-weight:800;padding:6px 14px;border-radius:8px;border:2px solid #ff4a4a;text-align:center;letter-spacing:.5px}.poker-red{color:#c63030}.poker-black{color:#1a1a1a}.poker-card-rank{font-weight:700;font-size:14px;align-self:flex-start}.poker-card-suit{font-size:18px;align-self:flex-end}.poker-center{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;flex:0 0 auto;justify-content:center}.poker-pot{font-size:14px;background:#0000004d;padding:4px 12px;border-radius:12px}.poker-hand-info{font-size:11px;opacity:.85}.poker-winner-banner{background:#d4af37;color:#1a1a1a;font-weight:700;padding:4px 14px;border-radius:12px;font-size:13px}.poker-chip-stack{display:inline-flex;align-items:center;gap:4px;background:#00000040;padding:2px 8px;border-radius:10px;font-size:12px}.poker-chip-icon{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0d068,#c8a428);border:1px solid rgba(0,0,0,.3)}.poker-chip-amount{font-weight:600}.poker-current-bet{font-size:11px;background:#d4af3740;color:#ffe8a0;padding:2px 8px;border-radius:10px}.poker-action-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;width:100%;padding-top:6px;flex-shrink:0}.poker-action{padding:6px 12px;font-size:13px;border:none;border-radius:8px;background:var(--bg-elev, #fafafa);color:#1a1a1a;cursor:pointer;font-weight:600}.poker-action:hover{filter:brightness(.95)}.poker-action-fold{background:#888;color:#fff}.poker-action-fold-failed-recover{background:#2a2a2a;color:#f5f5f5;border:1px solid #b03a3a}.poker-action-check,.poker-action-call{background:#4a90e2;color:#fff}.poker-action-bet,.poker-action-raise{background:#e67e22;color:#fff}.poker-action-allin{background:#c0392b;color:#fff}.poker-action-primary{background:#d4af37;color:#1a1a1a}.poker-bet-controls{display:flex;flex-direction:column;gap:6px;width:100%}.poker-bet-presets{display:flex;gap:6px;justify-content:center}.poker-size-btn{flex:1 1 0;max-width:88px;padding:5px 8px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1f;color:#fafafa;cursor:pointer}.poker-size-btn:hover{background:#ffffff38}.poker-size-btn--allin{border-color:#c0392bcc;background:#c0392b52}.poker-size-btn--allin:hover{background:#c0392b80}.poker-bet-slider{width:100%}.poker-history{position:absolute;top:8px;left:8px;width:92px;max-height:calc(100% - 16px);display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:4;font-size:10px;overflow:hidden}.poker-history-title{font-size:9px;opacity:.7;text-transform:uppercase;letter-spacing:.08em;padding:0 2px}.poker-history-entry{background:#00000073;border-radius:6px;padding:3px 5px;display:flex;flex-direction:column;gap:2px;border-left:2px solid transparent}.poker-history-entry.ph-win{border-left-color:#4ade80}.poker-history-entry.ph-lose{border-left-color:#f87171}.poker-history-entry.ph-chop{border-left-color:#facc15}.ph-row{display:flex;gap:4px;align-items:center;justify-content:space-between}.ph-num{opacity:.7;font-size:9px}.ph-result{font-weight:700;font-size:11px}.ph-result-win{color:#4ade80}.ph-result-lose{color:#f87171}.ph-result-chop{color:#facc15}.ph-pot{font-variant-numeric:tabular-nums;font-size:10px;opacity:.9}.ph-board-row{display:flex;flex-wrap:wrap;gap:1px;margin-top:1px}.ph-cards{display:flex;flex-direction:column;gap:1px}.ph-hole{display:inline-flex;align-items:center;gap:2px}.ph-hole-label{font-size:8px;opacity:.55;width:10px}.ph-card{display:inline-flex;align-items:baseline;padding:0 2px;background:#fafafa;border-radius:2px;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;line-height:1.2}.ph-card-suit{font-size:8px;margin-left:1px}.ph-red{color:#c63030}.ph-black{color:#1a1a1a}.poker-board .board-turn-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:4px 12px;border-radius:10px;font-size:12px;pointer-events:none}.poker-rankings{display:flex;flex-direction:column;gap:6px;width:min(460px,95vw);max-height:62vh;overflow-y:auto;padding:4px}.poker-rank-row{display:flex;flex-direction:column;gap:4px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.poker-rank-head{display:flex;align-items:center;gap:8px}.poker-rank-no{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#134d2e;color:#fafafa;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.poker-rank-name{font-weight:700;font-size:14px}.poker-rank-cards{display:flex;gap:4px}.poker-rank-cards .poker-card{width:28px;height:38px;border-radius:4px}.poker-rank-cards .poker-card-rank{font-size:11px}.poker-rank-cards .poker-card-suit{font-size:13px}.poker-rank-note{font-size:12px;opacity:.72}.janggi-intersection.tutorial-hint,.xq-cell.tutorial-hint,.twixt-hole.tutorial-hint{border-radius:50%;box-shadow:0 0 0 3px var(--accent);animation:tutorial-hint-pulse-soft 1.6s ease-in-out infinite;z-index:5}@keyframes tutorial-hint-pulse-soft{0%,to{box-shadow:0 0 0 3px var(--accent)}50%{box-shadow:0 0 0 3px #f3b40073,0 0 7px 2px #f3b4008c}}.puzzle-shell{--shell-pad: var(--s-4);display:flex;flex-direction:column;gap:var(--s-4);max-width:640px;margin:0 auto;padding:var(--shell-pad)}.puzzle-progress{font-size:13px;color:var(--fg-muted);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.puzzle-streak{font-weight:700;color:var(--accent-strong)}.puzzle-title-center{display:flex;align-items:center;gap:var(--s-3);font-size:13px;font-family:var(--font-mono);color:var(--fg-muted)}.puzzle-side-icon{margin-left:4px}.puzzle-filter{border-top:1px solid var(--rule-soft);padding-top:var(--s-3);margin-top:var(--s-2);justify-content:center}.puzzle-filter-chip{border:1px solid transparent;cursor:pointer;font:inherit}.puzzle-filter-chip--icon{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px}.puzzle-filter-chip--icon img{display:block}.puzzle-filter-chip.active{background:var(--fg-strong);color:var(--bg-elev)}.puzzle-filter-chip.disabled,.puzzle-filter-chip:disabled{opacity:.4;cursor:not-allowed}.puzzle-badges{display:flex;align-items:baseline;flex-wrap:nowrap;gap:var(--s-3);min-width:0;flex:0 1 auto;text-overflow:ellipsis;overflow:hidden;font-size:var(--t-body-sm);line-height:1.5;white-space:nowrap}.puzzle-badge{color:var(--fg-muted)}.puzzle-badges>.puzzle-badge:first-child{color:var(--fg-strong);font-weight:var(--fw-semibold)}.puzzle-diff--beginner.puzzle-badge{color:var(--success)}.puzzle-diff--normal.puzzle-badge{color:var(--info)}.puzzle-diff--hard.puzzle-badge{color:var(--accent)}.puzzle-chip-icon{display:block;width:26px;height:26px;color:var(--fg-strong)}.puzzle-chip-icon svg{display:block;width:100%;height:100%}.puzzle-filter-chip.pref-beginner .puzzle-chip-icon{color:var(--success)}.puzzle-filter-chip.pref-normal .puzzle-chip-icon{color:var(--info)}.puzzle-filter-chip.pref-hard .puzzle-chip-icon{color:var(--accent)}.puzzle-filter-chip.pref-off{opacity:.4}.puzzle-filter-chip.pref-off .puzzle-chip-icon{color:var(--fg-faint)}.puzzle-board-area{display:flex;justify-content:center;min-height:min(calc(100vw - 2 * var(--shell-pad, 16px)),460px)}.puzzle-board-wait{width:100%;max-width:min(calc(100vw - 2 * var(--shell-pad, 16px)),460px);border-radius:0;background:transparent;display:grid;place-items:center;padding:var(--s-4);text-align:center;color:var(--fg-muted);font-size:var(--t-body-sm)}.puzzle-board-wait--error{border:1px solid var(--rule-faint)}.puzzle-feedback{flex:0 0 auto;font-weight:600;font-size:var(--t-cta);padding:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puzzle-feedback--win{color:var(--success)}.puzzle-feedback--wrong{color:var(--accent-strong)}.puzzle-actions{display:flex;justify-content:flex-end;gap:var(--s-2);flex-wrap:nowrap;min-height:34px;align-items:center}.puzzle-actions .puzzle-badges{margin-right:auto}.puzzle-next{overflow:hidden}.puzzle-next-fill{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;background:var(--fg-strong);color:var(--bg-elev);border-radius:inherit;clip-path:inset(0 0 0 0);pointer-events:none}.puzzle-next--armed .puzzle-next-fill{animation:puzzle-next-sweep var(--auto-next-ms, 1.4s) linear forwards}.puzzle-next--armed:hover .puzzle-next-fill{animation:none;clip-path:inset(0 0 0 0)}@keyframes puzzle-next-sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){.puzzle-next--armed .puzzle-next-fill{animation:none;clip-path:inset(0 100% 0 0)}}.bg-case{position:relative}.bg-arrows{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:visible}.bg-arrow{color:#3d86d8}.bg-arrow--best{color:#2fa566}.bg-arrow--mine{color:#e4583c}.bg-arrow .bg-arrow-halo{stroke:#14100a8c;fill:none;stroke-linecap:round;stroke-linejoin:round}.bg-arrow .bg-arrow-halo--head{fill:#14100a8c}.bg-arrow .bg-arrow-line{stroke:currentColor;fill:none;stroke-linecap:round}.bg-arrow .bg-arrow-head{fill:currentColor;stroke:currentColor;stroke-linejoin:round}.puzzle-board-area:has(.bg-frame){min-height:0}.bgr{width:fit-content;max-width:100%;margin:var(--s-3) auto 0}.bgr-table{display:grid;grid-template-columns:max-content minmax(max-content,1fr);column-gap:var(--s-3)}.bgr-table>*{grid-column:1 / -1}.bgr-row{display:grid;grid-template-columns:subgrid;align-items:baseline;padding:6px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:background .1s ease}.bgr-row:hover,.bgr-row[data-active=true]{background:var(--surface-2)}.bgr-row--static{cursor:default}.bgr-row--static:hover{background:transparent}.bgr-win{font-family:var(--font-mono);font-size:13px;color:var(--fg)}.bgr-mv{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--fg-strong)}.bgr-row.is-best .bgr-mv,.bgr-row.is-best .bgr-win{color:var(--success);font-weight:600}.bgr-row.is-mine .bgr-mv,.bgr-row.is-mine .bgr-win{color:var(--accent)}.bgr-row--more{display:block;font-size:13px;color:var(--fg)}.bgr-row--more:hover{color:var(--fg)}.bgr-diff{margin:0 0 2px;padding:0 8px;font-size:12px;color:var(--fg)}.game-picker-icon-label{position:absolute;top:calc(100% - 12px);left:50%;transform:translate(-50%);width:max-content;max-width:96px;text-align:center;font-size:10px;line-height:12px;color:var(--fg-strong);pointer-events:none;visibility:hidden;z-index:2}.game-picker-item:hover .game-picker-icon-label,.game-picker-item:focus-visible .game-picker-icon-label,.game-picker-icon:hover .game-picker-icon-label,.game-picker-icon:focus-visible .game-picker-icon-label{visibility:visible}.game-picker-available>:nth-child(7n+1) .game-picker-icon-label{left:0;transform:none}.game-picker-available>:nth-child(7n) .game-picker-icon-label{left:auto;right:0;transform:none}.game-picker-custom-names{font-size:12px;color:var(--fg-muted);overflow-wrap:anywhere}