.chain-shell,.chain-shell *{box-sizing:border-box}body.site-chain-active{background:var(--site-bg,#fff);width:100%;height:100%;color:var(--site-fg,#121213);font-family:var(--site-font,Arial,Helvetica,sans-serif);margin:0;overflow:hidden}.chain-shell button,.chain-shell input{font:inherit;color:inherit}.chain-shell button{cursor:pointer}.chain-shell{--chain-green:color-mix(in srgb,var(--site-fast-color,var(--site-accent)) 14%,transparent);--chain-blue:color-mix(in srgb,var(--site-effort-color,var(--site-accent)) 12%,transparent);background:radial-gradient(circle at 16% 18%,var(--chain-green),transparent 28rem),radial-gradient(circle at 84% 76%,var(--chain-blue),transparent 31rem),radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--site-line,#d3d6da) 34%,transparent) 0 1px,transparent 1.5px 100%) 0 0/32px 32px,var(--site-bg,#fff);width:100%;height:100dvh;position:relative;overflow:hidden}.chain-view{min-width:0;min-height:0;position:absolute;inset:0}.chain-view[hidden]{display:none!important}.chain-opening{flex-direction:column;display:flex;overflow:auto}.chain-opening-inner{width:min(100%,860px);margin:auto;padding:24px 20px}.chain-opening-logo{width:100%;margin:0 0 20px}.chain-mode-grid{grid-template-columns:1.2fr .9fr .9fr;align-items:stretch;gap:12px;display:grid}.chain-mode-card{border:1px solid var(--site-line,#d3d6da);background:color-mix(in srgb,var(--site-bg,#fff) 96%,var(--site-soft,#f3f4f5));flex-direction:column;min-width:0;min-height:220px;padding:20px;display:flex}.chain-mode-card-primary{border-color:color-mix(in srgb,var(--site-fast-color,var(--site-accent)) 50%,var(--site-line,#d3d6da))}.chain-mode-eyebrow{color:var(--site-muted,#787c7e);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.chain-mode-card h2{letter-spacing:-.02em;margin:6px 0 10px;font-size:1.25rem;font-weight:750}.chain-mode-card p{color:var(--site-muted,#787c7e);margin:0 0 18px;font-size:.86rem;line-height:1.55}.chain-mode-card p:empty{display:none}.chain-mode-spec{color:var(--site-fg,#121213);font:700 .78rem/1.45 var(--site-font,system-ui);margin:0 0 14px}.chain-shell .chain-mode-action{border:1px solid var(--site-fg,#121213);min-height:40px;color:var(--site-on-fg,#fff);background:var(--site-fg,#121213);border-radius:0;margin-top:auto;padding:8px 13px;font-weight:750}.chain-shell .chain-mode-action:hover{opacity:.86}.chain-shell .chain-mode-action-secondary{color:var(--site-fg,#121213);background:0 0}.chain-preset-list{gap:7px;margin:4px 0 18px;display:grid}.chain-preset{border:1px solid var(--site-line,#d3d6da);text-align:left;background:0 0;border-radius:0;min-height:38px;padding:7px 10px;font-size:.8rem;font-weight:700}.chain-preset:hover{border-color:var(--site-fg,#121213);background:0 0}.chain-mode-card h2,.chain-mode-card p,.chain-mode-spec,.chain-preset,.chain-result h2,.chain-result p{overflow-wrap:anywhere}.chain-game-view{flex-direction:column;display:flex}.chain-topbar-context{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid}.chain-menu-button{min-width:0;color:inherit;background:0 0;border:0;justify-content:flex-start;align-items:center;margin:-8px -10px;padding:8px 10px;display:inline-flex}.chain-turn{color:var(--site-muted,#787c7e);letter-spacing:.08em;pointer-events:none;justify-self:center;align-items:center;gap:14px;font-size:11px;font-weight:700;display:flex}.chain-turn-item{white-space:nowrap;align-items:center;gap:7px;display:flex}.chain-turn-item+.chain-turn-item:before{content:"";background:var(--site-line,#d3d6da);width:1px;height:14px;margin-right:1px}.chain-turn-swatch{width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--site-fg,#121213) 22%,transparent);border-radius:50%}.chain-settings-trigger{position:static!important}.chain-settings-trigger svg{width:17px;height:17px}.chain-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;place-items:center;min-width:0;min-height:0;padding:12px 22px 18px;display:grid;position:relative;overflow:hidden}.chain-stage>canvas{touch-action:none;max-width:100%;max-height:100%;display:block}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.chain-settings{visibility:hidden;pointer-events:none}.chain-settings[data-open=true]{visibility:visible;pointer-events:auto;animation:samey-surface-in var(--site-medium,.19s) var(--site-ease-out,ease)}.chain-settings[data-open=false]{animation:none}.chain-result{z-index:55;overscroll-behavior:contain;border:1px solid var(--site-line,#d3d6da);border-radius:var(--site-radius,8px);background:var(--site-bg,#fff);isolation:isolate;background-clip:padding-box;width:min(440px,100% - 24px);max-height:calc(100dvh - 24px);padding:20px;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.chain-result[hidden]{display:none}.chain-result-eyebrow{color:var(--site-muted,#787c7e);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.chain-result h2{letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(1.65rem,7vw,2.35rem)}.chain-result p{color:var(--site-muted,#787c7e);margin:0 0 18px;line-height:1.5}.chain-result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chain-result-actions button{border:1px solid var(--site-fg,#121213);border-radius:0;min-height:40px;font-weight:750}.chain-result-actions .chain-result-primary{color:var(--site-on-fg,#fff);background:var(--site-fg,#121213)}.chain-result-actions .chain-result-secondary{background:0 0}@media (max-width:760px){.chain-mode-grid{grid-template-columns:1fr}.chain-mode-card{min-height:150px}}@media (max-width:700px){.chain-opening-inner{padding:20px 12px 24px}.chain-stage{padding:8px 12px 12px}}@media (max-width:520px){.chain-topbar-context{grid-template-columns:minmax(0,1fr) auto;gap:5px}.chain-turn{gap:8px;font-size:9px}.chain-turn-item{gap:5px}}@media (max-width:420px){.chain-mode-card{padding:16px}.chain-result{width:calc(100% - 12px);padding:14px}}@media (max-width:380px){.chain-turn{gap:5px}.chain-turn-item{gap:3px}.chain-turn-swatch{width:10px;height:10px}}.chain-stats-view{flex-direction:column;display:flex;overflow:hidden}.chain-stats-page{flex:1;width:min(920px,100% - 32px);min-height:0;margin:0 auto;padding:28px 0 48px;overflow:auto}.chain-stats-page header h1{letter-spacing:-.05em;margin:5px 0 24px;font-size:clamp(2rem,6vw,3.5rem)}.chain-stats-grid{border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);grid-template-columns:repeat(4,1fr);display:grid}.chain-stats-grid>div{border-right:1px solid var(--site-line);min-width:0;padding:18px}.chain-stats-grid>div:last-child{border-right:0}.chain-stats-grid span{color:var(--site-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;display:block}.chain-stats-grid strong{margin-top:8px;font-size:clamp(1.4rem,4vw,2.2rem);display:block}.chain-stats-history{margin-top:34px}.chain-stats-heading{border-bottom:1px solid var(--site-line);padding-bottom:10px}.chain-stats-heading h2{margin:0;font-size:1rem}.chain-stat-recent{display:grid}.chain-stat-row{border-bottom:1px solid var(--site-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:48px;font-size:.78rem;display:grid}.chain-stat-row time,.chain-stat-row span{color:var(--site-muted)}.chain-stat-row strong[data-win=true]{color:var(--site-fast-color,var(--site-accent))}.chain-stat-row strong[data-win=false]{color:var(--site-error)}.chain-stat-empty{color:var(--site-muted);padding:22px 0;font-size:.82rem}@media (max-width:620px){.chain-stats-page{width:calc(100% - 20px);padding-top:18px}.chain-stats-grid{grid-template-columns:1fr 1fr}.chain-stats-grid>div:nth-child(2){border-right:0}.chain-stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--site-line)}.chain-stat-row{grid-template-columns:minmax(0,1fr) auto}.chain-stat-row time{display:none}}.chain-stat-row-button{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.chain-stat-row-button:hover,.chain-stat-row-button:focus-visible{box-shadow:inset 2px 0 var(--site-fg);background:0 0}.chain-stat-row-button[disabled]{cursor:default;opacity:.7}.chain-stat-row-main{min-width:0}.chain-stat-row-meta{color:var(--site-muted);margin-top:2px;font-size:.68rem;display:block}.chain-stat-row-replay{color:var(--site-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.chain-replay{border-top:1px solid var(--site-line);margin-top:32px;padding-top:20px}.chain-replay[hidden]{display:none}.chain-replay-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.chain-replay-head h2{margin:4px 0;font-size:1.15rem}.chain-replay-head p{color:var(--site-muted);margin:0;font-size:.78rem}.chain-replay-close{border:1px solid var(--site-line);background:0 0;border-radius:0;min-height:32px;padding:0 10px}.chain-replay-stage{border:1px solid var(--site-line);background:var(--site-bg);place-items:center;min-height:180px;margin-top:16px;padding:12px;display:grid}.chain-replay-stage>canvas{max-width:100%;max-height:44vh;display:block}.chain-replay-controls{align-items:center;gap:7px;margin-top:10px;display:flex}.chain-replay-controls button{border:1px solid var(--site-line);background:0 0;border-radius:0;min-height:34px;padding:0 11px}.chain-replay-controls button:hover:not(:disabled),.chain-replay-controls button:focus-visible:not(:disabled){border-color:var(--site-fg);background:0 0}.chain-replay-controls button:disabled{opacity:.42}.chain-replay-status{color:var(--site-muted);white-space:nowrap;margin-left:auto;font-size:.72rem;font-weight:700}@media (max-width:620px){.chain-replay-head{gap:10px}.chain-replay-controls{grid-template-columns:repeat(3,1fr);display:grid}.chain-replay-status{text-align:right;grid-column:1/-1;margin:0}.chain-replay-stage{padding:7px}}.chain-stat-row{grid-template-columns:minmax(0,1fr) auto auto auto}.chain-stat-row-button:focus-visible{outline:2px solid color-mix(in srgb,var(--site-accent) 70%,transparent);outline-offset:-2px}@media (max-width:620px){.chain-stat-row{grid-template-columns:minmax(0,1fr) auto auto}.chain-stat-row time{display:none}}.chain-stat-row strong[data-state=active]{color:var(--site-effort-color,var(--site-accent))}.chain-stat-row strong[data-state=abandoned]{color:var(--site-warning-color,var(--site-accent))}.chain-replay-resume{color:var(--site-fg);margin-left:4px;border-color:color-mix(in srgb,var(--site-accent) 65%,var(--site-line))!important;background:color-mix(in srgb,var(--site-accent) 8%,transparent)!important}.chain-replay-resume:hover:not(:disabled),.chain-replay-resume:focus-visible:not(:disabled){background:color-mix(in srgb,var(--site-accent) 8%,transparent)!important;border-color:var(--site-accent)!important}@media (max-width:620px){.chain-replay-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-replay-resume{margin-left:0}.chain-replay-status{grid-column:1/-1}}.chain-shell button{border-radius:0!important}.chain-bot-status{z-index:10;border:1px solid var(--site-line);border-radius:var(--site-radius,8px);background:var(--site-bg);width:-moz-fit-content;width:fit-content;max-width:calc(100% - 44px);color:var(--site-muted);max-height:35vh;margin:0 auto;padding:12px;font-size:.78rem;line-height:1.5;position:absolute;bottom:18px;left:22px;right:22px;overflow:auto}.chain-bot-status[hidden],.chain-bot-status [hidden]{display:none!important}.chain-bot-status-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.chain-bot-status button{border:1px solid var(--site-line);background:var(--site-bg);min-height:36px;color:var(--site-fg);font:inherit;cursor:pointer;flex:none;padding:5px 10px}.chain-bot-status button:hover,.chain-bot-status button:focus-visible{border-color:var(--site-fg)}.chain-bot-status[data-error=true]{color:var(--site-error)}.chain-bot-status .samey-error-stack{-webkit-user-select:text;user-select:text;max-height:18vh;margin:8px 0 0}@media (max-width:700px){.chain-bot-status{max-width:calc(100% - 24px);bottom:12px;left:12px;right:12px}}.chain-turn-swatch{flex-shrink:0;position:relative}.chain-turn-swatch:after{content:"";border:2px solid var(--chain-busy-color,currentColor);opacity:0;border-right-color:#0000;border-radius:50%;position:absolute;inset:0}.chain-turn-swatch[data-busy=true]{box-shadow:none;background-color:#0000!important}.chain-turn-swatch[data-busy=true]:after{opacity:1;animation:1s linear infinite chain-opponent-spin}@keyframes chain-opponent-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.chain-turn-swatch[data-busy=true]:after{animation:none}}@media (forced-colors:active){.chain-turn-swatch[data-busy=true]:after{border-color:canvastext #0000 canvastext canvastext}}