:root{--color-background:#f7faf9;--color-surface:#fff;--color-teal:#168c8c;--color-teal-dark:#0f6f70;--color-teal-soft:#dff4f1;--color-yellow:#ffd84d;--color-yellow-hover:#f5c933;--color-red:#ef5b5b;--color-text:#17313a;--color-text-muted:#667a80;--color-border:#dde8e6;--shadow-soft:0 16px 45px #17313a17;--shadow-button:0 12px 0 #d6ac18, 0 22px 40px #664d0029}*{box-sizing:border-box}html,body{background:var(--color-background);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}body{color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.game-shell{height:100dvh;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));isolation:isolate;position:relative;overflow:hidden}.game-frame{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(100%,560px);height:100%;margin:0 auto;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:clamp(.95rem,2vw,1.05rem);font-weight:720;display:flex}.brand-mark{background:var(--color-teal);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.45rem;font-weight:800;display:grid;position:relative;box-shadow:0 7px 18px #168c8c33}.brand-dot{background:var(--color-red);border:2px solid var(--color-teal);border-radius:999px;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.activity-picker-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.activity-picker-heading span{color:var(--color-text);letter-spacing:.075em;text-transform:uppercase;font-size:.76rem;font-weight:800}.activity-picker-heading small{color:var(--color-text-muted);font-size:.72rem;font-weight:620}.activity-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.8vw,10px);display:grid}.activity-button{background:var(--color-surface);min-width:0;min-height:64px;color:var(--color-text);cursor:pointer;text-align:center;border:1px solid #168c8c38;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:9px 8px;transition:transform .14s,background .14s,color .14s,border-color .14s,box-shadow .14s;display:flex;box-shadow:0 4px #0f6f7024,0 8px 20px #17313a12}.activity-button:hover{background:#f0faf8;border-color:#168c8c75}.activity-button[data-selected=true]{border-color:var(--color-teal-dark);background:var(--color-teal);color:#fff;box-shadow:0 3px 0 var(--color-teal-dark), 0 8px 20px #168c8c33;transform:translateY(1px)}.activity-button:active{transform:translateY(3px);box-shadow:0 1px #0f6f70b3,0 4px 12px #17313a1a}.activity-name{letter-spacing:-.015em;font-size:clamp(.72rem,2.2vw,.86rem);font-weight:780;line-height:1.08}.activity-description{color:var(--color-text-muted);font-size:clamp(.59rem,1.8vw,.7rem);font-weight:600;line-height:1.1}.activity-button[data-selected=true] .activity-description{color:#ffffffd1}.game-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(9px,2.7vh,24px) 0;display:flex}.status-pill{background:var(--color-teal-soft);min-height:36px;color:var(--color-teal-dark);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.status-dot{background:var(--color-teal);border-radius:50%;width:7px;height:7px}.status-pill[data-speaking] .status-dot{animation:1.15s ease-in-out infinite speaking-pulse}.game-instruction{max-width:330px;color:var(--color-text-muted);margin:clamp(10px,2vh,18px) auto clamp(14px,2.7vh,25px);font-size:clamp(.92rem,2.3vw,1.05rem);line-height:1.5}.speech-fallback,.game-message{border-radius:16px;width:min(100%,440px);margin:-14px auto 18px;font-size:.92rem;line-height:1.42}.speech-fallback{background:var(--color-teal-soft);max-height:112px;color:var(--color-teal-dark);text-align:left;border:1px solid #168c8c2e;padding:12px 16px;overflow-y:auto}.speech-fallback span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:.7rem;font-weight:800;display:block}.game-message{color:#8c3030;background:#fde8e8;padding:11px 15px;font-weight:650}.primary-button{background:var(--color-yellow);color:#3f3406;width:min(100%,440px);min-height:clamp(144px,26vh,230px);box-shadow:var(--shadow-button);cursor:pointer;letter-spacing:-.055em;border:0;border-radius:clamp(30px,7vw,48px);justify-content:center;align-items:center;gap:16px;padding:28px;font-size:clamp(2.15rem,9vw,4.15rem);font-weight:780;line-height:.95;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.primary-button:disabled{cursor:wait;opacity:.72}.primary-button:hover{background:var(--color-yellow-hover)}.primary-arrow{letter-spacing:0;background:#ffffff8c;border-radius:50%;place-items:center;width:.85em;height:.85em;font-size:.7em;display:inline-grid}.supporting-actions{gap:clamp(10px,1.8vh,16px);display:grid}.repeat-button,.settings-button{cursor:pointer;border-radius:20px;transition:transform .14s,background .14s,box-shadow .14s}.repeat-button{background:var(--color-surface);width:100%;min-height:clamp(58px,8vh,68px);color:var(--color-teal-dark);box-shadow:var(--shadow-soft);border:1px solid #168c8c26;font-size:1.05rem;font-weight:720}.repeat-button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}.repeat-button svg,.settings-button svg{vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin-right:8px}.repeat-button svg path:first-child{fill:currentColor;stroke:none}.settings-button{background:var(--color-surface);width:100%;min-height:52px;color:var(--color-teal-dark);border:1px solid #168c8c26;font-size:.92rem;font-weight:720;box-shadow:0 7px 22px #17313a12}.settings-button svg{color:var(--color-teal)}.repeat-button:not(:disabled):hover,.settings-button:hover{background:var(--color-teal-soft)}.repeat-button:not(:disabled):active,.settings-button:active{transform:scale(.985)}.primary-button:focus-visible,.activity-button:focus-visible,.repeat-button:focus-visible,.settings-button:focus-visible,.icon-button:focus-visible,.choice-chip:focus-visible,.reset-button:focus-visible,.save-button:focus-visible,.topic-row input:focus-visible+.switch{outline-offset:4px;outline:4px solid #0f6f7047}.ambient-shape{z-index:-1;filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.ambient-shape-two{background:#fff0b7;width:155px;height:155px;bottom:-112px;left:-80px}.settings-overlay{z-index:20;width:100%;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17313a3d;position:fixed;inset:0;overflow:hidden}.settings-frame{background:var(--color-surface);border:1px solid #ffffffc7;border-radius:clamp(24px,5vw,36px);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,650px);height:100%;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 80px #17313a38}.settings-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding:clamp(20px,4vw,30px) clamp(20px,5vw,34px) 16px;display:flex}.settings-kicker{color:var(--color-teal);letter-spacing:.11em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.settings-header h1{color:var(--color-text);letter-spacing:-.045em;margin:0;font-size:clamp(1.55rem,5vw,2.15rem)}.icon-button{background:var(--color-teal-soft);width:48px;height:48px;color:var(--color-teal-dark);cursor:pointer;border:0;border-radius:16px;flex:none;font-size:1.7rem;line-height:1}.settings-scroll{overscroll-behavior:contain;scrollbar-color:var(--color-border) transparent;min-height:0;padding:6px clamp(20px,5vw,34px) 30px;overflow-y:auto}.settings-section{border:0;border-bottom:1px solid var(--color-border);margin:0;padding:24px 0}.settings-section legend{width:100%;margin:0 0 14px;padding:0}.settings-section legend span,.settings-section legend small{display:block}.settings-section legend span{color:var(--color-text);font-size:1.02rem;font-weight:760}.settings-section legend small{color:var(--color-text-muted);margin-top:4px;font-size:.82rem;font-weight:500}.choice-grid{flex-wrap:wrap;gap:9px;display:flex}.choice-chip{border:1px solid var(--color-border);background:var(--color-surface);min-height:48px;color:var(--color-text-muted);cursor:pointer;border-radius:15px;padding:10px 15px;font-size:.86rem;font-weight:680;transition:transform .12s,background .12s,border-color .12s}.choice-chip[data-selected=true]{border-color:var(--color-teal);background:var(--color-teal);color:#fff;box-shadow:0 5px 14px #168c8c2e}.choice-chip:active{transform:scale(.98)}.topic-list{gap:8px;display:grid}.topic-row{background:var(--color-background);min-height:54px;color:var(--color-text);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px 10px 15px;font-size:.9rem;font-weight:650;display:flex;position:relative}.topic-row[data-playful]{background:#fff7da}.topic-row input{opacity:0;pointer-events:none;position:absolute}.switch{border:2px solid var(--color-border);background:#cdd9d7;border-radius:999px;flex:none;width:46px;height:28px;transition:background .15s,border-color .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #17313a29}.topic-row input:checked+.switch{border-color:var(--color-teal);background:var(--color-teal)}.settings-warning{color:#8c3030;margin:10px 0 0;font-size:.82rem;font-weight:700}.passenger-notice{background:var(--color-teal-soft);color:var(--color-teal-dark);border-radius:17px;align-items:flex-start;gap:11px;margin:22px 0 0;padding:15px;display:flex}.passenger-notice span{font-weight:900}.passenger-notice p{margin:0;font-size:.78rem;line-height:1.5}.settings-footer{border-top:1px solid var(--color-border);background:#fffffff0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;padding:15px clamp(20px,5vw,34px) clamp(18px,4vw,26px);display:grid}.reset-button,.save-button{cursor:pointer;border-radius:17px;min-height:54px;font-weight:760}.reset-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:0 5px 14px #17313a0f}.save-button{background:var(--color-teal);color:#fff;border:0;box-shadow:0 8px 20px #168c8c3d}.save-button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes speaking-pulse{0%,to{box-shadow:0 0 #168c8c1f}50%{box-shadow:0 0 0 7px #168c8c29}}@media (height<=680px){.game-shell{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom))}.brand-mark{border-radius:10px;width:32px;height:32px;font-size:1.2rem}.activity-picker{margin-top:9px}.activity-picker-heading{margin-bottom:6px}.activity-button{border-radius:14px;min-height:54px;padding:6px}.game-stage{padding:6px 0 9px}.status-pill{min-height:30px;padding:6px 11px}.game-instruction{margin:7px auto 10px}.primary-button{border-radius:30px;min-height:min(23vh,150px)}.speech-fallback,.game-message{max-height:72px;margin:-6px auto 10px;padding:8px 12px;font-size:.8rem}.supporting-actions{gap:7px}.repeat-button{min-height:54px}.settings-button{min-height:46px}}@media (width<=430px){.settings-overlay{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.settings-frame{box-shadow:none;border:0;border-radius:0}.settings-footer{grid-template-columns:1fr}.reset-button{grid-row:2;min-height:46px}}@media (width<=350px),(height<=590px){.activity-description{display:none}.activity-button{min-height:48px}}@media (orientation:landscape) and (height<=560px){.game-frame{grid-template-rows:auto auto 1fr;grid-template-columns:1fr minmax(260px,1.25fr);column-gap:30px;width:min(100%,820px)}.brand{grid-area:1/1;align-self:start}.activity-picker{grid-area:2/1}.game-stage{grid-area:1/2/4;padding:0}.supporting-actions{grid-area:3/1;align-self:end}.primary-button{min-height:min(65vh,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-background:#fcfbf7;--color-teal:#087f7c;--color-teal-dark:#075f5c;--color-teal-soft:#e4f3ef;--color-text:#183d3d;--color-text-muted:#526c69;--color-yellow:#ffda62;--color-yellow-hover:#ffd24b;--shadow-button:0 6px 0 #e5b948, 0 12px 22px #624e0910}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-shell{padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left))}.game-frame{max-width:500px;max-height:900px}.brand{gap:12px}.brand-name{letter-spacing:-.04em;font-size:1.12rem}.brand-name small{letter-spacing:.13em;color:var(--color-text-muted);margin-top:5px;font-size:.52rem;font-weight:750;display:block}.brand-mark{box-shadow:none;border-radius:14px;width:42px;height:42px;transform:rotate(-6deg)}.brand-dot{background:#ffda62}.activity-picker{margin-top:clamp(18px,3dvh,26px)}.activity-picker-heading span{letter-spacing:.1em;font-size:.68rem}.activity-picker-heading small{font-size:.67rem}.activity-button{border:1px solid #dce6df;border-radius:19px;min-height:72px;box-shadow:0 3px #e4e9e1}.activity-button[data-selected=true]{background:var(--color-teal);border-color:var(--color-teal);box-shadow:0 3px 0 var(--color-teal-dark)}.activity-name{font-size:clamp(.72rem,2.3vw,.86rem);line-height:1.15}.activity-description{margin-top:3px;font-size:.63rem}.game-stage{padding:8px 0 18px}.question-pal{flex:0 auto;width:clamp(110px,24dvh,190px);height:clamp(70px,15dvh,118px);min-height:0;margin-bottom:5px}.question-pal svg{width:100%;height:100%;display:block}.status-pill{background:0 0;min-height:28px;padding:4px 10px;font-size:.77rem}.game-instruction{margin:6px 0 20px;font-size:.84rem;line-height:1.4}.primary-button{letter-spacing:-.055em;color:#263c32;border-radius:36px;flex-shrink:0;gap:18px;width:100%;min-height:clamp(140px,24dvh,210px);padding:22px;font-size:clamp(2rem,8vw,3.3rem)}.primary-arrow{background:#fff8da;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.primary-arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;display:block}.primary-button:active{transform:translateY(4px);box-shadow:0 2px #e5b948}.supporting-actions{gap:10px}.repeat-button,.settings-button{border-radius:22px;justify-content:center;align-items:center;gap:9px;display:flex}.repeat-button{border-color:#dae7e0;min-height:66px;box-shadow:0 3px #dce7e0}.settings-button{min-height:50px;box-shadow:none;background:0 0;border-color:#0000}.repeat-button svg,.settings-button svg{flex:none;margin:0}.repeat-button:disabled{opacity:.55}.ambient-shape-one{background:#e4f3ef;width:240px;height:240px;top:-160px;right:-150px}.ambient-shape-two{display:none}.speech-fallback{flex-shrink:1;max-height:none;margin:0 0 12px;padding:10px 14px;font-size:.83rem;overflow:visible}:is(.game-stage:has(.speech-fallback) .question-pal,.game-stage:has(.game-message) .question-pal){display:none}.game-message{margin:0 0 12px}@media (height>=900px){.game-frame{margin-top:min(3dvh,30px)}}@media (height<=740px){.game-shell{padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}.activity-picker{margin-top:14px}.activity-button{min-height:62px}.question-pal{width:118px;height:74px}.game-instruction{margin-bottom:14px}.primary-button{min-height:135px}.repeat-button{min-height:58px}}@media (height<=610px){.question-pal,.brand-name small{display:none}.brand-mark{width:32px;height:32px}.activity-button{min-height:50px}.activity-description{display:none}.game-stage{padding:6px 0 12px}.primary-button{border-radius:28px;min-height:115px;padding:18px}.game-instruction{margin:3px 0 12px;font-size:.76rem}.supporting-actions{gap:6px}.repeat-button{min-height:54px}.settings-button{min-height:44px}}@media (width<=360px){.game-shell{padding-left:15px;padding-right:15px}.primary-arrow{width:40px;height:40px}.primary-button{gap:12px;font-size:2rem}.brand-name small{font-size:.46rem}}@media (orientation:landscape) and (height<=560px){.game-frame{grid-template-columns:1fr 1.15fr;column-gap:26px;width:100%;max-width:850px}.game-stage{justify-content:center;padding:0 0 8px}.question-pal{display:none}.primary-button{min-height:clamp(110px,50dvh,250px);font-size:clamp(2rem,5vw,3.3rem)}.game-instruction{margin-bottom:12px;font-size:.75rem}.activity-picker,.supporting-actions{margin-top:14px}.game-stage:has(.speech-fallback) .game-instruction{display:none}.game-stage:has(.speech-fallback) .primary-button{min-height:100px}}.settings-frame{max-height:700px}.settings-scroll{padding-bottom:12px;overflow:hidden}.settings-section[hidden]{display:none}.settings-section{border-bottom:0;padding:16px 0 12px}.settings-tabs{gap:8px;padding-top:15px;display:flex}.settings-tabs button{border:1px solid var(--color-border);min-height:44px;color:var(--color-teal-dark);cursor:pointer;background:#fff;border-radius:13px;flex:1;font-weight:700}.settings-tabs button[aria-pressed=true]{background:var(--color-teal);color:#fff;border-color:var(--color-teal)}.settings-tabs button:focus-visible{outline:3px solid var(--color-teal);outline-offset:2px}.pool-count{color:var(--color-text-muted);margin:14px 0 0;font-size:.72rem}.topic-list{grid-template-columns:1fr 1fr}.topic-row{gap:7px;min-height:52px;padding:8px 10px;font-size:.8rem}.switch{width:40px;height:26px}.switch:after{width:16px;height:16px}.topic-row input:checked+.switch:after{transform:translate(14px)}.passenger-notice{margin-top:8px;padding:11px}.settings-footer{grid-template-columns:1fr 1.2fr}.reset-button{grid-row:auto}@media (height<=650px){.settings-header{padding:14px 20px 12px}.settings-header h1{font-size:1.5rem}.settings-kicker{display:none}.settings-scroll{padding-left:20px;padding-right:20px}.settings-section{padding-top:12px}.settings-section legend{margin-bottom:10px}.settings-section legend small{display:none}.topic-row{min-height:46px}.settings-footer{padding:12px 20px max(12px, env(safe-area-inset-bottom))}.save-button,.reset-button{min-height:48px;font-size:.82rem}.passenger-notice{padding:9px}.passenger-notice p{font-size:.7rem}}@media (orientation:landscape) and (height<=560px){.settings-overlay{padding:8px}.settings-frame{width:min(100%,850px)}.settings-header{padding:8px 18px}.settings-header h1{font-size:1.2rem}.icon-button{width:40px;height:40px}.settings-tabs{padding-top:8px}.settings-tabs button{min-height:38px}.pool-count{margin-top:6px}.settings-section{padding:8px 0}.settings-section legend{display:none}.topic-list{grid-template-columns:repeat(4,1fr);gap:5px}.topic-row{min-height:40px;font-size:.72rem}.choice-chip{min-height:40px;padding:7px 12px}.passenger-notice{display:none}.settings-footer{padding:8px 18px}.save-button,.reset-button{min-height:42px}}.pool-hint{color:var(--color-teal-dark);margin:6px 0 0;font-size:.72rem}@media (height<=650px){.passenger-notice{display:none}}