.connect-four-container.svelte-jyred1{background:radial-gradient(circle at top,#46467866,#0a0a14cc);justify-content:center;align-items:flex-start;min-height:calc(100vh - 44px);padding:24px;display:flex}.panel.svelte-jyred1{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1221eb;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;gap:24px;width:100%;max-width:900px;padding:32px;display:flex;box-shadow:0 25px 80px #00000073}.panel-header.svelte-jyred1{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.title.svelte-jyred1{color:#fffffff2;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;display:flex}.title.svelte-jyred1 svg{color:#fffc}.mode-toggle.svelte-jyred1{color:#fffc;align-items:center;gap:12px;font-size:.95rem;display:flex}.switch.svelte-jyred1{width:48px;height:26px;display:inline-block;position:relative}.switch.svelte-jyred1 input:where(.svelte-jyred1){opacity:0;width:0;height:0}.slider.svelte-jyred1{cursor:pointer;background:#fff3;border-radius:999px;transition:all .3s;position:absolute;inset:0}.slider.svelte-jyred1:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:4px}.switch.svelte-jyred1 input:where(.svelte-jyred1):checked+.slider:where(.svelte-jyred1){background:#ffc93c99}.switch.svelte-jyred1 input:where(.svelte-jyred1):checked+.slider:where(.svelte-jyred1):before{transform:translate(20px)}.scores.svelte-jyred1{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.score-card.svelte-jyred1{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.score-label.svelte-jyred1{color:#fffc;align-items:center;gap:10px;display:flex}.score-label.svelte-jyred1 svg{color:#ffffffa6}.disc-swatch.svelte-jyred1{border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:0 0 8px #0006}.disc-swatch.red.svelte-jyred1{background:linear-gradient(135deg,#ff4a6b,#ff1f3d)}.disc-swatch.yellow.svelte-jyred1{background:linear-gradient(135deg,#ffd54b,#ffb347)}.score-value.svelte-jyred1{color:#fffffff2;font-size:1.8rem;font-weight:600}.status-banner.svelte-jyred1{color:#ffffffe6;background:#ffffff0d;border:1px solid #0000;border-radius:18px;padding:18px 22px;font-size:1.05rem;font-weight:500}.status-banner.won.svelte-jyred1{background:linear-gradient(120deg,#ff647833,#ff96a514);border-color:#ff647866}.status-banner.lost.svelte-jyred1{background:linear-gradient(120deg,#ffce5433,#ffce540d);border-color:#ffce5466}.status-banner.draw.svelte-jyred1{background:#ffffff14;border-color:#fff3}.board-wrapper.svelte-jyred1{background:linear-gradient(#1c3c82f2,#0a143cf2);border:1px solid #00287880;border-radius:28px;padding:24px 24px 16px;box-shadow:inset 0 0 50px #00000059}.board.svelte-jyred1{grid-template-rows:repeat(6,1fr);gap:8px;display:grid}.board-row.svelte-jyred1{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.slot.svelte-jyred1{cursor:pointer;background:radial-gradient(circle at 30% 30%,#ffffff40,#060819d9);border:0;border-radius:50%;width:80px;height:80px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:inset 0 6px 12px #0006}.slot.svelte-jyred1:disabled{cursor:not-allowed}.slot.svelte-jyred1:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 6px 12px #0006,0 6px 16px #00000040}.slot-glow.svelte-jyred1{filter:blur(6px);opacity:0;pointer-events:none;background:#ffffff14;border-radius:50%;transition:opacity .2s;position:absolute;inset:6px}.slot.red.svelte-jyred1 .slot-glow:where(.svelte-jyred1),.slot.yellow.svelte-jyred1 .slot-glow:where(.svelte-jyred1){opacity:1}.disc.svelte-jyred1{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:inline-flex;position:relative}.disc.svelte-jyred1:after{content:"";background:#ffffff14;border-radius:50%;position:absolute;inset:3px}.disc-inner.svelte-jyred1{background:#ffffff0a;border-radius:50%;width:48px;height:48px;position:relative;box-shadow:inset 0 4px 8px #00000059}.slot.red.svelte-jyred1 .disc:where(.svelte-jyred1){background:linear-gradient(145deg,#ff274b,#da0435)}.slot.yellow.svelte-jyred1 .disc:where(.svelte-jyred1){background:linear-gradient(145deg,#ffd54b,#f6a21a)}.slot.red.svelte-jyred1 .disc-inner:where(.svelte-jyred1){background:radial-gradient(circle at 30% 30%,#fff9,#c80028cc)}.slot.yellow.svelte-jyred1 .disc-inner:where(.svelte-jyred1){background:radial-gradient(circle at 30% 30%,#ffffffb3,#ffbc00d9)}.slot.winning.svelte-jyred1{animation:1.2s ease-in-out infinite alternate svelte-jyred1-pulse;box-shadow:0 0 20px #ffffffb3,inset 0 0 12px #fff6}.slot.last-move.svelte-jyred1:not(.winning){box-shadow:0 0 12px #fff6,inset 0 0 12px #ffffff26}@keyframes svelte-jyred1-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.column-labels.svelte-jyred1{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px;display:grid}.drop-target.svelte-jyred1{color:#ffffffd9;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:6px 0;font-size:.85rem;transition:background .2s,transform .2s}.drop-target.svelte-jyred1:disabled{opacity:.3;cursor:not-allowed}.drop-target.svelte-jyred1:not(:disabled):hover{background:#ffffff1f;transform:translateY(-1px)}.controls.svelte-jyred1{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.control.svelte-jyred1{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-weight:500;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.control.primary.svelte-jyred1{color:#fff;background:linear-gradient(120deg,#5584ff59,#3455ffcc);border-color:#6e96ff99}.control.ghost.svelte-jyred1{color:#ffffffd9;background:0 0;border-color:#ffffff40}.control.svelte-jyred1:hover{transform:translateY(-1px)}.control.primary.svelte-jyred1:hover{border-color:#6e96ffe6}.control.ghost.svelte-jyred1:hover{border-color:#ffffff80}@media (max-width:768px){.panel.svelte-jyred1{padding:20px}.board-wrapper.svelte-jyred1{padding:16px 16px 12px}.slot.svelte-jyred1{width:56px;height:56px}.disc.svelte-jyred1{width:44px;height:44px}.disc-inner.svelte-jyred1{width:36px;height:36px}}@media (max-width:520px){.connect-four-container.svelte-jyred1{padding:16px}.panel.svelte-jyred1{border-radius:18px;padding:18px}.scores.svelte-jyred1{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.column-labels.svelte-jyred1{display:none}}