@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&family=Rubik:wght@600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-5{bottom:1.25rem}.right-5{right:1.25rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-10{height:2.5rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-7{width:1.75rem}.w-\[min\(360px\,calc\(100vw-2rem\)\)\]{width:min(360px,calc(100vw - 2rem))}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-\[1400px\]{max-width:1400px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-cyan-200\/30{border-color:#a5f3fc4d}.border-emerald-200\/30{border-color:#a7f3d04d}.border-rose-300\/30{border-color:#fda4af4d}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.bg-\[\#111827\]\/90{background-color:#111827e6}.bg-black\/60{background-color:#0009}.bg-cyan-500\/20{background-color:#06b6d433}.bg-emerald-500\/20{background-color:#10b98133}.bg-rose-500\/20{background-color:#f43f5e33}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/5{background-color:#ffffff0d}.bg-\[radial-gradient\(circle_at_10\%_10\%\,\#62b6ff\,transparent_35\%\)\,radial-gradient\(circle_at_80\%_0\%\,\#ffe082\,transparent_28\%\)\,linear-gradient\(165deg\,\#082645_0\%\,\#114a88_46\%\,\#07172a_100\%\)\]{background-image:radial-gradient(circle at 10% 10%,#62b6ff,transparent 35%),radial-gradient(circle at 80% 0%,#ffe082,transparent 28%),linear-gradient(165deg,#082645,#114a88 46%,#07172a)}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.font-display{font-family:Sora,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-widest{letter-spacing:.1em}.text-cyan-100{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.text-rose-100{--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-200\/80{color:#e2e8f0cc}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/65{color:#ffffffa6}.text-white\/75{color:#ffffffbf}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 14px 45px rgba(4, 33, 66, .22);--tw-shadow-colored: 0 14px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg-1: #1b2a55;--bg-2: #2d3f7d;--bg-3: #3c2b67;--panel: rgba(45, 58, 110, .68);--panel-border: rgba(255, 255, 255, .42);--board-blue-1: #3e84ff;--board-blue-2: #2b68ee;--board-blue-3: #1d4fca;--slot: #15335f;--orange-1: #ffbe52;--orange-2: #ff9816;--orange-3: #e16a00;--red-main: #ff5366;--yellow-main: #ffe255}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Nunito,sans-serif;color:#f8fbff;background:radial-gradient(circle at 8% 10%,rgba(255,198,97,.34) 0%,transparent 24%),radial-gradient(circle at 86% 12%,rgba(97,201,255,.32) 0%,transparent 26%),radial-gradient(circle at 20% 88%,rgba(255,129,184,.28) 0%,transparent 26%),radial-gradient(circle at 90% 90%,rgba(104,236,146,.24) 0%,transparent 28%),linear-gradient(145deg,var(--bg-1) 0%,var(--bg-2) 46%,var(--bg-3) 100%)}button,input,select{font:inherit}.font-display{font-family:Rubik,sans-serif;letter-spacing:.01em}.app-background{position:relative}.app-background:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(255,255,255,.85) 2px,transparent 2px),radial-gradient(rgba(255,255,255,.65) 1.3px,transparent 1.3px);background-size:44px 44px,22px 22px;background-position:0 0,11px 11px}.panel-board,.panel-side{border:1px solid var(--panel-border);background:linear-gradient(160deg,var(--panel) 0%,rgba(66,86,156,.64) 100%);border-radius:26px;box-shadow:0 22px 44px #18255442,inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-board{padding:clamp(.75rem,1vw,1.2rem)}.panel-side{padding:1rem}.panel-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.67rem;color:#e3eaffb8}.panel-block{border:1px solid rgba(255,255,255,.26);background:#121e4473;border-radius:16px;padding:.8rem;box-shadow:inset 0 1px #ffffff1f}.field-group{display:grid;gap:.35rem}.field-group>span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#e1e9ffc7}.field-group input,.field-group select,.panel-block select{width:100%;border-radius:13px;border:1px solid rgba(200,216,255,.32);background:#0d1738b8;color:#f8fbff;padding:.62rem .78rem;outline:none}.field-group select,.panel-block select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.4rem;background-image:linear-gradient(180deg,#ffffff0d,#fff0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23dbeafe' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right .7rem center;background-size:100% 100%,1.05rem}.ui-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.05rem;height:1.05rem;border-radius:.3rem;border:1px solid rgba(196,212,255,.58);background:#0a122fe0;display:grid;place-content:center;cursor:pointer;flex:0 0 auto;margin:0}.ui-checkbox:before{content:"";width:.56rem;height:.56rem;transform:scale(0);transition:transform .12s ease-in-out;clip-path:polygon(14% 52%,0 68%,43% 100%,100% 26%,84% 11%,42% 70%);background:#fff}.ui-checkbox:checked{background:linear-gradient(135deg,#fb7185,#f59e0b);border-color:#ffca7be6}.ui-checkbox:checked:before{transform:scale(1)}.ui-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px #8caeff5c}.field-group input:focus,.field-group select:focus,.panel-block select:focus{border-color:#8fb3ff;box-shadow:0 0 0 3px #6f88ff2e}.primary-button,.ghost-button,.invite-button{border:0;border-radius:13px;padding:.74rem .95rem;cursor:pointer;transition:transform .15s ease,box-shadow .18s ease,opacity .14s ease}.primary-button{background:linear-gradient(100deg,#ff6aa2,#ff8d59 55%,#ffc954);color:#fff;font-weight:700;box-shadow:0 12px 18px #ff6d7147}.primary-button:disabled{opacity:.66;cursor:not-allowed}.primary-button:hover:not(:disabled),.ghost-button:hover,.invite-button:hover{transform:translateY(-1px)}.ghost-button{border:1px solid rgba(196,212,255,.42);background:#0c183e94;color:#edf3ff}.invite-button{display:flex;align-items:center;justify-content:space-between;gap:.7rem;width:100%;text-align:left;border:1px solid rgba(96,179,255,.45);background:linear-gradient(120deg,#41bf9138,#5895ff33)}.invite-main{min-width:0}.invite-label{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:#c9e2ffd6}.invite-value{display:block;font-weight:700;font-size:.95rem;margin-top:.16rem;color:#edf7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;flex:0 0 auto;color:#f2f8ff;background:#1232756b;border:1px solid rgba(174,220,255,.35)}.invite-icon svg{width:1rem;height:1rem}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;border-radius:15px;border:1px solid rgba(255,255,255,.3);background:#0b163a66;padding:.35rem}.mode-switch>button{border:0;border-radius:11px;padding:.56rem .6rem;background:transparent;color:#d9e5ff;cursor:pointer;font-weight:600;transition:all .16s ease}.mode-switch>button:disabled{cursor:not-allowed;opacity:.56}.mode-switch>button.is-active{background:linear-gradient(100deg,#75b3ff57,#ff88bc4d);color:#fff;box-shadow:inset 0 0 0 1px #fff6}.timer-pill{border:1px solid rgba(255,255,255,.34);background:#0d183a85;border-radius:14px;padding:.74rem}.timer-pill.is-active-red{background:linear-gradient(160deg,#ff536647,#fffc);border-color:#ff53666b}.timer-pill.is-active-yellow{background:linear-gradient(160deg,#ffe25552,#fffc);border-color:#f2be1c6b}.board-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.c4-board-shell{position:relative;width:min(100%,clamp(540px,62vw,980px),calc(max(100vh - 285px,280px)*1.16));margin:0 auto;padding:clamp(8px,.92vw,13px);border-radius:28px;background:linear-gradient(160deg,var(--orange-1) 0%,var(--orange-2) 46%,var(--orange-3) 100%);box-shadow:inset 0 2px #fff4c9b8,inset 0 -7px 10px #7d3a003d,0 22px 34px #83430247}.c4-board-shell:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:22px;pointer-events:none;box-shadow:inset 0 0 0 2px #ffcd7c8c}.c4-top-rail{position:absolute;inset:7px 15px auto;height:13px;border-radius:9999px;background:linear-gradient(180deg,#fff0c7c7,#ffb9496b)}.c4-win-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;box-shadow:inset 0 0 62px #23ca7a47;pointer-events:none}.c4-grid{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,.42vw,7px);border-radius:20px;padding:clamp(7px,.82vw,11px);margin-top:7px;background:linear-gradient(164deg,var(--board-blue-1) 0%,var(--board-blue-2) 44%,var(--board-blue-3) 100%);box-shadow:inset 0 6px 20px #ffffff3d,inset 0 -10px 22px #0c2a8470,0 14px 20px #0f2b8047}.c4-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;aspect-ratio:1 / 1;border-radius:9999px;cursor:pointer;transition:transform .13s ease}.c4-cell:disabled{cursor:default}.c4-cell.is-hovered-column{transform:translateY(-1px)}.c4-hole{width:100%;height:100%;border-radius:9999px;background:radial-gradient(circle at 34% 30%,#ffffff12,#02061733 45%),var(--slot);box-shadow:inset 0 8px 13px #00000075,inset 0 -2px 6px #ffffff1a,0 0 0 2px #112c806b;overflow:hidden;position:relative;transition:box-shadow .13s ease,transform .13s ease}.c4-hole.is-hovered-column{box-shadow:inset 0 8px 13px #00000075,inset 0 -2px 6px #ffffff1a,0 0 0 2px #fff8dfe0,0 0 14px #fff8dc6b}.c4-hole.is-win{box-shadow:inset 0 8px 13px #00000075,inset 0 -2px 6px #ffffff1a,0 0 0 2px #23ca7ab8,0 0 18px #23ca7a70}.c4-disc{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:9999px;box-shadow:inset 0 10px 12px #ffffff61,inset 0 -8px 11px #00000042,0 8px 16px #00000057,0 0 0 1px #ffffff14}.c4-disc.is-red{background:radial-gradient(circle at 35% 28%,#ffe4e9 0%,var(--red-main) 44%,#b31734 100%)}.c4-disc.is-yellow{background:radial-gradient(circle at 35% 28%,#fffce1 0%,var(--yellow-main) 45%,#bf860c 100%)}.c4-disc.is-ghost{filter:saturate(.7) brightness(1.15);box-shadow:inset 0 10px 10px #ffffff6b,inset 0 -8px 8px #0003,0 0 0 1px #ffffff1f}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .95rem;border-radius:16px;border:1px solid rgba(196,216,255,.28);background:#0a1330bd}.site-footer-left{display:flex;align-items:center;gap:.85rem;min-width:0}.site-footer-brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-weight:800}.site-footer-brand:hover{color:#dbeafe}.site-footer-copy{margin:0;font-size:.9rem;color:#ecf4ffeb}.site-footer-link{color:#fff;font-weight:800;text-decoration:underline;text-decoration-color:#bfddffc7;text-underline-offset:2px}.site-footer-link:hover{color:#cbe1ff}.howto-button{border:1px solid rgba(195,215,255,.42);background:#1e3a8a73;color:#f8fbff;border-radius:11px;padding:.55rem .85rem;cursor:pointer;font-weight:700;transition:background-color .14s ease}.howto-button:hover{background:#3858ba94}@media(max-width:1024px){.panel-board,.panel-side{padding:.8rem}.c4-board-shell{width:min(100%,clamp(470px,76vw,760px),calc(max(100vh - 300px,250px)*1.14))}}@media(max-width:768px){.site-footer-left{width:100%;justify-content:space-between}.site-footer-actions,.howto-button{width:100%}.c4-board-shell{width:100%;padding:8px}}@media(min-width:640px){.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}}@media(min-width:1024px){.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px){.xl\:grid-cols-\[minmax\(0\,7fr\)_minmax\(320px\,3fr\)\]{grid-template-columns:minmax(0,7fr) minmax(320px,3fr)}}