.yk-game{max-width:980px;margin-inline:auto;text-align:center;container-type:inline-size}.yk-game{--yk-gap: .6rem;--yk-card-w: clamp(2.6rem, calc((98cqw - 6 * var(--yk-gap)) / 7), 5.4rem);--yk-card-h: calc(var(--yk-card-w) * 1.42);--yk-peek: calc(var(--yk-card-h) * .4)}.yk-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:52ch;margin:0 auto 1rem;padding:.6rem 1rem}.yk-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:52ch;margin:0 auto 1rem;padding:.6rem 1rem}.yk-help-bar{display:flex;justify-content:center;margin-bottom:1.25rem}.yk-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)}.yk-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)}.yk-foundations-wrap{margin:0 auto 1.5rem}.yk-zone-label{display:block;font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--fgs-ink-soft, #3a3a3a);margin-bottom:.4rem}.yk-foundations{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}.yk-board-scroll{overflow-x:auto;padding:.25rem .25rem 1rem}.yk-tableau{display:flex;gap:var(--yk-gap);justify-content:center;align-items:flex-start;width:fit-content;min-width:100%;margin:0 auto}.yk-col{display:flex;flex-direction:column;align-items:stretch;width:var(--yk-card-w);flex:0 0 auto}.yk-col .yk-card{position:relative}.yk-col .yk-card:not(:first-child){margin-top:calc(var(--yk-peek) - var(--yk-card-h))}.yk-card{box-sizing:border-box;width:var(--yk-card-w);height:var(--yk-card-h);border-radius:8px;margin:0;padding:0;display:grid;place-items:center;border:2px solid var(--fgs-ink, #161616);background:#fff;cursor:pointer;font-weight:800;line-height:1;box-shadow:0 1px 2px #0000002e;flex:0 0 auto}.yk-card.yk-red{color:#c1121f}.yk-card.yk-black{color:#111}.yk-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95}.yk-corner .yk-rank{font-size:1.15rem;font-weight:900}.yk-corner .yk-suit{font-size:.9rem}.yk-tl{top:.22rem;left:.28rem}.yk-br{bottom:.22rem;right:.28rem;transform:rotate(180deg)}.yk-pip{font-size:1.7rem}img.yk-suit-ico{width:1em;height:1em;object-fit:contain;display:inline-block;vertical-align:-.14em}.yk-pip img.yk-suit-ico{vertical-align:middle}.yk-card.yk-down{background:repeating-linear-gradient(45deg,#1d4ed8,#1d4ed8 8px,#1e40af 8px 16px);border-color:#1e3a8a;color:#dbeafe;cursor:default}.yk-back{font-size:1.3rem;color:#dbeafe}.yk-col-empty,.yk-foundation-slot{background:transparent;border:3px dashed var(--fgs-line, #bfbfbf);box-shadow:none}.yk-found-suit{font-size:1.9rem;opacity:.55}.yk-foundation-slot.yk-red .yk-found-suit{color:#c1121f}.yk-foundation-slot.yk-black .yk-found-suit{color:#111}.yk-card.yk-selected{outline:6px solid var(--fgs-focus, #15549e);outline-offset:-2px;background:color-mix(in srgb,var(--fgs-focus, #15549e) 16%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-focus, #15549e) 30%,transparent)}.yk-card.yk-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:yk-pulse 1.1s ease-in-out infinite}.yk-card.yk-hint.yk-red{color:#a00}.yk-card.yk-hint.yk-black{color:#111}@keyframes yk-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)}}.yk-card:focus-visible{outline:4px solid var(--fgs-focus, #15549e);outline-offset:2px;z-index:20}.yk-card.yk-selected:focus-visible,.yk-card.yk-hint:focus-visible{z-index:21}.yk-status{text-align:center;font-size:1.2rem;font-weight:700;min-height:3rem;padding:.5rem;margin:0 auto 1rem;max-width:60ch;color:var(--fgs-ink, #161616)}.yk-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:1rem}.yk-actions button{margin:0;min-height:var(--fgs-tap, 52px);font-size:1.15rem;font-weight:800;padding-inline:1.5rem}.yk-game.yk-won .yk-foundations{outline:4px solid var(--fgs-good, #1c7a3a);outline-offset:6px;border-radius:14px}[data-contrast=high] .yk-firsttip{background:#fff!important;color:#000!important;border-color:#000!important}[data-contrast=high] .yk-card{border:3px solid #000!important;box-shadow:none}[data-contrast=high] .yk-card.yk-red{color:#b00010}[data-contrast=high] .yk-card.yk-black{color:#000}[data-contrast=high] .yk-card.yk-down{background:#00339c;border-color:#000;color:#fff}[data-contrast=high] .yk-col-empty,[data-contrast=high] .yk-foundation-slot{border-color:#000;background:#fff}[data-contrast=high] .yk-card.yk-selected,[data-contrast=high] .yk-card.yk-hint{outline-color:#00339c;background:#fff}[data-contrast=high] .yk-hint-btn{background:#7a4a00;border-color:#000;color:#fff}@media(prefers-reduced-motion:reduce){.yk-card.yk-hint{animation:none}}