.family-hunt{--fh-ink:#324a42;--fh-green:#446b59;color:var(--fh-ink);max-width:1000px;margin-inline:auto}
.fh-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:4px 0 20px}
.fh-set-picker{display:grid;gap:7px;min-width:190px;flex:1}
.fh-set-picker label,.fh-view legend{font-weight:700;font-size:14px}
.fh-set-picker select{font:inherit;color:inherit;background:#fffdf7;border:1px solid #a9b9a8;border-radius:12px;min-height:46px;padding:9px 35px 9px 13px;max-width:100%;width:100%}
.fh-view{border:0;padding:0;margin:0;display:flex;gap:6px;flex-wrap:wrap}
.fh-view legend{margin-bottom:7px}
.family-hunt button{min-height:44px;font:inherit;touch-action:manipulation}
.fh-view button{font-size:14px;padding:10px 14px;border-radius:13px;background:#f7f4e9;border:1px solid #bbc5b3;color:var(--fh-ink)}
.fh-view button[aria-pressed=true]{background:var(--fh-green);color:white;border-color:var(--fh-green)}
.fh-board{position:relative;isolation:isolate;aspect-ratio:3/2;max-width:840px;margin:0 auto;border:1px solid #d9d4bb;border-radius:22px;overflow:hidden;background:#f7f0d9;direction:ltr}
.fh-mat{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.fh-picture{position:absolute;width:24%;height:34%;padding:7px 7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdf4ed;border:2px solid #fffdf2;border-radius:18px;box-shadow:0 4px 10px #61583919;transform:translate(-50%,-50%);color:var(--fh-ink);cursor:pointer}
.fh-picture[data-slot="0"]{left:20%;top:29%}.fh-picture[data-slot="1"]{left:50%;top:27%}.fh-picture[data-slot="2"]{left:80%;top:30%}.fh-picture[data-slot="3"]{left:33%;top:71%}.fh-picture[data-slot="4"]{left:68%;top:71%}
.fh-source .fh-picture{top:50%;height:49%;width:27%}.fh-source .fh-picture[data-slot="0"]{left:18%}.fh-source .fh-picture[data-slot="1"]{left:50%}.fh-source .fh-picture[data-slot="2"]{left:82%}
.fh-picture-art{display:block;min-height:0;flex:1;width:100%}.fh-picture-art svg,.fh-picture-art img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.fh-picture-label{font-size:clamp(12px,1.7vw,18px);line-height:1.5;padding:2px 2px 0;overflow-wrap:anywhere}
.fh-picture.is-hinted{border-color:#426c59;outline:3px dashed #426c59;outline-offset:4px}
.fh-picture.is-collected{background:#f6f4e1c9;border-style:dashed;border-color:#879c84;box-shadow:none}
.fh-check{height:100%;display:flex;align-items:center;justify-content:center;color:#53765e;font-size:clamp(28px,5vw,55px);font-weight:400}
.family-hunt button:focus-visible,.fh-set-picker select:focus-visible,.fh-adult summary:focus-visible{outline:3px solid #1b5a91;outline-offset:5px}
.fh-collection{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:15px 20px;border-radius:18px;background:#f4eddd;border:1px solid #d9d0bb}
.fh-collection h4{font-size:19px;margin:0 0 7px}.fh-collection p{font-size:14px;margin:0}
.fh-collected-pictures{display:flex;gap:12px;flex-shrink:0}
.fh-collected,.fh-empty-slot{position:relative;display:flex;flex-direction:column;align-items:center;width:100px;height:112px;border:1px dashed #a5b39c;border-radius:13px;background:#fffdf5;padding:5px;color:var(--fh-ink)}
.fh-collected{border-style:solid;cursor:pointer}.fh-collected svg{width:100%;height:78px;max-height:78px}.fh-collected>span{font-size:12px;line-height:1.4}.fh-collected .fh-return-mark{position:absolute;inset-inline-end:6px;top:2px;font-size:22px;color:#4e6e55}
.fh-empty-slot{background:#eee6d5}.fh-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:19px}
.fh-actions button{padding:10px 15px;border-radius:12px;border:1px solid #bcc8b9;background:#fffdf5;color:var(--fh-ink);font-size:14px}
.fh-actions .primary{background:var(--fh-green);border-color:var(--fh-green);color:white}
.fh-navigation{display:flex;flex-wrap:wrap;gap:8px}.fh-explored{font-size:13px;text-align:end;color:#607566;margin:17px 0 10px}.fh-adult{border-top:1px solid #d9dfd0;padding-top:12px;font-size:14px;text-align:start}.fh-adult summary{cursor:pointer;font-weight:650;padding:5px 0}.fh-adult p{line-height:1.8;margin:10px 0}
@media(max-width:560px){.fh-controls{gap:12px}.fh-set-picker{flex-basis:100%}.fh-view{width:100%}.fh-view button{flex:1}.fh-board{aspect-ratio:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 12px;padding:35px 15px 24px}.fh-picture,.fh-source .fh-picture{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;height:150px;grid-column:span 2;border-radius:13px}.fh-picture:nth-of-type(5),.fh-source .fh-picture:nth-of-type(3){grid-column:2 / span 2}.fh-picture-label{font-size:14px}.fh-picture-art{width:100%;height:110px;flex:auto}.fh-source{padding-top:30px}.fh-mat{object-fit:cover}.fh-collection{padding:14px;flex-wrap:wrap}.fh-collected-pictures{margin-inline:auto}.fh-collected,.fh-empty-slot{width:104px;height:116px}.fh-actions{display:grid}.fh-navigation{display:grid;grid-template-columns:1fr 1fr}.fh-navigation .primary{grid-column:1 / -1}.fh-explored{text-align:center}}
@media(prefers-reduced-motion:reduce){.family-hunt *{scroll-behavior:auto;transition:none;animation:none}}