.fg{--fg-navy:#1C3E66;--fg-teal:#24ADAD;--fg-teal-light:#56BBBB;--fg-aqua:#A1CFD1;--fg-grey:#F5F6F6;--fg-orange:#F1993A;--fg-orange-hover:#F5AE62;--fg-white:#fff;--fg-flow:#24ADAD;--fg-radius:16px;font-family:inherit;color:var(--fg-navy);line-height:1.5;position:relative;width:100%}.fg *{box-sizing:border-box}.fg button{width:auto;margin:0;padding:0;border:0;color:inherit;font:inherit;line-height:1.2;box-shadow:none}.fg button,.fg button:active,.fg button:hover{background:none;transform:none}.fg-hud{display:flex;align-items:stretch;gap:8px;margin-bottom:10px}.fg-stat{flex:1;min-width:0;background:var(--fg-grey);border-radius:12px;padding:6px 10px}.fg-stat span{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4a6380;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-stat strong{display:block;font-size:1.3rem;font-weight:900;line-height:1.15;font-variant-numeric:tabular-nums}.fg .fg-pausebtn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:2px solid var(--fg-navy);border-radius:999px;background:#fff;color:var(--fg-navy);font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;white-space:nowrap}.fg .fg-pausebtn:hover{background:var(--fg-grey)}.fg-pausebtn:disabled{opacity:.4;cursor:default}.fg-btn svg,.fg-pausebtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.fg-btn svg path[d^=M7],.fg-pausebtn svg path[d^=M7]{fill:currentColor}.fg-board{position:relative;display:grid;width:100%;border-radius:var(--fg-radius);overflow:hidden;background:var(--fg-grey);box-shadow:inset 0 0 0 1px rgba(28,62,102,.12);outline:none}.fg-board.is-playing{touch-action:none;-webkit-user-select:none;user-select:none}.fg-board:focus-visible{box-shadow:inset 0 0 0 1px rgba(28,62,102,.12),0 0 0 3px var(--fg-navy)}.fg-board>*{grid-area:1/1}.fg-board canvas{display:block;width:100%;aspect-ratio:1/1;align-self:start}.fg-screen{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(245,246,246,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fg-screen[hidden]{display:none}.fg-panel{width:100%;max-width:420px;margin:auto;text-align:center}.fg-panel h2{font-weight:800;font-size:clamp(1.35rem,4.2vw,1.9rem);line-height:1.15;margin:8px 0}.fg-panel p{margin:0 0 8px;font-size:.95rem}.fg-lead{font-weight:700;font-size:1.02rem!important}.fg-pill{display:inline-block;background:var(--fg-aqua);color:var(--fg-navy);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:999px}.fg-controls{list-style:none;padding:0;margin:0 0 12px;font-size:.85rem;color:#4a6380}.fg-controls li{margin:2px 0}.fg-only-coarse{display:none}@media (pointer:coarse){.fg-only-coarse{display:revert}.fg-only-fine{display:none}}.fg--touch .fg-only-coarse{display:revert}.fg--touch .fg-only-fine{display:none}.fg.fg--kbd .fg-only-fine{display:revert}.fg .fg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;max-width:100%;margin:6px 0 4px;padding:13px 26px;border:2px solid var(--fg-navy);border-radius:999px;background:var(--fg-navy);color:#fff;font:inherit;font-weight:800;font-size:1.02rem;cursor:pointer;white-space:nowrap;transition:transform .1s,background .2s}.fg .fg-btn:hover{background:#15304f}.fg .fg-btn:active{transform:scale(.98)}.fg .fg-btn--ghost{background:#fff;color:var(--fg-navy)}.fg .fg-btn--ghost:hover{background:var(--fg-grey)}.fg-cta{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:10px 0 6px;padding:13px 26px;border-radius:999px;background:var(--fg-orange);color:var(--fg-navy);font-weight:800;font-size:1.02rem;line-height:1.25;text-align:center;text-decoration:none;white-space:normal;box-shadow:0 6px 18px rgba(241,153,58,.35);transition:transform .1s,background .2s}.fg-cta:hover{background:var(--fg-orange-hover)}.fg-cta:active{transform:scale(.98)}.fg a:focus-visible,.fg button:focus-visible{outline:2px solid var(--fg-navy);outline-offset:3px}.fg-hsline{font-size:.85rem!important;font-weight:600;color:#4a6380;margin:4px 0 0!important}.fg-hsline.is-warn{color:#9a3412}.fg-small{font-size:.82rem!important;color:#4a6380}.fg-badge{display:inline-block;background:var(--fg-navy);color:#fff;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px}.fg-badge[hidden]{display:none}.fg-result{display:flex;justify-content:center;gap:8px;margin:8px 0 6px}.fg-result div{background:#fff;border-radius:12px;padding:6px 12px;min-width:84px;box-shadow:0 1px 0 rgba(28,62,102,.08)}.fg-result dt{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4a6380}.fg-result dd{margin:0;font-size:1.3rem;font-weight:900;font-variant-numeric:tabular-nums}.fg-pad{display:none;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:center;margin-top:12px;grid-template-areas:". up ." "left down right"}.fg .fg-pad button{display:grid;width:auto;place-items:center;border:0;border-radius:14px;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fg .fg-pad button,.fg .fg-pad button:hover{background:var(--fg-navy)}.fg .fg-pad button:active{background:var(--fg-teal);color:var(--fg-navy)}.fg-pad svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.fg-pad [data-dir=up]{grid-area:up}.fg-pad [data-dir=left]{grid-area:left}.fg-pad [data-dir=down]{grid-area:down}.fg-pad [data-dir=right]{grid-area:right}.fg-pad [data-dir=left] svg{transform:rotate(-90deg)}.fg-pad [data-dir=down] svg{transform:rotate(180deg)}.fg-pad [data-dir=right] svg{transform:rotate(90deg)}.fg .fg-padtoggle{display:none;margin:8px auto 0;padding:4px 10px;border:0;background:none;color:var(--fg-navy);font:inherit;font-size:.82rem;font-weight:600;text-decoration:underline;cursor:pointer}@media (pointer:coarse){.fg .fg-pad{display:grid}.fg .fg-padtoggle{display:block}}.fg.fg--touch .fg-pad{display:grid}.fg.fg--touch .fg-padtoggle{display:block}.fg--nopad .fg-pad{display:none!important}.fg-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:420px){.fg-hud{gap:6px}.fg-stat{padding:5px 8px}.fg-stat strong{font-size:1.1rem}.fg-stat{flex:1 1 auto}.fg-stat span{font-size:.6rem;letter-spacing:.02em;text-overflow:clip}.fg .fg-pausebtn span{display:none}.fg .fg-pausebtn{padding:0 12px}.fg-panel h2{margin:6px 0}.fg-panel p{font-size:.88rem;margin-bottom:6px}.fg .fg-btn,.fg-cta{padding:11px 20px;font-size:.98rem}.fg .fg-btn{min-width:0;width:100%}.fg-cta{width:100%}.fg-screen{padding:14px 12px}.fg-controls{font-size:.8rem}}@media (max-width:360px){.fg-hud{gap:4px}.fg-stat{padding:5px 6px}.fg-stat span{letter-spacing:0;font-size:.58rem}}@media (prefers-reduced-motion:reduce){.fg *{transition:none!important;animation:none!important}}.fg--reduced .fg-screen{-webkit-backdrop-filter:none;backdrop-filter:none}