.connect-four-shell{--c4-page-bg:#080b16;--c4-surface:#0f172adb;--c4-border:#ffffff1f;--c4-text:#f8fafc;--c4-muted:#a8b2c7;--c4-status-bg:#02061780;--c4-status-border:#ffffff1a;--c4-player-text:#94a3b8;--c4-invite-bg:#facc1514;--c4-invite-border:#facc154d;--c4-invite-text:#fde68a;--c4-reset-border:#ffffff38;--c4-connection:#64748b;--c4-panel-shadow:#00000073;width:100%;min-height:100vh;color:var(--c4-text);background:radial-gradient(circle at 18% 12%,#facc1533,transparent 28%),radial-gradient(circle at 82% 88%,#ef444433,transparent 30%),var(--c4-page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;justify-content:center;align-items:center;padding:clamp(18px,4vw,56px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.canvas-container.dark .connect-four-shell,.dark .connect-four-shell,[data-theme=dark] .connect-four-shell{--c4-page-bg:#080b16;--c4-surface:#0f172adb;--c4-border:#ffffff1f;--c4-text:#f8fafc;--c4-muted:#a8b2c7;--c4-status-bg:#02061780;--c4-status-border:#ffffff1a;--c4-player-text:#94a3b8;--c4-invite-bg:#facc1514;--c4-invite-border:#facc154d;--c4-invite-text:#fde68a;--c4-reset-border:#ffffff38;--c4-connection:#64748b;--c4-panel-shadow:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.canvas-container.light .connect-four-shell,.light .connect-four-shell,[data-theme=light] .connect-four-shell{--c4-page-bg:#eff6ff;--c4-surface:#ffffffeb;--c4-border:#0f172a1f;--c4-text:#0f172a;--c4-muted:#475569;--c4-status-bg:#f1f5f9eb;--c4-status-border:#cbd5e1;--c4-player-text:#475569;--c4-invite-bg:#facc1529;--c4-invite-border:#a1620747;--c4-invite-text:#854d0e;--c4-reset-border:#0f172a3d;--c4-connection:#475569;--c4-panel-shadow:#0f172a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.connect-four-shell *{box-sizing:border-box}.connect-four-panel{border:1px solid var(--c4-border);background:var(--c4-surface);width:min(100%,720px);box-shadow:0 32px 90px var(--c4-panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px;flex-direction:column;align-items:stretch;padding:clamp(20px,4vw,42px);display:flex}.connect-four-kicker{color:#ca8a04;letter-spacing:.18em;text-align:center;margin:0 0 10px;font-size:11px;font-weight:800}.dark .connect-four-kicker,[data-theme=dark] .connect-four-kicker{color:#facc15}.connect-four-title{color:var(--c4-text);letter-spacing:-.07em;text-align:center;margin:0;font-size:clamp(40px,8vw,68px);font-weight:950;line-height:.88}.connect-four-intro{max-width:560px;color:var(--c4-muted);text-align:center;margin:20px auto 24px;font-size:14px;line-height:1.65}.connect-four-invite{border:1px solid var(--c4-invite-border);background:var(--c4-invite-bg);border-radius:14px;align-items:center;gap:10px;margin:0 0 18px;padding:9px 10px 9px 14px;display:flex}.connect-four-invite-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--c4-invite-text);-webkit-user-select:text;user-select:text;flex:1;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.connect-four-copy{color:#422006;cursor:pointer;background:#facc15;border:1px solid #a1620759;border-radius:9px;flex:none;padding:7px 10px;font-size:11px;font-weight:900}.connect-four-copy:hover{filter:brightness(1.08)}.connect-four-copy:focus-visible{outline:2px solid var(--c4-text);outline-offset:2px}.connect-four-status{border:1px solid var(--c4-status-border);background:var(--c4-status-bg);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;display:flex}.connect-four-status-text{color:var(--c4-text);font-size:14px}.connect-four-players{color:var(--c4-player-text);text-align:right;font-size:11px}.connect-four-board{background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:24px;box-shadow:inset 0 2px #ffffff38,0 18px 42px #1d4ed847;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:clamp(5px,1.2vw,10px)!important;padding:clamp(10px,2vw,18px)!important;display:grid!important}.connect-four-cell{filter:drop-shadow(0 4px 4px #00000038);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,filter .15s;aspect-ratio:1!important;color:#fff!important;background:#081020!important;border:0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:auto!important;padding:0!important;font-size:clamp(22px,6.8vw,48px)!important;line-height:1!important;display:flex!important;box-shadow:inset 0 5px 12px #000000b8,0 1px #ffffff2e!important}.connect-four-cell:hover{filter:brightness(1.16);transform:translateY(-2px)}.connect-four-cell:focus-visible{outline-offset:2px;outline:3px solid #facc15}.connect-four-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.connect-four-reset{border-color:var(--c4-reset-border)!important;color:var(--c4-text)!important}.connect-four-reset-label{font-size:13px;font-weight:750}.connect-four-connection{color:var(--c4-connection);text-transform:uppercase;letter-spacing:.14em;font-size:11px}@media (max-width:560px){.connect-four-panel{border-radius:24px}.connect-four-status{flex-direction:column;align-items:flex-start}.connect-four-players{text-align:left}.connect-four-board{border-radius:18px}.connect-four-footer{flex-direction:column;align-items:flex-start}}.connect-four-disc-anim{aspect-ratio:1;filter:drop-shadow(0 7px 7px #00000047);flex:none;pointer-events:none!important;width:82%!important;height:82%!important;display:block!important}.connect-four-disc-image{border-radius:999px}.connect-four-cell:hover .connect-four-disc-anim{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.connect-four-cell,.connect-four-disc-anim{transition:none}}.connect-four-inline-label{color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit;margin:0}
.rudra-watermark{-webkit-tap-highlight-color:transparent;text-decoration:none}a[href*=rudraapp\.in].glass,a[href*=rudraapp\.in].light,a[href*=rudraapp\.in].dark,a[href*=rudraapp\.in].minimal{box-sizing:border-box;isolation:isolate;-webkit-tap-highlight-color:transparent;border-radius:9999px;align-items:center;gap:.6rem;width:max-content;max-width:calc(100vw - 2rem);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s,filter .18s;display:inline-flex}a[href*=rudraapp\.in].glass{color:#f8fafc;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(125deg,#0f172af0,#312e81e0,#0f172af0) 0 0/220% 220%;border:1px solid #8b5cf694;padding:.58rem .82rem .58rem .62rem;animation:7s ease-in-out infinite rudra-surface-shift;box-shadow:0 10px 30px #4c1d9547,inset 0 1px #ffffff1f}a[href*=rudraapp\.in].light{color:#312e81;background:linear-gradient(135deg,#fff,#f5f3ff 55%,#ecfeff);border:1px solid #7c3aed38;padding:.58rem .82rem .58rem .62rem;box-shadow:0 10px 26px #4f46e524,inset 0 1px #fff}a[href*=rudraapp\.in].dark{color:#f8fafc;background:linear-gradient(125deg,#020617,#1e1b4b 58%,#111827);border:1px solid #d946ef6b;padding:.58rem .82rem .58rem .62rem;box-shadow:0 10px 30px #02061761,0 0 18px #a855f71f}a[href*=rudraapp\.in].minimal{color:#64748b;background:#ffffff0a;border:1px solid #8b5cf629;padding:.42rem .56rem .42rem .45rem}a[href*=rudraapp\.in].glass:hover,a[href*=rudraapp\.in].light:hover,a[href*=rudraapp\.in].dark:hover,a[href*=rudraapp\.in].minimal:hover{filter:saturate(1.12);border-color:#c084fcd1;transform:translateY(-2px)scale(1.015)}a[href*=rudraapp\.in].glass:hover,a[href*=rudraapp\.in].dark:hover{box-shadow:0 14px 36px #4c1d9561,0 0 22px #22d3ee24,inset 0 1px #ffffff29}a[href*=rudraapp\.in].light:hover{box-shadow:0 14px 34px #4f46e533}a[href*=rudraapp\.in].minimal:hover{color:#7c3aed;background:#8b5cf614}a[href*=rudraapp\.in]:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}a[href*=rudraapp\.in] .rudra-watermark-mark{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,#6366f1 42%,#d946ef 100%);border:1px solid #ffffff6b;border-radius:.65rem;flex:none;place-items:center;width:1.65rem;height:1.65rem;transition:transform .18s cubic-bezier(.2,.8,.2,1);animation:3.8s ease-in-out infinite rudra-mark-breathe;display:grid;transform:rotate(-5deg);box-shadow:0 5px 14px #6366f16b,inset 0 1px #ffffff59}a[href*=rudraapp\.in]:hover .rudra-watermark-mark{transform:rotate(4deg)scale(1.08)}a[href*=rudraapp\.in].minimal .rudra-watermark-mark{border-radius:.42rem;width:1.2rem;height:1.2rem}a[href*=rudraapp\.in] .rudra-watermark-letter{color:#fff;text-shadow:0 1px 3px #1e1b4b73;font-size:.7rem;font-weight:950;line-height:1}a[href*=rudraapp\.in].minimal .rudra-watermark-letter{font-size:.56rem}a[href*=rudraapp\.in] .rudra-watermark-label{color:inherit;letter-spacing:-.015em;white-space:nowrap;background:linear-gradient(90deg,#67e8f9,#c4b5fd 46%,#f0abfc 78%,#67e8f9) 0 0/220%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.76rem;font-weight:750;line-height:1.1;animation:5s linear infinite rudra-label-glow}a[href*=rudraapp\.in].light .rudra-watermark-label,a[href*=rudraapp\.in].minimal .rudra-watermark-label{background-image:linear-gradient(90deg,#4f46e5,#7c3aed 48%,#0891b2 78%,#4f46e5)}a[href*=rudraapp\.in].minimal .rudra-watermark-label{font-size:.69rem}@keyframes rudra-surface-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes rudra-mark-breathe{0%,to{box-shadow:0 5px 14px #6366f161,inset 0 1px #ffffff59}50%{box-shadow:0 7px 20px #d946ef7a,0 0 12px #22d3ee40,inset 0 1px #ffffff6b}}@keyframes rudra-label-glow{to{background-position:220%}}@media (prefers-reduced-motion:reduce){a[href*=rudraapp\.in].glass,a[href*=rudraapp\.in].light,a[href*=rudraapp\.in].dark,a[href*=rudraapp\.in].minimal,a[href*=rudraapp\.in] .rudra-watermark-mark,a[href*=rudraapp\.in] .rudra-watermark-label{transition:none;animation:none}}