.g-four-in-a-row{--fir-frame:#1f56b8;--fir-frame-2:#17448f;--fir-hole:#e9eef7;--fir-red:#e23b3b;--fir-yellow:#f3c316;margin:0 auto;max-width:100%;line-height:0;touch-action:manipulation;outline:none;cursor:pointer;user-select:none;-webkit-user-select:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-four-in-a-row{--fir-frame:#2a5fb8;--fir-frame-2:#1d4688;--fir-hole:#10151c}}:root[data-theme=dark] .g-four-in-a-row{--fir-frame:#2a5fb8;--fir-frame-2:#1d4688;--fir-hole:#10151c}.g-four-in-a-row:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.g-four-in-a-row .fir-top{position:relative;height:var(--c)}.g-four-in-a-row .fir-ghost{position:absolute;top:0;width:var(--c);height:var(--c);opacity:.55;pointer-events:none}.g-four-in-a-row .fir-ghost[hidden]{display:none}.g-four-in-a-row .fir-frame{padding:var(--pad);background:var(--fir-frame);border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.3),inset 0 -4px 0 var(--fir-frame-2)}.g-four-in-a-row .fir-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--c));grid-auto-rows:var(--c);overflow:hidden;position:relative}.g-four-in-a-row .fir-cell{position:relative;width:var(--c);height:var(--c)}.g-four-in-a-row .fir-cell::before{content:"";position:absolute;inset:6%;border-radius:50%;background:var(--fir-hole);box-shadow:inset 0 3px 5px rgba(0,0,0,.35)}.g-four-in-a-row .fir-grid.is-kb::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--kbcol) * var(--c));width:var(--c);background:rgba(255,255,255,.14);pointer-events:none}.g-four-in-a-row .fir-disc{position:absolute;inset:9%;border-radius:50%}.g-four-in-a-row .fir-ghost .fir-disc{inset:9%}.g-four-in-a-row .fir-disc.is-1{background:radial-gradient(circle at 35% 30%,#ff7a6e,var(--fir-red) 55%,#b32222);box-shadow:inset 0 -3px 4px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.4)}.g-four-in-a-row .fir-disc.is-2{background:radial-gradient(circle at 35% 30%,#fff1a0,var(--fir-yellow) 55%,#c79a00);box-shadow:inset 0 -3px 4px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.4)}.g-four-in-a-row .fir-disc.is-1::after{content:"";position:absolute;inset:26%;border-radius:50%;border:max(2px,calc(var(--c) * .07))solid rgba(255,255,255,.75)}.g-four-in-a-row .fir-disc.is-2::after{content:"";position:absolute;inset:31%;transform:rotate(45deg);background:rgba(110,70,0,.55);border-radius:2px}.g-four-in-a-row .fir-disc.is-last{box-shadow:0 0 0 max(2px,calc(var(--c) * .05))rgba(255,255,255,.95),0 1px 2px rgba(0,0,0,.4)}.g-four-in-a-row .fir-disc.is-dim{opacity:.45}.g-four-in-a-row .fir-disc.is-win{box-shadow:0 0 0 max(2px,calc(var(--c) * .05))#fff,0 0 0 max(4px,calc(var(--c) * .1))#111;z-index:1}.g-four-in-a-row .fir-disc.is-hint{background:0 0;border:max(2px,calc(var(--c) * .07))dashed #fff;inset:12%;animation:fir-pulse 800ms ease-in-out infinite alternate}.g-four-in-a-row .fir-disc.is-drop{animation:fir-drop var(--dur,300ms)cubic-bezier(.45,0,.85,.6)both}@keyframes fir-drop{0%{transform:translateY(calc(var(--fall,1) * -100%))}72%{transform:translateY(0);animation-timing-function:ease-out}86%{transform:translateY(-7%);animation-timing-function:ease-in}100%{transform:translateY(0)}}@keyframes fir-pulse{from{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){.g-four-in-a-row .fir-disc.is-drop,.g-four-in-a-row .fir-disc.is-hint{animation:none}}.fir-dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:16px 18px;max-width:min(420px,calc(100vw - 24px));width:100%}.fir-dialog::backdrop{background:rgba(0,0,0,.45)}.fir-form h2{margin:0 0 10px;font-size:1.2rem}.fir-field{display:grid;gap:4px;margin:0 0 10px;font-size:.9rem;color:var(--muted)}.fir-field select{width:100%}.fir-note{margin:0 0 12px;font-size:.85rem;color:var(--muted)}