.fg-game{max-width:760px;margin:0 auto}
.fg-game [hidden]{display:none!important}
.fg-header{text-align:center}
.fg-setup{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:center;margin:16px 0}
.fg-setup label{display:grid;gap:4px;min-width:170px}
.fg-btn{min-height:44px;padding:.7rem 1rem;border:1px solid #202124;border-radius:10px;background:#f3f4f5;color:#202124;cursor:pointer}
.fg-primary{background:#202124;color:#fff}
.fg-status{text-align:center;margin:12px 0}
.fg-board{position:relative;aspect-ratio:1/1;width:min(100%,620px);margin:0 auto;background:linear-gradient(145deg,#f0d7a4,#c89d61);border:8px solid #6d4727;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.2);overflow:hidden}
.fg-line{position:absolute;height:3px;background:rgba(75,45,22,.7);transform-origin:0 50%;pointer-events:none}
.fg-point{position:absolute;width:8.5%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(70,43,23,.45);background:#e8d0a5;box-shadow:inset 0 2px 5px rgba(255,255,255,.7),0 2px 5px rgba(0,0,0,.16);padding:0;cursor:pointer}
.fg-point.is-selectable{outline:4px solid rgba(255,255,255,.8);outline-offset:2px}
.fg-point.is-target{box-shadow:0 0 0 5px rgba(56,142,60,.35),inset 0 2px 5px rgba(255,255,255,.7)}
.fg-piece{position:absolute;inset:4%;display:block;background-repeat:no-repeat;background-position:center center;background-size:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28));pointer-events:none}
.fg-piece.fox{background-image:url("fox-piece.png")}
.fg-piece.goose{background-image:url("goose-piece.png")}
.fg-actions{text-align:center;margin:14px 0}
.fg-rules{margin-top:12px}
@media(max-width:600px){.fg-board{border-width:5px}.fg-point{width:10%}.fg-piece{inset:3%}.fg-setup{display:grid}.fg-setup label{min-width:0}}

.fg-remote-setup{display:flex;flex-wrap:wrap;gap:12px;flex-basis:100%;align-items:end}
.fg-remote-info,.fg-setup-status{margin:8px 0;text-align:center}