.connect4-board{--c4-cell:56px;position:relative;display:grid;grid-template-columns:repeat(7,var(--c4-cell));grid-template-rows:repeat(6,var(--c4-cell));gap:4px;padding:12px;background:linear-gradient(160deg,rgba(15,35,80,.7),rgba(20,50,110,.55));border:1px solid rgba(80,130,220,.25);border-radius:14px;box-shadow:inset 0 0 30px rgba(0,0,0,.5)}@media (max-width:600px){.connect4-board{--c4-cell:40px;gap:3px;padding:8px}}@media (max-width:420px){.connect4-board{--c4-cell:34px;gap:2px;padding:6px}}.board-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.connect4-cell{position:relative;z-index:1;width:var(--c4-cell);height:var(--c4-cell);background:0 0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(8,18,40,.65),inset 0 6px 10px rgba(0,0,0,.45);transition:background-color .15s,box-shadow .15s,transform .15s}.connect4-cell.column-hover{background:rgba(0,255,136,.05)}.connect4-board:not(.disabled) .connect4-cell.column-hover:hover{background:rgba(0,255,136,.16);box-shadow:inset 0 0 0 2px rgba(0,255,136,.5),inset 0 4px 10px rgba(0,0,0,.3);transform:scale(1.04)}.connect4-cell.drop-target::after{content:"";position:absolute;inset:18%;border-radius:50%;border:2px dashed rgba(0,255,136,.55);pointer-events:none;animation:c4Pulse 1.4s ease-in-out infinite alternate}@keyframes c4Pulse{0%{opacity:.45;transform:scale(.9)}100%{opacity:.9;transform:scale(1.06)}}.connect4-board.disabled .connect4-cell,.connect4-cell.disabled{cursor:default}.connect4-board.disabled .connect4-cell.column-hover{background:0 0}.connect4-board.disabled .connect4-cell.drop-target::after{content:none}.connect4-cell.win-cell{box-shadow:inset 0 0 0 2px #0f8,inset 0 6px 10px rgba(0,0,0,.45),0 0 12px rgba(0,255,136,.55);animation:c4WinPulse .7s ease-in-out infinite alternate}@keyframes c4WinPulse{0%{box-shadow:inset 0 0 0 2px #0f8,inset 0 6px 10px rgba(0,0,0,.45),0 0 6px rgba(0,255,136,.3)}100%{box-shadow:inset 0 0 0 2px #6fa,inset 0 6px 10px rgba(0,0,0,.45),0 0 18px rgba(0,255,136,.7)}}.connect4-cell.last-move:not(.win-cell){box-shadow:inset 0 0 0 2px rgba(255,220,0,.5),inset 0 6px 10px rgba(0,0,0,.45)}.player-disc{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-3px;margin:0 2px}.player-disc.x{background:radial-gradient(circle at 35% 30%,#ff8aa0 0,#f46 55%,#c4314c 100%);box-shadow:0 0 8px rgba(255,68,102,.5),inset 0 -1px 2px rgba(0,0,0,.4)}.player-disc.o{background:radial-gradient(circle at 35% 30%,#9ed1ff 0,#4af 55%,#2e7fc4 100%);box-shadow:0 0 8px rgba(68,170,255,.5),inset 0 -1px 2px rgba(0,0,0,.4)}.other-game-links{display:flex;justify-content:center;gap:18px;margin-top:14px}