.cg{--ink:#f1ece2;--mute:#a9a397;--brass:#d8b263;--brass-hi:#f6dc9a;--good:#2ee6a6;--bad:#ff6a5c;--metal:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0) 46%),linear-gradient(180deg,rgba(34,39,50,0.62),rgba(14,17,23,0.86) 60%,rgba(8,10,14,0.92)),url(/art/pool/ui/metal.webp) center /220px;--bevel:inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -2px 0 rgba(0,0,0,0.45),0 0 0 1px rgba(0,0,0,0.7),0 6px 12px rgba(0,0,0,0.45);--dome:radial-gradient(120% 90% at 35% 18%,rgba(255,255,255,0.2),rgba(255,255,255,0.04) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.3) 100%);--leather:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(0,0,0,0.35)),url(/art/pool/ui/leather.webp) center /200px,#1b1612;--board:min(calc(100vw - 16px),calc(100dvh - 292px));position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"bar" "top" "board" "bottom" "moves" "controls";align-content:center;justify-items:center;grid-row-gap:6px;row-gap:6px;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:hidden;color:var(--ink);background:radial-gradient(75% 55% at 50% 42%,rgba(255,196,120,.13),transparent 70%),radial-gradient(130% 100% at 50% 40%,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,rgba(10,7,5,.55),rgba(6,4,3,.82)),url(/chess/ui/table.webp) 50% /640px,#120d0a;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cg>*{width:var(--board);min-width:0}.cg-bar{grid-area:bar;display:grid;grid-template-columns:40px minmax(0,1fr) 40px 40px;align-items:center;grid-gap:8px;gap:8px;width:min(100%,calc(var(--board) + 0px));min-height:44px}.cg-title{margin:0;overflow:hidden;font-size:15px;font-weight:850;letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--brass-hi)}.cg-icon{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:var(--ink);background:var(--dome),var(--metal);box-shadow:var(--bevel);cursor:pointer}.cg-icon:active{transform:translateY(1px)}.cg-icon:focus-visible,.cg-move:focus-visible,.cg-tool:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.cg-boardwrap{grid-area:board;position:relative;padding:6px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.25)),url(/chess/ui/table.webp) 50% /300px,#24170e;box-shadow:inset 0 0 0 1px rgba(216,178,99,.35),inset 0 1px 0 rgba(255,255,255,.12),0 24px 50px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.5)}.cg-boardwrap:has(.cbx.is-plain){padding:0;background:none;box-shadow:none}.cg-status{top:10px;left:50%;transform:translateX(-50%);max-width:90%;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;background:rgba(12,9,6,.88);box-shadow:inset 0 0 0 1px rgba(216,178,99,.4),0 6px 16px rgba(0,0,0,.5)}.cg-confirm,.cg-status{position:absolute;z-index:9}.cg-confirm{inset:auto 12px 12px;display:flex;justify-content:center;gap:8px}.cg-toast{position:absolute;left:50%;bottom:14px;z-index:9;transform:translateX(-50%);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:800;background:rgba(10,8,6,.9);box-shadow:inset 0 0 0 1px rgba(216,178,99,.45)}.cg-btn{min-height:44px;padding:0 18px;border:0;border-radius:12px;font:inherit;font-size:15px;font-weight:850;color:var(--ink);background:var(--dome),var(--metal);box-shadow:var(--bevel);cursor:pointer}.cg-btn.is-go{color:#052417;background:linear-gradient(180deg,#6ff7c7,#23c98e 55%,#179b6c)}.cg-top{grid-area:top}.cg-bottom{grid-area:bottom}.cg-plate{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:52px;padding:6px 8px 6px 6px;border-radius:14px;background:var(--leather);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.4);transition:box-shadow .2s ease}.cg-plate:before{content:"";position:absolute;inset:3px;border-radius:11px;border:1px dashed rgba(255,255,255,.07);pointer-events:none}.cg-plate.is-active{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1.5px rgba(216,178,99,.75),0 0 18px rgba(216,178,99,.18),0 8px 18px rgba(0,0,0,.4)}.cg-face{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.cg-face .avatar,.cg-face>img:first-child{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;object-fit:cover}.cg-face.has-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--ring)}.cg-face.has-ring>img:first-child{box-shadow:0 0 0 2px #15110d}.cg-flag{position:absolute;right:-4px;bottom:-2px;z-index:2;width:16px;height:12px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1.5px #15110d}.cg-who{display:grid;grid-gap:1px;gap:1px;min-width:0}.cg-who strong{display:flex;align-items:center;gap:6px;overflow:hidden;font-size:14.5px;font-weight:850;white-space:nowrap;text-overflow:ellipsis}.cg-emoji-flag{font-size:14px}.cg-sub{min-height:15px;overflow:hidden;font-size:11.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:var(--mute)}.cg-away{color:#ffc94d}.cg-thinking{display:inline-flex;gap:3px;padding-top:4px}.cg-thinking i{width:5px;height:5px;border-radius:50%;background:var(--brass-hi);animation:cg-dot 1.1s ease-in-out infinite}.cg-thinking i:nth-child(2){animation-delay:.15s}.cg-thinking i:nth-child(3){animation-delay:.3s}@keyframes cg-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cg-captured{display:flex;align-items:center;min-height:18px;overflow:hidden}.cg-captured img{width:18px;height:18px;margin-right:-7px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cg-captured img.is-gap{margin-left:6px}.cg-captured b{margin-left:12px;font-size:11.5px;font-weight:850;color:var(--mute)}.cg-clock{min-width:78px;padding:6px 10px;border-radius:9px;font-size:20px;font-weight:800;line-height:1.1;text-align:right;color:#8d8679;background:rgba(0,0,0,.45);box-shadow:inset 0 1px 3px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04)}.cg-clock.is-running{color:#1b130a;background:linear-gradient(180deg,#fff3cf,#e9cc87);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 1px rgba(0,0,0,.5),0 0 14px rgba(246,220,154,.25)}.cg-clock.is-low{color:#ffb3aa}.cg-clock.is-running.is-low{color:#fff;background:linear-gradient(180deg,#ff7a6b,#c22b1d);animation:cg-low 1s ease-in-out infinite alternate}@keyframes cg-low{to{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 18px rgba(255,80,60,.55)}}.cg-bubble{position:absolute;left:52px;bottom:calc(100% - 6px);z-index:10;max-width:70%;padding:7px 12px;border-radius:14px 14px 14px 4px;font-size:13px;font-weight:750;color:#1a140c;background:linear-gradient(180deg,#fffaf0,#efe4cc);box-shadow:0 8px 18px rgba(0,0,0,.45);animation:cg-pop .28s cubic-bezier(.3,1.5,.5,1) both;pointer-events:none}.cg-bottom .cg-bubble{bottom:auto;top:calc(100% - 6px);border-radius:4px 14px 14px 14px}@keyframes cg-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}}.cg-moves{grid-area:moves;min-height:0}.cg-movebox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:6px;gap:6px;min-height:38px;padding:3px 4px 3px 8px;border-radius:10px;background:rgba(0,0,0,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04)}.cg-movelist{display:flex;gap:2px;margin:0;padding:0;overflow-x:auto;list-style:none;scrollbar-width:none;scroll-behavior:smooth}.cg-movelist::-webkit-scrollbar{display:none}.cg-move-row{display:flex;flex:none;align-items:center;gap:1px}.cg-move-empty{font-size:12.5px;color:var(--mute)}.cg-move-no{padding:0 2px 0 6px;font-size:12px;font-weight:700;color:#6f6a61}.cg-move{padding:4px 6px;border:0;border-radius:6px;font:inherit;font-size:14px;font-weight:750;color:#e3dccf;background:transparent;cursor:pointer}.cg-move:hover{background:rgba(255,255,255,.07)}.cg-move.is-current{color:#1b130a;background:linear-gradient(180deg,#fff3cf,#e5c47d)}.cg-nav{display:flex;gap:2px}.cg-nav button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;font-size:20px;font-weight:700;line-height:1;color:var(--ink);background:rgba(255,255,255,.06);cursor:pointer}.cg-nav button:disabled{opacity:.3;cursor:default}.cg-nav button:first-child,.cg-nav button:last-child{display:none}.cg-controls{grid-area:controls;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:6px;gap:6px}.cg-tool{display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;min-height:52px;padding:4px;border:0;border-radius:12px;font:inherit;font-size:11.5px;font-weight:800;color:var(--ink);background:var(--dome),var(--metal);box-shadow:var(--bevel);cursor:pointer}.cg-tool:active:not(:disabled){transform:translateY(1px)}.cg-tool:disabled{opacity:.4;cursor:default}.cg-tool.is-go{color:#052417;background:linear-gradient(180deg,#6ff7c7,#23c98e 55%,#179b6c)}.cg-tool.is-bad{color:#fff;background:linear-gradient(180deg,#ff8a7a,#c22b1d)}.cg-note,.cg-opened{margin:0;font-size:14px;font-weight:750;text-align:center;color:#eafff6}.cg-opened b{color:#6ff7c7}.cg-note{color:#c9c2b4}.cg-note a{color:var(--brass-hi)}@media (orientation:landscape) and (max-height:560px){.cg{--board:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));--side:min(330px,calc(100vw - var(--board) - 40px));grid-template-columns:var(--board) var(--side);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"board bar" "board top" "board moves" "board controls" "board bottom";justify-content:center;align-content:stretch;column-gap:14px;row-gap:6px}.cg>*{width:100%}.cg-boardwrap{width:var(--board);padding:4px;align-self:center}.cg-bar{min-height:40px}.cg-icon{width:36px;height:36px}.cg-bar{grid-template-columns:36px minmax(0,1fr) 36px 36px}.cg-plate{min-height:46px;padding:4px 6px 4px 4px}.cg-moves{align-self:stretch}.cg-movebox{height:100%;min-height:0}.cg-tool{min-height:44px}.cg-tool span{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}}@media (min-width:900px) and (min-height:561px){.cg{--board:min(calc(100dvh - 40px),calc(100vw - 420px),880px);--side:340px;grid-template-columns:var(--board) var(--side);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"board bar" "board top" "board moves" "board controls" "board bottom";justify-content:center;align-content:center;column-gap:24px;row-gap:10px;padding:20px}.cg>*{width:100%}.cg-boardwrap{width:var(--board);padding:10px;border-radius:12px}.cg-plate{min-height:64px;padding:8px 10px 8px 8px}.cg-face,.cg-face .avatar,.cg-face>img:first-child{width:48px;height:48px}.cg-who strong{font-size:16px}.cg-clock{min-width:96px;font-size:26px}.cg-movebox,.cg-moves{align-self:stretch}.cg-movebox{height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;min-height:0;padding:8px}.cg-movelist{display:grid;grid-auto-rows:min-content;align-content:start;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.cg-move-row{display:grid;grid-template-columns:36px 1fr 1fr;padding:1px 0}.cg-move-row:nth-child(odd){background:rgba(255,255,255,.025)}.cg-move{text-align:left}.cg-nav{justify-content:center;gap:6px;padding-top:8px}.cg-nav button{width:56px;height:34px}.cg-nav button:first-child,.cg-nav button:last-child{display:grid}.cg-bubble{left:64px}}@media (prefers-reduced-motion:reduce){.cg-bubble,.cg-clock.is-running.is-low,.cg-thinking i{animation:none}}.cg-chat{position:absolute;z-index:4;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-radius:14px;background:rgba(12,10,8,.92);box-shadow:var(--bevel)}.cg-chat .cg-btn{font-size:13px}.cg .cg-boardwrap:has(>.cbx.has-frame){padding:0;background:none;box-shadow:none}.cg:has(.cbx.is-plain){--ink:#ffffff;--mute:#a8a6a3;--metal:linear-gradient(180deg,#3c3a37,#33312e);--leather:#262522;--dome:none;--bevel:0 0 0 1px rgba(0,0,0,0.35);background:#302e2b}.cg:has(.cbx.is-plain) .cg-plate{background:transparent;box-shadow:none}.cg:has(.cbx.is-plain) .cg-plate:before{display:none}.cg:has(.cbx.is-plain) .cg-plate.is-active{background:rgba(255,255,255,.04);box-shadow:none}.cg:has(.cbx.is-plain) .cg-clock{color:#9b9a97;background:#262522;box-shadow:none;font-size:22px}.cg:has(.cbx.is-plain) .cg-clock.is-running{color:#262421;background:#ffffff;box-shadow:none}.cg:has(.cbx.is-plain) .cg-clock.is-running.is-low{color:#ffffff;background:#b33430}.cg:has(.cbx.is-plain) .cg-captured img{width:22px;height:22px}