html,body{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e4e2f8;margin:0;padding:0}.teacher-dim{z-index:10;pointer-events:none;background:#000000b8;animation:.25s fade-in;position:absolute;inset:0}.teacher-prompt{flex-direction:column;order:-1;gap:8px;animation:.3s teacher-in;display:flex;position:relative}.teacher-prompt.spotlight{z-index:20;animation:2s ease-in-out infinite spotlight-pulse;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}@keyframes teacher-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.teacher-text{color:var(--ink);margin:0;font-size:15px;line-height:1.4}.teacher-prompt .k-word{color:#4c42cfa6}.teacher-dots{gap:5px;display:flex}.teacher-dots i{background:#4c42cf40;border-radius:50%;width:7px;height:7px}.teacher-dots i.past{background:var(--brand-mid)}.teacher-dots i.on{background:var(--accent)}.teacher-actions{order:99}.farm-video-wrap{-webkit-tap-highlight-color:transparent;background:#000;flex:1;min-height:0;margin:-14px -16px;display:flex;position:relative}.farm-video-wrap+.actions{margin-top:14px}.farm-video{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.farm-video-muted{color:#fff;white-space:nowrap;pointer-events:none;background:#0009;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;bottom:14px;left:50%;translate:-50%}.farm-video-icon{color:#fff;pointer-events:none;opacity:0;background:#2d1b69b3;border-radius:50%;place-items:center;width:64px;height:64px;transition:opacity .2s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.farm-video-icon.show{opacity:1}.farm-video-icon svg{fill:currentColor;width:30px;height:30px}.farm-video-progress{background:#ffffff59;height:4px;position:absolute;bottom:0;left:0;right:0}.farm-video-progress i{background:#00e5ff;height:100%;transition:width .25s linear;display:block}.farm-script{box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:10px 12px}.farm-script ol{color:var(--ink);margin:0;padding-left:18px;font-size:14px;line-height:1.45}.farm-script li+li{margin-top:4px}.screen.farm{background:linear-gradient(#dff3ff 0%,#f3fbff 45%,#e6f5e3 100%);gap:10px}.screen.farm .actions{z-index:3;position:relative}.farm-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-height:0;margin:-14px -16px;position:relative;overflow:hidden}.farm-stage-inner{transform-origin:0 0;width:360px;position:absolute;top:0;left:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.farm-backdrop{pointer-events:none;position:absolute;left:0;right:0}.farm-scene{width:100%;height:100%;position:relative}.farm-scene>i{display:block;position:absolute;inset:0}.fs-far{clip-path:polygon(0% 49.58%,12.31% 41.25%,12.62% 41.06%,12.92% 40.92%,13.23% 40.81%,13.54% 40.75%,13.85% 40.73%,14.15% 40.75%,14.46% 40.81%,14.77% 40.92%,15.08% 41.06%,15.38% 41.25%,27.69% 48.75%,43.08% 37.5%,43.38% 37.31%,43.69% 37.17%,44% 37.06%,44.31% 37%,44.62% 36.98%,44.92% 37%,45.23% 37.06%,45.54% 37.17%,45.85% 37.31%,46.15% 37.5%,61.03% 47.5%,76.41% 37.92%,76.72% 37.73%,77.03% 37.58%,77.33% 37.48%,77.64% 37.42%,77.95% 37.4%,78.26% 37.42%,78.56% 37.48%,78.87% 37.58%,79.18% 37.73%,79.49% 37.92%,89.74% 45%,100% 42.08%,100% 100%,0% 100%);background:#bcd8f0}.fs-near{clip-path:polygon(0% 54.58%,17.44% 37.08%,17.79% 36.78%,18.15% 36.55%,18.51% 36.38%,18.87% 36.28%,19.23% 36.25%,19.59% 36.28%,19.95% 36.38%,20.31% 36.55%,20.67% 36.78%,21.03% 37.08%,33.33% 47.08%,50.77% 31.25%,51.13% 30.95%,51.49% 30.72%,51.85% 30.55%,52.21% 30.45%,52.56% 30.42%,52.92% 30.45%,53.28% 30.55%,53.64% 30.72%,54% 30.95%,54.36% 31.25%,69.23% 45%,84.1% 35%,84.46% 34.74%,84.82% 34.53%,85.18% 34.39%,85.54% 34.3%,85.9% 34.27%,86.26% 34.3%,86.62% 34.39%,86.97% 34.53%,87.33% 34.74%,87.69% 35%,100% 43.33%,100% 100%,0% 100%);background:#9fc4e8}.fs-hill-back{clip-path:polygon(0% 64.58%,3.85% 62.91%,7.69% 61.76%,11.54% 61.04%,15.38% 60.71%,19.23% 60.68%,23.08% 60.88%,26.92% 61.25%,30.77% 61.72%,34.62% 62.21%,38.46% 62.65%,42.31% 62.98%,46.15% 63.12%,50% 63%,53.85% 62.56%,57.69% 61.72%,61.54% 60.42%,64.39% 59.48%,67.19% 58.83%,69.92% 58.42%,72.6% 58.23%,75.21% 58.22%,77.76% 58.35%,80.26% 58.58%,82.69% 58.88%,85.07% 59.21%,87.38% 59.54%,89.63% 59.83%,91.83% 60.04%,93.96% 60.13%,96.03% 60.08%,98.05% 59.84%,100% 59.38%,100% 100%,0% 100%);background:#8fd18a}.fs-hill-front{clip-path:polygon(0% 79.17%,4.33% 77.84%,8.66% 76.94%,13% 76.4%,17.35% 76.17%,21.71% 76.19%,26.1% 76.38%,30.5% 76.7%,34.94% 77.08%,39.4% 77.46%,43.9% 77.78%,48.43% 77.98%,53% 77.99%,57.63% 77.76%,62.29% 77.23%,67.02% 76.33%,71.79% 75%,74.14% 74.34%,76.37% 73.91%,78.5% 73.67%,80.53% 73.59%,82.47% 73.66%,84.32% 73.83%,86.11% 74.08%,87.82% 74.38%,89.47% 74.69%,91.08% 75%,92.63% 75.27%,94.15% 75.47%,95.64% 75.57%,97.11% 75.55%,98.56% 75.37%,100% 75%,100% 100%,0% 100%);background:#5fbf6e}.fs-band{clip-path:polygon(0% 92.3%,100% 92.3%,100% 100%,0% 100%);background:#3fa858}.fs-lane{background:#369a4f}.fs-lane-1{clip-path:polygon(0% 100%,9.09% 100%,17.84% 92.3%,10.69% 92.3%)}.fs-lane-2{clip-path:polygon(18.18% 100%,27.27% 100%,32.13% 92.3%,24.99% 92.3%)}.fs-lane-3{clip-path:polygon(36.36% 100%,45.45% 100%,46.43% 92.3%,39.28% 92.3%)}.fs-lane-4{clip-path:polygon(54.55% 100%,63.64% 100%,60.72% 92.3%,53.57% 92.3%)}.fs-lane-5{clip-path:polygon(72.73% 100%,81.82% 100%,75.01% 92.3%,67.87% 92.3%)}.fs-lane-6{clip-path:polygon(90.91% 100%,100% 100%,89.31% 92.3%,82.16% 92.3%)}.fs-band-edge{clip-path:polygon(0% 92.3%,100% 92.3%,100% 93.3%,0% 93.3%);background:#2f8a4880}.farm-sun{background:#ffd166;border-radius:50%;width:48px;height:48px;position:absolute;translate:-50% -50%}.farm-backdrop-fill{z-index:10;pointer-events:none;background:linear-gradient(#4e342e 0 2px,#0000 2px),repeating-linear-gradient(#8d6e4c 0 10px,#6d4c33 10px 20px);margin-top:-1px;position:absolute;bottom:-40px;left:0;right:0}.polaroid-slot{cursor:grab;touch-action:none;width:112px;height:148px;position:absolute}.polaroid-slot.can-drag{cursor:grab}.polaroid-slot:not(.can-drag){cursor:default}.polaroid-slot.is-dragging{cursor:grabbing}.polaroid{background:#faf5ee;border-radius:3px;flex-direction:column;align-items:center;width:112px;height:148px;padding-top:7px;display:flex;position:relative;box-shadow:0 0 0 1px #e8ddd0,3px 4px #0000002e}.polaroid.is-bobbing{animation:2s ease-in-out infinite alternate polaroid-bob}@keyframes polaroid-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.polaroid-photo{background:#2a241e;place-items:center;width:98px;height:114px;display:grid;overflow:hidden}.polaroid-photo img{object-fit:contain;pointer-events:none;width:auto;max-width:96px;height:96px;display:block}.polaroid-caption{text-align:center;font-family:var(--font-headline);color:#2d5016;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:6px;left:0;right:0}.farm-bot{object-fit:contain;pointer-events:none;z-index:12;position:absolute;translate:-50% -50%}.farm-bot.is-jumping{animation:.3s ease-out farm-bot-jump}@keyframes farm-bot-jump{0%,to{margin-top:0}50%{margin-top:-15px}}.classify-anchor{z-index:45;position:absolute;translate:-50% -50%}.classify{transform-origin:50% 100%;background:#fff;border:2.5px solid #00e5ff99;border-radius:16px;grid-template-columns:120px 1fr;align-items:center;gap:12px;width:350px;height:170px;padding:0 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) classify-in;display:grid;position:relative;box-shadow:3px 4px #0000001a}.classify.is-closing{animation:.2s ease-in forwards classify-out}@keyframes classify-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes classify-out{to{opacity:0;transform:scale(0)}}.classify-photo{place-items:center;height:120px;display:grid}.classify-photo img{object-fit:contain;width:auto;max-width:130px;height:120px;display:block}.classify-options{gap:8px}.classify-options .opt{border-color:var(--cads-line);border-radius:6px;min-height:50px;padding:10px 12px;font-weight:600}.classify-options .opt-k{border:1px solid #0000;border-radius:6px}.classify-options li:first-child .opt-k{color:#b30f0f;background:#ffdada;border-color:#f69898}.classify-options li:last-child .opt-k{color:#17541e;background:#d8ffdc;border-color:#7cdb87}.classify-options li:first-child .opt.sel{background:#ffdada;border-color:#eb1414}.classify-options li:first-child .opt.sel .opt-k{color:#fff;background:#eb1414;border-color:#eb1414}.classify-options li:last-child .opt.sel{background:#d8ffdc;border-color:#34bd43}.classify-options li:last-child .opt.sel .opt-k{color:#fff;background:#258830;border-color:#258830}.classify-options .opt.is-locked{opacity:.45}.classify-tail{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px #00e5ff99);background:#ffffffe6;width:20px;height:12px;position:absolute;bottom:-14px;left:50%;translate:-50%}.scan-meter-anchor{z-index:20;position:absolute;translate:-50% -50%}.scan-meter{border:1px solid var(--cads-line);background:#fff;border-radius:6px;align-items:center;gap:4px;padding:4px;animation:.35s cubic-bezier(.34,1.56,.64,1) farm-pop;display:flex;box-shadow:0 4px 7px #00000012,0 2px 2px #00000012}.scan-meter.is-leaving{animation:.3s ease-in .4s forwards scan-meter-out}@keyframes scan-meter-out{to{opacity:0;transform:scale(0)}}.scan-meter-brain img{object-fit:contain;border-right:1px solid var(--cads-line);box-sizing:content-box;width:18px;height:18px;margin-right:2px;padding-right:4px}.scan-meter-segs{gap:3px;display:flex}.scan-meter-segs i{background:#e1e3e6;border-radius:3px;width:18px;height:12px}.scan-meter-brain .scan-meter-segs i.on{background:var(--cads-success);animation:.35s cubic-bezier(.34,1.56,.64,1) farm-pop}.scan-meter-terrain .scan-meter-segs i.on{background:#1570d1;animation:.35s cubic-bezier(.34,1.56,.64,1) farm-pop}@keyframes farm-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.help-hand{z-index:55;pointer-events:none;width:50px;position:absolute}.help-hand img{width:50px;height:auto;display:block;translate:-15% -10%}.help-hand-drag{animation:2.25s ease-in-out infinite hand-drag}.help-hand-drag .help-hand-ghost{background:#faf5ee59;border:1px solid #c9a96e;border-radius:3px;width:80px;height:105px;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:inset 0 -20px #2a241e47}@keyframes hand-drag{0%{opacity:0;transform:translate(0)scale(1)}11%{opacity:.85;transform:translate(0)scale(1)}24%{opacity:.85;transform:translate(0)scale(1)}60%{opacity:.85;transform:translate(var(--dx), var(--dy)) scale(.9)}69%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.9)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.9)}}.help-hand-tap{animation:1.65s ease-in-out infinite hand-tap}@keyframes hand-tap{0%{opacity:0;transform:translateY(15px)scale(1)}15%{opacity:.85;transform:translateY(15px)scale(1)}27%{opacity:.85;transform:translateY(0)scale(1)}33%{opacity:.85;transform:translateY(0)scale(.88)}39%{opacity:.85;transform:translateY(0)scale(1)}57%{opacity:.85;transform:translateY(0)scale(1)}69%{opacity:0;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(1)}}.farm-plant{transform-origin:50% 100%;z-index:8;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute}.farm-plant img{pointer-events:none;width:auto;height:100%;display:block}.farm-plant.is-zoomed{transform:scale(1.25)}.farm-plant.is-gone{visibility:hidden}.farm-hover-bot{z-index:12;animation:1.5s ease-in-out infinite alternate farm-levitate;position:absolute;translate:-50% -50%}@keyframes farm-levitate{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.farm-hover-bot-img{object-fit:contain;z-index:1;display:block;position:relative}.farm-hover-bot.mood-happy .farm-hover-bot-img{animation:.36s ease-out 2 farm-bot-hop}@keyframes farm-bot-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.farm-hover-bot.mood-sad .farm-hover-bot-img{animation:.16s ease-in-out 4 farm-bot-shake}@keyframes farm-bot-shake{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.scan-beam{z-index:9;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);opacity:.65;pointer-events:none;background:linear-gradient(#ffffffd9 0%,#c8f5ff8c 60%,#00e5ff47 100%);width:70px;transition:width .3s ease-out;animation:.8s ease-in-out infinite alternate beam-breathe,1.5s ease-in-out infinite alternate farm-levitate;position:absolute;translate:-50%}.scan-beam.is-looking{opacity:.8;width:130px}@keyframes beam-breathe{0%{opacity:.6}to{opacity:.8}}.scan-ring{z-index:11;pointer-events:none;position:absolute;translate:-50% -50%}.scan-ring img{object-fit:fill;width:20px;height:20px;animation:.6s cubic-bezier(.33,1,.68,1) forwards scan-ring;position:absolute;top:0;left:0;translate:-50% -50%}.scan-ring img+img{--ring-to:90px;--ring-alpha:.7;animation-delay:.15s}@keyframes scan-ring{0%{width:20px;height:20px;opacity:var(--ring-alpha,.9)}to{width:var(--ring-to,80px);height:var(--ring-to,80px);opacity:0}}.laser-fire{object-fit:fill;opacity:.9;z-index:12;pointer-events:none;width:16px;animation:.24s ease-in-out 3 alternate laser-fire;position:absolute;translate:-50%}@keyframes laser-fire{0%{opacity:.9;width:16px}to{opacity:1;width:30px}}.laser-burst{object-fit:contain;z-index:13;pointer-events:none;width:30px;height:30px;animation:.4s cubic-bezier(.33,1,.68,1) forwards laser-burst;position:absolute;translate:-50% -50%}@keyframes laser-burst{to{opacity:0;width:100px;height:100px}}.screen.farm-teaching .farm-stage{pointer-events:none}.screen.farm .farm-stage~.actions{z-index:30;position:absolute;bottom:14px;left:16px;right:16px}.screen.farm .farm-stage~.teacher-prompt{z-index:20;position:absolute;bottom:72px;left:16px;right:16px}:root{--bg:#e4e2f8;--panel:#fff;--ink:#1f1976;--muted:#4c42cf;--accent:#f46800;--accent-dark:#611d00;--primary:#4c42cf;--primary-dark:#1f1976;--ok:#34bd43;--bad:#e11970;--shadow:0 2px 8px #00000014;--brand-light:#e4e2f8;--brand-mid:#aca8ea;--brand-primary:#4c42cf;--brand-dark:#1f1976;--cads-ink:#121212;--cads-muted:#4b5258;--cads-faint:#9ea5ad;--cads-line:#d3d6da;--cads-hover:#f1f2f4;--cads-brand-ink:#1d1590;--cads-brand-mid:#928cef;--cads-success:#258830;--cads-glyph-mute:#b7bcc2;--r-sm:6px;--r-lg:10px;--r-xl:12px;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-head:"Space Grotesk", "Noto Sans Devanagari", "Noto Sans", sans-serif;--font-headline:"Space Grotesk", "Noto Sans Devanagari", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:"Geist", "Noto Sans Devanagari", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body);margin:0;padding:0}button{cursor:pointer;font-family:inherit}html,body,#root{height:100%}.app{max-width:440px;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:var(--bg);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.topbar{background:var(--primary-dark);color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.nav-help{border-width:2px!important;flex:0 0 32px!important;width:32px!important;height:32px!important;font-size:15px!important}.topbar-wrap{z-index:60;flex:none;position:relative}.topbar,.lesson-rail{z-index:3;position:relative}.topbar-mark{all:unset;box-sizing:border-box;border-radius:var(--r-sm);cursor:pointer;flex:0 0 26px;width:26px;height:26px}.topbar-mark img{width:100%;height:100%;display:block}.level-chip{all:unset;box-sizing:border-box;border-radius:var(--r-sm);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;flex:auto;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px;display:flex}.level-chip.is-open{background:#fff3}.level-chip-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:22px;overflow:hidden}.level-chip-pos{font-variant-numeric:tabular-nums;color:#ffffffbf;flex:none;margin-left:auto;font-size:12px;font-weight:600;line-height:18px}.level-chip-caret{color:#ffffffbf;flex:none;font-size:9px;transition:transform .18s}.level-chip.is-open .level-chip-caret{transform:rotate(180deg)}.topbar-mark:focus-visible,.level-chip:focus-visible{box-shadow:0 0 0 2px var(--brand-dark), 0 0 0 4px var(--brand-primary);outline:none}.lesson-rail{background:#fff3;height:3px}.course-panel{z-index:2;max-height:62dvh;color:var(--cads-ink);border-radius:0 0 var(--r-xl) var(--r-xl);box-shadow:var(--shadow-md);background:#fff;padding:8px;transition:transform .2s cubic-bezier(.3,.9,.4,1);position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-102%)}.course-panel.is-open{transform:translateY(0)}.course-scrim{z-index:1;opacity:0;pointer-events:none;background:#12121280;height:100dvh;transition:opacity .2s;position:absolute;top:100%;left:0;right:0}.course-scrim.is-open{opacity:1;pointer-events:auto}.cm-group{color:var(--brand-primary);padding:8px 10px 6px;font-size:12px;font-weight:600;line-height:18px}.cm-group span{color:var(--cads-faint)}.cm-levels{margin:0;padding:0;list-style:none}.cm-levels li{position:relative}.cm-row{all:unset;box-sizing:border-box;border-radius:var(--r-lg);width:100%;color:var(--cads-ink);cursor:pointer;align-items:center;gap:10px;padding:9px 10px;font-size:14px;line-height:22px;display:flex}.cm-row:hover{background:var(--cads-hover)}.cm-row.is-here{background:var(--brand-light)}.cm-row.is-here .cm-name{font-weight:600}.cm-row:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--brand-primary);outline:none}.cm-levels li+li:before{content:"";background:var(--cads-line);width:2px;height:20px;position:absolute;top:-10px;left:19px}.cm-levels li.st-done+li:before{background:var(--cads-success)}.cm-step{height:20px;font-family:var(--font-head);font-variant-numeric:tabular-nums;color:var(--cads-muted);border-radius:50%;flex:0 0 20px;place-items:center;font-size:11px;font-weight:600;display:grid}.cm-check{width:12px;height:12px}.cm-row.is-done .cm-step{background:var(--cads-success);color:#fff}.cm-row.is-here .cm-step{background:var(--brand-primary);color:#fff}.cm-row.is-next .cm-step{box-shadow:inset 0 0 0 2px var(--brand-primary);color:var(--brand-primary)}.cm-glyph{width:20px;height:20px;color:var(--cads-glyph-mute);flex:0 0 20px}.cm-name{min-width:0;margin-right:auto}.cm-go{width:16px;height:16px;color:var(--cads-faint);flex:0 0 16px}.cm-row.is-here .cm-go,.cm-row.is-next .cm-go{color:var(--brand-primary)}.cm-row:active{background:var(--cads-hover)}.cm-row.is-here:active{background:var(--brand-mid)}.cm-tag{color:var(--cads-brand-ink);background:var(--brand-light);border:1px solid var(--cads-brand-mid);border-radius:var(--r-sm);flex:none;padding:1px 7px;font-size:10px;font-weight:600;line-height:16px}.cm-row.is-here .cm-tag{background:#fff}.cm-row.is-locked{cursor:default}.cm-row.is-locked:hover{background:0 0}.cm-row.is-locked .cm-name{color:var(--cads-muted)}.cm-count{color:var(--cads-faint);flex:none;margin-left:auto;font-size:12px;line-height:18px}.cm-sep{background:var(--cads-line);height:1px;margin:8px 10px}.screen{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px;display:flex;position:relative;overflow:auto}.prompt{color:var(--ink);background:#ffe3ce;border-radius:10px;margin:0;padding:10px 12px;font-size:15px;line-height:1.4}.prompt.collapsible{max-height:120px;transition:max-height .3s,padding .3s,opacity .25s,margin .3s;overflow:hidden}.prompt.collapsible.hidden{opacity:0;max-height:0;margin-top:-14px;padding-top:0;padding-bottom:0}.prompt-row{align-items:stretch;gap:8px;display:flex}.prompt-row .prompt{flex:1}.prompt-row{align-items:center}.help-btn{all:unset;background:var(--panel);border:2px solid var(--accent);width:42px;height:42px;color:var(--accent);font-family:var(--font-headline);cursor:pointer;box-sizing:border-box;border-radius:10px;flex:0 0 42px;place-items:center;font-size:18px;font-weight:700;display:grid}.kbd-run{background:var(--accent);color:#fff;white-space:nowrap;vertical-align:middle;border-radius:10px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.help-btn:active{transform:scale(.94)}.modal-backdrop{z-index:100;background:#0000008c;place-items:center;padding:16px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:10px;flex-direction:column;width:100%;max-width:460px;max-height:85dvh;animation:.2s ease-out pop-in;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal .modal-gif{flex:1;min-height:0}.modal-head{background:var(--primary-dark);color:#fff;padding:10px 14px;font-size:15px;font-weight:700}.modal-gif{aspect-ratio:666/962;object-fit:cover;background:#fff;width:100%;display:block}.modal-body{color:var(--ink);padding:12px 14px;font-size:14px;line-height:1.4}.modal .btn{margin:0 14px 14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.workspace{flex:1;gap:10px;min-height:0;display:flex}.train-strip{background:var(--panel);box-shadow:var(--shadow);border-radius:10px;flex-shrink:0;grid-template-columns:1fr;grid-auto-rows:min(74px,16.6667% - 6.66667px);align-content:center;justify-items:center;gap:8px;width:90px;padding:8px;display:grid}.train-strip .train-cell{width:auto;height:100%;min-height:0}.train-cell{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#e4e2f8;border:2px solid #0000;border-radius:10px;place-items:center;padding:6px;transition:background .15s,border-color .15s;display:grid}.train-cell.placed{background:#e4e2f8;border-style:dashed;border-color:#aca8ea}.ghost-slot{opacity:.22;filter:grayscale(.6);pointer-events:none}.train-cell.hint-me,.l6-item.hint-me{border-color:var(--accent);z-index:15;background:#ffe3ce;animation:1.4s ease-in-out infinite hint-bounce;box-shadow:0 0 0 3px #f4680073,0 4px 14px #f468004d}.hint-active .workspace{position:relative}.hint-active .workspace:before{content:"";z-index:10;pointer-events:none;background:#000000b8;border-radius:10px;position:absolute;inset:0}.bucket.spotlight{z-index:12;animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680080,0 0 20px #f468004d}.bucket.correction-source{z-index:13;position:relative}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 4px #f4680080,0 0 20px #f468004d}50%{box-shadow:0 0 0 6px #f4680099,0 0 30px #f4680066}}.train-cell{position:relative}.hint-hand{object-fit:contain;pointer-events:none;z-index:30;filter:drop-shadow(0 4px 8px #00000059);width:44px;height:44px;position:absolute;top:55%;left:60%}.hint-hand-open{animation:3.2s ease-in-out infinite hand-open}.hint-hand-grab{animation:3.2s ease-in-out infinite hand-grab}.drag-hint-ghost{object-fit:contain;pointer-events:none;z-index:29;opacity:0;filter:drop-shadow(0 6px 10px #0000004d);width:76%;height:76%;animation:3.2s ease-in-out infinite ghost-drag;position:absolute;top:50%;left:50%}@keyframes hint-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes hand-open{0%{opacity:0;transform:translate(-50%,-180%)scale(.7)}8%{opacity:1;transform:translate(-50%,-50%)scale(1)}15%{opacity:1;transform:translate(-50%,-40%)scale(.95)}18%{opacity:0;transform:translate(-50%,-40%)scale(.95)}to{opacity:0}}@keyframes hand-grab{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}17%{opacity:0;transform:translate(-50%,-50%)scale(.9)}20%{opacity:1;transform:translate(-50%,-50%)scale(.85)}28%{opacity:1;transform:translate(-50%,-50%)scale(.85)}70%{opacity:1;transform:translate(calc(130px - 50%),-50%)scale(.85)}78%{opacity:1;transform:translate(calc(130px - 50%),-50%)scale(.95)}82%{opacity:0;transform:translate(calc(130px - 50%),-50%)scale(.95)}to{opacity:0}}@keyframes ghost-drag{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}17%{opacity:0;transform:translate(-50%,-50%)scale(1)}20%{opacity:.8;transform:translate(-50%,-50%)scale(1)}28%{opacity:.8;transform:translate(-50%,-50%)scale(1)}70%{opacity:.8;transform:translate(calc(130px - 50%),-50%)scale(.9)}78%{opacity:.4;transform:translate(calc(130px - 50%),-50%)scale(1)}82%{opacity:0;transform:translate(calc(130px - 50%),-50%)scale(1)}to{opacity:0}}.train-cell img{object-fit:contain;width:100%;height:100%}.buckets{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.bucket{all:unset;background:var(--panel);border:2px solid #0000;border-radius:10px;flex-direction:column;flex:1;min-height:0;transition:transform .1s,border-color .15s;display:flex;overflow:hidden}.bucket.tappable{cursor:pointer;border-color:var(--primary)}.bucket.tappable:active{transform:scale(.97)}.bucket.drop-target{border-color:var(--accent);background:#ffe3ce;animation:1.2s ease-in-out infinite drop-pulse;box-shadow:0 0 0 3px #f4680040}@keyframes drop-pulse{0%,to{box-shadow:0 0 0 3px #f4680040}50%{box-shadow:0 0 0 8px #f468001f}}.bucket:disabled{cursor:default}.bucket-body{flex:1;min-height:180px;padding:10px;position:relative;overflow:hidden}.samples{position:absolute;inset:8px}.samples img{object-fit:contain;width:40px;height:40px;position:absolute}.bucket:first-child .samples img:first-child{top:30%;right:15%;transform:rotate(-12deg)}.bucket:first-child .samples img:nth-child(2){top:6%;left:48%;transform:rotate(8deg)}.bucket:first-child .samples img:nth-child(3){top:62%;left:18%;transform:rotate(-5deg)}.bucket:last-child .samples img:first-child{top:20%;left:48%;transform:rotate(10deg)}.bucket:last-child .samples img:nth-child(2){top:62%;left:8%;transform:rotate(-8deg)}.bucket:last-child .samples img:nth-child(3){top:58%;left:52%;transform:rotate(5deg)}.placed-item{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:52px;height:52px;animation:.25s ease-out pop;position:absolute;transform:translate(-50%,-50%)}.placed-item:active{cursor:grabbing}.placed-item.ok{filter:drop-shadow(0 0 14px #34bd43f2)drop-shadow(0 0 24px #34bd4399)}.placed-item.correction-target{z-index:20;animation:1.2s ease-in-out infinite correction-glow}@keyframes correction-glow{0%,to{filter:drop-shadow(0 0 8px #f46800e6)drop-shadow(0 0 20px #f4680080)}50%{filter:drop-shadow(0 0 14px #f46800)drop-shadow(0 0 30px #f46800b3)}}.placed-item.bad{filter:drop-shadow(0 0 14px #e11970f2)drop-shadow(0 0 24px #e1197099)}.screen.l4 .placed-item.ok,.screen.l4 .placed-item.bad{filter:drop-shadow(0 2px 4px #0003)}.screen.l4 .placed-item.drop-glow.ok{animation:.25s ease-out pop,1.4s ease-out forwards l4-drop-glow-ok}.screen.l4 .placed-item.drop-glow.bad{animation:.25s ease-out pop,1.4s ease-out forwards l4-drop-glow-bad}@keyframes l4-drop-glow-ok{0%,40%{filter:drop-shadow(0 0 10px #34bd4399)drop-shadow(0 0 18px #34bd434d)}to{filter:drop-shadow(0 2px 4px #0003)}}@keyframes l4-drop-glow-bad{0%,40%{filter:drop-shadow(0 0 10px #e1197099)drop-shadow(0 0 18px #e119704d)}to{filter:drop-shadow(0 2px 4px #0003)}}.train-cell.draggable{cursor:grab;border-color:var(--accent);background:#ffe3ce}.train-cell.draggable:active{cursor:grabbing}.train-cell.dragging{background:#e4e2f8;border-color:#0000}.screen.is-dragging,.screen.is-dragging *{cursor:grabbing!important}.fb{pointer-events:none;text-shadow:0 2px 6px #00000040;z-index:9999;font-size:36px;line-height:1;animation:.9s ease-out forwards fb-float;position:fixed;transform:translate(-50%,-140%)}.fb-ok{filter:drop-shadow(0 0 8px #34bd43b3)}.fb-bad{filter:drop-shadow(0 0 8px #e11970b3)}.fb-screen{pointer-events:none;z-index:50;text-shadow:0 4px 12px #0000004d;font-size:64px;line-height:1;animation:.9s ease-out forwards fb-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}@keyframes fb-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}@keyframes fb-float{0%{opacity:0;transform:translate(-50%,-80%)scale(.3)}30%{opacity:1;transform:translate(-50%,-150%)scale(1.15)}to{opacity:0;transform:translate(-50%,-220%)scale(1)}}.drag-ghost{object-fit:contain;pointer-events:none;z-index:1000;filter:drop-shadow(0 6px 10px #0000004d);touch-action:none;width:64px;height:64px;position:fixed;transform:translate(-50%,-50%)}.snap-back{opacity:.8;transition:transform .35s ease-in-out,opacity .35s ease-in-out}.snap-back.snap-back-go{opacity:0;transform:translate(-50%,-50%)!important}.correction-container{pointer-events:none;z-index:40;position:fixed;transform:translate(0)}.correction-ghost-img{object-fit:contain;filter:drop-shadow(0 4px 10px #0000004d);width:72px;height:72px;position:absolute;top:-36px;left:-36px}.correction-hand-img{object-fit:contain;filter:drop-shadow(0 3px 6px #00000059);width:52px;height:52px;position:absolute;top:-10px;left:-10px}.l4-guided-hint .correction-ghost-img{width:48px;height:48px;top:-24px;left:-24px}.l4-guided-hint .correction-hand-img{width:46px;height:46px;top:-8px;left:-8px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.bucket-label{color:#fff;text-align:center;font-family:var(--font-headline);background:#000;border-radius:10px 10px 0 0;padding:8px;font-size:14px;font-weight:700}.hint-text{color:#1f1976;text-align:center;z-index:4;text-shadow:0 1px 3px #ffffffe6;background:0 0;place-items:center;padding:12px 14px;font-size:17px;font-weight:500;line-height:1.4;animation:.3s fade-in;display:grid;position:absolute;inset:0}.train-cell.locked{opacity:.45;filter:grayscale(.4);cursor:not-allowed}.screen.hint-active .actions{opacity:.35;pointer-events:none;transition:opacity .25s}.speech-bubble{border:3px solid var(--accent);text-align:center;max-width:94%;color:var(--ink);z-index:50;pointer-events:none;white-space:normal;background:#fff;border-radius:10px;padding:10px 14px 12px;font-size:15px;line-height:1.4;animation:.42s cubic-bezier(.34,1.56,.64,1) bubble-in;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #f4680059,0 2px 8px #0000002e}.speech-bubble .sparkle{filter:drop-shadow(0 2px 4px #f4680080);font-size:18px;animation:1.6s ease-in-out infinite sparkle-twirl;position:absolute;top:-10px;right:14px}@keyframes sparkle-twirl{0%,to{transform:rotate(-10deg)scale(1)}50%{transform:rotate(15deg)scale(1.2)}}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%)scale(.4)translateY(10px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.k-word{font-weight:700;display:inline-block}.c{transition:color .12s ease-out}.c.lit{color:var(--accent-dark)}.speech-bubble .k-word,.hint-text .k-word{color:#4c42cfa6}.color-boxes{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.screen.l2{position:relative}.screen.l2-dim:before,.screen.l3-dim:before,.screen.l4-dim:before,.screen.l6-dim:before{content:"";z-index:10;pointer-events:none;background:#000000b8;flex:none;height:1px;margin-bottom:-13px;animation:.25s fade-in;position:sticky;top:0;box-shadow:0 0 0 200vmax #000000b8}.l2-question{flex-direction:column;gap:10px;display:flex}.l2-prompt .k-word{color:#4c42cfa6}.opt-item{animation:.42s cubic-bezier(.34,1.56,.64,1) both opt-reveal;position:relative}.opt-item.spotlight{z-index:25}@keyframes opt-reveal{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.opt-text{flex-wrap:wrap;align-items:baseline;gap:.28em;display:inline-flex}.opt-eng{display:inline-block}.opt.spotlight .k-word{color:#4c42cfa6}.opt-eng{color:var(--muted);font-size:.9em;font-style:italic}.l2-overlay-hint .k-word{color:#4c42cfa6}.l2-question.spotlight{z-index:20;background:var(--bg);border-radius:10px;padding:8px;animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}.opt.spotlight{z-index:20;border-color:var(--accent);background:#ffe3ce;animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f468008c,0 0 22px #f4680073}.options.spotlight-all{z-index:20;background:var(--bg);border-radius:10px;padding:10px;animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}.l2-overlay-hint{border:3px solid var(--accent);text-align:center;color:var(--ink);z-index:30;pointer-events:none;background:#fff;border-radius:10px;max-width:80%;padding:12px 18px;font-size:16px;font-weight:700;animation:.42s cubic-bezier(.34,1.56,.64,1) bubble-in-centered;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #f4680066,0 4px 10px #0003}@keyframes bubble-in-centered{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)translateY(10px)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.l2-overlay-hint .sparkle{filter:drop-shadow(0 2px 4px #f4680080);font-size:18px;animation:1.6s ease-in-out infinite sparkle-twirl;position:absolute;top:-10px;right:12px}.screen.l2-dim .actions{opacity:.35;pointer-events:none;transition:opacity .25s}.cbox{background:var(--panel);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.cbox-green .cbox-grid{background:#ccf1d0}.cbox-blue .cbox-grid{background:#d5efff}.cbox-red .cbox-grid{background:#fbdae8}.cbox-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:3px;min-height:160px;padding:6px;display:grid}.cbox-grid img{aspect-ratio:1;object-fit:contain;width:100%}.cbox-label{color:#fff;text-align:center;font-family:var(--font-headline);background:#000;padding:6px;font-size:13px;font-weight:700}.options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.opt{all:unset;background:var(--panel);cursor:pointer;box-sizing:border-box;text-align:left;border:2px solid #0000;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 14px;font-size:15px;line-height:1.35;display:grid}.opt:disabled{cursor:default}.opt.sel{border-color:var(--primary);background:#e4e2f8}.opt.right{border-color:var(--ok);background:#ccf1d0}.opt.wrong{border-color:var(--bad);background:#fbdae8}.opt-k{width:32px;height:32px;color:var(--ink);font-family:var(--font-headline);background:#e4e2f8;border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid}.opt.sel .opt-k{background:var(--primary);color:#fff}.opt.right .opt-k{background:var(--ok);color:#fff}.opt-mark{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:16px;font-weight:700;line-height:1;display:grid}.opt.right .opt-mark{background:var(--ok)}.opt.wrong .opt-mark{background:var(--bad)}.opt.wrong .opt-k{background:var(--bad);color:#fff}.btn{all:unset;text-align:center;color:var(--ink);font-family:var(--font-headline);letter-spacing:-.01em;cursor:pointer;box-sizing:border-box;background:#e4e2f8;border-radius:10px;place-items:center;min-height:48px;padding:14px 20px;font-size:15px;font-weight:700;display:inline-grid}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{background:#ffa868}.btn-outline{color:var(--primary);background:#fff;border:2px solid #4c42cf59}.hint{text-align:center;color:var(--muted);padding:4px 0;font-size:14px;transition:opacity .3s}.hint.hint-hidden{opacity:0;pointer-events:none}.brand-logo{object-fit:contain;width:auto;max-width:100%;height:18px;display:block}.brand-logo-lg{height:28px}.score-row{opacity:0;visibility:hidden;flex-direction:column;gap:10px;min-height:44px;transition:opacity .3s;display:flex}.score-row.show{opacity:1;visibility:visible}.actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:6px;display:flex}.actions>.btn{width:100%}.result{background:var(--panel);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.score{text-align:center;font-family:var(--font-headline);font-size:18px;font-weight:700}.score.ok{color:#003f25}.score.bad{color:#7d0c3d}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=560px){html,body,#root{background:var(--brand-light);height:100%;overflow:hidden}#root{justify-content:center;align-items:center;display:flex}.app{border:12px solid #000;border-radius:48px;width:390px;height:min(844px,100dvh - 48px);position:relative;box-shadow:0 30px 60px #1f197659}.app:before{content:"";z-index:100;pointer-events:none;background:#000;border-radius:20px;width:110px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.screen,.home-list,.course-panel{scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.home-list::-webkit-scrollbar{display:none}.course-panel::-webkit-scrollbar{display:none}.topbar{padding-top:50px}.color-boxes{gap:12px}.cbox-grid{min-height:130px}.cbox-grid img{aspect-ratio:1}}.lang-seg{border-radius:var(--r-sm);border:1px solid #ffffff4d;flex:none;display:flex;overflow:hidden}.lang-btn{all:unset;box-sizing:border-box;color:#ffffffb3;cursor:pointer;padding:4px 8px;font-size:12px;font-weight:600;line-height:18px;transition:background .15s,color .15s}.lang-btn.active{color:var(--cads-brand-ink);background:#fff}.lang-btn:focus-visible{box-shadow:0 0 0 2px var(--brand-dark), 0 0 0 4px var(--brand-primary);outline:none}.screen.lang-select{background:linear-gradient(180deg, var(--brand-dark) 0%, var(--brand-primary) 100%);color:#fff;min-height:100%;font-family:var(--font-body);justify-content:space-between;align-items:stretch;gap:32px;padding:24px 20px}.lang-select-logo{justify-content:flex-start;display:flex}.lang-select-card{flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:420px;margin:0 auto;display:flex}.lang-select-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(34px,11vw,48px);font-weight:700;line-height:.9}.lang-select-rule{border:0;border-top:1px solid #fff;width:100%;margin:0}.lang-select-subtitle{font-family:var(--font-head);letter-spacing:-.02em;color:#fff;margin:0;font-size:22px;font-weight:500;line-height:1}.lang-select-buttons{flex-direction:column;gap:12px;width:100%;margin-top:24px;display:flex}.lang-select-btn,.level-cta{all:unset;width:100%;color:var(--brand-dark);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:999px;justify-content:space-between;align-items:center;padding:8px 20px 8px 24px;transition:transform .12s,background .15s;display:flex}.lang-select-btn:hover,.level-cta:hover{background:var(--brand-light)}.lang-select-btn:focus-visible,.level-cta:focus-visible{outline:3px solid var(--brand-mid);outline-offset:3px}.lang-select-btn:active,.level-cta:active{transform:scale(.97)}.lang-select-label,.level-cta-label{font-family:var(--font-head);letter-spacing:-.02em;text-transform:uppercase;font-size:22px;font-weight:700}.lang-select-icon,.level-cta-icon{width:44px;height:44px;color:var(--brand-primary);font-family:var(--font-head);justify-content:center;align-items:center;font-size:22px;font-weight:700;line-height:1;display:flex}.screen.l3{position:relative}.l3-question{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.l3-prompt .k-word{color:#4c42cfa6}.l3-prompt .k-plain{font-weight:400}.l3-question.spotlight{z-index:20;background:var(--bg);border-radius:10px;margin:-8px;padding:8px;animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}.screen.l3-dim .actions{opacity:.35;pointer-events:none;transition:opacity .25s}.l3-boxes .cbox.spotlight,.l3-box-four.spotlight{z-index:20;animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}.cbox .shape-icon{transition:opacity .25s}.cbox.visiting .shape-icon{opacity:.35}.l3-strip{background:var(--panel);width:100%;box-shadow:var(--shadow);border-radius:10px;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;animation:.3s fade-in;display:grid}.l3-item-row.l3-strip-row{align-self:stretch}.l3-box-four{border:2px dashed #aca8ea}.l3-box-four .cbox-grid{justify-content:center;align-items:center;min-height:80px;display:flex}.l3-none-label{font-family:var(--font-body);letter-spacing:.04em;color:var(--muted);opacity:.35;text-align:center;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:500;transition:opacity .25s}.l3-none-label.faded{opacity:.12}.l3-strip .train-cell{width:auto;padding:2px}.l3-boxes .cbox.drop-target,.l3-box-four.drop-target{background:#ffe3ce;box-shadow:0 0 0 3px #f468004d}.l3-strip .train-cell svg{width:100%;height:100%;display:block}.l3-strip .train-cell.locked{cursor:default;opacity:.28;filter:grayscale(.5)}.l3-strip .train-cell.focus{z-index:20;border-color:var(--accent);background:#ffe3ce;animation:1.4s ease-in-out infinite hint-bounce;box-shadow:0 0 0 3px #f4680073,0 4px 14px #f468004d}.l3-strip .train-cell.placed svg{opacity:.22;filter:grayscale(.6)}.l3-boxes .cbox-grid,.l3-box-four .cbox-grid{position:relative}.l3-boxes .placed-item,.l3-box-four .placed-item{cursor:default;pointer-events:none}.screen.l3 .drag-ghost{width:52px;height:52px}.tour-ghost .tour-body{opacity:.8;width:52px;height:52px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.tour-ghost .tour-body>svg{filter:drop-shadow(0 6px 12px #00000059);width:100%;height:100%;display:block}.tour-ghost .tour-hand{object-fit:contain;pointer-events:none;opacity:0;filter:drop-shadow(0 4px 8px #00000059);width:52px;height:52px;position:absolute;top:0;left:0}.tour-ghost .tour-hand-open{animation:tour-hand-open var(--leg) ease-in-out forwards}.tour-ghost .tour-hand-grab{animation:tour-hand-grab var(--leg) ease-in-out forwards}.tour-ghost-quick .tour-hand-grab{animation-name:tour-hand-grab-quick}@keyframes tour-hand-grab-quick{0%,60%{opacity:1;transform:translate(-40%,-45%)scale(.85)}70%{opacity:1;transform:translate(-40%,-45%)scale(.95)}76%,to{opacity:0;transform:translate(-40%,-45%)scale(.95)}}@keyframes tour-hand-open{0%{opacity:0;transform:translate(-40%,-175%)scale(.7)}9.8%{opacity:1;transform:translate(-40%,-45%)scale(1)}18.5%{opacity:1;transform:translate(-40%,-35%)scale(.95)}22.2%,to{opacity:0;transform:translate(-40%,-35%)scale(.95)}}@keyframes tour-hand-grab{0%,20.9%{opacity:0;transform:translate(-40%,-45%)scale(.9)}24.6%,86.2%{opacity:1;transform:translate(-40%,-45%)scale(.85)}96%{opacity:1;transform:translate(-40%,-45%)scale(.95)}to{opacity:0;transform:translate(-40%,-45%)scale(.95)}}.l3-ask-slot{justify-content:center;align-items:flex-start;min-height:0;display:flex}.l3-ask-bubble{z-index:30;border:3px solid var(--accent);text-align:center;max-width:96%;color:var(--ink);pointer-events:none;background:#fff;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;line-height:1.45;animation:.42s cubic-bezier(.34,1.56,.64,1) pop-in;position:relative;box-shadow:0 10px 28px #f4680066,0 4px 10px #0003}.l3-ask-bubble-lift{width:92%;max-width:none;animation:.42s cubic-bezier(.34,1.56,.64,1) bubble-in;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.l3-ask-bubble .k-word{color:#4c42cfa6}.l3-ask-bubble .sparkle{filter:drop-shadow(0 2px 4px #f4680080);font-size:18px;animation:1.6s ease-in-out infinite sparkle-twirl;position:absolute;top:-10px;right:12px}.l3-content{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.l3-item-row{flex-direction:column;align-self:center;align-items:center;gap:6px;display:flex}.l3-item-label{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:12px;font-weight:600}.l3-boxes{flex-direction:row;flex:1;gap:8px;min-height:0;display:flex}.l3-boxes .cbox{flex:1;min-width:0}.l3-boxes .cbox-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-height:132px;padding:8px;display:flex}.shape-icon{aspect-ratio:1;flex:none;width:52px;display:block}.l3-boxes .shape-icon{flex-shrink:1;min-width:0}.l3-boxes .cbox-grid:has(.shape-icon):not(:has(.shape-icon~.shape-icon)){align-items:flex-start}.l3-boxes .cbox:last-child .cbox-grid:has(.shape-icon):not(:has(.shape-icon~.shape-icon)){align-items:flex-end}.screen.l4{position:relative}.l4-prompt .k-word{color:#4c42cfa6}.l4-prompt.spotlight{z-index:20;background:var(--bg);animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}.screen.l4-dim .actions{opacity:.35;pointer-events:none;transition:opacity .25s}.app:has(.screen.dim-topbar) .topbar-wrap:after{content:"";z-index:4;pointer-events:none;background:#000000b8;animation:.25s fade-in;position:absolute;inset:0}.l4-content{flex:1;gap:10px;min-height:0;display:flex}.l4-strip{background:var(--panel);width:162px;box-shadow:var(--shadow);border-radius:10px;flex-shrink:0;grid-template-columns:repeat(2,1fr);grid-auto-rows:min(67px,16.6667% - 6.66667px);align-content:flex-start;gap:8px;padding:10px;display:grid}.l4-strip .train-cell{aspect-ratio:1;justify-self:center;width:auto;height:100%;padding:3px}.train-cell svg{width:100%;height:100%;display:block}.l4-buckets{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.l4-buckets .bucket-body{min-height:0;padding:8px}.screen.l4 .drag-ghost{width:52px;height:52px}.l4-buckets .samples{align-items:center;min-width:0;padding:0 10px;display:flex}.l4-buckets .samples.l5-samples{padding:0;display:block}.l4-buckets .samples.l5-samples .sample-shape{flex-shrink:0;position:absolute;left:50%;transform:translate(-50%)}.l5-samples-one .sample-shape:first-child,.l5-samples-three .sample-shape:first-child{top:2px}.l5-samples-one .sample-shape:nth-child(2),.l5-samples-two .sample-shape:first-child{top:50%;transform:translate(-50%,-50%)}.l5-samples-two .sample-shape:nth-child(2),.l5-samples-three .sample-shape:nth-child(2){bottom:2px}.sample-shape{flex-shrink:1;width:52px;min-width:0;height:52px;transition:opacity .2s}.screen.l4 .l3-boxes .placed-item{pointer-events:auto;cursor:grab}.screen.l4 .l3-boxes .placed-item:active{cursor:grabbing}.l4-demo-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen.l4 .l3-box-four{max-height:200px;transition:max-height .4s,opacity .3s,margin-top .4s,border-width .4s}.screen.l4 .l3-box-four.l4-gone{opacity:0;pointer-events:none;border-width:0;max-height:0;margin-top:-10px}.l4-demo-start{animation:none}.screen.l4 .l3-question~.actions .score-row:not(.show){display:none}.screen.l4 .workspace,.screen.l4 .l4-content{flex-direction:column;gap:10px}.screen.l4 .l4-strip{flex:none;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;align-content:flex-start;gap:4px;width:100%;padding:8px;animation:.3s fade-in}.screen.l4 .l4-strip .train-cell{justify-self:stretch;height:auto;padding:2px}.screen.l4 .l4-buckets{flex-direction:row;gap:8px}.screen.l4 .bucket{min-width:0;box-shadow:var(--shadow)}.screen.l4 .bucket-label{border-radius:0;order:2;padding:6px;font-size:13px}.screen.l4 .bucket-body{order:1;min-height:132px}.screen.l4 .bucket.drop-target{border-color:#0000;animation:none;box-shadow:0 0 0 3px #f468004d}.screen.level-select{background:linear-gradient(180deg, var(--brand-dark) 0%, var(--brand-primary) 100%);color:#fff;min-height:100%;font-family:var(--font-body);justify-content:flex-start;align-items:stretch;gap:0;padding:24px 20px;overflow:hidden}.level-select-top{justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.level-select-head{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.level-select-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(34px,11vw,48px);font-weight:700;line-height:.9}.level-select-rule{border:0;border-top:1px solid #fff;width:100%;margin:0}.level-select-progress{font-family:var(--font-head);letter-spacing:-.02em;color:#fff;margin:0;font-size:22px;font-weight:500;line-height:1}.level-select:lang(hi) .level-select-title{padding-top:.12em;line-height:1.2}.level-select:lang(hi) .level-select-progress{line-height:1.3}.home-list{border-radius:var(--r-lg);background:#fff;flex:0 auto;min-height:0;margin:0;padding:6px;overflow-y:auto}.home-foot{flex:none;margin-top:auto;padding-top:24px}@media (height<=720px){.screen.level-select{padding-bottom:16px}.brand-logo-lg{height:22px}.level-select-top{padding-bottom:12px}.level-select-head{gap:8px;padding-bottom:12px}.level-select-title{font-size:clamp(26px,8vw,34px)}.level-select-progress{font-size:16px}.home-foot{padding-top:14px}.level-cta-label{font-size:19px}.level-cta-icon{width:36px;height:36px;font-size:19px}}@media (width>=560px){.screen.lang-select,.screen.level-select{padding-top:38px}}@media (prefers-reduced-motion:reduce){.level-cta,.cm-row,.level-chip-caret,.course-scrim,.course-panel{transition:none}}.screen.l6{position:relative}.l6-prompt .k-word{color:#4c42cfa6}.l6-prompt.spotlight{z-index:20;background:var(--bg);animation:2s ease-in-out infinite spotlight-pulse;position:relative;box-shadow:0 0 0 4px #f4680099,0 0 30px #f4680073}.screen.l6-dim .actions{opacity:.35;pointer-events:none;transition:opacity .25s}.l6-area{flex:1;gap:14px;min-height:0;display:flex;position:relative}.l6-col{flex-direction:column;flex:60%;gap:10px;min-width:0;display:flex}.l6-col-labels{flex:40%}.l6-item{all:unset;box-sizing:border-box;background:var(--panel);min-height:0;box-shadow:var(--shadow);cursor:pointer;border:2px solid #d3d6da;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.l6-item:disabled{cursor:default}.l6-item:focus-visible{outline:3px solid var(--brand-mid);outline-offset:2px}.l6-item-board.selected{z-index:5;animation:1.4s ease-in-out infinite hint-bounce}.l6-item-label{flex-direction:column;gap:4px;padding:8px 10px}.l6-board{gap:4px;width:100%;height:100%;display:flex}.l6-box{background:#f7f7fb;border:1px solid #e1e3e6;border-radius:6px;flex-wrap:wrap;flex:1;place-content:center;gap:2px;min-width:0;padding:3px;display:flex}.l6-chip{width:24px;height:24px;display:block}.l6-stars{gap:2px;display:flex}.l6-star{width:20px;height:20px;display:block}.l6-label-text{font-family:var(--font-headline);text-align:center;color:var(--ink);font-size:12px;font-weight:600;line-height:1.25}.l6-label-text b{color:var(--primary)}@keyframes l6-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.l6-item.shake{border-color:var(--bad);animation:.5s l6-shake}@media (prefers-reduced-motion:reduce){.l6-item.shake{animation:none}.l6-item{transition:none}}.l7-title{text-align:center;font-family:var(--font-headline);color:var(--ink);margin:0;font-size:17px;font-weight:700}.l7-grid{flex:1;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;display:grid}.l7-card{all:unset;box-sizing:border-box;background:var(--panel);box-shadow:var(--shadow);border:2px solid #d3d6da;border-radius:10px;flex-direction:row;align-items:center;gap:10px;padding:6px 8px;display:flex;position:relative}.l7-card.is-locked{opacity:.55;box-shadow:none}.l7-card-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.l7-badge{z-index:1;background:var(--accent);color:#fff;width:25px;height:25px;font-family:var(--font-headline);border-radius:999px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:-6px;left:-6px}.l7-card.is-locked .l7-badge{background:#9ea5ad}.l7-go{all:unset;box-sizing:border-box;border-radius:var(--r-sm);background:var(--accent);color:#fff;cursor:pointer;flex:0 0 40px;align-self:center;place-items:center;width:40px;height:40px;transition:background .15s,transform .1s;display:grid}.l7-go-icon{font-family:var(--font-head);font-size:22px;font-weight:700;line-height:1}.l7-go:hover{background:#b34800}.l7-go:active{transform:scale(.95)}.l7-go:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.l7-go:disabled{cursor:default;background:#ffe3ce;transform:none}.l7-soon{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-left:auto;font-size:9px;font-weight:700}.l7-preview{background:#faf9fd;border:1px solid #e1e3e6;border-radius:8px;padding:6px 8px}.l7-preview-tray{grid-template-columns:repeat(4,1fr);justify-items:center;row-gap:6px;display:grid}.l7-preview-item{object-fit:contain;width:40px;height:40px;display:block}.l7-sort .placed-item.l7-placed{display:block}.l7-placed img,.l7-placed svg,.l7-ghost img,.l7-ghost svg{object-fit:contain;width:100%;height:100%;display:block}.l7-ghost{width:44px;height:44px}.l7-sort .l7-ghost:has(.l7-tight-80){width:auto;height:auto}.l7-sort .placed-item.l7-placed:has(.l7-tight-80){width:auto;height:auto}.l7-sort .l7-ghost .l7-tight-80,.l7-sort .placed-item.l7-placed .l7-tight-80{width:37px;height:auto;max-height:none}.l7-sort .train-cell img{object-fit:contain;width:auto;max-width:90%;height:auto;max-height:90%;display:block}.l7-sort .train-cell .l7-tight-80{max-width:80%;max-height:80%}.l7-sort .train-cell .l7-tight-75{max-width:75%;max-height:75%}.l7-sort .train-cell .l7-tight-70{max-width:70%;max-height:70%}:is(.l7-sort .train-cell:has(.l7-tight-80),.l7-sort .train-cell:has(.l7-tight-75),.l7-sort .train-cell:has(.l7-tight-70)){padding-top:0}.l7-count{font-variant-numeric:tabular-nums}.speech-bubble.l7-partner-bubble{z-index:60;animation:.42s cubic-bezier(.34,1.56,.64,1) bubble-in-centered;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.l7-sort .l4-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.l7-sort .l4-strip .train-cell{aspect-ratio:1;min-width:0;min-height:0}.l7-sort .l4-strip.l7-strip-tall .train-cell{align-self:center}.l7-sort .l4-strip.l7-strip-tall .train-cell:has(.l7-tight-80){aspect-ratio:auto;height:84px}@media (prefers-reduced-motion:reduce){.l7-go{transition:none}}.l3a-tray{background:var(--panel);box-shadow:var(--shadow);border-radius:10px;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;display:grid}.l3a-tray .train-cell{aspect-ratio:1;min-width:0;padding:4px}.l3a-food{width:1em;height:1em;font-size:40px;line-height:1;display:block}.l3a-food img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.l3a-tray .l3a-food{width:auto;height:auto;position:absolute;inset:4px}.l3a-tray .train-cell.hint-me{animation:none}.l3a-board{background:var(--panel);min-height:0;box-shadow:var(--shadow);border-radius:10px;flex:1;grid-template-rows:minmax(0,1fr) 28px;grid-template-columns:38px minmax(0,1fr);gap:2px 4px;padding:8px 10px 6px 4px;display:grid}.l3a-y{text-align:center;color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;line-height:1.1;display:flex}.l3a-y b{font-family:var(--font-headline);font-size:14px}.l3a .l4-prompt{display:grid}.l3a-prompt-line{grid-area:1/1}.l3a-prompt-sizer{visibility:hidden;pointer-events:none}.l3a-x{color:var(--ink);grid-column:2;justify-content:space-between;align-items:center;padding:0 2px;font-size:11px;font-weight:700;display:flex}.l3a-x b{font-family:var(--font-headline);font-size:14px}.l3a-arrow{flex:1;align-self:stretch;min-width:12px;min-height:12px;position:relative}.l3a-arrow:before,.l3a-arrow:after{content:"";position:absolute}.l3a-arrow-line:after{display:none}.l3a-y .l3a-arrow-line:before{top:3px}.l3a-x .l3a-arrow-line:before{right:3px}.l3a-y .l3a-arrow:before{background:currentColor;width:2px;margin-left:-1px;top:8px;bottom:3px;left:50%}.l3a-y .l3a-arrow:after{border-bottom:6px solid;border-left:4px solid #0000;border-right:4px solid #0000;top:3px;left:50%;transform:translate(-50%)}.l3a-x .l3a-arrow:before{background:currentColor;height:2px;margin-top:-1px;top:50%;left:3px;right:8px}.l3a-x .l3a-arrow:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;top:50%;right:3px;transform:translateY(-50%)}.l3a-grid-wrap{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.l3a-grid{aspect-ratio:1;background:var(--panel);border:1px solid #d3d6da;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:0 6px 0 0;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;height:100%;display:grid;position:relative;overflow:hidden}.l3a-cell{min-width:0;min-height:0;transition:background .15s}.l3a-cell:not(:nth-child(4n)){border-right:2px dotted #d3d6da}.l3a-cell:nth-child(-n+12){border-bottom:2px dotted #d3d6da}.l3a.is-dragging .l3a-cell{background:#d8ffdc}.l3a-placed{font-size:var(--l3a-food,40px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.l3a-placed:active{cursor:grabbing}.screen.l4 .drag-ghost.l3a-ghost{font-size:var(--l3a-food,52px);display:block}.l3a-hi-box{box-sizing:border-box;width:100%;height:25%;box-shadow:inset 0 0 0 3px var(--accent);opacity:0;pointer-events:none;transition:left var(--l3a-slide,1.6s) ease-in-out, top var(--l3a-slide,1.6s) ease-in-out, width var(--l3a-slide,1.6s) ease-in-out, height var(--l3a-slide,1.6s) ease-in-out, opacity .2s ease;background:#ffe3ce;position:absolute;top:75%;left:0}.l3a-hi-box.is-on{opacity:1;animation:1.4s ease-in-out infinite l3a-cell-pulse}@keyframes l3a-cell-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--accent)}50%{box-shadow:inset 0 0 0 5px #f468008c}}.l3a-y,.l3a-x{transition:color .25s}.l3a-axis-hi,.l3a-axis-hi b{color:var(--accent);text-shadow:0 0 10px #f4680059}.tour-ghost .tour-body>.l3a-tour-food{filter:drop-shadow(0 6px 12px #00000059);width:100%;height:100%;display:block}.tour-ghost .tour-body>.l3a-tour-food img{width:100%;height:100%}.speech-bubble.l3a-your-turn{z-index:60;font-size:17px;animation:.42s cubic-bezier(.34,1.56,.64,1) bubble-in-centered;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.l3a-demo .train-cell.locked{cursor:default}.l3a .tour-ghost .tour-hand-open{animation-name:l3a-tour-hand-open}.l3a .tour-ghost .tour-hand-grab{animation-name:l3a-tour-hand-grab}@keyframes l3a-tour-hand-open{0%{opacity:0;transform:translate(-40%,-175%)scale(.7)}9.8%{opacity:1;transform:translate(-40%,-45%)scale(1)}18.5%{opacity:1;transform:translate(-40%,-45%)scale(1)}22.2%,to{opacity:0;transform:translate(-40%,-45%)scale(1)}}@keyframes l3a-tour-hand-grab{0%,20.9%{opacity:0;transform:translate(-40%,-45%)scale(1)}24.6%,96%{opacity:1;transform:translate(-40%,-45%)scale(1)}to{opacity:0;transform:translate(-40%,-45%)scale(1)}}.glyph{transform-box:fill-box;transform-origin:50%;transition:transform .25s}.shape-body,.shape-border{transform-box:fill-box;transform-origin:50%;transition:opacity .25s,stroke-width .25s}svg.hi{overflow:visible}.cbox .shape-icon.hi{z-index:25;position:relative}svg.hi .glyph{animation:1.1s ease-in-out infinite glyph-zoom}@keyframes glyph-zoom{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}svg.hi-shape .glyph{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--accent)) drop-shadow(0 0 10px var(--accent))}svg.hi-border .shape-border{stroke-width:13px;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--accent));animation:.8s ease-in-out infinite alternate border-pulse}svg.hi-border .shape-body{opacity:.25}@keyframes border-pulse{0%{stroke-width:11px}to{stroke-width:15px}}svg.hi-fill .shape-body{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px var(--accent));animation:.8s ease-in-out infinite alternate fill-pulse}svg.hi-fill .shape-border{opacity:.25}@keyframes fill-pulse{0%{transform:scale(.96)}to{transform:scale(1.08)}}.l3-boxes .placed-item.hi,.l3-box-four .placed-item.hi{z-index:25}.l3b-hero{align-items:flex-start;gap:10px;display:flex;position:relative}.l3b-hero.spotlight,.l3b-memory.spotlight{z-index:25;position:relative}.l3b-bubble{border:3px solid var(--accent);min-width:0;color:var(--ink);background:#fff;border-radius:10px;flex:1;padding:10px 12px 8px;transition:border-color .25s;position:relative}.l3b-verdict{border:3px solid var(--accent);text-align:center;width:max-content;max-width:min(360px,84vw);color:var(--ink);z-index:60;pointer-events:none;background:#fff;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:700;line-height:1.45;animation:.42s cubic-bezier(.34,1.56,.64,1) bubble-in-centered;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #f4680066,0 4px 10px #0003}.l3b-verdict .k-word{color:#4c42cfa6}.l3b-verdict-right{border-color:var(--ok);box-shadow:0 10px 28px #2ea04359,0 4px 10px #0003}.l3b-bubble-text{margin:0;font-size:14px;font-weight:600;line-height:1.45}.l3b-bubble .k-word{color:#4c42cfa6}.l3b-memory{background:var(--panel);box-shadow:var(--shadow);box-sizing:border-box;border-radius:10px;width:100%;padding:12px 12px 8px}.l3b-chart{aspect-ratio:1;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;border-radius:0 6px 0 0;width:100%;margin-bottom:26px;position:relative;overflow:visible}.l3b-zone{border-radius:0 6px 0 0;transition:opacity .25s linear;position:absolute;inset:0}.l3b-gridlines{border-radius:0 6px 0 0;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));transition:opacity .25s linear;display:grid;position:absolute;inset:0}.l3b-cell{min-width:0;min-height:0}.l3b-cell:not(:nth-child(4n)){border-right:2px dotted #d3d6da}.l3b-cell:nth-child(-n+12){border-bottom:2px dotted #d3d6da}.l3b-zone-sweet{clip-path:polygon(100% 0,100% 100%,0 0);background:#fbdae8}.l3b-zone-other{clip-path:polygon(0 0,0 100%,100% 100%);background:#c4f1ca}.l3b-zone-label,.l3b-axis{pointer-events:none;font-size:11px;font-weight:700;line-height:1;position:absolute}.l3b-zone-label{font-size:15px;transition:opacity .25s linear}.l3b-zone-label-sweet{color:var(--bad);top:6px;right:6px}.l3b-zone-label-other{color:var(--cads-success);bottom:6px;left:6px}.l3b-axis{color:var(--muted)}.l3b-axis-y{top:6px;left:6px}.l3b-axis-x{bottom:6px;right:6px}.l3b-dot{font-size:42px;transition:left .25s linear,top .25s linear,opacity .25s linear;animation:.25s ease-out pop;position:absolute;transform:translate(-50%,-50%)}.l3b-dot-ai{filter:drop-shadow(0 0 4px var(--accent));font-size:50px}.l3b-dot-tag{white-space:nowrap;font-family:var(--font-body);color:#fff;background:var(--accent);border-radius:6px;margin-top:2px;padding:2px 5px;font-size:9px;font-style:normal;font-weight:700;line-height:1.1;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}.l3b-dot-tag-bad{background:var(--bad)}.l3b-dot-answer:after,.l3b-dot-wrong:after{content:"";border:3px solid var(--ok);border-radius:50%;animation:1.2s ease-out infinite l3b-ring;position:absolute;inset:-6px}.l3b-dot-wrong:after{border-color:var(--bad)}@keyframes l3b-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.l3b-dot-off{opacity:.85;animation:1.2s ease-in-out infinite l3b-wobble;top:100%;left:100%}@keyframes l3b-wobble{0%,to{transform:translate(-50%,-50%)rotate(-6deg)}50%{transform:translate(-50%,-50%)rotate(6deg)}}.l3b-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;display:grid}.l3b-cards.spotlight-all{background:0 0;padding:0;box-shadow:0 0 0 5px #f4680099,0 0 30px #f4680073}.l3b .l2-overlay-hint{max-width:min(340px,80vw);position:fixed;top:36%}.opt.l3b-card{height:100%;min-height:0;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:8px;padding:18px 10px 16px;display:flex;position:relative}.opt.l3b-card .opt-k{width:26px;height:26px;font-size:12px;position:absolute;top:8px;left:8px}.l3b-card-food{font-size:56px}.l3b-card-name{font-family:var(--font-headline);text-align:center;color:var(--ink);font-size:15px;font-weight:700}.l3b-card-name .k-word{color:#4c42cfa6}.opt.l3b-card .opt-mark{position:absolute;top:8px;right:8px}@media (width<=360px){.l3b-card-food{font-size:44px}}