.ag-game-connectFour{--c4-you:#f4c76b;--c4-you-deep:#c98f1c;--c4-ai:#ff7a90;--c4-ai-deep:#c93a55;--c4-board:color-mix(in srgb,#3563e9 46%,var(--panel-soft));--c4-board-edge:color-mix(in srgb,#3563e9 62%,var(--panel))}:root[data-theme=light] .ag-game-connectFour{--c4-board:#6185ee;--c4-board-edge:#2449b8}.ag-game-connectFour .c4-strip{justify-content:center;align-items:center;gap:12px;width:min(100%,520px);display:flex}.ag-game-connectFour .c4-vs{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}.ag-game-connectFour .c4-player{border:1px solid var(--hairline);background:var(--panel-soft);opacity:.72;border-radius:14px;flex:1 1 0;align-items:center;gap:10px;min-width:0;padding:9px 14px;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex}.ag-game-connectFour .c4-player.is-ai{text-align:right;flex-direction:row-reverse}.ag-game-connectFour .c4-player.is-turn{opacity:1;border-color:var(--cat);box-shadow:0 0 0 3px color-mix(in srgb,var(--cat) 22%,transparent)}.ag-game-connectFour .c4-chip-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.ag-game-connectFour .c4-chip-text strong{color:var(--ink);font-size:.95rem}.ag-game-connectFour .c4-chip-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.ag-game-connectFour .c4-chip-disc{border-radius:50%;flex:none;width:28px;height:28px;position:relative}.ag-game-connectFour .is-you .c4-chip-disc,.ag-game-connectFour .c4-disc.is-you,.ag-game-connectFour .c4-ghost.is-on{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c4-you) 70%,#fff),var(--c4-you) 45%,var(--c4-you-deep));box-shadow:inset 0 -3px #0000002e}.ag-game-connectFour .is-ai .c4-chip-disc,.ag-game-connectFour .c4-disc.is-ai{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c4-ai) 70%,#fff),var(--c4-ai) 45%,var(--c4-ai-deep));box-shadow:inset 0 -3px #0000002e}.ag-game-connectFour .is-you .c4-chip-disc:after,.ag-game-connectFour .c4-disc.is-you:after,.ag-game-connectFour .c4-ghost.is-on:after{content:"";border:3px solid #4628008c;border-radius:50%;position:absolute;inset:27%}.ag-game-connectFour .is-ai .c4-chip-disc:after,.ag-game-connectFour .c4-disc.is-ai:after{content:"";background:#50001480;border-radius:2px;position:absolute;inset:31%;transform:rotate(45deg)}.ag-game-connectFour .c4-chip-disc:after{border-width:2px}.ag-game-connectFour .c4-player.is-thinking small:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite c4-dots;display:inline-block}@keyframes c4-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.ag-game-connectFour .c4-frame{flex-direction:column;gap:6px;width:min(100%,520px);display:flex}.ag-game-connectFour .c4-preview,.ag-game-connectFour .c4-nums{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.2vw,8px);padding:0 clamp(8px,2vw,14px);display:grid}.ag-game-connectFour .c4-ghost{aspect-ratio:1;opacity:0;border-radius:50%;margin:8%;transition:opacity .15s,transform .15s;position:relative;transform:translateY(-4px)}.ag-game-connectFour .c4-ghost.is-on{opacity:.55;transform:none}.ag-game-connectFour .c4-nums span{text-align:center;color:var(--muted);font-size:.74rem;font-weight:750}.ag-game-connectFour .c4-grid{background:linear-gradient(180deg,var(--c4-board),var(--c4-board-edge));touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:18px;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.2vw,8px);padding:clamp(8px,2vw,14px);display:grid;box-shadow:inset 0 2px #ffffff1f,0 18px 40px -24px #000000b3}.ag-game-connectFour .c4-col{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:clamp(4px,1.2vw,8px);padding:0;display:flex}.ag-game-connectFour .c4-col:hover,.ag-game-connectFour .c4-col:focus-visible{background:#ffffff14}.ag-game-connectFour .c4-col:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ag-game-connectFour .c4-grid.is-locked .c4-col{cursor:default}.ag-game-connectFour .c4-grid.is-locked .c4-col:hover{background:0 0}.ag-game-connectFour .c4-col.is-full{cursor:not-allowed}.ag-game-connectFour .c4-slot{aspect-ratio:1;background:var(--bg);border-radius:50%;display:block;position:relative;box-shadow:inset 0 3px 6px #00000073}:root[data-theme=light] .ag-game-connectFour .c4-slot{background:var(--bg);box-shadow:inset 0 3px 6px #0d143359}.ag-game-connectFour .c4-disc{z-index:1;border-radius:50%;position:absolute;inset:7%}.ag-game-connectFour .c4-disc.is-dropping{animation:.42s cubic-bezier(.45,0,.9,.5) both c4-drop,.18s ease-out .42s c4-land}@keyframes c4-drop{0%{transform:translateY(calc(var(--fall,1) * -122%))}to{transform:none}}@keyframes c4-land{40%{transform:translateY(-6%)}}.ag-game-connectFour .c4-disc.is-last{box-shadow:inset 0 -3px 0 #0000002e,0 0 0 3px color-mix(in srgb,var(--ink) 55%,transparent)}.ag-game-connectFour .c4-grid.has-win .c4-disc:not(.is-win){opacity:.4;filter:saturate(.6)}.ag-game-connectFour .c4-disc.is-win{animation:1s ease-in-out .3s 3 c4-win;box-shadow:0 0 0 3px #fff,0 0 22px 4px #fff9}:root[data-theme=light] .ag-game-connectFour .c4-disc.is-win{box-shadow:0 0 0 3px #0d1433,0 0 18px 2px #0d143359}@keyframes c4-win{50%{transform:scale(.88)}}@media (width<=520px){.ag-game-connectFour .c4-strip{gap:8px}.ag-game-connectFour .c4-player{gap:8px;padding:8px 10px}.ag-game-connectFour .c4-chip-disc{width:24px;height:24px}.ag-game-connectFour .c4-vs{display:none}}@media (prefers-reduced-motion:reduce){.ag-game-connectFour .c4-disc.is-dropping,.ag-game-connectFour .c4-disc.is-win,.ag-game-connectFour .c4-player.is-thinking small:after{animation:none}.ag-game-connectFour .c4-ghost{transition:none}}@media (forced-colors:active){.ag-game-connectFour .c4-slot{border:1px solid canvastext}.ag-game-connectFour .c4-disc{forced-color-adjust:none}}