.group-play{justify-content:space-between;gap:12px}.group-container{justify-content:center;align-items:stretch;gap:12px;width:100%;display:flex}.group-card{background:var(--card);border:var(--border) solid var(--ink);border-radius:var(--radius);max-width:320px;box-shadow:0 4px 0 var(--ink);flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:10px 8px;display:flex;position:relative}.group-holder-box{justify-content:center;align-items:center;width:100%;min-height:70px;display:flex}.group-holder-img{object-fit:contain;pointer-events:none;max-width:100%;max-height:85px}.group-equation{font-family:var(--font-play);color:var(--ink);justify-content:center;align-items:center;gap:6px;margin:4px 0;font-size:26px;font-weight:800;display:flex}.group-equation-ans{justify-content:center;align-items:center;min-width:30px;padding:0 4px;display:inline-flex}.group-equation-solved{color:var(--correct);transition:transform .25s ease-out,color .25s ease-out;transform:scale(1.1)}.group-tray{background:var(--cream-card);border:2px dashed var(--ink-soft);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;min-height:48px;padding:6px 8px;display:flex}.group-tray-item{justify-content:center;align-items:center;width:38px;height:38px;animation:.25s ease-out group-pop-in;display:flex}.group-tray-item img{object-fit:contain;pointer-events:none;width:100%;height:100%}.group-loose-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;min-height:72px;padding:4px;display:flex}.group-loose-item{border:var(--border) solid var(--ink);background:var(--card);width:68px;height:68px;box-shadow:0 4px 0 var(--ink);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:20px;place-items:center;padding:4px;display:grid;position:relative}.group-loose-item:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.group-loose-img{object-fit:contain;pointer-events:none;width:52px;height:52px}.group-guide-hand{width:40px;height:40px;color:var(--ink-soft);opacity:0;pointer-events:none;z-index:10;margin-top:-20px;margin-left:-20px;animation:2s ease-in-out infinite group-drag-guide;position:absolute;top:50%;left:50%}@keyframes group-drag-guide{0%{opacity:0;transform:translate(0)scale(1.1)}15%{opacity:.85;transform:translate(0)scale(.9)}70%{transform:translate(var(--dx,0px), var(--dy,-140px)) scale(.95);opacity:.85}85%{transform:translate(var(--dx,0px), var(--dy,-140px)) scale(1.1);opacity:0}to{opacity:0;transform:translate(0)scale(1.1)}}@keyframes group-pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (orientation:landscape) and (height<=560px){.group-play{flex-direction:row;justify-content:space-around;gap:10px;padding:8px 12px}.group-container{flex:1;gap:8px}.group-card{border-radius:16px;padding:6px 8px}.group-holder-box{min-height:50px}.group-holder-img{max-height:54px}.group-equation{margin:2px 0;font-size:20px}.group-tray{min-height:38px;padding:4px}.group-tray-item{width:30px;height:30px}.group-loose-area{flex:1;gap:6px;min-height:0}.group-loose-item{width:var(--touch-min);height:var(--touch-min);border-radius:16px}.group-loose-img{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.group-guide-hand{opacity:.85;animation:none}.group-tray-item{animation:none}}.slot-sequence{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.slot-row{justify-content:center;align-items:center;gap:8px;display:flex}.slot-tile{border:var(--border) solid var(--ink);background:var(--card);width:58px;min-width:56px;height:62px;min-height:56px;box-shadow:0 3px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:18px;place-items:center;padding:4px;display:grid}.slot-target{box-shadow:none;border-style:dashed}.slot-target.slot-filled{border-style:solid;border-color:var(--correct);box-shadow:0 3px 0 var(--ink)}.slot-question{font-family:var(--font-play);color:var(--ink-soft);font-size:32px;font-weight:800;line-height:1}.slot-num{font-family:var(--font-play);color:var(--ink);font-size:32px;font-weight:800;line-height:1}.slot-tile-img{object-fit:contain;pointer-events:none;width:44px;height:44px}.slot-choice{position:relative;overflow:visible}.slot-choice-img{object-fit:contain;pointer-events:none;width:100%;max-width:56px;height:100%;max-height:56px}.slot-hint-hand{width:40px;height:40px;color:var(--ink-soft);opacity:.75;pointer-events:none;z-index:30;margin-top:-20px;margin-left:-20px;animation:2.2s ease-in-out infinite slot-hand-move;position:absolute;top:50%;left:50%}@keyframes slot-hand-move{0%{opacity:0;transform:translate(0)scale(1.1)}12%{opacity:.8;transform:translate(0)scale(1)}24%{opacity:.8;transform:translate(0)scale(.88)}64%,80%{transform:translate(var(--hand-dx,0px), var(--hand-dy,-180px)) scale(1);opacity:.8}92%,to{transform:translate(var(--hand-dx,0px), var(--hand-dy,-180px)) scale(1);opacity:0}}@media (orientation:landscape) and (height<=560px){.slot-sequence{flex-direction:row;gap:8px}.slot-row{gap:6px}.slot-tile{width:56px;min-width:56px;height:56px;min-height:56px;padding:2px}.slot-tile-img{width:38px;height:38px}.slot-num,.slot-question{font-size:28px}.slot-choice-img{max-width:46px;max-height:46px}}@media (prefers-reduced-motion:reduce){.slot-hint-hand{animation:none}}.pair-play{width:100%;position:relative;overflow:visible}.pair-lines{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.pair-board{z-index:6;justify-content:space-between;align-items:center;width:100%;max-width:340px;height:100%;display:flex;position:relative}.pair-col{flex-direction:column;justify-content:space-around;align-items:center;gap:16px;height:100%;display:flex}.pair-card{box-sizing:border-box;z-index:6;border:var(--border) solid var(--ink);border-radius:var(--radius);background:var(--card);width:clamp(88px,24vw,100px);min-width:88px;height:clamp(88px,24vw,100px);min-height:88px;box-shadow:0 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.pair-card:disabled{cursor:default;opacity:1}.pair-card:not(.draggable):active,.pair-shadow:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.pair-card-selected{border-color:var(--star);box-shadow:0 0 0 4px var(--star), 0 4px 0 var(--ink)}.pair-card-matched{border-color:var(--correct);box-shadow:0 0 0 3px var(--correct), 0 4px 0 var(--ink);pointer-events:none;cursor:default}.pair-card-hint{border-color:var(--star);animation:.9s ease-in-out infinite pair-hint}@keyframes pair-hint{0%,to{box-shadow:0 0 0 3px var(--star), 0 4px 0 var(--ink);transform:scale(1)}50%{box-shadow:0 0 0 6px var(--star), 0 4px 0 var(--ink);transform:scale(1.05)}}.pair-img{object-fit:contain;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%}.pair-img-shadow{filter:brightness(0);opacity:.75;transition:filter .3s,opacity .3s}.pair-card-matched .pair-img-shadow{filter:none;opacity:1}@media (orientation:landscape) and (height<=560px){.pair-play.play-card{padding:4px 16px;overflow:visible}.pair-board{max-width:480px;height:100%}.pair-col{justify-content:center;gap:3px}.pair-card{border-radius:16px;width:88px;min-width:88px;height:88px;min-height:88px;padding:6px}}@media (prefers-reduced-motion:reduce){.pair-card-hint{box-shadow:0 0 0 4px var(--star), 0 4px 0 var(--ink);animation:none}}.tapall-play{touch-action:manipulation}.tapall-grid{grid-template-columns:repeat(3,88px);place-content:center;gap:16px;display:grid}.tapall-item{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:88px;height:88px;padding:0;display:grid;position:relative}.tapall-svg{width:100%;height:100%;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;display:block}.tapall-color-pink{fill:var(--pink)}.tapall-color-sky{fill:var(--sky)}.tapall-color-sun{fill:var(--sun)}.tapall-color-mint{fill:var(--mint)}.tapall-color-lavender{fill:var(--lavender)}.tapall-hint{filter:drop-shadow(0 0 6px var(--star)) drop-shadow(0 0 10px var(--star));animation:.9s ease-in-out infinite tapall-pulse}@keyframes tapall-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tapall-check{pointer-events:none;place-items:center;animation:.25s ease-out tapall-check-pop;display:grid;position:absolute;inset:0}.tapall-check-icon{stroke:var(--correct);stroke-width:3.5px;filter:drop-shadow(0 2px 0 var(--ink))}@keyframes tapall-check-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tapall-hint,.tapall-check{animation:none}}@media (orientation:landscape) and (height<=560px){.tapall-play{padding:8px 12px}.tapall-grid{grid-template-columns:repeat(3,80px);gap:8px 14px}.tapall-item{width:80px;height:80px}}.choose-play{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.choose-play-multi{flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.choose-play-grid{grid-template-columns:repeat(2,1fr);align-content:center;gap:16px;width:100%;max-width:360px;margin:auto;display:grid}.choose-card{border:var(--border) solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:0 4px 0 var(--ink);cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);box-sizing:border-box;outline:none;justify-content:center;align-items:center;padding:12px;transition:background-color .15s;display:flex;position:relative}.choose-card:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.choose-play-multi .choose-card{flex:1;min-width:0;height:100%;max-height:400px}.choose-play-grid .choose-card{aspect-ratio:1;width:100%;height:auto}.choose-items{pointer-events:none;flex-wrap:wrap;place-content:center;align-items:center;gap:12px;width:100%;max-width:150px;margin:auto;display:flex}.choose-play-multi .choose-item-img{object-fit:contain;pointer-events:none;width:56px;height:56px}.choose-play-grid .choose-item-img{object-fit:contain;pointer-events:none;width:72%;max-width:100px;height:72%;max-height:100px}.choose-card.choose-correct{background:var(--star)}.choose-card.choose-hint{border:6px solid var(--star);animation:.9s ease-in-out infinite choose-pulse}@keyframes choose-pulse{50%{transform:scale(1.05)}}@media (orientation:landscape) and (height<=560px){.choose-play-multi{gap:14px}.choose-play-multi .choose-card{max-height:220px}.choose-play-multi .choose-items{gap:8px;max-width:200px}.choose-play-multi .choose-item-img{width:48px;height:48px}.choose-play-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px}.choose-play-grid .choose-item-img{max-width:72px;max-height:72px}}@media (prefers-reduced-motion:reduce){.choose-card.choose-hint{animation:none}}.screen.screen-break{justify-content:flex-start;align-items:center;gap:24px}.break-teacher{object-fit:contain;object-position:center;flex-shrink:0;width:250px;height:260px}.break-text{width:100%;font-family:var(--font-play);text-align:center;color:var(--ink);margin:0;font-size:36px;font-weight:800;line-height:40px}.screen-break .dots{flex:none;gap:7px;width:100%;height:64px}.screen-break .dots li{width:26px;height:26px}.screen-break .dots svg{width:26px;height:26px;display:block}.screen-break .dots .dot,.screen-break .dots .current .dot{background:var(--card);width:26px;height:26px;box-shadow:none;outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);border:0;border-radius:50%}.break-btn{outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);background:var(--pink);width:220px;height:172px;color:var(--ink);font-family:var(--font-play);cursor:pointer;appearance:none;border:0;border-radius:86px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:32px;font-weight:800;line-height:normal;display:flex}.break-btn:active{background:var(--pink-press);transform:translateY(3px)}.break-play{width:48px;height:48px;display:block}.break-btn:focus-visible{outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);box-shadow:0 0 0 4px var(--star)}@media (orientation:landscape) and (height<=560px){.screen.screen-break{grid-template-rows:auto auto auto;grid-template-columns:minmax(120px,32%) minmax(0,1fr);align-content:center;place-items:center;gap:8px 12px;display:grid}.break-teacher{grid-row:1/-1;width:100%;height:min(240px,72vh)}.break-text{font-size:28px;line-height:32px}.screen-break .dots{gap:5px;height:auto}.screen-break .dots li,.screen-break .dots svg,.screen-break .dots .dot,.screen-break .dots .current .dot{width:22px;height:22px}.break-btn{border-radius:44px;flex-direction:row;gap:10px;width:min(220px,100%);height:88px;font-size:28px}.break-play{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.break-btn:active{transform:none}}.screen.card-screen{overscroll-behavior:contain;background:var(--cream);gap:0;padding:0;overflow:hidden auto}.card-body{width:100%;max-width:390px;min-height:100%;padding:var(--safe-top) 20px var(--safe-bottom);background:linear-gradient(180deg, var(--cream), var(--cream-end));flex-direction:column;flex:1 0 auto;gap:16px;margin-inline:auto;display:flex}.card-preview{aspect-ratio:1080/1350;border-radius:10.37px;flex-shrink:0;align-self:center;width:100%;max-width:350px;height:auto;display:block}.card-label,.card-note{font-family:var(--font-body);margin:0;font-size:16px;line-height:26px}.card-label{color:var(--ink);font-weight:600}.card-note{color:var(--ink-soft);font-weight:400}.card-name{outline:var(--border) solid var(--line);outline-offset:calc(var(--border) / -2);background:var(--card);width:100%;height:68px;font-family:var(--font-body);color:var(--ink);-webkit-user-select:text;user-select:text;border:0;border-radius:20px;margin:0;padding:0 18px;font-size:18px;font-weight:400;line-height:29px}.card-name::placeholder{color:var(--ink-soft);opacity:1}.card-name:focus-visible{outline-color:var(--star)}.card-screen .card-download,.card-screen .card-back{outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);border:0;flex-shrink:0;width:100%;height:68px}.card-screen .card-share.hold{flex-shrink:0}@media (orientation:landscape) and (height<=560px){.card-body{padding:12px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left))}}.screen.screen-celebrate{justify-content:flex-start;align-items:center;gap:16px}.cele-bits{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cele-bit{transform-origin:0 0;width:10px;height:18px;transform:rotate(var(--r));border-radius:4px;animation:3.8s ease-in-out infinite alternate cele-fall;position:absolute}.cele-c-pink{background:var(--pink)}.cele-c-mint{background:var(--mint)}.cele-c-star{background:var(--star)}.cele-c-lilac{background:var(--age-6)}@keyframes cele-fall{0%{transform:translateY(0) rotate(var(--r))}to{transform:translateY(32px) rotate(calc(var(--r) + 28deg))}}.cele-teacher,.cele-medal,.cele-title,.cele-praise,.cele-next{z-index:1;position:relative}.cele-teacher{object-fit:contain;object-position:center;flex-shrink:0;width:190px;height:180px}.cele-medal{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:220px;height:240px;display:flex}.cele-ring{background:var(--card);outline:12px solid var(--star);outline-offset:-6px;border-radius:50%;place-items:center;width:190px;height:190px;display:grid}.cele-animal{object-fit:contain;width:148px;height:148px}.cele-award{width:34px;height:34px;color:var(--star);display:block}.cele-title{width:100%;font-family:var(--font-play);text-align:center;color:var(--ink);margin:0;font-size:34px;font-weight:800;line-height:36px}.cele-praise{width:100%;font-family:var(--font-play);text-align:center;color:var(--ink);margin:0;font-size:23px;font-weight:600;line-height:28px}.screen-celebrate .cele-next{outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);width:100%;height:68px;min-height:68px;box-shadow:var(--shadow-press);text-align:center;border:0;flex-shrink:0;align-self:stretch;padding:0 8px;font-size:24px;line-height:26px}.screen-celebrate .cele-next:active{background:var(--pink-press);box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.screen-celebrate .cele-next:focus-visible{outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);box-shadow:var(--shadow-press), 0 0 0 4px var(--star)}@media (orientation:landscape) and (height<=560px){.screen.screen-celebrate{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(120px,34%) minmax(0,1fr);align-content:center;place-items:center;gap:4px 12px;display:grid}.cele-teacher{grid-row:1/-1;width:100%;height:min(200px,64vh)}.cele-medal,.cele-title,.cele-praise,.cele-next{grid-column:2}.cele-medal{gap:4px;width:auto;height:auto}.cele-ring{outline-offset:-4px;outline-width:8px;width:112px;height:112px}.cele-animal{width:84px;height:84px}.cele-award{width:26px;height:26px}.cele-title{font-size:26px;line-height:28px}.cele-praise{font-size:20px;line-height:24px}.screen-celebrate .cele-next{height:64px;min-height:64px;font-size:20px}}@media (prefers-reduced-motion:reduce){.cele-bit{animation:none}.screen-celebrate .cele-next:active{transform:none}}.result-screen{background:var(--cream);color:var(--ink);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden auto}.result-sheet{box-sizing:border-box;width:100%;min-height:100%;padding:var(--safe-top) 20px var(--safe-bottom);background-image:linear-gradient(180deg, var(--cream), var(--cream-end));background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;flex:1 0 auto;align-items:stretch;gap:22px;display:flex}.result-sheet>*{flex-shrink:0;min-width:0}.result-teacher{object-fit:contain;object-position:center;align-self:flex-start;width:150px;height:150px}.result-title{text-align:left;margin:0;font-size:36px;font-weight:800;line-height:normal}.result-badge{align-items:center;gap:14px;width:100%;display:flex}.result-badge img{object-fit:contain;flex-shrink:0;width:80px;height:80px}.result-badge-name{min-width:0;margin:0;font-size:24px;font-weight:600;line-height:normal}.result-card,.result-home{outline:var(--border) solid var(--ink);outline-offset:-1.5px;border-radius:var(--radius);border:0;flex-direction:column;align-items:flex-start;width:100%;padding:20px;display:flex}.result-card{background:var(--card);gap:10px}.result-skill-head{align-items:center;gap:12px;width:100%;display:flex}.result-skill-name,.result-home-title{min-width:0;margin:0;font-size:25px;font-weight:800;line-height:29px}.result-home-title{line-height:normal}.result-skill-name{flex:1}.result-stars{gap:8px;display:flex}.result-label{margin:0;font-size:22px;font-weight:600;line-height:normal}.result-copy{width:100%;font-family:var(--font-body);margin:0;font-size:16px;font-weight:400;line-height:26px}.result-h{margin:0;font-size:29px;font-weight:800;line-height:32px}.result-h-watch{font-size:30px;line-height:normal}.result-home{background:var(--cream-card);gap:16px}.result-home-art{outline:var(--border) solid var(--line);outline-offset:-1.5px;border-radius:var(--radius);background:var(--cream-card);border:0;justify-content:center;align-items:center;width:300px;max-width:100%;height:120px;display:flex}.result-home-art img{object-fit:contain;width:auto;max-width:80%;height:96px}.result-listen{width:100%;min-height:var(--touch-min);font-family:var(--font-play);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin:0;padding:0;font-size:21px;font-weight:600;line-height:normal;display:flex}.result-listen-icon{outline:var(--border) solid var(--ink);outline-offset:-1.5px;background:var(--mint);border:0;border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.result-video{outline:var(--border) solid var(--ink);outline-offset:-1.5px;border-radius:var(--radius);background:var(--sky);border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:197px;padding:16px 0 12px;display:flex}.result-video-art{object-fit:contain;width:72px;height:72px}.result-video-title{text-align:center;width:100%;margin:0;padding:0 16px;font-size:20px;font-weight:600;line-height:22px}.result-btn{outline:var(--border) solid var(--ink);outline-offset:calc(var(--border) / -2);border:0;width:100%}@media (orientation:landscape) and (height<=560px){.result-sheet{padding:12px 20px}.result-teacher{width:96px;height:96px}.result-home-art{width:100%}}@media (prefers-reduced-motion:reduce){.result-listen,.result-btn{transition:none}}body[data-bg=sun]{background:linear-gradient(180deg, var(--sun), var(--sun-end))}body[data-bg=sky]{background:linear-gradient(180deg, var(--sky), var(--sky-end))}body[data-bg=lavender]{background:linear-gradient(180deg, var(--lavender), var(--lavender-end))}body[data-bg=mint]{background:linear-gradient(180deg, var(--mint-light), var(--mint-end))}body[data-bg=cream]{background:linear-gradient(180deg, var(--cream), var(--cream-end))}.game{height:100%;font-family:var(--font-play);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}:where(.game button){font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.screen{padding:var(--safe-top) 20px var(--safe-bottom);flex-direction:column;gap:12px;display:flex;position:absolute;inset:0;overflow:hidden}.screen-start{align-items:center;gap:18px}.start-title{text-align:center;font-size:38px}.start-teacher{object-fit:contain;flex:1;width:100%;min-height:0}.start-btn{border:var(--border) solid var(--ink);background:var(--pink);width:292px;height:226px;box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:110px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:14px;font-size:28px;font-weight:800;animation:1.6s ease-in-out infinite breathe;display:flex}.start-btn:active,.start-btn.is-busy{background:var(--pink-press);box-shadow:0 1px 0 var(--ink);animation:none;transform:translateY(4px)}@keyframes breathe{50%{transform:scale(1.05)}}.topbar{flex-shrink:0;align-items:center;gap:12px;height:64px;display:flex}.square-btn,.square-hold .hold-btn{border:var(--border) solid var(--ink);border-radius:var(--radius);background:var(--card);cursor:pointer;place-items:center;width:64px;height:64px;padding:0;display:grid}.dots{flex:1;justify-content:center;align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.dots li{place-items:center;width:16px;height:16px;display:grid}.dot{border:2px solid var(--ink);background:var(--card);border-radius:50%;width:14px;height:14px}.dots .current .dot{background:var(--star);box-shadow:0 0 0 3px color-mix(in srgb, var(--star) 40%, transparent)}.dots-big{flex:0;gap:10px}.dots-big li,.dots-big .dot{width:28px;height:28px}.teacher{flex-shrink:0;align-items:center;gap:12px;min-height:142px;display:flex}.teacher-img{object-fit:contain;flex-shrink:0;width:82px;height:126px}.bubble{border:var(--border) solid var(--ink);border-radius:var(--radius);background:var(--card);flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.bubble-text{min-height:1.1em;margin:0;font-size:23px;font-weight:800;line-height:1.1}.replay{cursor:pointer;background:0 0;border:0;place-items:center;width:64px;height:64px;margin:-8px 0 -12px -12px;padding:0;display:grid}.play{flex:1;min-height:0}.play-card{background:var(--mint-light);border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px;display:flex}.item-row{gap:18px;display:flex}.item{border:var(--border) solid transparent;cursor:pointer;background:0 0;border-radius:20px;width:78px;height:84px;padding:4px;position:relative}.item img{object-fit:contain;pointer-events:none;width:100%;height:100%}.item-small{width:64px;height:68px}.item-on{background:var(--star);border-color:var(--ink)}.item-num{border:2px solid var(--ink);background:var(--card);border-radius:16px;place-items:center;min-width:32px;height:32px;font-size:20px;font-weight:800;line-height:1;display:grid;position:absolute;top:-10px;left:-10px}.item-gone{pointer-events:none}.hint-hand{color:var(--ink-soft);opacity:.6;pointer-events:none;animation:1.2s ease-in-out infinite tap-demo;position:absolute;top:45%;left:30%}@keyframes tap-demo{0%,to{transform:translate(8px,10px)scale(1)}45%{transform:translate(0)scale(.9)}}.answers{flex-shrink:0;gap:16px;height:88px;display:flex}.answer{border:var(--border) solid var(--ink);border-radius:var(--radius);background:var(--card);cursor:pointer;flex:1;place-items:center;font-size:44px;font-weight:800;display:grid}.answers-wait .answer{opacity:.55}.answer-correct{background:var(--correct);color:var(--card)!important}.answer-hint{border:6px solid var(--star);animation:.9s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{transform:scale(1.06)}}.flying-star{z-index:20;pointer-events:none;width:48px;height:48px;position:absolute}@media (orientation:landscape) and (height<=560px){.screen{padding:12px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left))}.screen-level{grid-template:"top top"64px"teacher play"1fr"teacher answers"/minmax(220px,34%) 1fr;display:grid}.topbar{grid-area:top}.teacher{flex-direction:column;grid-area:teacher;justify-content:flex-start;align-items:stretch;gap:6px;min-height:0}.teacher-img{align-self:center;width:62px;height:96px}.bubble{gap:2px;padding:8px 10px}.bubble-text{font-size:18px;line-height:1.15}.replay{width:var(--touch-min);height:var(--touch-min);margin:-4px 0 -6px -8px}.play{grid-area:play}.play-card{flex-flow:wrap;gap:8px 18px}.answers{grid-area:answers;height:72px}.start-btn{width:240px;height:150px}}@media (prefers-reduced-motion:reduce){.start-btn,.hint-hand,.answer-hint{animation:none}}.draggable{touch-action:none;cursor:grab}.dragging{z-index:25;cursor:grabbing;filter:drop-shadow(0 6px 0 color-mix(in srgb, var(--ink) 20%, transparent));position:relative}