:root{--bp-font-latin:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";--bp-font-cjk:"PingFang TC", "PingFang SC", "Hiragino Sans", "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans CJK TC", "Noto Sans CJK SC", "Noto Sans CJK JP";--bp-bg:#fff;--bp-text:#17212b;--bp-hint:#505d6b;--bp-button:#1764ad;--bp-button-text:#fff;--bp-error:#aa2733;--bp-error-text:#fff;--bp-secondary-bg:#f1f1f4;--bp-correct:#246b3b;--bp-correct-text:#fff;--bp-border:#647181;--bp-frame:#8a6506;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bp-bg:#17212b;--bp-text:#f5f5f5;--bp-hint:#adbccd;--bp-button:#7bb9f1;--bp-button-text:#13212b;--bp-error:#ff8992;--bp-error-text:#13212b;--bp-secondary-bg:#232e3c;--bp-correct:#82d69b;--bp-correct-text:#13212b;--bp-border:#94a6b8;--bp-frame:#e2b850;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:lang(zh),:root:lang(ja){--bp-font:var(--bp-font-cjk), var(--bp-font-latin), sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;min-height:100dvh;font-family:var(--bp-font,var(--bp-font-latin), var(--bp-font-cjk), sans-serif);background:var(--bp-bg);color:var(--bp-text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;line-break:strict;overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.5}#app{width:100%;max-width:552px;padding:calc(24px + max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px)) calc(16px + max(env(safe-area-inset-right,0px), var(--tg-safe-area-inset-right,0px)) + var(--tg-content-safe-area-inset-right,0px)) calc(24px + max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px)) calc(16px + max(env(safe-area-inset-left,0px), var(--tg-safe-area-inset-left,0px)) + var(--tg-content-safe-area-inset-left,0px));margin-inline:auto}main{flex-direction:column;gap:16px;min-width:0;display:flex}main>*,.card>*,.actions>*,.nav>*{min-width:0}p{margin:0}h1{letter-spacing:-.02em;margin:0;font-size:1.75rem;line-height:1.2}.hint{color:var(--bp-hint);margin:0}.error{color:var(--bp-error)}button{font:inherit;background:var(--bp-button);min-width:0;min-height:48px;color:var(--bp-button-text);touch-action:manipulation;white-space:normal;overflow-wrap:anywhere;cursor:pointer;border:0;border-radius:12px;padding:14px 16px;font-weight:600;line-height:1.4}:where(button,select,textarea,input):focus-visible{outline:3px solid var(--bp-text);outline-offset:3px}button:disabled{opacity:1;cursor:default}h2{margin:0;font-size:1.25rem;line-height:1.3}button.secondary{color:var(--bp-button);box-shadow:inset 0 0 0 1px var(--bp-button);background:0 0}button.link{color:var(--bp-button);text-align:start;background:0 0;padding:12px 16px}.card{background:var(--bp-secondary-bg);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.card.primary{box-shadow:inset 0 0 0 2px var(--bp-button)}.card.frame{box-shadow:inset 0 0 0 2px var(--bp-frame)}button.danger{color:var(--bp-error);box-shadow:inset 0 0 0 1px var(--bp-error);background:0 0}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions button{flex:9rem}.label{margin:0;font-weight:600}.banner{background:var(--bp-secondary-bg);border-radius:12px;margin:0;padding:12px}.countdown{text-align:center;margin:0;font-size:32px;font-weight:700}.round-bar{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rival{min-width:0;color:var(--bp-hint);flex:160px;align-items:center;gap:8px;display:flex}.rival-meter{width:96px;max-width:100%;accent-color:var(--bp-button);flex:0 0 96px}.game{flex-direction:column;gap:12px;display:flex}.game-goal{text-align:center;margin:0;font-size:22px;font-weight:700}.grid{aspect-ratio:1;-webkit-user-select:none;user-select:none;grid-auto-rows:minmax(0,1fr);gap:6px;display:grid}.cell{aspect-ratio:1;font-variant-numeric:tabular-nums;background:var(--bp-secondary-bg);width:100%;min-width:0;height:100%;min-height:0;color:var(--bp-text);border:2px solid var(--bp-border);padding:0;font-size:22px;position:relative}.cell.found{background:var(--bp-button);color:var(--bp-button-text);border-color:var(--bp-button)}.cell.lit{background:var(--bp-button);color:var(--bp-button-text);border-color:var(--bp-button);box-shadow:inset 0 0 0 2px var(--bp-button-text)}.cell:disabled{opacity:1}.cell.pending{background:var(--bp-button);color:var(--bp-button-text);border:2px dashed var(--bp-button-text);box-shadow:0 0 0 1px var(--bp-button)}.memory-review-success .game-goal{color:var(--bp-correct)}.memory-review-failure .game-goal{color:var(--bp-error)}.memory-review-success .grid{outline:3px solid var(--bp-correct);outline-offset:2px;border-radius:12px}.cell.review-correct{background:var(--bp-correct);color:var(--bp-correct-text);border-color:var(--bp-correct)}.cell.review-wrong{background:var(--bp-error);color:var(--bp-error-text);border-color:var(--bp-error)}.cell.review-missed{border:3px dashed var(--bp-correct);color:var(--bp-correct)}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:start;background:var(--bp-secondary-bg);color:var(--bp-text)}.option:disabled{opacity:1}.option.picked{box-shadow:inset 0 0 0 2px var(--bp-button)}.option.correct{background:var(--bp-correct);color:var(--bp-correct-text)}.option.wrong{background:var(--bp-error);color:var(--bp-error-text)}form,fieldset{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}textarea,select{font:inherit;border:2px solid var(--bp-border);background:var(--bp-bg);width:100%;min-width:0;min-height:48px;color:var(--bp-text);border-radius:12px;padding:12px}textarea{resize:vertical;min-height:128px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--bp-hint) 50%), linear-gradient(135deg, var(--bp-hint) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-inline-end:44px}.nav{flex-wrap:wrap;gap:12px;display:flex}.nav button{flex:45%;min-width:min(100%,9rem)}.card.offer .actions{flex-direction:column}.card.offer .actions button{flex:auto}.skill{flex-direction:column;gap:4px;display:flex}.skill-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.bar{border:1px solid var(--bp-border);background:var(--bp-bg);border-radius:6px;height:12px;overflow:hidden}.bar-fill{background:var(--bp-button);height:100%}label.toggle{cursor:pointer;align-items:center;gap:10px;min-height:48px;display:flex}input[type=checkbox],input[type=radio]{appearance:none;border:2px solid var(--bp-border);background:var(--bp-bg);border-radius:4px;flex:0 0 22px;place-content:center;width:22px;height:22px;margin:0;display:grid}input[type=radio]{border-radius:50%}input:checked{background:var(--bp-button);border-color:var(--bp-button)}input[type=checkbox]:checked:after{content:"";border-left:3px solid var(--bp-button-text);border-bottom:3px solid var(--bp-button-text);width:11px;height:7px;transform:translateY(-1px)rotate(-45deg)}input[type=radio]:checked:after{content:"";background:var(--bp-button-text);border-radius:50%;width:8px;height:8px}main label:not(.toggle,.rival,.choice){flex-direction:column;gap:6px;display:flex}label.choice{cursor:pointer;align-items:center;gap:12px;min-height:48px;display:flex}legend{margin-bottom:12px;padding:0;font-weight:600}main div:where([role=alert],[role=status],[data-testid=ghost-label]){flex-direction:column;gap:12px;display:flex}@media (max-width:360px){.grid{gap:4px}}@media (prefers-reduced-motion:no-preference){button:active:not(:disabled){transform:translateY(1px)}}.quiz-hero{gap:16px;padding:20px}.quiz-intro{align-items:flex-start;gap:16px;display:flex}.quiz-icon{background:var(--bp-button);width:64px;height:64px;color:var(--bp-button-text);border-radius:16px;flex:0 0 64px;place-items:center;font-size:48px;font-weight:700;line-height:1;display:grid}.quiz-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.quiz-copy h2{margin:0;font-size:1.125rem;line-height:1.35}.game-choices{flex-direction:column;gap:12px;display:flex}.game-choice{text-align:start;background:var(--bp-secondary-bg);color:var(--bp-text);align-items:center;gap:16px;display:flex}.game-choice>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.game-choice .hint{font-size:.875rem;font-weight:400}.game-mini{width:52px;min-height:48px;color:var(--bp-button);font-variant-numeric:tabular-nums;flex:0 0 52px;place-items:center;display:grid}.game-mini.memory{grid-template-columns:repeat(3,12px);gap:4px}.game-mini i{background:var(--bp-button);opacity:.3;border-radius:3px;width:12px;height:12px}.game-mini i:nth-child(2),.game-mini i:nth-child(4){opacity:1}.home-menu summary{min-height:48px;color:var(--bp-button);cursor:pointer;padding:12px 0;font-weight:600}.home-menu .nav{margin-top:12px}.home-menu summary:focus-visible{outline:3px solid var(--bp-text);outline-offset:3px}.prep-preview{aspect-ratio:1;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);gap:6px;width:120px;margin:4px auto;display:grid}.prep-preview span{background:var(--bp-bg);color:var(--bp-text);border-radius:8px;place-items:center;font-weight:600;display:grid}.prep-preview.memory .lit{background:var(--bp-button)}.prep-preview.quiz{grid-template-columns:1fr}.prep-preview.quiz span{color:var(--bp-button);font-size:3rem}.prep-rule{font-size:1.125rem;font-weight:600}.result-score{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1.2}.cell-mark{font-size:24px;font-weight:800;line-height:1}.cell-check{font-size:.65rem;line-height:1;position:absolute;top:2px;right:3px}.option{border:2px solid var(--bp-border)}.option.picked{border-color:var(--bp-button);box-shadow:inset 0 0 0 2px var(--bp-button)}.option.correct{border-color:var(--bp-correct);box-shadow:none}.option.wrong{border-color:var(--bp-error);box-shadow:none}.option-state{align-items:center;gap:8px;margin-top:6px;font-size:.875rem;display:flex}button:not(.cell,.option):disabled{background:var(--bp-secondary-bg);color:var(--bp-hint);border:1px dashed var(--bp-border);box-shadow:none}textarea::placeholder{color:var(--bp-hint);opacity:1}.error:before{content:"!";border:2px solid;border-radius:50%;place-items:center;width:1.25em;height:1.25em;margin-inline-end:.4em;font-weight:700;line-height:1;display:inline-grid}@media (forced-colors:active){.cell.lit,.cell.found,.option.picked{border:3px solid highlight}.cell.pending{border:3px dashed highlight}.option.correct,.option.wrong{border:3px double canvastext}}.cell.rejected{border:3px solid var(--bp-error);color:var(--bp-error)}.rival-meter{appearance:none;border:1px solid var(--bp-border);background:var(--bp-bg);border-radius:6px;height:12px;overflow:hidden}.rival>span{min-width:0}select:disabled,textarea:disabled,input:disabled{opacity:1;color:var(--bp-hint);-webkit-text-fill-color:var(--bp-hint);cursor:default}select:disabled,textarea:disabled{background-color:var(--bp-secondary-bg);border-style:dashed}