.gf-game{max-width:920px;margin-inline:auto;text-align:center;container-type:inline-size}.gf-game{--gf-gap: .45rem;--gf-card-w: clamp(3.2rem, calc((97cqw - 6 * var(--gf-gap)) / 7), 5rem);--gf-card-h: calc(var(--gf-card-w) * 1.42);--gf-row-step: calc(var(--gf-card-h) * .31)}.gf-howto{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:var(--fgs-accent-soft, #e6f1e9);border:2px solid var(--fgs-accent, #16692f);border-radius:var(--fgs-radius, 14px);max-width:46ch;margin:0 auto 1rem;padding:.6rem 1rem}.gf-firsttip{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:color-mix(in srgb,var(--fgs-hint, #b06a00) 12%,var(--fgs-surface, #fff));border:2px solid var(--fgs-hint, #b06a00);border-radius:var(--fgs-radius, 14px);max-width:46ch;margin:0 auto 1rem;padding:.6rem 1rem}.gf-help-bar{display:flex;justify-content:center;margin-bottom:1.25rem}.gf-hint-btn{margin:0;min-height:64px;font-size:1.35rem;font-weight:800;padding:.6rem 2rem;background:var(--fgs-hint, #b06a00);border:3px solid var(--fgs-hint, #b06a00);color:#fff;border-radius:var(--fgs-radius, 14px);box-shadow:0 3px color-mix(in srgb,var(--fgs-hint, #b06a00) 60%,#000)}.gf-hint-btn:hover{background:color-mix(in srgb,var(--fgs-hint, #b06a00) 85%,#000);border-color:color-mix(in srgb,var(--fgs-hint, #b06a00) 85%,#000)}.gf-board-scroll{overflow-x:auto;padding:.5rem .25rem .75rem;margin-bottom:.5rem}.gf-board{position:relative;width:calc(7 * var(--gf-card-w) + 6 * var(--gf-gap));height:calc(var(--gf-card-h) + 4 * var(--gf-row-step));margin:0 auto}.gf-board .gf-card{position:absolute;left:calc(var(--gf-col) * (var(--gf-card-w) + var(--gf-gap)));top:calc(var(--gf-row) * var(--gf-row-step));z-index:calc(var(--gf-row, 0) + 1)}.gf-card{box-sizing:border-box;width:var(--gf-card-w);height:var(--gf-card-h);border-radius:8px;margin:0;padding:0;display:grid;place-items:center;position:relative;border:2px solid var(--fgs-ink, #161616);background:#fff;cursor:pointer;font-weight:800;line-height:1;box-shadow:0 1px 2px #0000002e}.gf-card.gf-red{color:#c1121f}.gf-card.gf-black{color:#111}.gf-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95}.gf-corner .gf-rank{font-size:1.05rem;font-weight:900}.gf-corner .gf-suit{font-size:.8rem}.gf-tl{top:.2rem;left:.25rem}.gf-br{bottom:.2rem;right:.25rem;transform:rotate(180deg)}.gf-pip{font-size:1.55rem}img.gf-suit-ico{width:1em;height:1em;object-fit:contain;display:inline-block;vertical-align:-.14em}.gf-pip img.gf-suit-ico{vertical-align:middle}.gf-card.gf-covered{filter:saturate(.55) brightness(.94);cursor:default;box-shadow:none}.gf-card:not(.gf-covered){border-width:3px}.gf-card.gf-playable{box-shadow:0 3px 6px #0000004d}.gf-card.gf-down{background:repeating-linear-gradient(45deg,#1d4ed8,#1d4ed8 8px,#1e40af 8px 16px);border-color:#1e3a8a;color:#dbeafe}.gf-back{font-size:1.3rem;color:#dbeafe}.gf-bottom{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:flex-start;justify-content:center;margin:.5rem 0 1rem}.gf-zone{margin:0}.gf-zone-label{display:block;font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--fgs-ink-soft, #3a3a3a);margin-bottom:.35rem}.gf-bottom .gf-card{width:calc(var(--gf-card-w) * 1.25);height:calc(var(--gf-card-h) * 1.25);min-width:var(--fgs-tap, 52px);min-height:var(--fgs-tap, 52px)}.gf-bottom .gf-pip{font-size:2rem}.gf-stock-btn.gf-stock-empty{background:transparent;border:3px dashed var(--fgs-line, #bfbfbf);cursor:pointer;box-shadow:none}.gf-stock-count{display:block;font-size:1rem;font-weight:800;margin-top:.35rem;color:var(--fgs-ink-soft, #3a3a3a)}.gf-waste-card{cursor:default}.gf-card.gf-hint{outline:6px solid var(--fgs-hint, #b06a00);outline-offset:-2px;background:color-mix(in srgb,var(--fgs-hint, #b06a00) 18%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-hint, #b06a00) 35%,transparent);animation:gf-pulse 1.1s ease-in-out infinite;filter:none}.gf-board .gf-card.gf-hint,.gf-card:focus-visible{z-index:8}.gf-card.gf-hint.gf-red{color:#a00}.gf-card.gf-hint.gf-black{color:#111}@keyframes gf-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-hint, #b06a00) 35%,transparent)}50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--fgs-hint, #b06a00) 22%,transparent)}}.gf-card:focus-visible{outline:4px solid var(--fgs-focus, #15549e);outline-offset:2px}.gf-status{text-align:center;font-size:1.2rem;font-weight:700;min-height:3.4rem;padding:.5rem;margin:0 auto 1rem;max-width:60ch;color:var(--fgs-ink, #161616)}.gf-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:1rem}.gf-actions button{margin:0;min-height:var(--fgs-tap, 52px);font-size:1.15rem;font-weight:800;padding-inline:1.5rem}.gf-actions .gf-fresh-btn{background:var(--fgs-good, #1c7a3a);border-color:var(--fgs-good, #1c7a3a);color:#fff}.gf-actions button[hidden]{display:none}.gf-game.gf-won .gf-board-scroll{outline:4px solid var(--fgs-good, #1c7a3a);outline-offset:4px;border-radius:14px}[data-contrast=high] .gf-firsttip{background:#fff!important;color:#000!important;border-color:#000!important}[data-contrast=high] .gf-card{border:3px solid #000!important;box-shadow:none}[data-contrast=high] .gf-card.gf-red{color:#b00010}[data-contrast=high] .gf-card.gf-black{color:#000}[data-contrast=high] .gf-card.gf-covered{filter:none;background:repeating-linear-gradient(135deg,#fff,#fff 6px,#e4e4e4 6px 12px)}[data-contrast=high] .gf-card.gf-down{background:#00339c;border-color:#000;color:#fff}[data-contrast=high] .gf-stock-btn.gf-stock-empty{border-color:#000;background:#fff}[data-contrast=high] .gf-card.gf-hint{outline-color:#00339c;background:#fff}[data-contrast=high] .gf-hint-btn{background:#7a4a00;border-color:#000;color:#fff}@media(prefers-reduced-motion:reduce){.gf-card.gf-hint{animation:none}}