body{background:#f4f5f1}.connect-layout{flex-direction:column;justify-content:center;align-items:center;width:min(880px,100% - 40px);min-height:calc(100vh - 68px);margin:0 auto;padding:28px 0 36px;display:flex}.match-status{text-align:center;min-height:128px}.match-status p,.match-status h2{margin:0}#turn-kicker{color:#2463eb;text-transform:uppercase;font-size:.78rem;font-weight:850}.match-status h2{margin-top:6px;font-size:2rem;line-height:1.2}.player-strip{justify-content:center;align-items:center;gap:12px;margin-top:17px;display:flex}.player-chip{color:#6b6e68;justify-content:center;align-items:center;gap:8px;min-width:120px;font-size:.82rem;font-weight:750;display:flex}.player-chip.is-current{color:#202229}.player-chip.is-winner{color:#14845a}.piece-swatch{border:2px solid #2022292e;border-radius:50%;width:15px;height:15px}.piece-one{background:#ed4b45}.piece-two{background:#f6c945}.versus{color:#a1a49e;font-size:.68rem;font-weight:850}.board-wrap{width:min(100%,620px,max(420px,116.667vh - 501.667px));padding-top:32px;position:relative}.column-guides{pointer-events:none;grid-template-columns:repeat(7,minmax(0,1fr));height:29px;display:grid;position:absolute;top:0;left:18px;right:18px}.column-guides span{color:#92958f;opacity:0;justify-content:center;align-items:center;transition:opacity .12s,transform .12s;display:flex;transform:translateY(-4px)}.column-guides svg{stroke-width:2.5px;width:19px;height:19px}.connect-board{aspect-ratio:7/6;background:#2463eb;border:1px solid #164bb9;border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;padding:17px;display:grid;box-shadow:0 10px #1648ae,0 26px 55px #1b429833}.board-column{cursor:pointer;background:0 0;border:0;grid-template-rows:repeat(6,minmax(0,1fr));gap:8px;min-width:0;min-height:0;padding:0;display:grid}.board-column:disabled{cursor:default}.board-cell{background:#f4f5f1;border-radius:50%;width:100%;min-height:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 4px #0a2a6f3d}.board-cell:after{content:"";opacity:0;border-radius:50%;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),opacity .1s;position:absolute;inset:5%;transform:translateY(-150%)}.board-cell[data-piece="1"]:after{opacity:1;background:#ed4b45;transform:translateY(0);box-shadow:inset 0 -5px #c73531,inset 0 4px #ff7771}.board-cell[data-piece="2"]:after{opacity:1;background:#f6c945;transform:translateY(0);box-shadow:inset 0 -5px #d7a821,inset 0 4px #ffe077}.board-cell.is-last:before,.board-cell.is-winning:before{z-index:2;content:"";border:2px solid #fffffff0;border-radius:50%;position:absolute;inset:36%}.board-cell.is-winning:before{border-width:3px;inset:12%}.board-column:not(:disabled):hover .board-cell.is-target:after{opacity:.45;transform:translateY(0)}.board-column[data-piece="1"] .board-cell.is-target:after{background:#ed4b45}.board-column[data-piece="2"] .board-cell.is-target:after{background:#f6c945}:is(.board-wrap:has(.board-column:first-child:not(:disabled):hover) .column-guides span:first-child,.board-wrap:has(.board-column:nth-child(2):not(:disabled):hover) .column-guides span:nth-child(2),.board-wrap:has(.board-column:nth-child(3):not(:disabled):hover) .column-guides span:nth-child(3),.board-wrap:has(.board-column:nth-child(4):not(:disabled):hover) .column-guides span:nth-child(4),.board-wrap:has(.board-column:nth-child(5):not(:disabled):hover) .column-guides span:nth-child(5),.board-wrap:has(.board-column:nth-child(6):not(:disabled):hover) .column-guides span:nth-child(6),.board-wrap:has(.board-column:nth-child(7):not(:disabled):hover) .column-guides span:nth-child(7)){opacity:1;transform:translateY(0)}.board-footer{flex-direction:column;align-items:center;min-height:92px;display:flex}.board-message{color:#747771;text-align:center;min-height:21px;margin:28px 0 12px;font-size:.86rem}.rematch-action{color:#fff;cursor:pointer;background:#202229;border:1px solid #202229;border-radius:6px;min-width:156px;min-height:46px;padding:0 20px;font-weight:800;box-shadow:0 4px #050506}.rematch-action:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}@media (width<=600px){.connect-layout{width:calc(100% - 24px);min-height:auto;padding-top:24px}.match-status{min-height:118px}.match-status h2{font-size:1.55rem}.player-chip{min-width:104px;font-size:.76rem}.connect-board{border-radius:6px;gap:4px;padding:8px}.board-column{gap:4px}.board-wrap{width:100%}.column-guides{left:8px;right:8px}}@media (height<=760px) and (width>=601px){.connect-layout{padding-top:16px;padding-bottom:20px}.match-status{min-height:108px}.board-footer{min-height:76px}.board-message{margin-top:18px}}