.connect-4-module__uiUABG__page{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:24px 14px 36px;display:flex;position:relative}.connect-4-module__uiUABG__topRow{width:min(720px,100%);margin-bottom:12px}.connect-4-module__uiUABG__backLink{color:#dffbff;background:#09162e8c;border:1px solid #6fc6ff59;border-radius:10px;padding:8px 12px;font-weight:700;display:inline-block}.connect-4-module__uiUABG__card{background:#071223e0;border:1px solid #7ab0e340;border-radius:24px;width:min(720px,100%);padding:24px;box-shadow:0 20px 45px #0000006b}.connect-4-module__uiUABG__header{text-align:center;margin-bottom:16px}.connect-4-module__uiUABG__kicker{letter-spacing:.16em;text-transform:uppercase;color:#9fd0ef;font-size:.8rem}.connect-4-module__uiUABG__header h1{letter-spacing:.05em;text-transform:uppercase;margin-top:8px;font-size:clamp(1.9rem,5vw,2.6rem)}.connect-4-module__uiUABG__status{color:#f0ba60;margin-top:10px;font-weight:700}.connect-4-module__uiUABG__boardWrapper{width:min(520px,100%);margin:0 auto}.connect-4-module__uiUABG__columnIndicators{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.connect-4-module__uiUABG__columnIndicator{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:50%;transition:background .16s;position:relative}.connect-4-module__uiUABG__columnIndicator:after{content:"▼";opacity:0;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;inset:0;transform:translateY(-4px)}.connect-4-module__uiUABG__columnIndicator:hover:after{opacity:1;transform:translateY(0)}.connect-4-module__uiUABG__columnIndicatorP1:hover:after{color:var(--neon-cyan)}.connect-4-module__uiUABG__columnIndicatorP2:hover:after{color:var(--neon-orange)}.connect-4-module__uiUABG__columnIndicator:disabled{cursor:not-allowed}.connect-4-module__uiUABG__columnIndicator:disabled:after{display:none}.connect-4-module__uiUABG__board{background:linear-gradient(145deg,#0a1e46eb,#06102af5);border:2px solid #508cdc59;border-radius:18px;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:14px;display:grid;box-shadow:inset 0 4px 20px #0006,0 8px 32px #0000004d}.connect-4-module__uiUABG__cell{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#081428b3,#030812f2);border:2px solid #3c6eb44d;border-radius:50%;transition:box-shadow .2s;box-shadow:inset 0 3px 8px #00000080}.connect-4-module__uiUABG__cellP1{background:radial-gradient(circle at 38% 32%,#5af0ff,#18a4c4 55%,#0c6a82);border-color:#5af0ff99;box-shadow:inset 0 -3px 6px #00000040,0 0 14px #2df4ff59}.connect-4-module__uiUABG__cellP2{background:radial-gradient(circle at 38% 32%,#ffb74d,#e07516 55%,#a34b00);border-color:#ffb74d99;box-shadow:inset 0 -3px 6px #00000040,0 0 14px #ff8a1f59}.connect-4-module__uiUABG__cellWin{animation:.8s ease-in-out infinite alternate connect-4-module__uiUABG__winPulse}.connect-4-module__uiUABG__cellP1.connect-4-module__uiUABG__cellWin{box-shadow:inset 0 -3px 6px #00000040,0 0 22px #2df4ffb3,0 0 44px #2df4ff4d}.connect-4-module__uiUABG__cellP2.connect-4-module__uiUABG__cellWin{box-shadow:inset 0 -3px 6px #00000040,0 0 22px #ff8a1fb3,0 0 44px #ff8a1f4d}@keyframes connect-4-module__uiUABG__winPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes connect-4-module__uiUABG__discDrop{0%{opacity:.6;transform:translateY(-400px)}60%{opacity:1;transform:translateY(6px)}80%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.connect-4-module__uiUABG__cellDrop{animation:.38s cubic-bezier(.25,.46,.45,.94) both connect-4-module__uiUABG__discDrop}.connect-4-module__uiUABG__actionRow{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.connect-4-module__uiUABG__primaryButton,.connect-4-module__uiUABG__ghostButton{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:700}.connect-4-module__uiUABG__primaryButton{color:#ecfdff;background:linear-gradient(120deg,#2df4ff5c,#5f93ff70);border-color:#7cd2ff94}.connect-4-module__uiUABG__ghostButton{color:#d9eef9;background:#0f1f30db;border-color:#7cb5da80}.connect-4-module__uiUABG__statsSection{margin-top:18px}.connect-4-module__uiUABG__statsSection h2{margin:0 0 10px;font-size:1.15rem}.connect-4-module__uiUABG__statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.connect-4-module__uiUABG__statCard{text-align:center;background:#0a1728d6;border:1px solid #7eb6e63d;border-radius:12px;padding:12px}.connect-4-module__uiUABG__statValue{color:#eeffef;margin:0;font-size:1.4rem;font-weight:700}.connect-4-module__uiUABG__statLabel{text-transform:uppercase;letter-spacing:.08em;color:#a0bed4;margin:4px 0 0;font-size:.78rem}.connect-4-module__uiUABG__statLabelP1{color:var(--neon-cyan)}.connect-4-module__uiUABG__statLabelP2{color:var(--neon-orange)}@media (max-width:520px){.connect-4-module__uiUABG__card{padding:18px 10px}.connect-4-module__uiUABG__board{gap:4px;padding:8px}.connect-4-module__uiUABG__columnIndicators{gap:4px}.connect-4-module__uiUABG__statsGrid{grid-template-columns:1fr}.connect-4-module__uiUABG__actionRow{flex-direction:column}.connect-4-module__uiUABG__primaryButton,.connect-4-module__uiUABG__ghostButton{width:100%}}