@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f7f8fc;--surface:#fff;--ink:#1d2440;--ink-2:#4a5270;--line:#e3e7f1;--primary:#2f7de1;--primary-soft:#e6f0fd;--go:#2f8a57;--go-dark:#24734a;--danger:#d6574a;--tone-blue-bg:#eaf3fe;--tone-blue:#4a90e8;--tone-blue-ink:#1f5fb0;--tone-mint-bg:#e8f6ef;--tone-mint:#4fb383;--tone-mint-ink:#1f7a4c;--tone-coral-bg:#fdeeea;--tone-coral:#ef7f6b;--tone-coral-ink:#b24a38;--tone-violet-bg:#f1ecfd;--tone-violet:#9a7ae6;--tone-violet-ink:#6547b8;--tone-yellow-bg:#fff6df;--tone-yellow:#f2b53a;--tone-yellow-ink:#8a6210;--tone-pink-bg:#fdecf1;--tone-pink:#ea7a9c;--tone-pink-ink:#ad3d62;--radius-s:14px;--radius:22px;--radius-l:30px;--shadow:0 1px 2px #1d24400a, 0 6px 18px #1d24400f;--shadow-lift:0 2px 4px #1d24400d, 0 12px 28px #1d24401a;--tap:56px}.tone-blue{--t-bg:var(--tone-blue-bg);--t:var(--tone-blue);--t-ink:var(--tone-blue-ink)}.tone-mint{--t-bg:var(--tone-mint-bg);--t:var(--tone-mint);--t-ink:var(--tone-mint-ink)}.tone-coral{--t-bg:var(--tone-coral-bg);--t:var(--tone-coral);--t-ink:var(--tone-coral-ink)}.tone-violet{--t-bg:var(--tone-violet-bg);--t:var(--tone-violet);--t-ink:var(--tone-violet-ink)}.tone-yellow{--t-bg:var(--tone-yellow-bg);--t:var(--tone-yellow);--t-ink:var(--tone-yellow-ink)}.tone-pink{--t-bg:var(--tone-pink-bg);--t:var(--tone-pink);--t-ink:var(--tone-pink-ink)}:root{--ok-bg:#e8f6ef;--hint:#f2b53a;--card-min:110px;--gap-play:clamp(12px, 2vmin, 24px);--prompt-size:clamp(24px, 4vmin, 40px);--pair-0:#4fb383;--pair-1:#ef7f6b;--pair-2:#9a7ae6;--pair-3:#ea7a9c;--item-blue:var(--tone-blue);--item-mint:var(--tone-mint);--item-coral:var(--tone-coral);--item-violet:var(--tone-violet);--item-yellow:var(--tone-yellow);--item-pink:var(--tone-pink)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:18px;line-height:1.4}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:1280px;padding:max(20px, env(safe-area-inset-top)) max(clamp(16px, 3vw, 36px), env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(clamp(16px, 3vw, 36px), env(safe-area-inset-left));flex-direction:column;gap:24px;margin:0 auto;display:flex}.section-title{margin-bottom:12px;font-size:24px;font-weight:900}.not-found{text-align:center;justify-content:center;align-items:center;min-height:60vh}.not-found p{color:var(--ink-2);font-weight:600}.notice{background:var(--tone-yellow-bg);color:var(--tone-yellow-ink);border-radius:var(--radius-s);padding:12px 16px;font-size:16px;font-weight:700}.app-header{flex-wrap:wrap;align-items:center;gap:24px;min-height:96px;display:flex}.brand-name{align-items:center;gap:14px;line-height:1;display:inline-flex}.brand-logo{width:auto;height:clamp(46px,5.4vw,64px);display:block}.brand-icon{width:auto;height:clamp(52px,6vw,70px);box-shadow:var(--shadow);border-radius:22%}.brand-sub{color:var(--ink-2);margin-top:4px;font-size:19px;font-weight:600}.offline-badge{background:var(--tone-mint-bg);color:var(--tone-mint-ink);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.app-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.offline-badge+.app-header-actions{margin-left:0}.btn{min-height:var(--tap);border:2px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:19px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn svg{width:24px;height:24px}.btn-go{background:var(--go);color:#fff;box-shadow:0 6px 16px #2f8a5740}.btn-go:hover{background:var(--go-dark)}.btn-soft{background:var(--primary-soft);color:#1d5fb8}.btn-outline{background:var(--surface);border-color:var(--line)}.icon-btn{background:var(--surface);width:60px;height:60px;box-shadow:var(--shadow);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn svg{width:28px;height:28px}.tool-btn{border:2px solid var(--line);background:var(--surface);border-radius:18px;justify-content:center;align-items:center;gap:8px;min-width:60px;min-height:60px;padding:0 12px;font-size:16px;font-weight:800;display:inline-flex}.tool-btn svg{width:26px;height:26px}.install-btn,.update-btn{background:var(--primary-soft);color:#1d5fb8;min-height:48px;padding:0 16px;font-size:16px}.chip,.count-pill{color:var(--ink-2);background:#ffffffe0;border-radius:999px;align-items:center;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.count-pill{vertical-align:middle;padding:4px 12px;font-size:15px}.sheet-backdrop{z-index:50;background:#1d244047;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--radius-l);width:min(720px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lift);flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{font-size:28px;font-weight:900}.sheet-head .icon-btn{box-shadow:none;background:var(--bg)}.sheet-row{border-top:2px solid var(--line);flex-direction:column;gap:10px;padding-top:16px;display:flex}.sheet-row h3{font-size:20px;font-weight:900}.sheet-row p,.sheet-note{color:var(--ink-2);font-size:16px;font-weight:600}.install-steps{flex-direction:column;gap:10px;margin:0;padding-left:22px;font-weight:600;display:flex}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appearance-card{border:3px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.appearance-card[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.appearance-card strong{font-size:19px}.appearance-card>span:last-child{color:var(--ink-2);font-size:14px;font-weight:600}.appearance-preview{background:#eef1f6;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:76px;display:flex}.appearance-preview i{background:#4f6a9a;width:26px;height:26px;display:block}.preview-colorful{background:var(--tone-yellow-bg)}.preview-colorful i:first-child{background:var(--tone-blue);border-radius:50%}.preview-colorful i:nth-child(2){background:var(--tone-yellow);border-radius:7px}.preview-colorful i:nth-child(3){clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--tone-coral)}.preview-neutral i:first-child{background:#6f8fbf;border-radius:50%}.preview-neutral i:nth-child(2){background:#d2ad5a;border-radius:5px}.preview-neutral i:nth-child(3){clip-path:polygon(50% 0,100% 100%,0 100%);background:#c98676}.segmented{flex-wrap:wrap;gap:6px;display:flex}.seg-btn{border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink-2);border-radius:999px;padding:0 18px;font-size:16px;font-weight:700}.seg-btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=760px){.install-btn span,.tool-btn span{display:none}.install-btn{padding:0 12px}}@media (width<=560px){body{font-size:17px}.app-header{gap:12px;min-height:0}.brand-icon{height:54px}.brand-logo{height:46px}.brand-sub{font-size:16px}.offline-badge{margin-left:0}.appearance-options{grid-template-columns:1fr}}@media (width>=1600px){.page{max-width:1520px}}@media (width>=2200px){.page{max-width:1900px}body{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.intro{background:var(--t-bg);border-radius:var(--radius-l);flex-direction:column;gap:12px;padding:clamp(22px,3vw,36px);display:flex}.intro h1{letter-spacing:-.01em;max-width:24ch;font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.1}.intro p{color:var(--ink-2);max-width:68ch;font-size:19px;font-weight:600}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.cat-tile{background:var(--t-bg);border-radius:var(--radius);grid-template-rows:auto auto 1fr auto;gap:2px;min-height:230px;padding:20px 20px 16px;transition:transform .15s,box-shadow .15s;display:grid}.cat-tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.cat-tile h3{font-size:26px;font-weight:900}.cat-tile p{color:var(--ink-2);font-size:16px;font-weight:600}.cat-art{justify-content:center;align-items:center;min-height:96px;padding:8px 0;display:flex}.cat-art .thumb{width:100%;height:92px}.cat-image{object-fit:contain;width:auto;max-width:100%;height:112px}.cat-foot{justify-content:space-between;align-items:center;display:flex}.round-arrow{background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.round-arrow svg{width:24px;height:24px}.page-header{background:var(--t-bg);border-radius:var(--radius-l);align-items:center;gap:20px;padding:20px;display:flex}.page-header-text{flex:1;min-width:0}.page-header h1{flex-wrap:wrap;align-items:center;gap:14px;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.1;display:flex}.page-header p{color:var(--ink-2);margin-top:4px;font-size:18px;font-weight:600}.teacher-goal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 18px}.teacher-goal summary{cursor:pointer;min-height:52px;color:var(--ink-2);align-items:center;gap:10px;font-weight:800;display:flex}.teacher-goal summary svg{width:24px;height:24px}.teacher-goal p{color:var(--ink-2);max-width:75ch;padding:0 0 12px;font-weight:600}.teacher-goal p:last-child{padding-bottom:16px}.mix-card{border-radius:var(--radius);background:var(--surface);border:3px solid var(--t-bg);box-shadow:var(--shadow);align-items:center;gap:16px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.mix-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.mix-card svg{background:var(--t-bg);width:44px;height:44px;color:var(--t-ink);border-radius:50%;flex:none;padding:8px}.mix-card span{flex-direction:column;display:flex}.mix-card strong{font-size:20px;font-weight:900}.mix-card small{color:var(--ink-2);font-size:15px;font-weight:600}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.ex-card{border-radius:var(--radius);background:var(--t-bg);flex-direction:column;gap:9px;min-height:290px;padding:14px;transition:transform .15s,box-shadow .15s;display:flex}.ex-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.ex-card .thumb{background:var(--surface);border-radius:var(--radius-s);height:110px;padding:8px}.ex-card-title{font-size:18px;font-weight:800;line-height:1.2}.ex-card-desc{color:var(--ink-2);font-size:15px;font-weight:600;line-height:1.3}.ex-meta{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.ex-start{color:var(--t-ink);align-items:center;gap:6px;font-size:15px;font-weight:900;display:inline-flex}.ex-start svg{width:18px;height:18px}.thumb{color:var(--ink);justify-content:center;align-items:center;gap:8px;display:flex}.thumb-cell{flex:1 1 0;justify-content:center;align-items:center;min-width:0;max-width:96px;height:100%;display:flex}.thumb-cell.is-gap{border:3px dashed var(--t,var(--primary));border-radius:var(--radius-s);background:var(--surface);height:72%;color:var(--t-ink,var(--primary));flex:0 64px;font-size:28px;font-weight:900}.thumb .item-label-card{padding:4px;font-size:14px}.item-view{width:100%;min-width:0;height:100%;color:var(--ink);justify-content:center;align-items:center;display:flex}.item-view img{width:calc(var(--fit,1) * 100%);height:calc(var(--fit,1) * 100%);object-fit:contain;-webkit-user-select:none;user-select:none;min-height:0}.item-view svg{width:100%;height:100%;min-height:0;overflow:visible}.item-shape,.item-arrow{fill:var(--item-color);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.item-arrow{transform:rotate(var(--rotation));transform-origin:50%}.color-blue{--item-color:var(--item-blue)}.color-mint{--item-color:var(--item-mint)}.color-coral{--item-color:var(--item-coral)}.color-violet{--item-color:var(--item-violet)}.color-yellow{--item-color:var(--item-yellow)}.color-pink{--item-color:var(--item-pink)}.item-label-card{border-radius:var(--radius-s);background:var(--bg);border:2px solid var(--line);width:100%;height:100%;min-height:2.4em;color:var(--ink);text-align:center;overflow-wrap:anywhere;place-items:center;padding:10px;font-size:clamp(16px,2.8vmin,30px);font-weight:900;line-height:1.1;display:grid}.item-view.has-caption{flex-direction:column;gap:4px}.item-view:has(.item-group){flex-direction:column;gap:4px}.item-view.has-caption img,.item-group{flex:1 1 0;min-height:0}.item-caption{max-width:100%;color:var(--ink-2);text-align:center;overflow-wrap:anywhere;flex:none;font-size:clamp(13px,1.9vmin,18px);font-weight:800;line-height:1.1}.item-group{border-radius:var(--radius-s);background:var(--bg);justify-content:center;align-items:center;gap:6%;width:100%;padding:4px;display:flex}.item-group img{width:calc(var(--fit,1) * 44%);height:calc(var(--fit,1) * 100%);object-fit:contain;min-width:0}.item-group.members-1 img{width:calc(var(--fit,1) * 70%)}.item-view.is-turned img{transform:rotate(180deg)}.item-view.is-silhouette img{filter:brightness(0);opacity:.78}.cue-view circle{fill:var(--item-color);stroke:var(--ink);stroke-width:2px}.cue-view.is-outline .item-shape{fill:none;stroke:var(--ink-2);stroke-width:6px}.item-label-card.is-category{background:var(--primary-soft);color:#1d5fb8;border-color:#0000}.answer .item-label-card:not(.is-category){background:0 0;border:0;font-size:clamp(20px,3.4vmin,36px)}.about{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:clamp(22px,3vw,34px);display:flex}.about h2{font-size:28px;font-weight:900}.about p{color:var(--ink-2);max-width:88ch;font-weight:600}.about a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.setup-card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow);flex-direction:column;gap:26px;padding:clamp(20px,3vw,34px);display:flex}.setup-section{flex-direction:column;gap:10px;display:flex}.setup-section h2{font-size:21px;font-weight:900}.level-options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.select-card{text-align:left;border:3px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:3px;min-height:92px;padding:14px;display:flex}.select-card[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft)}.select-card strong{font-size:18px}.select-card span{color:var(--ink-2);font-size:14px;font-weight:600}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.setup-start{align-self:flex-start;min-width:220px;min-height:64px;font-size:21px}.support-trigger{color:#7a4a26;background:#fff5ec;border-color:#f1d3bc;min-height:48px;padding:0 16px;font-size:16px}.support-options{flex-direction:column;gap:8px;display:flex}.support-option{border:2px solid var(--line);min-height:56px;color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:0 16px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.support-option:hover{background:#fff9f3;border-color:#e3b691}.support-option strong{color:#7a4a26;margin-left:auto}.support-sheet{width:min(460px,100%)}.settings-support{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.sheet-note a{color:var(--primary);text-decoration:underline}@media (width<=760px){.support-trigger.is-compact span{display:none}.support-trigger.is-compact{padding:0 12px}}.torobie-link{color:#0b3558;background:#fff6df;border:1px solid #f3d99a;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:4px 12px 4px 6px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.torobie-link img{width:20px;height:20px;display:block}.torobie-link:hover{background:#ffefc4}.family{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex}.family-head{align-items:center;gap:20px;display:flex}.family-logo{flex:none}.family-logo img{width:176px;height:auto;display:block}.family-head h2{margin:0 0 4px;font-size:22px;font-weight:900}.family-head p{color:var(--ink-2);margin:0}.family-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.family-list a{border:2px solid var(--line);border-radius:var(--radius);height:100%;min-height:56px;color:var(--ink);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.family-list a:hover{border-color:var(--primary)}.family-list img{border-radius:14px;flex:none;width:56px;height:56px}.family-text{flex-direction:column;gap:2px;min-width:0;display:flex}.family-text strong{font-size:18px}.family-text span{color:var(--ink-2);font-size:14px}.family-all{align-self:flex-start}@media (width<=600px){.family-head{flex-direction:column;align-items:flex-start;gap:10px}.family-all{text-align:center;justify-content:center;align-self:stretch}}@media (width<=620px){.cat-grid,.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-tile{min-height:205px;padding:14px 12px 12px}.cat-tile h3{font-size:21px}.cat-tile p{font-size:13px}.cat-image{height:92px}.count-pill{font-size:12px}.round-arrow{width:38px;height:38px}.ex-card{min-height:230px;padding:10px}.ex-card .thumb{height:84px}.ex-card-title{font-size:16px}.ex-card-desc,.ex-meta .chip:first-child{display:none}.page-header{gap:12px;padding:14px}.setup-grid{grid-template-columns:1fr}.setup-start{align-self:stretch}}@media (width<=360px){.cat-grid,.ex-grid{grid-template-columns:1fr}}.empty{text-align:center;color:var(--ink-2);background:var(--surface);border-radius:var(--radius);padding:32px;font-weight:600}.summary-table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);font-size:16px;overflow:hidden}.summary-table th,.summary-table td{text-align:left;border-bottom:2px solid var(--line);vertical-align:top;padding:12px 14px}.summary-table thead th{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2);font-size:14px}.summary-table tbody th{font-weight:800}.summary-time{color:var(--ink-2);font-size:14px;font-weight:600;display:block}.summary-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=620px){.summary-table{font-size:14px}.summary-table th,.summary-table td{padding:8px}}@media print{.summary-actions,.page-header .icon-btn{display:none}.summary-page{padding:0}}.btn-small{min-height:52px;padding:0 20px;font-size:17px}.library-tools{flex-wrap:wrap;gap:12px;display:flex}.builder-toggle{min-height:52px;font-size:17px}.builder-toggle.is-active{background:var(--tone-mint-bg);border-color:var(--go);color:var(--go-dark)}.builder-count{background:var(--go);color:#fff;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-size:15px;display:inline-grid}button.ex-card{font:inherit;color:inherit;text-align:left;cursor:pointer;border:3px solid #0000;position:relative}.ex-card.is-selected{border-color:var(--go);box-shadow:0 0 0 3px #2f8a5733}.pick-mark{z-index:1;background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow);color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.pick-mark svg{width:22px;height:22px}.ex-card.is-selected .pick-mark{background:var(--go);color:#fff}.page:has(~.builder-tray){padding-bottom:320px}.builder-pill{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;position:fixed;box-shadow:0 10px 28px #1d244040}.builder-tray{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;background:var(--surface);border-radius:var(--radius-l);border:2px solid var(--tone-mint-bg);flex-direction:column;gap:12px;width:min(1180px,100% - 24px);padding:14px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 -2px 6px #1d24400d,0 16px 40px #1d244033}.builder-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.builder-name{flex:260px}.builder-name input{border:2px solid var(--line);background:var(--bg);border-radius:14px;width:100%;height:52px;padding:0 16px;font-size:18px;font-weight:700}.builder-name input:focus{border-color:var(--primary);outline:none}.builder-check{min-height:48px;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.builder-check input{width:26px;height:26px;accent-color:var(--go)}.builder-close{width:52px;height:52px;box-shadow:none;background:var(--bg)}.builder-empty{color:var(--ink-2);font-size:16px;font-weight:600}.builder-list{scroll-snap-type:x proximity;gap:8px;margin:0;padding:2px 2px 6px;list-style:none;display:flex;overflow-x:auto}.builder-item{scroll-snap-align:start;background:var(--bg);border-radius:16px;flex:none;align-items:center;gap:8px;padding:4px 4px 4px 8px;display:flex}.builder-num{background:var(--go);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:16px;font-weight:900;display:grid}.builder-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:16px;font-weight:800;overflow:hidden}.builder-level select{border:2px solid var(--line);background:var(--surface);height:44px;color:var(--ink);border-radius:12px;padding:0 8px;font-size:15px;font-weight:700}.builder-item-actions{display:flex}.builder-item-actions button{width:44px;height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.builder-item-actions button:disabled{opacity:.25}.builder-item-actions svg{width:22px;height:22px}.builder-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.builder-summary{color:var(--ink-2);margin-right:auto;font-weight:800}@media (width<=600px){.builder-tray{gap:8px;padding:10px}.builder-bar .btn-go{flex:1}.page:has(~.builder-tray){padding-bottom:420px}}.series-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.series-card{border-radius:var(--radius);background:var(--surface);border:2px solid var(--t-bg);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:18px;display:flex}.series-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--t-ink);font-size:14px;font-weight:800}.series-card h3{font-size:22px;font-weight:900;line-height:1.15}.series-card h3 a:hover{text-decoration:underline}.series-desc{color:var(--ink-2);font-size:16px;font-weight:600}.series-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.set-start{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.set-start-btn{flex:280px;min-height:76px;padding:0 48px;font-size:26px}.set-start-btn svg{width:30px;height:30px}.set-meta{color:var(--ink-2);font-weight:700}.set-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.set-item{background:var(--surface);border-radius:var(--radius);min-height:96px;box-shadow:var(--shadow);align-items:center;gap:12px;padding:12px;display:flex}.set-item .thumb{background:var(--t-bg);border-radius:var(--radius-s);flex:none;width:110px;height:70px;padding:4px}.set-num{background:var(--go);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.set-item-text{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.set-item-title{font-size:17px;font-weight:800}.share-url{border:2px solid var(--line);background:var(--bg);width:100%;height:52px;color:var(--ink-2);border-radius:14px;padding:0 14px;font-size:15px}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-actions .btn{flex:180px}.qr-view{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.qr-code{aspect-ratio:1;background:#fff;border-radius:16px;width:min(420px,70vw,55dvh);padding:8px}.qr-code svg{width:100%;height:100%;display:block}.qr-title{font-size:22px;font-weight:900}.setup-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setup-note{color:var(--ink-2);font-weight:700}.play-page{background:var(--bg);height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:var(--gap-play);flex-direction:column;display:flex;overflow:hidden}.play-bar{align-items:center;gap:14px;display:flex}.play-title{flex:1;align-items:baseline;gap:14px;min-width:0;display:flex}.play-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,2.4vw,28px);font-weight:900;overflow:hidden}.play-title span{color:var(--t-ink,var(--ink-2));flex:none;font-size:15px;font-weight:800}.play-tools{gap:8px;display:flex}.play-main{gap:var(--gap-play);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.prompt-row{align-items:center;gap:14px;min-height:64px;display:flex;position:relative}.speak-btn{background:var(--surface);width:64px;height:64px;box-shadow:var(--shadow);color:var(--primary);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.speak-btn svg{width:32px;height:32px}.prompt{font-size:var(--prompt-size);outline:none;flex:1;font-weight:900;line-height:1.15}.round-dots{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;max-width:50%;display:inline-flex}.round-dots span{background:var(--line);border-radius:50%;width:14px;height:14px;transition:background .2s}.round-dots .is-done{background:var(--go)}.round-dots .is-current{background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.feedback{flex:none;align-items:center;min-height:44px;display:inline-flex}.positive-feedback,.retry-feedback{box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:900;animation:.3s pop;display:inline-flex}.positive-feedback{background:var(--tone-mint-bg);color:var(--tone-mint-ink)}.positive-feedback svg{stroke-width:3px;width:22px;height:22px}.retry-feedback{background:var(--tone-yellow-bg);color:var(--tone-yellow-ink)}.task-area{justify-content:center;gap:var(--gap-play);flex-direction:column;flex:1;min-height:0;display:flex}.stimulus{justify-content:center;align-items:center;gap:var(--gap-play);background:var(--t-bg);border-radius:var(--radius-l);flex:1.05 1 0;min-height:110px;padding:clamp(10px,2vmin,24px);display:flex}.stimulus-cell{--cell:min(26vh, 230px);flex:0 1 var(--cell);aspect-ratio:1;border-radius:var(--radius);background:#ffffffbf;justify-content:center;align-items:center;min-width:0;max-height:100%;padding:clamp(6px,1.5vmin,14px);display:flex;position:relative}.stimulus.sequence-5 .stimulus-cell,.stimulus.sequence-6 .stimulus-cell{--cell:min(18vh, 160px)}.stimulus-cell.is-gap{background:var(--surface);border:3px dashed var(--t,var(--primary));color:var(--t-ink,var(--primary));font-size:clamp(32px,6vmin,64px);font-weight:900}.stimulus.is-analogy{grid-template-rows:1fr 1fr;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:clamp(8px,1.6vmin,16px) clamp(8px,2vmin,20px);display:grid}.stimulus.is-analogy .stimulus-cell{--cell:min(15vh, 150px);width:var(--cell)}.analogy-arrow{color:var(--t-ink,var(--ink-2));font-size:clamp(28px,5vmin,48px);font-weight:900;line-height:1}.search-head{justify-content:center;align-items:center;gap:var(--gap-play);display:flex}.stimulus.is-target{flex:none;min-height:0;padding:10px}.stimulus.is-target .stimulus-cell{--cell:min(14vh, 120px);width:var(--cell)}.search-count{color:var(--ink-2);font-size:20px;font-weight:700}.search-count strong{color:var(--ink);font-size:26px}.search-grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));flex:1 1 0;grid-auto-rows:minmax(0,1fr);place-items:center;gap:clamp(8px,1.4vmin,16px);min-height:0;display:grid}.search-grid.grid-6{--cols:3}.search-grid.grid-12{--cols:6}.search-grid.grid-16{--cols:8}.search-grid>.answer{aspect-ratio:1;max-width:100%;height:100%;max-height:100%}.grid-pattern .grid-on{fill:var(--item-color);stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke}.grid-pattern .grid-off{fill:var(--surface);stroke:var(--line);stroke-width:2px;vector-effect:non-scaling-stroke}.locate-stage{justify-content:center;align-items:center;gap:var(--gap-play);flex:1;min-height:0;display:flex}.locate-board{aspect-ratio:1;background:var(--t-bg);border-radius:var(--radius-l);flex:none;gap:clamp(6px,1.2vmin,12px);max-width:100%;height:min(100%,62vh);padding:clamp(8px,1.6vmin,16px);display:grid}.memory-stage>.locate-board{flex:1 1 0;height:auto;min-height:0}.locate-board.size-2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.locate-board.size-3{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.locate-board.size-4{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.locate-cell{border-radius:var(--radius);background:var(--surface);justify-content:center;align-items:center;min-width:0;min-height:0;padding:8%;display:flex}.locate-cell.answer{padding:8%}.rule-cue{border-radius:var(--radius);background:var(--surface);border:3px solid var(--t,var(--primary));color:var(--t-ink,var(--ink));flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 14px;font-weight:900;display:flex}.rule-cue svg{width:clamp(56px,10vmin,96px);height:clamp(56px,10vmin,96px)}.rule-cue.is-color .cue-a{fill:var(--item-coral)}.rule-cue.is-color .cue-b{fill:var(--item-blue)}.rule-cue.is-color .cue-c{fill:var(--item-yellow)}.rule-cue.is-shape svg>*{fill:none;stroke:var(--ink-2);stroke-width:6px;stroke-linejoin:round}.rows-board{gap:var(--gap-play);background:var(--t-bg);border-radius:var(--radius-l);flex:1;grid-template-rows:1fr 1fr;min-height:0;padding:clamp(10px,2vmin,20px);display:grid;container-type:size}.rows-top,.rows-bottom{grid-template-columns:repeat(var(--n), minmax(0, 1fr));place-items:center;gap:clamp(8px,1.4vmin,16px);min-height:0;display:grid}.rows-board .stimulus-cell,.rows-bottom>.answer{width:min(100%, calc((100cqh - var(--gap-play)) / 2 - 8px));aspect-ratio:1;flex:none;height:auto;max-height:100%}.rows-top{border-bottom:3px dashed #1d24401f;padding-bottom:clamp(8px,1.4vmin,16px)}.stimulus.is-mirror{gap:clamp(16px,3vmin,40px)}.mirror-line{background:repeating-linear-gradient(180deg, var(--t,var(--primary)) 0 12px, transparent 12px 20px);border-radius:99px;align-self:stretch;width:6px;margin:8px 0}.stimulus.is-except .stimulus-cell{position:relative}.except-mark{border:6px solid var(--ink-2);opacity:.85;pointer-events:none;border-radius:50%;position:absolute;inset:6%}.except-mark:after{content:"";background:var(--ink-2);border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-6%;bottom:-6%;left:50%;transform:rotate(45deg)}.sort-stage{gap:var(--gap-play);flex-direction:column;flex:1;min-height:0;display:flex}.sort-head{justify-content:center;align-items:center;gap:var(--gap-play);flex:0 auto;display:flex}.sort-head .stimulus.is-target .stimulus-cell{--cell:min(22vh, 180px);width:var(--cell)}.sort-bins{grid-template-columns:repeat(var(--bins,2), minmax(0, 1fr));gap:var(--gap-play);flex:1 1 0;min-height:0;display:grid}.sort-bins.bins-3{--bins:3}.sort-bin{aspect-ratio:auto;flex-direction:column;justify-content:flex-start;gap:8px;padding:12px}.sort-bin-label{flex:none;width:100%;height:clamp(72px,14vh,130px);display:flex}.sort-bin-content{border-radius:var(--radius-s);background:var(--bg);flex-wrap:wrap;flex:1;place-content:flex-start center;gap:6px;width:100%;min-height:0;padding:8px;display:flex}.sort-chip{width:clamp(36px,6vmin,56px);height:clamp(36px,6vmin,56px);animation:.3s pop;display:flex}.stimulus.is-board{flex:1 1 0}.stimulus.is-board .item-view{aspect-ratio:1;width:auto;max-width:100%;height:100%}.board-view{grid-template-columns:repeat(var(--size), 1fr);grid-template-rows:repeat(var(--size), 1fr);aspect-ratio:1;border-radius:var(--radius-s);background:#1d244014;gap:4px;width:100%;height:100%;padding:4px;display:grid}.board-cell{background:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:8%;display:flex;position:relative}.board-cell.is-wall{background:repeating-linear-gradient(45deg,#9aa2b8 0 6px,#b8bfd0 6px 12px)}.board-goal{width:100%;height:100%;box-shadow:0 0 0 3px var(--hint) inset;border-radius:50%;padding:6%;display:flex}.moves-view{flex-wrap:wrap;justify-content:center;align-items:center;gap:4%;width:100%;height:100%;display:flex}.moves-view svg{flex:none;width:28%;height:auto}.answers>.answer .moves-view svg{max-width:60px}.stimulus.is-matrix{grid-template-columns:repeat(var(--n), auto);place-content:center;gap:clamp(6px,1.2vmin,12px);display:grid}.stimulus.is-matrix .stimulus-cell{--cell:min(calc((100cqh - 40px) / var(--n)), 110px);width:min(16vh,110px)}.cue-view.is-go circle{fill:var(--item-mint);stroke:var(--ink);stroke-width:3px}.cue-view.is-go path{fill:none;stroke:#fff;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.cue-view.is-stop path:first-child{fill:var(--ink-2);stroke:var(--ink);stroke-width:3px}.cue-view.is-stop .stop-bar{fill:none;stroke:#fff;stroke-width:10px;stroke-linecap:round}.answers{min-height:var(--card-min);gap:var(--gap-play);flex:1 1 0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.answer{background:var(--surface);min-width:0;min-height:0;color:var(--ink);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:manipulation;justify-content:center;align-items:center;padding:clamp(8px,1.6vmin,18px);transition:transform .12s,box-shadow .12s,border-color .12s,opacity .25s;display:flex;position:relative}.answer .item-view{max-width:260px}.answers{--n:4;place-items:center;container-type:size}.answers-2{--n:2}.answers-3{--n:3}.answers-5{--n:5}.answers-6{--n:6}.answers-7{--n:7}.answers>.answer{aspect-ratio:1;width:auto;height:min(100%, calc((100cqw - (var(--n) - 1) * var(--gap-play)) / var(--n)));max-width:100%}.task-choice>.answers:only-child{flex:0 auto;width:min(100%,1100px);margin:0 auto;container-type:inline-size}.task-choice>.answers:only-child .answer{width:100%;height:auto;max-height:44vh}.answer .item-view img{max-height:min(24vh,210px)}.answer:not(:disabled):hover{box-shadow:var(--shadow-lift)}.answer:not(:disabled):active{transform:scale(.97)}.answer:disabled{cursor:default}.answer.state-selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 4px #2f7de133}.answer.state-correct{border-color:var(--go);background:var(--ok-bg);animation:.35s pop}.answer.state-wrong{opacity:.35;box-shadow:none;animation:.35s nudge}.answer.state-hint{border-color:var(--hint);animation:1.4s ease-in-out infinite pulse}.answer.state-placed{opacity:.2;box-shadow:none}.answer-check,.pair-badge{background:var(--go);color:#fff;width:40px;height:40px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;top:-12px;right:-12px}.answer-check svg{stroke-width:3px;width:24px;height:24px}.match-board{gap:var(--gap-play);background:var(--t-bg);border-radius:var(--radius-l);flex:1;grid-template-columns:1fr auto 1fr;min-height:0;padding:clamp(10px,2vmin,20px);display:grid}.match-row{grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0;display:grid}.match-divider{background:#1d24401f;border-radius:99px;width:3px}.match-row .item-view img,.match-row .item-view svg{max-width:150px}.answer.is-waiting{opacity:.75}.answer.state-matched{opacity:.9;box-shadow:none}.answer.state-matched.pair-0{border-color:var(--pair-0)}.answer.state-matched.pair-0 .pair-badge{background:var(--pair-0)}.answer.state-matched.pair-1{border-color:var(--pair-1)}.answer.state-matched.pair-1 .pair-badge{background:var(--pair-1)}.answer.state-matched.pair-2{border-color:var(--pair-2)}.answer.state-matched.pair-2 .pair-badge{background:var(--pair-2)}.answer.state-matched.pair-3{border-color:var(--pair-3)}.answer.state-matched.pair-3 .pair-badge{background:var(--pair-3)}.memory-stage{justify-content:center;align-items:center;gap:var(--gap-play);flex-direction:column;flex:1;min-height:0;display:flex}.memory-stage>.answers{width:100%}.memory-target{justify-content:center;align-items:center;gap:var(--gap-play);background:var(--t-bg);border-radius:var(--radius-l);flex:1;width:100%;min-height:0;padding:clamp(16px,3vmin,32px);display:flex}.memory-target .stimulus-cell{--cell:min(34vh, 300px)}.sequence-number{z-index:1;background:var(--surface);width:32px;height:32px;color:var(--ink-2);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:8px;left:10px}.memory-target.is-paired .stimulus-cell:nth-child(odd):not(:first-child),.memory-slots.is-paired .memory-slot:nth-child(odd):not(:first-child){margin-left:calc(var(--gap-play) * 1.5)}.memory-ready{flex:none;min-width:min(360px,100%);min-height:68px;font-size:22px}.memory-recall{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;width:100%;display:flex}.memory-slots,.order-slots{margin:0;list-style:none}.memory-slots{justify-content:center;gap:10px;padding:0;display:flex}.memory-slot,.order-slot{border-radius:var(--radius-s);color:var(--ink-2);background:#ffffff80;border:3px dashed #1d244033;justify-content:center;align-items:center;font-weight:900;display:flex}.memory-slot{width:72px;height:72px;padding:6px;font-size:22px}.memory-slot.is-next,.order-slot.is-next{border-color:var(--primary);color:var(--primary)}.memory-slot.is-filled,.order-slot.is-filled{border-style:solid;border-color:var(--go);background:var(--surface);animation:.3s pop}.memory-peek{flex:none}.order-slots{gap:var(--gap-play);background:var(--t-bg);border-radius:var(--radius-l);flex:.55 1 0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:90px;padding:clamp(10px,2vmin,20px);display:grid}.order-slot{border-radius:var(--radius);min-width:0;min-height:0;padding:8px;font-size:24px}.task-order>.answers{flex-grow:1.4}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse{0%,to{box-shadow:0 0 #f2b53a8c}50%{box-shadow:0 0 0 10px #f2b53a00}}.next-row{justify-content:center;display:flex}.next-btn{min-height:76px;padding:0 56px;font-size:26px}.next-btn svg{width:30px;height:30px}.is-scanning .is-scanned{outline:6px solid var(--hint);outline-offset:4px;transition:transform .15s;transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.is-scanning .is-scanned{transform:none}}.finish{background:var(--surface);border-radius:var(--radius-l);width:min(760px,100%);max-height:100%;box-shadow:var(--shadow-lift);flex-direction:column;gap:18px;margin:auto;padding:24px;animation:.25s fade;display:flex;overflow:auto}.finish-hero{background:var(--tone-yellow-bg);border-radius:var(--radius);justify-content:center;align-items:center;gap:24px;padding:18px 24px;display:flex}.finish-hero h2{letter-spacing:-.02em;font-size:clamp(44px,6vw,68px);font-weight:900;line-height:1}.finish-star{object-fit:contain;width:120px;height:120px;animation:.5s pop}.finish-check circle{fill:var(--go)}.finish-check path{fill:none;stroke:#fff;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.finish-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0;display:grid}.finish-stats>div{border-radius:var(--radius);border:2px solid var(--line);text-align:center;background:var(--surface);padding:14px}.finish-stats dt{color:var(--ink-2);font-size:16px;font-weight:800}.finish-stats dd{margin:0;font-size:40px;font-weight:900;line-height:1.15}.finish-hard{background:var(--tone-yellow-bg);border-radius:var(--radius);padding:12px 16px}.finish-hard h3{color:var(--tone-yellow-ink);font-size:17px;font-weight:900}.finish-hard p{color:var(--ink-2);font-weight:600}.finish-note{color:var(--tone-mint-ink);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.finish-note svg{width:22px;height:22px}.finish-actions{flex-wrap:wrap;gap:12px;display:flex}.finish-actions .btn{flex:200px;min-height:68px}.finish-actions .level-change{flex-basis:100%}.finish-links{flex-wrap:wrap;justify-content:center;gap:4px 24px;display:flex}.finish-link svg{width:20px;height:20px}.finish-link{min-height:48px;color:var(--ink-2);justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.finish-actions.is-student .btn{min-height:88px;font-size:26px}.finish-actions.is-student .btn svg{width:30px;height:30px}.play-page.is-student .prompt-row{padding-left:72px}.student-exit{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:30;position:fixed}.hold-btn{width:56px;height:56px;color:var(--ink-2);box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:.6;background:#ffffffd9;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.hold-btn.is-holding{opacity:1}.hold-btn:not(.is-holding) .hold-ring{visibility:hidden}.hold-btn svg:not(.hold-ring){width:24px;height:24px}.hold-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hold-ring circle{fill:none;stroke:var(--primary);stroke-width:4px;stroke-dasharray:100;stroke-dashoffset:100px;stroke-linecap:round}.hold-btn.is-holding .hold-ring circle{transition:stroke-dashoffset var(--hold-ms) linear;stroke-dashoffset:0}.hold-hint{background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;padding:6px 12px;font-size:15px;font-weight:800;position:absolute;top:50%;left:64px;transform:translateY(-50%)}@media (orientation:portrait){.answers{flex-grow:1.1}.locate-stage{flex-direction:column}.sort-bins.bins-3{--bins:1;grid-auto-rows:minmax(0,1fr)}.sort-head{gap:8px}.sort-head .stimulus.is-target{padding:6px}.sort-head .stimulus.is-target .stimulus-cell{--cell:92px}.sort-head .rule-cue svg{width:48px;height:48px}.sort-bin{flex-direction:row}.sort-bin-label{width:30%;height:100%}.rows-top,.rows-bottom{gap:6px}.rows-board.is-long .rows-top,.rows-board.is-long .rows-bottom{grid-template-columns:repeat(var(--half), minmax(0, 1fr))}.rows-board.is-long .stimulus-cell,.rows-board.is-long .rows-bottom>.answer{width:min(100%, calc((100cqh - var(--gap-play)) / 4 - 8px))}.locate-stage .locate-board{flex:0 auto;width:min(100%,52vh);height:auto}}@media (orientation:landscape) and (height<=700px){.prompt-row{min-height:48px}.stimulus-cell{--cell:min(24vh, 160px)}.memory-target .stimulus-cell{--cell:min(38vh, 230px)}.memory-slot{width:60px;height:60px}}@media (width<=720px){.play-bar{gap:8px}.play-title span{display:none}.icon-btn,.tool-btn{width:52px;min-width:52px;height:52px;min-height:52px}.prompt-row{flex-wrap:wrap;gap:8px 10px}.prompt{flex:60%}.round-dots{flex-basis:100%;order:3;justify-content:center;max-width:none}.round-dots span{width:10px;height:10px}.speak-btn{width:52px;height:52px}.feedback{min-height:0}.answers{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row}.answers-3{grid-template-columns:repeat(3,minmax(0,1fr))}.answers{--n:2}.answers-3{--n:3}.stimulus{flex:none;gap:6px;min-height:0;padding:10px 8px}.stimulus-cell{--cell:min(18vh, 130px);border-radius:var(--radius-s);padding:4px}.match-board{grid-template-columns:1fr 1fr}.match-divider{display:none}.match-row{grid-auto-rows:minmax(74px,1fr)}.memory-slot{width:52px;height:52px;font-size:18px}.memory-peek span{display:none}.order-slots{flex:.7 1 0}.search-grid,.search-grid.grid-12{--cols:3}.search-grid.grid-16{--cols:4}.search-grid.grid-8{--cols:2}.locate-stage{flex-direction:column}.locate-board{flex:0 auto;width:100%;height:auto}.stimulus.is-analogy .stimulus-cell{--cell:min(12vh, 96px)}.finish{padding:16px}.finish-hero{gap:12px}.finish-star{width:84px;height:84px}.answer-check,.pair-badge{width:32px;height:32px;font-size:16px;top:-8px;right:-8px}}@media (width<=480px){.answers-3{--n:2;grid-template-columns:repeat(2,minmax(0,1fr))}.answers-3 .answer:last-child{max-width:calc((100% - var(--gap-play)) / 2);grid-column:1/-1}.answer{padding:6px}.memory-target{padding:10px}.memory-target .stimulus-cell{--cell:min(16vh, 110px)}.sequence-number{width:24px;height:24px;font-size:13px}}[data-appearance=colorful] .answer.state-correct:after{content:"";border-radius:inherit;border:3px solid var(--go);pointer-events:none;animation:.6s ease-out forwards ring;position:absolute;inset:-3px}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}[data-appearance=neutral]{--item-blue:#6f8fbf;--item-mint:#6fa58c;--item-coral:#c98676;--item-violet:#9384bd;--item-yellow:#d2ad5a;--item-pink:#c27f9b}[data-appearance=neutral] .intro,[data-appearance=neutral] .cat-tile,[data-appearance=neutral] .ex-card,[data-appearance=neutral] .page-header,[data-appearance=neutral] .stimulus,[data-appearance=neutral] .memory-target,[data-appearance=neutral] .match-board,[data-appearance=neutral] .order-slots,[data-appearance=neutral] .finish-hero{background:#eef1f6}[data-appearance=neutral] .answer.state-correct,[data-appearance=neutral] .finish-star{animation:none}@media (prefers-reduced-motion:reduce){.hold-btn.is-holding .hold-ring circle{transition:stroke-dashoffset var(--hold-ms) linear!important}}[data-size=large]{--prompt-size:clamp(26px, 4vmin, 44px);--gap-play:clamp(16px, 2.8vmin, 32px);--card-min:160px}[data-size=large] .answer{border-width:4px;padding:clamp(4px,1vmin,10px)}[data-size=large] .speak-btn{width:76px;height:76px}[data-size=large] .stimulus-cell{--cell:min(30vh, 260px)}[data-size=large] .item-caption{font-size:clamp(16px,2.4vmin,22px)}.print-page{background:#e9ecf3;min-height:100vh;padding:0 0 40px}.print-toolbar{z-index:10;padding:12px max(16px, env(safe-area-inset-left));background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:sticky;top:0}.print-toolbar strong{margin-right:auto;font-size:18px}.print-note{max-width:210mm;margin:16px auto 0}.print-measure{visibility:hidden;width:186mm;position:absolute;top:0;left:-10000px}.print-measure .paper-round{margin-bottom:0}.print-sheets{flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex}.worksheet-page{color:#1d2440;width:210mm;min-height:297mm;box-shadow:var(--shadow-lift);background:#fff;flex-direction:column;gap:6mm;padding:12mm;display:flex}.worksheet-header{border-bottom:.6mm solid #1d2440;justify-content:space-between;gap:10mm;padding-bottom:3mm;display:flex}.worksheet-header h2{font-size:7mm;font-weight:900}.worksheet-header p{color:#4a5270;font-size:4mm;font-weight:700}.worksheet-fields{flex-direction:column;gap:3mm;font-size:4mm;font-weight:700;display:flex}.worksheet-fields i{border-bottom:.4mm solid #1d2440;width:50mm;display:inline-block}.worksheet-rounds{flex-direction:column;flex:1;gap:5mm;display:flex}.worksheet-page footer{color:#8a91a8;text-align:right;font-size:3mm}.paper-round{break-inside:avoid;flex-direction:column;gap:3mm;display:flex}.paper-round h3{font-size:4.6mm;font-weight:900}.paper-round h3 span{color:#4a5270}.paper-round h3 small{color:#6b7390;margin-left:2mm;font-size:3.4mm;font-weight:700}.paper-round .item-view{width:100%;height:100%}.paper-round .item-caption{font-size:2.8mm}.paper-stimulus .stimulus{background:#f4f6fa;border-radius:3mm;flex:none;justify-content:flex-start;gap:3mm;min-height:0;padding:2mm}.paper-stimulus .stimulus .stimulus-cell{--cell:18mm;background:#fff;border-radius:2mm;width:18mm;height:18mm;padding:1.5mm}.paper-stimulus .stimulus.is-analogy{grid-template-rows:auto auto;display:inline-grid}.paper-stimulus .mirror-line{margin:0}.paper-stimulus .analogy-arrow{font-size:6mm}.paper-stimulus .rule-cue svg{width:12mm;height:12mm}.paper-stimulus .rule-cue{padding:1mm 2mm;font-size:3mm}.paper-options{flex-wrap:wrap;gap:3mm;display:flex}.paper-option{border:.4mm solid #c9cfdd;border-radius:3mm;width:22mm;height:22mm;padding:2mm;display:flex;position:relative}.paper-letter{background:#fff;border:.4mm solid #1d2440;border-radius:50%;place-items:center;width:6mm;height:6mm;font-size:3.4mm;font-weight:900;display:grid;position:absolute;top:-2mm;left:-2mm}.paper-rows{flex-direction:column;gap:3mm;display:flex}.paper-row{flex-wrap:wrap;gap:3mm;display:flex}.paper-cell{border:.4mm solid #c9cfdd;border-radius:3mm;width:20mm;height:20mm;padding:1.5mm;display:flex;position:relative}.paper-cell small{color:#6b7390;font-size:2.6mm;font-weight:800;position:absolute;top:.5mm;left:1.2mm}.paper-search{align-items:flex-start;gap:5mm;display:flex}.paper-target{border:.6mm solid #1d2440;border-radius:3mm;flex:none;width:22mm;height:22mm;padding:2mm;display:flex;position:relative}.paper-target.is-except:after{content:"";background:linear-gradient(135deg,#0000 47%,#4a5270 47% 53%,#0000 53%);border:.8mm solid #4a5270;border-radius:50%;position:absolute;inset:2mm}.paper-grid{flex-wrap:wrap;gap:2mm;display:flex}.paper-grid .paper-cell{width:17mm;height:17mm}.paper-fields{flex-wrap:wrap;gap:5mm;font-size:4mm;font-weight:800;display:flex}.paper-fields i{border-bottom:.4mm solid #1d2440;width:10mm;display:inline-block}.paper-match{grid-template-columns:1fr 1fr;gap:20mm;display:grid}.paper-match>div{flex-direction:column;gap:2mm;display:flex}.paper-match-item{align-items:center;gap:2mm;height:16mm;display:flex}.paper-match-item .item-view{flex:none;width:16mm;height:16mm}.paper-match>div:first-child .paper-match-item{justify-content:flex-end}.paper-dot{background:#1d2440;border-radius:50%;flex:none;width:3mm;height:3mm}.paper-sort{flex-direction:column;gap:3mm;display:flex}.paper-bins{gap:4mm;display:flex}.paper-bin{border:.4mm solid #c9cfdd;border-radius:3mm;align-items:center;gap:2mm;height:16mm;padding:1.5mm 3mm;display:flex}.paper-bin .item-view{width:24mm;height:13mm}.paper-sort .paper-cell{flex-direction:column;height:26mm}.paper-blank{border-bottom:.4mm solid #1d2440;height:5mm;margin-top:1mm;display:block}.teacher-answers{flex-direction:column;flex:1;gap:1.6mm;font-size:3.8mm;display:flex}.teacher-answers h3{margin-top:3mm;font-size:4.6mm;font-weight:900}.teacher-answers span{color:#4a5270}.is-bw .worksheet-page img,.is-bw .worksheet-page svg{filter:grayscale()}@page{size:A4;margin:0}@media print{body{background:#fff}.print-toolbar,.print-note,.print-measure{display:none!important}.print-page{background:#fff;padding:0}.print-sheets{padding:0;display:block}.worksheet-page{box-shadow:none;break-after:page}}.paper-stimulus .stimulus.is-board{width:50mm;height:50mm;padding:1mm}.paper-stimulus .stimulus.is-matrix .stimulus-cell{width:15mm;height:15mm}.paper-option .moves-view svg{width:30%}
