:root{--bg-sky-top: #fff6e5;--bg-sky-bottom: #a8e6ff;--bg-grass: #8ce07a;--candy-strawberry: #ff6b8b;--candy-mango: #ffb02e;--candy-lime: #7ed957;--candy-blueberry: #5b9dff;--candy-grape: #b57bff;--ink: #4a3728;--ink-soft: #7a6152;--paper: #fffdf7;--white: #fff;--pink-paper: #fff0e9;--blue-paper: #eaf7ff;--purple-paper: #f4edff;--fruit-ink: #ae482a;--bubble-ink: #276e9b;--math-ink: #7845aa;--shadow-warm: 0 6px 0 #4a37282e;--radius: 36px;--spring: cubic-bezier(.34, 1.56, .64, 1);--font-heading: "Mitr", "Noto Sans Thai", sans-serif;--font-body: "Mali", "Noto Sans Thai", sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font:600 20px/1.6 var(--font-body);background:var(--bg-sky-top)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit;touch-action:manipulation}button:focus-visible,label:has(input:focus-visible){outline:4px solid var(--math-ink);outline-offset:6px}button:disabled{cursor:wait;opacity:.65}button,h1,h2,p{margin:0}h1,h2,.game-title{font-family:var(--font-heading);font-weight:600;line-height:1.3}h1{font-size:clamp(42px,5vw,64px);paint-order:stroke fill;-webkit-text-stroke:5px var(--paper);text-shadow:0 5px 0 #dbc2a6}h2{font-size:32px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#app,#stage-container{position:relative;width:100%;height:100%;isolation:isolate}.landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--bg-sky-top) 12%,#fff5e9 38%,#e4f5f3 74%,var(--bg-sky-bottom))}.cloud{position:absolute;width:170px;height:44px;background:#fffefb;border-radius:90px;opacity:.85;animation:cloud-drift 18s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:70px;height:70px;left:25px;top:-35px}.cloud:after{width:88px;height:88px;right:18px;top:-46px}.cloud-one{top:27%;left:-65px}.cloud-two{top:24%;right:-45px;width:210px;animation-delay:-8s}.cloud-three{top:72%;left:44%;transform:scale(.7);opacity:.5;animation-delay:-4s}.sun-decor{position:absolute;width:77px;height:77px;border-radius:50%;background:#ffdb89;top:117px;right:10%;box-shadow:0 0 0 13px #ffda8626;transform:rotate(10deg)}.sun-decor i{position:absolute;width:4px;height:7px;background:#af803e;top:32px;left:26px;border-radius:50%}.sun-decor i+i{left:47px}.sun-decor b{position:absolute;top:32px;left:30px;color:#af803e}.hill{position:absolute;border-radius:50% 50% 0 0;bottom:-115px;height:190px;width:130%;left:-15%;background:#c9e6a1;transform:rotate(-3deg)}.hill-front{background:#a9d991;bottom:-146px;transform:rotate(3deg);left:-8%}.garden-flower{position:absolute;bottom:12px;font-size:45px;line-height:1;color:#fff7cb}.flower-one{left:24%;bottom:9px}.flower-two{right:8%;color:#ffdab4;bottom:14px;font-size:32px}.flower-three{right:28%;bottom:3px;color:#fff;font-size:23px}#webcam-video,#game-canvas,.camera-tint{position:absolute;inset:0;width:100%;height:100%}#webcam-video{object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .3s;z-index:0}.camera-active #webcam-video{opacity:1}.camera-tint{display:none;pointer-events:none;background:linear-gradient(#fff6e52e,transparent 28%,transparent 78%,#a9d99159);z-index:1}.camera-active .camera-tint{display:block}#game-canvas{z-index:2;touch-action:none}.site-nav{position:absolute;top:24px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:65;pointer-events:none}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:39px;transform:rotate(-10deg)}.brand strong{font-family:var(--font-heading);font-size:20px;font-weight:500;display:block}.brand small{display:block;font-size:11px;color:var(--ink-soft);letter-spacing:.5px}.nav-actions{display:flex;gap:12px;pointer-events:auto}.icon-button{background:var(--paper);border:2px solid #eaddc8;border-bottom-width:5px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .2s var(--spring);flex-shrink:0}.icon-button:active{transform:translateY(3px)}.parent-button{position:relative;overflow:hidden}.hold-progress{position:absolute;left:0;bottom:0;width:0;height:6px;background:var(--candy-grape)}.holding .hold-progress{width:100%;transition:width 2s linear}.screen-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:auto;padding:104px 24px 50px;overscroll-behavior:contain}.lobby-content{max-width:1130px;width:100%;margin:auto;padding-bottom:6px}.lobby-header{text-align:center;margin-bottom:36px}.welcome-label{font-size:19px;color:var(--ink-soft);letter-spacing:1px;margin-bottom:5px}.welcome-label span{color:#d6a95d;margin:0 10px}.lobby-header h1{position:relative;font-size:clamp(52px,5.8vw,78px);letter-spacing:-1px;display:inline-block;line-height:1.35}.lobby-header h1 span:nth-child(1){color:#e87b59}.lobby-header h1 span:nth-child(2){color:#eeb33d}.lobby-header h1 span:nth-child(3){color:#79a985}.lobby-header h1 .title-spark{position:absolute;right:-44px;top:-7px;color:#b59aca;font-size:46px;-webkit-text-stroke:0;text-shadow:none;transform:rotate(13deg)}.lobby-header p{font-size:22px;color:var(--ink-soft);margin-top:7px}.game-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;padding:0 14px}.game-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;border-radius:40px;padding:0 24px 24px;border:3px solid #fffefa;border-bottom-width:6px;box-shadow:0 8px 0 var(--card-shadow),0 14px 24px #b3aa8a12;background:var(--card-bg);transform-origin:50% 85%;transition:transform .3s var(--spring),box-shadow .3s;animation:card-wiggle 7s ease-in-out infinite}.fruit-card{--card-bg: #fff0e3;--card-shadow: #edd1b2;--card-color: #ed8c53;--card-ink: #884626;--button-bottom: #cf7543}.bubble-card{--card-bg: #e9f6ff;--card-shadow: #bddae8;--card-color: #79bde3;--card-ink: #285e80;--button-bottom: #599bc2;animation-delay:-2.3s}.math-card{--card-bg: #f2ecff;--card-shadow: #d6c6e7;--card-color: #b697df;--card-ink: #61458b;--button-bottom: #9577be;animation-delay:-4.7s}.game-card:hover,.game-card:focus-visible{animation-play-state:paused;transform:translateY(-10px) rotate(0) scale(1.035);box-shadow:0 13px 0 var(--card-shadow),0 20px 30px #b3aa8a20}.game-card:active{transform:translateY(4px) scale(.98)}.card-corner{position:absolute;top:17px;right:21px;color:var(--card-color);font-size:27px;transition:transform .4s var(--spring)}.game-card:hover .card-corner{transform:rotate(90deg) scale(1.5)}.game-art{display:block;width:100%;max-width:275px;height:217px;margin-top:1px}.game-art svg{width:100%;height:100%;overflow:visible}.art-float{animation:art-bob 4s ease-in-out infinite}.art-float-delayed{animation:art-bob 4s ease-in-out infinite;animation-delay:-2s}.game-title{color:var(--card-ink);font-size:34px;margin:3px 0 10px}.picture-guide{display:flex;align-items:center;gap:11px;font-size:29px;height:45px}.picture-guide span{font-size:24px;color:#aa9b8a}.card-caption{font-size:20px;color:var(--ink-soft);margin:4px 0 20px}.card-play{width:100%;min-height:76px;display:flex;align-items:center;justify-content:center;gap:25px;border-radius:999px;background:var(--card-color);border:2px solid #ffffff8c;border-bottom:6px solid var(--button-bottom);color:#fff;text-shadow:0 2px 0 #65432925;font-size:28px;font-family:var(--font-heading)}.play-arrow{border-radius:50%;background:#ffffff38;width:37px;height:37px;display:grid;place-items:center;font-size:25px}.lobby-footer{text-align:center;display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;color:#6f7e65;margin-top:31px}.lobby-footer>span:not(.footer-dot){font-size:21px}.footer-dot{margin:0 6px}.paper-dialog{background:var(--paper);border:4px solid #fff;border-radius:40px;box-shadow:0 10px #d8c5a74a,0 15px 60px #84643d13;width:min(640px,100%);padding:32px 42px;text-align:center;position:relative;flex-shrink:0;margin:auto;animation:appear .4s var(--spring)}.back-button{border:none;background:transparent;color:var(--ink-soft);padding:8px 4px;min-height:48px;font-size:20px;border-radius:32px}.detail-dialog>.back-button{position:absolute;left:24px;top:18px}.detail-eyebrow{display:block;margin-top:40px;color:var(--ink-soft)}.detail-dialog h1{color:var(--fruit-ink);font-size:49px}.detail-dialog[data-theme=bubble] h1{color:var(--bubble-ink)}.detail-dialog[data-theme=math] h1{color:var(--math-ink)}.demo-area{display:flex;justify-content:center;align-items:flex-end;gap:28px;height:190px;margin:15px 0;border-radius:36px;background:linear-gradient(#fff6e5,#eef4da);overflow:hidden}.demo-bear{width:139px;flex-shrink:0}.demo-play{position:relative;width:215px;height:180px}.demo-target{position:absolute;font:600 46px var(--font-heading);left:0;top:9px;animation:demo-pick 3.6s infinite;z-index:1}.demo-hand{font-size:53px;position:absolute;left:6px;top:5px;z-index:2;animation:demo-pick 3.6s infinite}.demo-basket{position:absolute;bottom:4px;right:16px;font-size:79px}.demo-pop{position:absolute;bottom:64px;right:20px;font-size:43px;opacity:0;animation:demo-pop 3.6s infinite}.bubble-demo .demo-basket{display:none}.bubble-demo .demo-target{left:105px;top:50px;animation:bubble-demo-pop 3.6s infinite;font-size:66px}.bubble-demo .demo-hand{animation:demo-point 3.6s infinite}.bubble-demo .demo-pop{bottom:58px}.lesson{display:flex;justify-content:center;align-items:center;gap:15px;font:500 26px var(--font-heading)}.lesson b{color:#c8b38f}.detail-hint{font-size:20px;margin:10px 0 20px;color:var(--ink-soft)}.action-buttons{display:flex;flex-direction:column;gap:14px}.btn{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:96px;border-radius:999px;border:2px solid #ffffff9c;border-bottom:7px solid #d0b895;padding:15px 24px;font:500 28px/1.4 var(--font-heading);transition:transform .2s var(--spring)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(4px)}.btn-primary{background:#83bd72;color:#fff;border-bottom-color:#619852;text-shadow:0 2px #57774244}.btn-secondary{background:#f8efdf;color:#806547;border-color:#e9d9c0;border-bottom-color:#ddc9a8}.adult-note{font-size:14px;font-weight:500;color:var(--ink-soft);margin-top:17px}.mascot{width:137px;position:absolute;bottom:21px;left:21px;z-index:55;pointer-events:none}.mascot>[data-bear]{position:relative;z-index:1}.mascot-speech{position:absolute;left:103px;bottom:110px;white-space:nowrap;padding:12px 21px;border:2px solid #e9dfc7;border-radius:24px 24px 24px 4px;background:var(--paper);font-size:17px;line-height:1.5;transform:rotate(-4deg)}.mascot-name{position:absolute;bottom:-2px;left:34px;font-size:14px;color:#648357;background:#eff6df;border-radius:20px;padding:0 13px}.bear-svg{display:block;width:100%;overflow:visible}.bear-arm{transform-box:fill-box;transform-origin:50% 80%}.bear-eyes{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite}.bear-sleep-eyes,.bear-oops,.bear-trophy,[data-expression=sleep] .bear-eyes{display:none}[data-expression=sleep] .bear-sleep-eyes{display:block}[data-expression=oops] .bear-smile{display:none}[data-expression=oops] .bear-oops{display:block}[data-expression=point] .bear-arm.right{animation:wave 2.6s ease-in-out infinite}[data-expression=cheer] .bear-body{animation:bear-jump .45s var(--spring) 2}[data-expression=cheer] .bear-arm{transform:rotate(140deg)}[data-expression=cheer] .bear-arm.right{transform:rotate(-140deg)}[data-expression=trophy] .bear-trophy{display:block}.playing .site-nav .brand{visibility:hidden}.playing .site-nav{inset:auto 22px 21px auto}.playing .mascot{width:101px;bottom:14px}.playing .mascot-speech{left:78px;bottom:80px;font-size:20px}.playing .mascot-name{display:none}#hud-header{position:absolute;top:18px;left:22px;right:22px;z-index:20;display:flex;align-items:center;gap:22px;justify-content:center;pointer-events:none}#hud-header>.icon-button{pointer-events:auto;position:absolute;left:0;font-size:35px}.sun-timer{width:min(310px,35vw);height:72px;background:#fffdf7f2;padding:14px 28px 6px;border-radius:36px;border:2px solid #eee2c4;text-align:center}.sun-path{height:12px;background:#e0eed7;border-radius:999px;margin:6px 0 8px;position:relative}#timer-sun{position:absolute;font-size:33px;left:0;top:50%;transform:translate(-50%,-50%);line-height:1}.time-caption,.score-caption{font-size:16px;color:#7d684c}.score-card{background:#fffdf7f2;border-radius:36px;border:2px solid #eee2c4;height:72px;padding:0 21px;text-align:center}.progress-stars{display:flex;gap:5px;font-size:28px;line-height:1.45;color:#e5ddcb}.progress-stars span.lit{color:#f3b629;text-shadow:0 2px #d99726}.score-caption{display:block;line-height:1}.status-bar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:15;background:var(--paper);border:2px solid #ece1c7;padding:5px 22px;border-radius:999px;font-size:22px;white-space:nowrap;pointer-events:none}.countdown-screen{background:#fff9eabc;backdrop-filter:blur(4px)}.countdown-container{text-align:center}.countdown-container>p{font-size:28px}#countdown-number{color:#eab339;font:600 clamp(130px,22vw,220px) / 1.3 var(--font-heading);paint-order:stroke fill;-webkit-text-stroke:10px #fff;text-shadow:0 12px #d2914433}.countdown-pop{animation:appear .45s var(--spring)}.hand-help{position:absolute;top:28%;left:50%;transform:translate(-50%);z-index:25;padding:24px;background:#fffdf7ed;border-radius:36px;text-align:center;width:min(450px,90%)}.hand-help>span{font-size:49px}.hand-help p{margin:10px 0 20px}.hand-help .btn{font-size:22px;min-height:72px}.result-dialog h1{color:#eaa63a;font-size:64px}.result-subtitle{color:var(--ink-soft)}.result-stars{display:flex;justify-content:center;gap:17px;font-size:73px;color:#e9dfce;line-height:1.2;margin:10px 0 23px}.result-stars>span:nth-child(2){transform:translateY(-12px) scale(1.18)}.result-stars .earned{color:#ffc64b;text-shadow:0 5px #e1a033;animation:star-enter .65s var(--spring) both}.result-bear{width:155px;margin:0 auto}.result-score{font-size:22px;margin:8px 0 20px}.result-score strong{font-size:32px;font-family:var(--font-heading);color:#79a469}.modal-backdrop{position:absolute;inset:0;z-index:100;background:#e9e5cdca;backdrop-filter:blur(10px);display:flex;align-items:center;padding:24px;overflow-y:auto}.modal-card p{margin:15px 0 24px;color:var(--ink-soft)}.modal-icon{font-size:70px}.loading-bear{width:140px;margin:auto}.loading-dots{color:#e8b855;font-size:28px;letter-spacing:9px;animation:art-bob 1s infinite alternate}.settings-dialog{max-height:90dvh;overflow-y:auto;color:var(--ink);margin:auto;width:min(580px,calc(100% - 32px))}.settings-dialog::backdrop{background:#d9d4b9b3;backdrop-filter:blur(8px)}.settings-dialog h2{margin-bottom:5px}.settings-dialog>p{color:var(--ink-soft)}.settings-dialog fieldset{border:0;padding:0;margin:24px 0;text-align:left}.settings-dialog legend{margin-bottom:10px}.setting-options{display:flex;gap:12px}.setting-options label{flex:1;position:relative;border-radius:32px;cursor:pointer}.setting-options input{position:absolute;opacity:0}.setting-options span{display:block;border:3px solid #e8dfcf;border-radius:32px;padding:15px 10px;text-align:center;font-size:22px;background:#f7f0e3}.setting-options input:checked+span{border-color:#88b277;background:#e9f4dc;color:#557449}.sound-setting{display:flex;align-items:center;justify-content:space-between}.sound-setting input{width:28px;height:28px;accent-color:#78a569}.settings-dialog .btn{margin-top:22px}.celebration{position:absolute;z-index:30;top:16%;left:50%;transform:translate(-50%);pointer-events:none;opacity:0;text-align:center}.celebration span{display:block;font-size:140px;line-height:1.3}.celebration b{font-size:36px;color:#875da8;paint-order:stroke fill;-webkit-text-stroke:5px #fff;font-family:var(--font-heading);white-space:nowrap}.celebration.show{animation:rainbow-enter 1.6s var(--spring)}.confetti{position:absolute;inset:0;overflow:hidden;z-index:60;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:-30px;color:var(--confetti-color);font-size:var(--size);animation:confetti-fall 1.8s ease-in var(--delay) both}.score-bounce #game-canvas{animation:gentle-bump .15s ease-out}@keyframes cloud-drift{to{translate:42px 0}}@keyframes art-bob{50%{translate:0 -7px}}@keyframes card-wiggle{0%,to{rotate:-.5deg}50%{rotate:.5deg}}@keyframes appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,43%,47%,to{scale:1 1}45%{scale:1 .12}}@keyframes wave{0%,to{rotate:-15deg}50%{rotate:-65deg}}@keyframes bear-jump{50%{translate:0 -15px}}@keyframes demo-pick{0%,15%,to{transform:translate(0)}45%,70%{transform:translate(105px,50px)}80%{transform:translate(105px,78px);opacity:0}81%{transform:translate(0);opacity:0}95%{opacity:1}}@keyframes demo-pop{0%,65%,to{opacity:0;transform:scale(.5)}75%,85%{opacity:1;transform:scale(1.2)}}@keyframes demo-point{0%,15%,to{transform:translate(0)}45%,75%{transform:translate(105px,62px)}}@keyframes bubble-demo-pop{0%,40%,to{opacity:1;transform:scale(1)}50%,85%{opacity:0;transform:scale(1.3)}}@keyframes star-enter{0%{opacity:0;scale:.1;rotate:-35deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes rainbow-enter{0%,to{opacity:0;scale:.6}20%,70%{opacity:1;scale:1}}@keyframes confetti-fall{to{translate:70px 110vh;rotate:400deg}}@keyframes gentle-bump{50%{translate:0 2px}}@media(min-width:1400px){.lobby-content{max-width:1180px}.game-art{height:240px}.lobby-header{margin-bottom:40px}.game-card{padding-bottom:27px}.mascot{width:162px;left:26px;bottom:18px}.mascot-speech{left:123px;bottom:130px}}@media(max-height:850px)and (min-width:821px){.screen-overlay{padding-top:86px;padding-bottom:35px}.lobby-header{margin-bottom:24px}.lobby-header h1{font-size:64px}.welcome-label{font-size:17px}.game-art{height:185px}.game-title{font-size:31px}.game-card{padding:0 21px 20px}.card-caption{margin-bottom:14px}.card-play{min-height:70px}.lobby-footer{margin-top:26px}.mascot{width:108px;bottom:14px;left:14px}.mascot-speech{left:82px;bottom:83px;font-size:15px}.detail-dialog{padding:22px 35px}.detail-eyebrow{margin-top:28px}.demo-area{height:145px;margin:10px 0}.demo-bear{width:113px}.demo-play{scale:.8;transform-origin:bottom}.detail-hint{margin:8px 0 12px}.detail-dialog .btn{min-height:96px}.result-bear{width:120px}.result-stars{font-size:60px;margin-bottom:14px}.result-dialog{padding-top:22px}}@media(max-width:1100px){.lobby-content{max-width:970px}.game-cards-grid{gap:19px;padding:0}.game-card{padding-left:15px;padding-right:15px}.game-title{font-size:29px}.card-caption{font-size:19px}.card-play{font-size:26px;gap:13px}.mascot-speech{display:none}.brand small{font-size:10px}}@media(max-width:820px){.site-nav{top:17px;left:20px;right:20px}.brand strong{font-size:16px}.brand small{font-size:9px}.brand-mark{font-size:30px}.icon-button{width:48px;height:48px;font-size:22px}.nav-actions{gap:7px}.screen-overlay{padding:94px 22px 70px;align-items:flex-start}.lobby-content{max-width:540px}.lobby-header{margin-bottom:30px}.lobby-header h1{font-size:clamp(43px,8vw,62px)}.lobby-header h1 .title-spark{font-size:31px;right:-27px}.welcome-label{font-size:18px}.lobby-header p{font-size:20px;max-width:300px;margin:9px auto 0}.game-cards-grid{grid-template-columns:1fr;gap:27px}.game-card{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto auto;padding:20px;align-items:center;column-gap:12px;border-radius:36px}.game-art{grid-column:1;grid-row:1/4;height:167px}.game-title{grid-column:2;font-size:30px;margin:0}.picture-guide{grid-column:2;justify-content:center;gap:8px;font-size:24px}.card-caption{display:none}.card-play{grid-column:2;font-size:24px;min-height:72px;gap:12px}.card-corner{top:3px;right:15px;font-size:21px}.lobby-footer{flex-wrap:wrap;font-size:14px;margin:28px auto 0;max-width:320px;gap:4px}.footer-dot{display:none}.mascot{width:81px;bottom:9px;left:9px}.mascot-name{display:none}.paper-dialog{padding:24px}.detail-dialog h1{font-size:43px}.demo-area{gap:0;height:165px}.demo-bear{width:120px}.demo-play{scale:.85;transform-origin:bottom left;width:175px}.detail-eyebrow{margin-top:37px}.lesson{font-size:23px;gap:10px}.btn{font-size:25px;padding:16px}.adult-note{font-size:13px}.playing .mascot{width:76px;left:5px;bottom:52px}.playing .site-nav{bottom:12px;right:10px}.playing .nav-actions{gap:6px}.playing .icon-button{width:42px;height:42px}.status-bar{bottom:12px;font-size:20px;left:12px;transform:none;padding:2px 13px}#hud-header{gap:9px;top:13px;left:9px;right:9px;padding-left:50px}#hud-header>.icon-button{width:42px;height:42px}.sun-timer{width:43%;min-width:100px;height:64px;padding:14px 18px 4px}.score-card{padding:4px 13px;height:64px}.progress-stars{font-size:23px;gap:3px}.time-caption,.score-caption{font-size:13px}.result-dialog h1{font-size:54px}.result-stars{font-size:58px}.result-bear{width:145px}.result-score{font-size:20px}.result-score strong{font-size:28px}.result-score>span:last-child{display:block}.settings-dialog{padding:23px}.setting-options{gap:7px}.setting-options span{font-size:20px;padding:13px 6px}}@media(max-width:380px){.brand small{display:none}.brand strong{font-size:14px}.game-title{font-size:27px}.card-play{font-size:21px;gap:8px}.play-arrow{width:28px;height:28px;font-size:21px}.game-card{padding:17px 12px;gap:7px}.game-art{height:143px}.picture-guide{gap:5px}.screen-overlay{padding-left:16px;padding-right:16px}.lesson{font-size:20px}.detail-dialog{padding:20px 16px}.detail-hint{font-size:20px}}.mascot-speech{bottom:18px}[data-expression=trophy] .bear-trophy{fill:#d7a341;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif}@media(max-height:850px){[data-screen=screen-lobby] .mascot-speech{display:none}}@media(max-height:760px)and (min-width:821px){.lobby-header h1{font-size:58px}.lobby-header{margin-bottom:20px}.game-art{height:162px}.card-caption{display:none}.picture-guide{margin-bottom:12px}.lobby-footer{margin-top:20px}.mascot{width:82px}}@media(max-height:520px)and (min-width:601px){.playing .mascot{width:64px;bottom:12px}.playing .mascot-speech{display:none}}.pinch-open,.pinch-closed{display:block}.pinch-open{animation:hand-open 3.6s steps(1) infinite}.pinch-closed{position:absolute;inset:0;animation:hand-close 3.6s steps(1) infinite}@keyframes hand-open{0%,85%,to{opacity:1}15%{opacity:0}}@keyframes hand-close{0%,85%,to{opacity:0}15%{opacity:1}}#countdown-demo{width:min(440px,86vw);height:155px;margin:0 auto 16px}#countdown-demo .demo-bear{width:112px}#countdown-demo .demo-play{scale:.8;transform-origin:bottom}.playing .mascot-speech{bottom:80px}.time-caption{display:block;line-height:1.2}@media(max-width:820px){.sun-timer{padding-top:10px}.brand{min-width:0}.brand small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebration.show{opacity:1}.demo-hand{transform:translate(65px,30px)}.demo-pop{opacity:1}.confetti{display:none}.holding .hold-progress{width:100%}}