:root{--c-bg: #fff7ed;--c-surface: #ffffff;--c-ink: #1f2937;--c-muted: #6b7280;--c-primary: #f97316;--c-primary-ink: #ffffff;--c-lock: #eceff3;--c-good: #16a34a;--c-good-soft: #dcfce7;--c-bad: #dc2626;--c-bad-soft: #fee2e2;--c-star: #fbbf24;--c-shadow: 0 6px 20px rgba(31, 41, 55, .08);--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--tap: 88px;--gap: 16px;--fs-title: 28px;--fs-body: 18px;--fs-letter: 72px;--font: system-ui, -apple-system, "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{font-family:var(--font);font-size:var(--fs-body);color:var(--c-ink);background:var(--c-bg);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.screen{height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + clamp(12px,2.2vh,20px)) calc(env(safe-area-inset-right) + clamp(16px,3vw,24px)) calc(env(safe-area-inset-bottom) + clamp(12px,2.2vh,20px)) calc(env(safe-area-inset-left) + clamp(16px,3vw,24px));overflow:hidden}.screen__header{display:flex;align-items:center;gap:var(--gap)}.screen__title{margin:0;font-size:var(--fs-title);font-weight:700}.screen__spacer{flex:1}.screen__body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--gap);padding-top:clamp(8px,1.6vh,16px)}.icon-btn{position:relative;width:clamp(64px,9.5vh,var(--tap));height:clamp(64px,9.5vh,var(--tap));flex:0 0 auto;border:0;border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--c-shadow);font-size:clamp(22px,3.4vh,30px);line-height:1;color:var(--c-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.icon-btn:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.icon-btn:active{transform:scale(.96)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap);overflow-y:auto;overscroll-behavior:contain}.card{position:relative;min-height:128px;padding:20px 22px;border:0;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--c-shadow);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;cursor:pointer}.card:active{transform:scale(.98)}.card--locked{background:var(--c-lock);color:var(--c-muted);box-shadow:none;cursor:default}.card--locked:active{transform:none}.card--shake{animation:card-shake .42s ease}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.card__lock{position:absolute;top:16px;right:16px;display:flex;color:var(--c-muted)}.lock-icon{width:26px;height:26px;display:block}.card__stars{display:flex;align-items:center;min-height:26px;font-size:15px;font-weight:600;color:var(--c-muted)}.stars-mini{display:flex;gap:4px;font-size:20px;line-height:1}.stars-mini__star{color:#e2e5ea}.stars-mini__star--on{color:var(--c-star)}.card__tag{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}.card__title{font-size:22px;font-weight:700}.btn{min-height:var(--tap);padding:0 28px;border:0;border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--c-shadow);font-size:var(--fs-body);font-weight:600;cursor:pointer}.btn--primary{background:var(--c-primary);color:var(--c-primary-ink)}.btn--danger{background:var(--c-bad);color:#fff}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--c-lock);color:var(--c-muted);box-shadow:none;cursor:default;transform:none}.parent{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px;padding-bottom:8px}.panel{flex:0 0 auto;padding:22px 24px;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--c-shadow)}.panel__title{margin:0 0 12px;font-size:18px;font-weight:700}.parent__summary{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--c-primary)}.parent__list{display:flex;flex-direction:column}.parent__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;font-size:15px;border-top:1px solid rgba(17,24,39,.06)}.parent__row:first-child{border-top:0}.parent__group{border-top:1px solid rgba(17,24,39,.08)}.parent__group:first-child,.parent__group .parent__row--level{border-top:0}.parent__row--level{font-weight:600}.parent__row--stage{padding-left:22px;padding-top:5px;padding-bottom:5px;font-size:13.5px;color:var(--c-muted);border-top:0}.parent__stage-value{display:flex;align-items:center;gap:12px;white-space:nowrap}.parent__stage-value .parent__value,.parent__stage-value .parent__value--zero{letter-spacing:.08em;font-weight:400}.parent__muted-num{min-width:56px;text-align:right;font-variant-numeric:tabular-nums;color:var(--c-muted)}.parent__value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--c-star);white-space:nowrap}.parent__value--zero{color:var(--c-muted);font-weight:400}.parent__hint{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--c-muted)}.parent__code{width:100%;box-sizing:border-box;min-height:110px;padding:12px 14px;border:1px solid rgba(17,24,39,.12);border-radius:var(--r-sm);background:#fbfaf8;color:var(--c-ink);font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.5;word-break:break-all;resize:vertical}.parent__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.parent__actions .btn{min-height:52px;padding:0 22px;font-size:15px}.parent__notice{margin:12px 0 0;padding:10px 14px;border-radius:var(--r-sm);font-size:14px;line-height:1.6}.parent__notice--ok{background:var(--c-good-soft);color:var(--c-good)}.parent__notice--warn{background:var(--c-bad-soft);color:var(--c-bad)}.icon-btn--counting{background:var(--c-primary);color:var(--c-primary-ink)}.hold-ring{width:62%;height:62%;transform:rotate(-90deg)}.dot-icon{width:46%;height:46%;pointer-events:none}.hold-ring circle{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:97.4;transition:stroke-dashoffset .18s ease}.row{display:flex;gap:var(--gap);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--gap)}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);text-align:center}.muted{color:var(--c-muted);margin:0}.error-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain}.error-list li{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-radius:var(--r-sm);background:#fee2e2;color:#991b1b;font-size:16px;-webkit-user-select:text;user-select:text}.error-list code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;background:#fecaca;border-radius:6px;padding:0 6px}.progress{flex:1;max-width:640px;margin:0 auto;display:flex;align-items:center;gap:12px}.progress__bar{flex:1;height:14px;border-radius:7px;background:var(--c-surface);box-shadow:inset 0 0 0 1px #1f293714;overflow:hidden}.progress__fill{height:100%;border-radius:7px;background:var(--c-primary);transition:width .3s ease}.progress__text{font-size:16px;color:var(--c-muted);font-variant-numeric:tabular-nums}.question{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.4vh,24px)}.question__top{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,40px)}.speaker-btn{width:clamp(64px,11vh,100px);height:clamp(64px,11vh,100px);flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--c-surface);box-shadow:var(--c-shadow);color:var(--c-primary);cursor:pointer}.speaker-btn__icon{width:54%;height:54%}.speaker-btn:active{transform:scale(.96)}.word-hint{display:flex;align-items:flex-end;gap:4px;margin:0;font-size:clamp(38px,7vh,52px);font-weight:700;letter-spacing:.04em}.word-hint__blank{width:2.2em;height:6px;margin-bottom:.18em;border-radius:3px;background:var(--c-primary)}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);width:100%;max-width:760px}.option{min-height:clamp(112px,23vh,176px);border:0;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--c-shadow);color:var(--c-ink);font-size:clamp(54px,9.5vh,80px);font-weight:700;cursor:pointer;transition:transform .12s ease}.option:active{transform:scale(.97)}.option--correct{background:var(--c-good-soft);color:var(--c-good);box-shadow:inset 0 0 0 4px var(--c-good)}.option--wrong{background:var(--c-bad-soft);color:var(--c-bad);animation:shake .4s ease}.option--excluded{opacity:.25}.option--word{font-size:clamp(24px,4.2vh,36px);line-height:1.2;padding:0 12px;word-break:break-word}.picture{font-size:clamp(96px,20vh,136px);line-height:1}.picture--jump{animation:jump .6s ease}.picture--sm{font-size:clamp(72px,14vh,100px)}.slots{display:flex;gap:12px}.slot{min-width:clamp(68px,10vh,88px);height:clamp(88px,17vh,112px);padding:0 10px;border:3px dashed rgba(249,115,22,.4);border-radius:var(--r-md);background:#ffffff8c;color:var(--c-ink);font-size:clamp(34px,6vh,46px);font-weight:700;cursor:pointer}.slot--filled{border-style:solid;border-color:var(--c-primary);background:var(--c-surface)}.slot--hover{border-style:solid;border-color:var(--c-primary);background:#fff1e6}.slot--wrong{border-color:var(--c-bad);background:var(--c-bad-soft);color:var(--c-bad);animation:shake .4s ease}.slot__ghost{color:#f9731666}.tile-rack{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.tile{min-width:clamp(64px,9vh,80px);height:clamp(76px,15vh,100px);padding:0 14px;border:0;border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--c-shadow);color:var(--c-ink);font-size:clamp(32px,5.2vh,40px);font-weight:700;cursor:pointer;transition:transform .12s ease;touch-action:none}.tile--used{opacity:.18;box-shadow:none}.tile--selected{transform:translateY(-6px) scale(1.06);outline:4px solid var(--c-primary);box-shadow:0 10px 24px #f9731647}.tile--dragging{position:relative;z-index:5;transition:none;cursor:grabbing;box-shadow:0 18px 34px #1f29373d;will-change:transform}.quiz-footer{display:flex;justify-content:center;align-items:center;gap:clamp(20px,5vw,40px);padding-top:clamp(8px,1.6vh,14px)}.quiz-btn{position:relative;width:clamp(58px,9vh,80px);height:clamp(58px,9vh,80px);border:0;border-radius:50%;background:var(--c-surface);box-shadow:var(--c-shadow);font-size:clamp(24px,3.6vh,32px);line-height:1;cursor:pointer}.quiz-btn:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.quiz-btn:active{transform:scale(.96)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#1f293773}.overlay__card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 32px;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:0 20px 50px #1f293740}.overlay__mark{font-size:48px;font-weight:700;line-height:1;color:var(--c-muted)}.overlay__actions{display:flex;gap:24px}.icon-btn--big{width:120px;height:120px;flex-basis:120px;font-size:56px}.icon-btn--ok{background:var(--c-good-soft);color:var(--c-good)}.icon-btn--no{background:var(--c-bad-soft);color:var(--c-bad)}.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:18px;overflow-y:auto;overscroll-behavior:contain}.stars{display:flex;gap:12px}.star{font-size:clamp(52px,10vh,76px);line-height:1;color:#e5e7eb}.star--on{color:var(--c-star);animation:star-pop .5s ease both}.result__score{margin:0;font-size:44px;font-weight:700;font-variant-numeric:tabular-nums}.result__best{margin:0;font-size:20px;font-weight:700;color:var(--c-good)}.mistakes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mistake{width:64px;height:64px;border:0;border-radius:var(--r-sm);background:var(--c-surface);box-shadow:var(--c-shadow);font-size:30px;line-height:1;cursor:pointer}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-14px)}60%{transform:translateY(0)}80%{transform:translateY(-6px)}}@keyframes star-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media (max-height: 520px){.speaker-btn{width:56px;height:56px}.picture{font-size:64px}.picture--sm{font-size:52px}.slot{min-width:52px;height:64px;font-size:26px}.tile{min-width:48px;height:58px;font-size:24px}.option{min-height:84px;font-size:40px}.option--word{font-size:22px}.star{font-size:48px}.result__score{font-size:34px}.quiz-footer{padding-top:6px}}