.cc,.cc-showcase{--cc-light:#ebecd0;--cc-dark:#739552;--cc-hl:#ffff3380;--cc-hint:#00000024;--cc-page:var(--app-bg);--cc-panel:var(--app-panel);--cc-panel-2:var(--app-inset);--cc-raise:var(--app-raised);--cc-raise-2:var(--app-hover);--cc-text:var(--app-text);--cc-grey:var(--app-muted);--cc-dim:var(--app-dim);--cc-green:var(--app-success);--cc-green-hi:var(--app-success-hover);--cc-green-edge:var(--app-success-edge);--cc-red:var(--app-danger-fill);--f-cc:var(--font-app)}.gt.cc{--gt-bg:var(--cc-page);--gt-raise:var(--cc-panel);--gt-raise-2:var(--cc-raise);--gt-text:var(--cc-text);--gt-grey:var(--cc-grey);--gt-dim:var(--cc-dim);--gt-accent:var(--app-accent);--gt-accent-edge:var(--cc-green-edge);--f-gt:var(--font-app);--f-gt-display:var(--font-app);background:var(--cc-page);font-family:var(--f-cc)}.cc .gt-lobby-players li{background:var(--cc-panel-2);border-color:#0000;border-radius:6px}.cc .gt-code{color:var(--app-text);-webkit-text-stroke:0;font-weight:800}.cc .gt-check{color:#fff}.cc .gt-veil{background:var(--app-overlay);-webkit-backdrop-filter:none;backdrop-filter:none}.cc .gt-loader i{background:var(--cc-light)}.cc .gt-loader i:nth-child(2){background:var(--cc-dark)}.cc .gt-note.error{background:var(--cc-red)}.cc .gt-logo{-webkit-text-stroke:0;text-shadow:none}.cc .gt-entrance-hero>p{margin-top:18px}.cc .gt-entrance-board{aspect-ratio:1;border-radius:4px;width:min(100%,470px);box-shadow:0 18px 50px #0008}.cc-showcase{background:var(--cc-page);place-items:center;display:grid;position:absolute;inset:0;container-type:size}.cc-showcase .cc-board{cursor:default;width:min(100cqw,100cqh)}.gt-vars .cc-showcase{background:var(--app-bg)}.gt-vars .cc-showcase .cc-board{width:min(64cqw,100cqh);transform:perspective(1100px)rotateX(36deg)translateY(-4%)}.gt-vars .cc-showcase .cc-grid{box-shadow:0 30px 40px #0009}.cc-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;position:relative}.cc-grid{--n:8;border-radius:3px;position:absolute;overflow:hidden;container-type:inline-size}.cc-squares{width:100%;height:100%;display:block;position:absolute;inset:0}.cc-squares .light{fill:var(--cc-light)}.cc-squares .dark{fill:var(--cc-dark)}.cc-grid>i{width:calc(100% / var(--n));height:calc(100% / var(--n));left:calc(var(--x) * 100% / var(--n));top:calc(var(--y) * 100% / var(--n));pointer-events:none;position:absolute}.cc-pre{z-index:1;background:#e830308c}.cc-hl{background:var(--cc-hl)}.cc-mark{opacity:1}.cc-check{background:radial-gradient(red 0%,#e70000 25%,#a9000000 89%,#9e000000 100%)}.cc-hover{z-index:3;box-shadow:inset 0 0 0 max(3px,.55cqw) #ffffffa6}.cc-dot{z-index:4;background:radial-gradient(circle, var(--cc-hint) 19%, transparent 20%)}.cc-ring{z-index:4;background:radial-gradient(circle, transparent 79%, var(--cc-hint) 80%)}.cc-coords{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cc-coords text{font:700 2.55px var(--f-cc);dominant-baseline:hanging}.cc-coords text[text-anchor=end]{dominant-baseline:auto}.cc-coords .on-light{fill:var(--cc-dark)}.cc-coords .on-dark{fill:var(--cc-light)}.cc-coords text.small{opacity:.85;font-size:1.9px}.cc-piece{z-index:2;width:calc(100% / var(--n));height:calc(100% / var(--n));pointer-events:none;transition:transform .14s cubic-bezier(.25,.75,.35,1);position:absolute;top:0;left:0}.cc-piece svg{filter:drop-shadow(0 .25cqw #0000001f);width:100%;height:100%;padding:2%;display:block}.cc-piece.dragging{z-index:10;cursor:grabbing;transition:none}.cc-piece.dragging svg{scale:1.06}.cc-board.turned .cc-piece,.cc-piece.still{transition:none}.cc-arrows{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cc-promo{z-index:20;left:calc(var(--x) * 100% / var(--n));width:calc(100% / var(--n));background:#fff;border-radius:3px;grid-template-rows:repeat(4,auto) auto;animation:.12s ease-out both cc-drop;display:grid;position:absolute;top:0;overflow:hidden;box-shadow:3px 3px 10px #00000073}.cc-promo.up{flex-direction:column-reverse;grid-auto-flow:row;display:flex;top:auto;bottom:0}.cc-promo button{aspect-ratio:1;border-radius:50%;place-items:center;margin:0;transition:background .1s;display:grid}.cc-promo button svg{width:88%;height:88%}.cc-promo button:hover{background:radial-gradient(circle,#b0b0b0,gray);border-radius:0}.cc-promo .cc-promo-x{aspect-ratio:auto;background:var(--app-inset);height:6cqw;color:var(--app-text);border-radius:0}.cc-promo .cc-promo-x:hover{background:var(--app-hover);color:var(--app-text)}.cc-promo .cc-promo-x svg{width:2.6cqw;height:2.6cqw}@keyframes cc-drop{0%{opacity:0;transform:translateY(-6px)}}.cc-table{width:100%;max-width:1500px;min-height:0;padding:0 var(--gt-gutter) 16px;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:16px;margin:0 auto;display:grid}.cc-col{justify-content:flex-end;min-width:0;min-height:0;display:flex;container-type:size}.cc-stack{grid-template-rows:auto auto auto;align-content:start;gap:8px;width:min(100cqw,100cqh - 112px);display:grid}.cc-board-box{position:relative}.cc-premoves{background:var(--app-danger-bg);color:var(--app-danger);font:700 13px var(--f-cc);border-radius:6px;margin:0 12px 8px;padding:8px 12px}.cc-notation{align-items:center;display:inline-flex}.cc-bar{align-items:center;gap:10px;min-height:48px;display:flex}.cc-avatar{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.cc-avatar svg{width:100%;height:100%}.cc-avatar.big{width:64px;height:64px}.cc-who{flex:1;gap:2px;min-width:0;display:grid}.cc-who b{font:700 14.5px var(--f-cc);color:var(--app-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.cc-who b small{background:var(--cc-raise);color:var(--cc-grey);font:700 10.5px var(--f-cc);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:1px 6px}.cc-caps{align-items:center;gap:6px;min-height:18px;display:flex}.cc-capgroup{display:inline-flex}.cc-capgroup svg{width:18px;height:18px}.cc-capgroup svg+svg{margin-left:-11px}.cc-caps em{font:700 12px var(--f-cc);color:var(--cc-dim);font-style:normal}.cc-clock{min-width:128px;height:44px;font:700 24px var(--f-cc);font-variant-numeric:tabular-nums;letter-spacing:.01em;opacity:.55;border-radius:4px;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;padding:0 12px;transition:opacity .15s,background .15s;display:inline-flex}.cc-clock.w{color:#312e2b;background:#fff}.cc-clock.b{color:#fff;background:#1a1917;box-shadow:inset 0 0 0 1px #ffffff1a}.cc-clock.active{opacity:1}.cc-clock svg{opacity:.7}.cc-clock.low{background:var(--cc-red);color:#fff}.cc-side{flex-direction:column;min-height:0;display:flex;overflow:hidden}.cc-side-head{background:var(--cc-panel-2);color:var(--cc-grey);align-items:center;gap:8px;padding:14px 16px;display:flex}.cc-side-head b{color:var(--app-text);font-size:15px}.cc-side-head span{color:var(--cc-dim);margin-left:auto;font-size:13px;font-weight:700}.cc-moves{font-variant-numeric:tabular-nums;flex:1;min-height:120px;padding:6px 0;overflow-y:auto}.cc-row{grid-template-columns:44px 1fr 1fr;align-items:center;padding:1px 10px 1px 0;display:grid}.cc-row:nth-child(2n){background:var(--app-inset)}.cc-num{color:var(--cc-dim);padding-left:16px;font-size:14px;font-weight:700}.cc-move{color:var(--cc-grey);font:700 14.5px var(--f-cc);border-bottom:2px solid #0000;border-radius:3px;justify-self:start;align-items:center;gap:1px;padding:3px 6px;display:inline-flex}.cc-move:hover{background:var(--app-hover);color:var(--app-text)}.cc-move.on{background:var(--app-selected);color:var(--app-text);border-bottom-color:var(--app-accent)}.cc-fig{width:17px;height:17px;margin-right:1px}.cc-empty{color:var(--cc-grey);padding:18px 16px;font-weight:700}.cc-offer{background:var(--cc-raise);border-radius:6px;gap:10px;margin:0 12px 10px;padding:12px;font-size:14px;font-weight:700;display:grid}.cc-offer>span{align-items:center;gap:8px;display:flex}.cc-offer>div{gap:8px;display:flex}.cc-nav{border-top:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px;display:grid}.cc-nav button{place-items:center;display:grid}.cc-actions{flex-wrap:wrap;gap:8px;padding:4px 12px 14px;display:flex}.cc-actions>.cc-btn{flex:1}.cc-over{width:100%;color:var(--cc-grey);font-size:14px;font-weight:700}.cc-btn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.cc-half{font-size:17px;font-weight:800}.cc-result{z-index:30;background:var(--app-overlay);place-items:center;padding:16px;animation:.2s both cc-fade;display:grid;position:absolute;inset:0}.cc-result-card{gap:10px;width:min(320px,100%);padding-bottom:16px;animation:.28s cubic-bezier(.2,.8,.2,1) both gt-pop;display:grid;position:relative;overflow:hidden}.cc-result-card>.cc-btn{margin:0 16px}.cc-result-card header{text-align:center;background:var(--cc-raise);justify-items:center;gap:4px;padding:18px 16px 16px;display:grid}.cc-result-card header.win{background:var(--app-success)}.cc-result-card header.loss{background:var(--app-raised)}.cc-result-card header svg{color:#ffd34d;filter:drop-shadow(0 2px #0004)}.cc-result-card header.loss svg{color:var(--cc-grey)}.cc-result-card h2{color:var(--app-text);text-shadow:none}.cc-result-card header p{color:var(--app-muted);font-size:14px;font-weight:700}.cc-result-x{z-index:1;position:absolute;top:8px;right:8px}.cc-result-players{justify-content:center;align-items:flex-start;gap:18px;padding:8px 16px 6px;display:flex}.cc-result-player{justify-items:center;gap:6px;max-width:110px;display:grid;position:relative}.cc-result-player b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;overflow:hidden}.cc-result-player.won .cc-avatar{box-shadow:0 0 0 3px var(--cc-green)}.cc-vs{color:var(--cc-dim);font:800 13px var(--f-cc);font-style:normal;position:absolute;top:22px;left:-16px;translate:-50%}@keyframes cc-fade{0%{opacity:0}}@media (max-width:980px){.cc-table{grid-template-columns:1fr;padding-bottom:24px}.cc-col{justify-content:center;container-type:inline-size}.cc-stack{width:min(100cqw,100dvh - 190px);min-width:min(100%,300px)}.cc-side{justify-self:center;width:100%;max-width:min(100%,640px)}.cc-moves{max-height:200px}}@media (max-width:560px){.cc-clock{min-width:96px;height:38px;font-size:20px}.cc-stack{width:100cqw}}@media (prefers-reduced-motion:reduce){.cc-piece{transition:none}}.cc-result-card header.win :is(h2,p){color:#fff}