.family-game{min-height:100vh;background:linear-gradient(#183f32dd,#183f32f2),repeating-linear-gradient(90deg,#704b30 0 28px,#67432b 28px 56px);color:#17342a}.family-hero,.family-shell{width:min(1080px,calc(100% - 24px));margin:auto}.family-hero{padding:1rem 0}.family-hero h1{color:#fff5d6;font-size:clamp(2.2rem,7vw,4.7rem)}.family-hero p,.family-hero a{color:#fff1c7}.family-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:1rem;padding-bottom:3rem}.family-board,.family-panel{padding:clamp(.8rem,3vw,1.5rem);border:2px solid #be9650;border-radius:17px;background:#fff8e7;box-shadow:0 16px 38px #091c1466}.family-panel{align-self:start}.family-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.family-meta span{padding:.55rem;border-radius:8px;background:#1a4b39;color:#fff;text-align:center}.family-meta strong{display:block;color:#f3cd6e}.family-actions,.family-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.family-actions button,.family-choices button,.family-board button,.family-panel select{min-height:46px}.family-choice{flex:1 1 180px;padding:.75rem;border:2px solid #94723d;border-radius:10px;background:#fffdf7;font-weight:800}.family-status{min-height:50px;padding:.7rem;border-left:5px solid #d4a83e;background:#f3e4bd}.family-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#102e24e8}.family-overlay[hidden]{display:none}.family-overlay>div{width:min(420px,calc(100% - 24px));padding:1.4rem;border-radius:14px;background:#fff8e7;text-align:center}.family-scene{position:relative;min-height:420px;overflow:hidden;border:3px solid #765033;border-radius:14px;background:linear-gradient(#a9d8df 0 45%,#73a765 45% 75%,#8a633e 75%)}.family-scene button{position:absolute;width:54px;height:54px;transform:translate(-50%,-50%);border:2px solid #fff8dd;border-radius:50%;background:#27634b;color:#fff;font-weight:900}.family-scene button:focus-visible{outline:4px solid #f8be39}.family-key{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;list-style:none}.family-key li{padding:.3rem .5rem;border-radius:999px;background:#e9d5a6}.family-key li[data-found=true]{text-decoration:line-through;background:#d6ead9}.patch-grid{display:grid;gap:4px;max-width:560px;margin:auto}.patch-tile{aspect-ratio:1;border:2px solid #fff7d8;background:linear-gradient(135deg,#4e805c,#d3a34f);color:#fff;font-weight:900}.dash-track{position:relative;height:280px;overflow:hidden;border-radius:14px;background:linear-gradient(#a8d4dc 0 38%,#6d995d 38% 57%,#806044 57%)}.dash-wellie{position:absolute;bottom:35px;left:15%;font-size:3rem}.dash-puddle{position:absolute;bottom:22px;left:70%;width:90px;height:26px;border-radius:50%;background:#5ca5bb;border:3px solid #d9f2f4}.quiz-question,.story-text{font:700 clamp(1.2rem,4vw,1.8rem) Georgia,serif}@media(max-width:720px){.family-shell{grid-template-columns:1fr}.family-panel{order:-1}.family-scene{min-height:350px}}@media(max-width:390px){.family-hero,.family-shell{width:calc(100% - 14px)}.family-board,.family-panel{padding:.75rem}.family-scene{min-height:320px}.family-choice{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.family-game *{animation:none!important;transition:none!important}}