.town-hub{margin:32px 0 20px;scroll-margin-top:90px}.town-hub-title{display:flex;justify-content:space-between;align-items:end;gap:16px}.town-hub-title p{font-size:11px;letter-spacing:.15em;color:var(--muted);font-weight:850}.town-hub-title h2{font-size:clamp(28px,4vw,40px);margin:6px 0}.town-hub-title>span,.town-hub-note{color:var(--muted);font-size:14px;line-height:1.6}.town-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.town-game-card{min-height:150px;display:flex;align-items:center;gap:18px;text-align:left;padding:24px;background:var(--town-color);border:1px solid #ffffff80;border-radius:28px;transition:transform .18s}.town-game-card:active{transform:scale(.97)}.town-game-icon{font-size:40px;width:64px;height:64px;border-radius:22px;background:#ffffff80;display:grid;place-items:center;flex-shrink:0}.town-game-copy{flex:1;min-width:0}.town-game-copy strong{display:block;font-size:23px}.town-game-copy small,.town-game-copy em{display:block;font-size:13px;line-height:1.6;margin-top:7px;font-style:normal;color:#52685f}.town-game-card>b{font-size:24px}.town-parent-panel{margin:20px 0}.town-report-summary{display:grid;gap:8px;padding:16px 0;color:var(--muted)}.town-report-summary strong{color:var(--ink);font-size:20px}.town-report-events{max-height:440px;overflow:auto}.town-report-summary small{line-height:1.5}
#town-dialog{padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:var(--paper);color:var(--ink);overscroll-behavior:contain}#town-dialog::backdrop{background:#203a3170}.town-shell{height:100%;display:flex;flex-direction:column}.town-header{display:flex;align-items:center;gap:16px;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));flex-shrink:0;background:var(--paper);border-bottom:1px solid var(--line)}.town-header>button{width:48px;height:48px;border:0;border-radius:50%;font-size:32px;background:#eee6d8}.town-header>div{flex:1;display:grid;gap:8px}.town-header b{font-size:17px}.town-header progress{width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--green)}.town-header progress::-webkit-progress-bar{background:#e6dfd0}.town-header progress::-webkit-progress-value{background:var(--green)}.town-header>span{font-weight:900;font-size:15px}#town-stage{flex:1;min-height:0;overflow:auto;padding:18px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));width:100%;max-width:1100px;align-self:center;text-align:center;scrollbar-gutter:stable}.town-heading{margin:0 auto 16px}.town-heading>span{font-size:11px;color:#69786f;letter-spacing:.12em}.town-heading h2{font-size:clamp(24px,3.8vw,38px);margin:8px 0}.town-heading p{font-size:16px;color:var(--muted);line-height:1.5;margin:4px 0}.town-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:auto}.town-picture-choice{border:3px solid transparent;padding:8px;aspect-ratio:1;border-radius:26px;background:var(--card);box-shadow:0 8px 25px #203a3109;overflow:hidden;transition:.35s;min-width:0}.town-picture-choice img{width:100%;height:100%;display:block;object-fit:contain;border-radius:18px}.town-picture-choice:active{transform:scale(.96)}.town-destination{border:2px dashed #b6c7bd;border-radius:20px;max-width:420px;padding:14px;margin:20px auto 10px;font-weight:800;background:#edf0df}.town-controls{max-width:720px;margin:16px auto 0}.town-controls>p{line-height:1.5;min-height:24px;font-size:16px;margin:12px 0}.town-listen,.town-primary,.town-secondary,.town-speech-actions button{border:0;min-height:56px;border-radius:20px;padding:14px 24px;background:var(--green);color:#fff;font-size:18px;font-weight:850;touch-action:manipulation}.town-parent{min-height:44px;background:transparent;color:var(--muted);border:0;text-decoration:underline}.town-secondary{background:#e7ebdf;color:var(--green)}.town-hint{border:3px solid var(--orange)!important;box-shadow:0 0 0 5px #f18b5222}.town-delivered{animation:town-deliver .6s ease both}.town-found{background:#d6edd8!important;border-color:var(--green)!important}.town-wiggle{animation:town-wiggle .35s}.town-scene{aspect-ratio:1;min-width:0;overflow:hidden;background:var(--card);border-radius:28px;box-shadow:var(--shadow)}.town-scene img{width:100%;height:100%;object-fit:contain;display:block}.town-help-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;max-width:750px;margin:auto;align-items:center}.town-remedies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.town-help-call{font-size:30px;line-height:1.6;min-height:130px;grid-column:1/-1;border:0;border-radius:24px;background:#f4dfe3}.town-sort-object{height:min(30dvh,280px);aspect-ratio:1;margin:0 auto 16px;padding:8px;background:white;border-radius:28px}.town-sort-object img{width:100%;height:100%;object-fit:contain;border-radius:22px}.town-bins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.town-bins button{padding:14px 8px;border:3px solid transparent;border-radius:22px;background:#e6ecdf;min-height:120px}.town-bins span,.town-bins b,.town-bins small{display:block}.town-bins span{font-size:34px}.town-bins b{font-size:18px;margin:8px 0}.town-bins small{color:var(--muted)}.town-room{position:relative;max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:linear-gradient(#e2edf0 75%,#e9dec8 75%);padding:18px 18px 18px 90px;border-radius:28px}.town-place{position:relative;height:clamp(120px,19dvh,180px);border:3px solid transparent;border-radius:22px;background:#ffffffc9;overflow:hidden;padding:12px}.town-place>img{height:74%;width:100%;object-fit:contain;display:block}.town-place>b{font-size:13px;font-weight:700}.town-ball{position:absolute;left:10px;top:40%;width:65px;height:65px;transition:.4s}.town-ball img{width:100%;height:100%;object-fit:contain;border-radius:50%}.town-hidden{opacity:0;transform:scale(.2)}.position-marker{position:absolute;color:var(--orange);font-size:23px;font-style:normal;line-height:1;width:36px;height:36px;display:grid;place-items:center;background:#fff9;border-radius:50%}.position-marker img{width:100%;height:100%;object-fit:contain;border-radius:50%}.marker-0{left:42%;top:38%}.marker-1{left:43%;top:10%}.marker-2{left:44%;top:53%}.marker-3{right:12%;top:44%}.marker-4{right:7%;top:49%}.marker-5{left:44%;top:40%}.floor-line{display:block;height:75%;background:repeating-linear-gradient(0deg,#e6d6b8 0 24px,#c8b898 25px 26px);border-radius:12px}.town-filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto 18px}.town-filmstrip>div{height:clamp(60px,12dvh,110px);border:2px dashed #c3c5cc;border-radius:18px;display:grid;place-items:center;background:#ece9f2}.town-filmstrip b{font-size:24px;color:#90949e}.town-filmstrip img{width:100%;height:100%;object-fit:contain;border-radius:16px}.town-speaking{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;max-width:900px;margin:auto}.town-speech-panel{min-width:0}.town-prompt{font-size:24px;font-weight:800}.town-speech-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.town-speech-actions #town-model-play{background:#e5eadc;color:var(--green)}#town-model{font-size:25px;font-weight:800;padding:14px;line-height:1.3}#town-feedback{line-height:1.6}#town-heard{font-size:16px;color:var(--green);overflow-wrap:anywhere}.town-adult{margin-top:16px;color:var(--muted);font-size:13px}.town-adult summary{cursor:pointer;min-height:44px;padding:12px}.town-adult button{display:block;border:1px solid var(--line);border-radius:14px;min-height:48px;margin:8px auto;padding:10px 14px;background:#fff;width:100%}.town-adult small{line-height:1.5}.town-listening{animation:pulse 1s infinite}.town-finish{max-width:680px;margin:20px auto;display:grid;justify-items:center;gap:16px}.town-finish-star{width:100px;height:100px;display:grid;place-items:center;font-size:60px;background:var(--yellow);border-radius:50%;animation:town-pop .5s}.town-finish h2{font-size:32px;margin:0}.town-finish p{margin:0;color:var(--muted)}.town-finish-words{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.town-finish-words span{padding:9px 14px;border-radius:14px;background:#fff;font-size:16px}.town-finish>small{color:var(--muted)}.town-loading{padding:60px 0}.town-game-card:focus-visible,#town-dialog button:focus-visible{outline:4px solid var(--orange);outline-offset:3px}#town-dialog button:disabled{opacity:.55}
@keyframes town-deliver{to{transform:translateY(12px) scale(.9);opacity:.6}}@keyframes town-wiggle{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes town-pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:600px){.town-game-grid{grid-template-columns:1fr;gap:12px}.town-game-card{min-height:116px;padding:18px;gap:14px}.town-game-copy strong{font-size:22px}.town-hub-title>span{display:none}#town-stage{padding:14px 14px max(20px,env(safe-area-inset-bottom))}.town-choice-grid{gap:7px}.town-picture-choice{padding:3px;border-radius:18px}.town-heading p{font-size:14px}.town-heading h2{font-size:25px}.town-speaking{grid-template-columns:1fr;gap:10px}.town-speaking>.town-scene{width:min(70vw,32dvh);justify-self:center}.town-prompt{font-size:19px;margin:10px 0}.town-speech-actions button{font-size:16px;padding:12px 16px}.town-help-layout{grid-template-columns:1fr;gap:12px}.town-help-layout>.town-scene{width:min(65vw,29dvh);justify-self:center}.town-remedies{grid-template-columns:repeat(3,minmax(0,1fr))}.town-bins{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.town-bins button{min-height:90px;padding:8px}.town-bins span{font-size:26px}.town-bins b{font-size:16px;margin:3px 0}.town-room{padding:12px 10px 12px 44px;gap:6px}.town-ball{left:4px;width:37px;height:37px}.town-place{padding:5px;height:135px;border-radius:14px}.town-place>b{font-size:11px}.position-marker{width:26px;height:26px;font-size:18px}.town-controls{margin-top:12px}.town-header{gap:10px}.town-sort-object{height:24dvh}.town-finish h2{font-size:26px}}
@media(min-width:601px) and (orientation:portrait){.town-speaking{grid-template-columns:1fr;gap:14px}.town-speaking>.town-scene{width:min(55vw,37dvh);justify-self:center}.town-choice-grid{margin-top:24px}.town-speech-panel{width:100%;max-width:520px;justify-self:center}}
@media(orientation:landscape) and (max-height:600px){.town-heading{margin-bottom:10px}.town-heading h2{font-size:22px}.town-choice-grid{max-width:520px}.town-speaking>.town-scene{max-height:calc(100dvh - 190px);justify-self:center}.town-speaking{grid-template-columns:1fr 1fr}.town-help-layout{max-width:560px;grid-template-columns:1fr 1fr}.town-scene{max-height:240px}.town-controls{margin-top:10px}.town-header{padding-top:8px;padding-bottom:8px}.town-filmstrip>div{height:60px}.town-room{max-width:580px}}
@media(prefers-reduced-motion:reduce){#town-dialog *, .town-game-card{animation:none!important;transition:none!important}}