.drill{display:flex;flex-direction:column;gap:var(--space-14)}.drill__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-10);width:100%}.drill__zh{font-family:var(--font-zh);margin-right:8px}.drill__concept{font-size:.95rem;font-weight:650}.drill__progress{padding:var(--space-2) var(--space-8);border-radius:999px;background:var(--well);border:1px solid var(--line);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-xs);font-weight:700;color:var(--violet);white-space:nowrap}.drill__scoreline{font-variant-numeric:tabular-nums}.drill__prompt{margin:var(--space-4) 0 var(--space-12);font-size:var(--fs-3xl);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--text)}.drill__hand{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10);border-radius:var(--radius);background:radial-gradient(90% 120% at 50% 0%,var(--surface) 0%,var(--well) 70%);box-shadow:var(--inset-well);overflow-x:auto}.drill__tile{display:flex;justify-content:center;padding:var(--space-18) 0 var(--space-8)}.drill__ctx{margin:0;font-size:.8rem;color:var(--text-2)}.drill__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);margin:14px 0 10px}.drill__options--text{grid-template-columns:minmax(0,1fr)}.drill__options--tile{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.option{display:flex;align-items:center;gap:var(--space-8);min-height:54px;padding:var(--space-10) var(--space-12);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--edge);transition:var(--press)}.option:hover:not(:disabled){border-color:var(--line-strong)}.option:active:not(:disabled),.topic:active{transform:translateY(3px);box-shadow:0 0 0 var(--line-strong)}.option.is-picked{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.option:disabled{cursor:default}.option.is-right{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 8%,var(--surface));box-shadow:inset 0 0 0 1px var(--mint),0 3px color-mix(in srgb,var(--mint) 35%,var(--line-strong))}.option.is-wrong{border-color:var(--magenta);background:color-mix(in srgb,var(--magenta) 7%,var(--surface));box-shadow:inset 0 0 0 1px var(--magenta),0 3px color-mix(in srgb,var(--magenta) 35%,var(--line-strong))}.option__body{display:flex;flex-direction:column;gap:1px;min-width:0}.option__zh{font-family:var(--font-zh);font-size:1rem;line-height:1.2}.option__jp{font-size:.7rem;color:var(--text-2)}.option__label{font-size:.92rem;font-weight:600;overflow-wrap:anywhere}.option--number .option__label,.option--boolean .option__label{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);font-weight:700}.option--text .option__label{font-weight:500;line-height:1.35}.option__mark{margin-left:auto;font-size:1.1rem;font-weight:700}.option.is-right .option__mark{color:var(--mint)}.option.is-wrong .option__mark{color:var(--magenta)}.reveal{display:flex;flex-direction:column;gap:var(--space-12)}.reveal__verdict{display:flex;align-items:center;gap:var(--space-8);margin:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius);background:color-mix(in srgb,currentColor 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 28%,transparent);font-size:var(--fs-2xl);font-weight:700}.reveal__mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid currentColor;font-size:.95rem}.reveal__verdict--good{color:var(--mint)}.reveal__verdict--bad{color:var(--magenta)}.reveal__block{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-14);border-radius:var(--radius)}.reveal__pat{padding:var(--space-4) var(--space-8);border-radius:999px;background:var(--ink-surface);border:1px solid var(--ink-line)}.reveal__block--tile{flex-direction:row;align-items:center;gap:var(--space-14)}.reveal__headline{display:flex;align-items:baseline;gap:var(--space-18);flex-wrap:wrap}.reveal__patterns{display:flex;flex-wrap:wrap;gap:var(--space-8)}.reveal__nopat{font-family:var(--font-zh);color:var(--text-2)}.reveal__tiles{display:flex;align-items:center;gap:var(--space-10);flex-wrap:wrap}.reveal__tilesLabel{font-size:.85rem;color:var(--text-2)}.reveal__tilesRow{display:flex;gap:var(--space-4)}.reveal__line{margin:0;font-size:.9rem;color:var(--text-2)}.reveal__ranked{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.reveal__rank{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4) var(--space-10);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);border:1px solid transparent}.reveal__rank.is-best{border-color:var(--mint);background:var(--surface)}.reveal__rankNums{font-size:.88rem;font-variant-numeric:tabular-nums}.reveal__rankWhy{grid-column:2;font-size:.78rem;color:var(--text-2)}.reveal__tileName{display:flex;flex-direction:column;gap:var(--space-2)}.reveal__zh{font-family:var(--font-zh);font-size:1.6rem;line-height:1.1}.reveal__jp{font-size:.85rem;color:var(--text-2)}.reveal__en{font-size:.95rem;font-weight:600}.reveal__explain{margin:0;font-size:.92rem;line-height:1.5;color:var(--text)}.reveal__source{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-6);margin:0;font-size:.72rem;color:var(--text-2);overflow-wrap:anywhere}.reveal__sourceLabel{text-transform:uppercase;letter-spacing:.06em;font-weight:700}.reveal__source a{display:inline-flex;align-items:center;min-height:32px;color:var(--cyan)}.drill__resume{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:12px}.drill__difficulty{margin-top:12px}.drill__topics{display:flex;flex-direction:column;gap:var(--space-16)}.drill__groupTitle{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.drill__groupItems{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-8)}.topic{display:flex;flex-direction:column;gap:var(--space-2);min-height:var(--tap);padding:9px 11px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.topic{box-shadow:var(--edge);transition:var(--press)}.topic:hover{border-color:var(--violet)}.topic__name{font-size:.88rem;font-weight:600;line-height:1.25}.topic__meta{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--text-2)}.drill__summaryTop{display:flex;align-items:baseline;gap:var(--space-16);flex-wrap:wrap;margin-bottom:12px}.drill__summaryWord{margin:0;font-size:.95rem;color:var(--text-2)}.drill__summaryList{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.drill__summaryRow{display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:baseline;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);background:var(--well);font-size:.88rem}.drill__summaryRow.is-right .drill__summaryMark{color:var(--mint)}.drill__summaryRow.is-wrong .drill__summaryMark{color:var(--magenta)}.drill__summaryMark{font-weight:700}.drill__summaryWordSm{font-weight:600;white-space:nowrap}.drill__summaryConcept{color:var(--text-2);overflow-wrap:anywhere}.drill__summaryActions{display:flex;gap:var(--space-8);flex-wrap:wrap}@media(max-width:420px){.drill__options{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.option,.topic{transition:none}.option:active:not(:disabled),.topic:active{transform:none}}.drill__mistake{grid-column:1 / -1;min-width:0}.learning-progress{display:grid;gap:var(--space-12)}.answer-feedback{display:grid;gap:var(--space-8)}.answer-feedback p{margin:0;line-height:1.6;overflow-wrap:anywhere}.reveal-details>summary{min-height:44px;padding:12px 0;cursor:pointer;color:var(--accent);font-weight:700}.feedback-groups{display:flex;flex-wrap:wrap;gap:12px}.feedback-group{max-width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px}.feedback-group .tilerow{padding:0;min-height:0;border:0;background:transparent;box-shadow:none}.feedback-group small{color:var(--text-2)}@media(max-width:420px){.feedback-group{--tile-w-sm: 36px}}.learnhub{display:grid;gap:var(--space-10)}.learnhub__item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border:1px solid var(--line);border-radius:var(--radius);background:var(--well);text-decoration:none;color:var(--text);min-height:var(--tap)}.learnhub__item:hover,.learnhub__item:focus-visible{border-color:var(--line-strong)}.learnhub__zh{font-family:var(--font-zh);font-size:var(--fs-3xl);font-weight:700;color:var(--violet);flex-shrink:0;width:1.4em;text-align:center}.learnhub__body{display:grid;gap:var(--space-2);flex:1}.learnhub__en{font-size:var(--fs-md);font-weight:700}.learnhub__subtext{font-size:var(--fs-xs);color:var(--text-2)}.learnhub__arrow{color:var(--text-2);flex-shrink:0}.encyclopedia{display:grid;gap:var(--space-12)}.pattern-lesson,.winning-lesson{display:grid;gap:20px;min-width:0}.winning-lesson h1{font-size:clamp(25px,4vw,38px);line-height:1.2}.winning-lesson h1:focus{outline:none}.lesson-eyebrow{color:var(--accent);font-size:13px;font-weight:700}.lesson-intro-link{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface)}.pattern-lesson-toggle>summary,.lesson-comparison>summary{min-height:48px;padding:12px 0;cursor:pointer;color:var(--accent);font-weight:700}.pattern-lesson-toggle[open]>summary{margin-bottom:12px}.pattern-lesson h3{margin:0 0 12px;font-size:17px}.pattern-lesson p{margin:8px 0;line-height:1.65}.lesson-table{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.lesson-groups{display:flex;flex-wrap:wrap;gap:16px 12px}.lesson-group{display:grid;align-content:start;gap:5px;padding:8px;border:1px solid var(--line);border-radius:8px;width:min-content;max-width:100%}.lesson-group .tilerow{padding:0;min-height:0;border:0;background:transparent;box-shadow:none;flex-wrap:nowrap}.lesson-group--special{width:100%}.lesson-group--special .tilerow{flex-wrap:wrap}.lesson-group.is-focus{border-color:var(--accent);border-bottom-width:3px}.lesson-group>span,.lesson-group>small{font-size:12px}.lesson-group>small{color:var(--text-2)}.lesson-context,.lesson-caption{color:var(--text-2);font-size:13px}.lesson-requirements{padding-left:16px;border-left:3px solid var(--accent)}.lesson-score{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.lesson-breakdown{list-style:none;padding:0;margin:0}.lesson-breakdown li{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.lesson-breakdown strong{white-space:nowrap}.lesson-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;padding:16px 0}.lesson-total strong{font-size:28px}.lesson-checks{padding:0;list-style:none;display:grid;gap:10px}.lesson-checks li{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:10px}.lesson-checks li span{color:var(--text-2)}.lesson-warning{border-left:3px solid var(--accent);padding-left:12px}.lesson-comparison{border-top:1px solid var(--line)}.lesson-steps{display:flex;flex-wrap:wrap;gap:8px}.lesson-steps button{min-height:44px;text-align:left;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:13px}.lesson-steps button[aria-current]{border-color:var(--accent);color:var(--accent);font-weight:700}.lesson-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}@media(max-width:420px){.lesson-steps button{flex:1;text-align:center}.lesson-steps button span{display:none}.lesson-table,.lesson-score{padding:12px}.lesson-group{padding:4px;--tile-w-sm: 36px}.lesson-groups{gap:12px 8px}}.encfilter{display:grid;gap:var(--space-8)}.encfilter__chips{display:flex;gap:var(--space-6);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:var(--space-2) var(--gutter)}.encfilter__chips::-webkit-scrollbar{display:none}.encchip{display:inline-flex;align-items:center;gap:var(--space-6);flex:0 0 auto;min-height:var(--tap);padding:0 var(--space-12);border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:var(--edge);transition:var(--press);cursor:pointer}.encchip:active{transform:translateY(3px);box-shadow:none}.encchip.is-on{background:var(--ink);border-color:var(--ink);color:var(--ink-text);box-shadow:0 3px 0 var(--ink-lit)}.encchip__zh{font-family:var(--font-zh);font-size:var(--fs-lg);font-weight:700;color:var(--text)}.encchip.is-on .encchip__zh{color:var(--neon-mint)}.encchip__n{font-family:var(--font-num);font-size:var(--fs-2xs);color:var(--text-2);border:1px solid var(--line);border-radius:999px;padding:0 var(--space-6)}.encchip.is-on .encchip__n{color:var(--ink-text-2);border-color:var(--ink-line)}.encsearch{width:100%;min-height:var(--tap);padding:0 var(--space-14);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-md);box-shadow:var(--inset-well)}.encsearch::placeholder{color:var(--text-2)}.patlist2{display:grid;gap:var(--space-10)}.patrow2{display:grid;gap:var(--space-6);padding:var(--space-10);border:1px solid var(--line);border-radius:var(--radius);background:var(--well)}.patrow2.is-off{opacity:.6}.patrow2__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-10)}.patrow2__ident{display:grid;gap:var(--space-6);min-width:0}.patrow2__tags{display:flex;flex-wrap:wrap;gap:var(--space-6)}.pattag{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:var(--ground-lit);border-radius:999px;padding:var(--space-2) var(--space-8)}.pattag [lang=zh-HK]{font-family:var(--font-zh);font-size:var(--fs-2xs);color:var(--text)}.patfaan{display:grid;justify-items:center;flex:0 0 auto;min-width:58px;padding:var(--space-4) var(--space-8) var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--ink-line);background:var(--ink);color:var(--ink-text-2);font-size:var(--fs-3xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-ink)}.patfaan__n{font-family:var(--font-num);font-size:var(--fs-3xl);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--neon-mint);text-shadow:var(--glow-mint)}.patrow2.is-off .patfaan__n{color:var(--ink-text-2);text-shadow:none}.patrow2__marker{font-size:var(--fs-2xs);font-weight:700;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:1px var(--space-8)}.patrow2__note{font-size:12.5px;color:var(--text-2)}.patrow2__source{display:inline-flex;align-items:center;min-height:32px;font-size:var(--fs-xs);color:var(--cyan);justify-self:start}.ruleread__cite a{display:inline-flex;align-items:center;min-height:32px;min-width:32px}.patsrc__summary{display:flex;align-items:center;min-height:32px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--cyan);cursor:pointer}.patsrc[open] .rulestmt__readings{margin-top:6px}.patsrc__note{font-size:var(--fs-xs);color:var(--text-2);border-left:2px solid var(--amber);padding-left:var(--space-10)}.rulestmt__unplayed{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:var(--space-2) var(--space-8)}.patex{display:grid;gap:var(--space-4);margin-top:2px}.rules{display:grid;gap:var(--space-12)}.ruletopic{display:grid;gap:var(--space-14)}.rulestmt{display:grid;gap:var(--space-8)}.rulestmt__text{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.rulestmt__contested{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:var(--space-2) var(--space-8)}.rulestmt__readings{display:grid;gap:var(--space-8)}.ruleread{display:grid;gap:var(--space-4);padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);background:var(--well);border:1px solid var(--line)}.ruleread.is-followed{border-color:var(--mint)}.ruleread__text{font-size:12.5px;color:var(--text)}.ruleread__followed{margin-left:6px;font-size:10.5px;font-weight:800;color:var(--mint);text-transform:uppercase;letter-spacing:.06em}.ruleread__quote{margin:0;padding-left:var(--space-10);border-left:2px solid var(--line-strong);font-size:12.5px;color:var(--text-2)}.ruleread__cite{display:flex;gap:var(--space-8);align-items:center;font-size:var(--fs-2xs)}.ruleread__cite a{color:var(--cyan)}.ruleread__type{color:var(--text-2)}.literacy{display:grid;gap:var(--space-14);justify-items:center}.literacy__prompt{display:flex;align-items:center;justify-content:center;min-height:calc(var(--tile-w-lg) * 4 / 3)}.literacy__promptZh{font-family:var(--font-zh);font-size:56px;font-weight:700;color:var(--text)}.literacy__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-10);width:100%}.literacy__option{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--tap);padding:var(--space-10);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--well);cursor:pointer}.literacy__option:disabled{cursor:default}.literacy__option.is-correct{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 14%,var(--well))}.literacy__option.is-wrong{border-color:var(--magenta);background:color-mix(in srgb,var(--magenta) 14%,var(--well))}.literacy__optionName{display:grid;gap:var(--space-2);text-align:center}.literacy__optionName [lang=zh-HK]{font-family:var(--font-zh);font-size:18px;font-weight:700}.literacy__optionName span:last-child{font-size:11.5px;color:var(--text-2)}.literacy__mark{font-weight:800;font-size:var(--fs-md)}.literacy__option.is-correct .literacy__mark{color:var(--mint)}.literacy__option.is-wrong .literacy__mark{color:var(--magenta)}.literacy__facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);width:100%;margin:0}.literacy__fact{display:grid;gap:var(--space-2);padding:var(--space-8);border-radius:var(--radius-sm);background:var(--well);border:1px solid var(--line)}.literacy__fact dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.literacy__fact dd{margin:0;font-size:var(--fs-md);font-weight:700}.literacy__fact dd[lang=zh-HK]{font-family:var(--font-zh)}.rules__lede{color:var(--ink-text-2);font-size:var(--fs-sm);line-height:1.6}.rulestmt__followed{margin:4px 0 0;font-size:var(--fs-sm);color:var(--ink-text)}.fundamentals{margin:0;padding-left:24px}.fundamentals li{padding:4px 0}.fundamentals a{display:inline-flex;align-items:center;min-height:44px}.literacy-focus{display:grid;gap:8px}.profile{display:grid;gap:var(--space-12)}.profile__previewName{font-weight:800;font-size:var(--fs-lg)}.profile__previewDiff{margin:6px 0 0;padding-left:var(--space-18);font-size:var(--fs-sm);color:var(--text-2);display:grid;gap:3px}.profile__payout{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-8)}.profile__rounds{display:flex;gap:var(--space-14);flex-wrap:wrap}.field{display:grid;gap:var(--space-4);font-size:var(--fs-sm)}.field__label{font-weight:700;color:var(--text)}.field__hint{font-size:11.5px;color:var(--text-2)}.input--num{font-variant-numeric:tabular-nums}.input.input--tiny{min-height:34px;width:64px;padding:var(--space-4) var(--space-8)}@media(pointer:coarse){.input.input--tiny{min-height:var(--tap);width:78px}}.issuelist{display:grid;gap:var(--space-6)}.issuelist__spec{font-size:var(--fs-2xs);color:var(--text-2);font-weight:600}.patgrid{display:grid;gap:var(--space-16)}.patgrid__group{display:grid;gap:var(--space-6)}.patgrid__head{font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);display:flex;gap:var(--space-6)}.patgrid__head [lang=zh-HK]{color:var(--text)}.patrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--well);flex-wrap:wrap}.patrow.is-off{opacity:.55}.patrow.is-overridden{border-color:var(--cyan)}.patrow__controls{display:flex;align-items:center;gap:var(--space-10)}.patrow__faan,.patrow__on{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-2xs)}.patrow__cap{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--text-2)}.patrow__reset{min-height:30px;padding:var(--space-4) 9px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:transparent;color:var(--text-2);font-size:var(--fs-2xs);cursor:pointer}.patrow__reset:disabled{opacity:.35;cursor:default}@media(pointer:coarse){.patrow__reset{min-height:var(--tap)}}.patrow.is-overridden .patrow__reset{border-color:var(--cyan);color:var(--cyan)}.scorecard{display:grid;gap:var(--space-12)}.scorecard__meta{display:flex;gap:22px}.standings{display:grid;gap:var(--space-6)}.standings__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-12);border-radius:var(--radius);border:1px solid var(--line);background:var(--well)}.standings__row.is-dealer{border-color:var(--neon-mint);background:var(--ink);color:var(--ink-text)}.standings__name{font-size:var(--fs-sm);font-weight:700;min-height:32px;min-width:0;color:inherit;font-family:inherit;background:transparent;border:0;border-bottom:1px dashed var(--line);padding:var(--space-2) 0}.standings__name:focus{outline:none;border-bottom-color:currentColor}.standings__name:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.standings__row.is-dealer .standings__name{border-bottom-color:var(--ink-line)}@media(pointer:coarse){.standings__name{font-size:var(--fs-xl)}}.standings__wind{display:inline-flex;align-items:center;gap:var(--space-4);font-family:var(--font-zh);font-size:var(--fs-xl);font-weight:700;color:var(--magenta)}.standings__row.is-dealer .standings__wind{color:var(--neon-mint)}.standings__dealer{font-size:var(--fs-xs);font-weight:700;color:var(--neon-amber)}.standings__balance{display:grid;justify-items:end;gap:0}.standings__units{font-family:var(--font-num);font-size:var(--fs-xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15}.standings__currency{font-size:var(--fs-2xs);font-weight:600;color:var(--text-2)}.standings__row.is-dealer .standings__currency{color:var(--ink-text-2)}.record{display:grid;gap:var(--space-12)}.record__row{display:grid;gap:var(--space-6)}.record__label{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.chiprow{display:flex;flex-wrap:wrap;gap:var(--space-6)}.chip{min-height:var(--tap);padding:7px var(--space-14);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);color:var(--text);font-size:var(--fs-sm);font-weight:700;cursor:pointer}.chip.is-on{background:var(--ink);border-color:var(--neon-mint);color:var(--ink-text)}.chip:disabled{opacity:.4;cursor:not-allowed}.record__ctx{font-size:12.5px;font-weight:600;color:var(--text-2)}.record__ctx [lang=zh-HK]{font-family:var(--font-zh);color:var(--text)}.record__answer{display:flex;align-items:baseline;gap:var(--space-18);flex-wrap:wrap;padding:var(--space-10) var(--space-12);border-radius:var(--radius);border:1px solid var(--line);background:var(--well)}.handlog{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.handlog__row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);border:1px solid var(--line);font-size:12.5px}.handlog__hand{font-weight:800;color:var(--text-2)}.handlog__round{font-family:var(--font-zh);font-weight:700;color:var(--magenta)}.handlog__outcome{font-weight:600}.handlog__score{font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap}.handlog__patterns{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin-top:4px}.handlog__patterns .pname__zh{font-size:var(--fs-md)}.handlog__patterns .pname__en,.handlog__patterns .pname__jp{font-size:10.5px}.trainer{display:grid;gap:var(--space-12)}.trainer__hand{display:flex;flex-wrap:wrap;gap:var(--space-6)}.trainer__tile{display:inline-flex}.trainer__verdict{display:grid;gap:var(--space-6);padding:var(--space-4) var(--space-2)}.trainer__verdictMark{font-size:var(--fs-3xl);font-weight:800;line-height:1}.trainer__verdict.is-correct .trainer__verdictMark{color:var(--mint)}.trainer__verdict.is-wrong .trainer__verdictMark{color:var(--magenta)}.trainer__verdictWord{font-weight:800;font-size:var(--fs-md)}.trainer__explain{margin:0;font-size:var(--fs-sm);color:var(--text-2)}.trainer__ranking{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}.trainer__ranking li{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--well)}.trainer__ranking li.is-best{border-color:var(--mint)}.trainer__ranking li.is-chosen{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.trainer__rankMeta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-6);font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}.trainer__rankMeta strong{color:var(--text);font-weight:800}.trainer__badge{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px var(--space-6);border-radius:999px}.is-best .trainer__badge{color:var(--mint);border:1px solid var(--mint)}.is-chosen .trainer__badge{color:var(--cyan);border:1px solid var(--cyan)}:root{color-scheme:light dark;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-zh: "PingFang HK", "PingFang TC", "Hiragino Sans", "Noto Sans CJK HK", "Microsoft JhengHei", "Heiti TC", var(--font-ui);--font-num: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-3xs: 10px;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 20px;--fs-3xl: 26px;--ground: #eef1fc;--ground-lit: #e4e8fa;--surface: #ffffff;--well: #f5f7ff;--line: #d7dcf0;--line-strong: #b6bfe2;--text: #0e1226;--text-2: #4b5480;--mint: #06705a;--cyan: #0a6e92;--amber: #8a5a00;--magenta: #c0165f;--violet: #5636ce;--on-accent: #ffffff;--ink: #0b0e1a;--ink-lit: #1d2856;--ink-surface: #151b2f;--ink-line: #2a3355;--ink-text: #f3f6ff;--ink-text-2: #a9b4dc;--neon-mint: #3df5c0;--neon-cyan: #35ddf7;--neon-amber: #ffc53d;--neon-magenta: #ff4d94;--glow-mint: 0 0 18px rgba(61, 245, 192, .5);--brand-red: #ff3b5c;--tile-face: #ffffff;--tile-edge: #101426;--tile-ink: #101426;--tile-blue: #0a4fa0;--tile-green: #0b6b3f;--tile-red: #a3122b;--tile-back: #1f2a4d;--tile-shadow: rgba(14, 18, 38, .28);--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-24: 24px;--gutter: var(--space-12);--radius: 12px;--radius-lg: 18px;--radius-sm: 8px;--shadow-card: 0 2px 0 var(--line), 0 16px 30px -14px rgba(14, 18, 38, .4);--shadow-ink: 0 22px 44px -18px rgba(11, 14, 26, .7);--inset-well: inset 0 2px 5px rgba(14, 18, 38, .07);--edge: 0 3px 0 var(--line-strong);--press: transform .11s cubic-bezier(.2, .8, .3, 1), box-shadow .11s cubic-bezier(.2, .8, .3, 1);--shadow-tile: 0 2px 0 var(--tile-shadow), 0 6px 12px rgba(14, 18, 38, .14);--shadow-tile-lift: 0 10px 0 var(--tile-shadow), 0 18px 28px rgba(14, 18, 38, .22);--tile-w-xs: 30px;--tile-w-sm: 38px;--tile-w-md: 48px;--tile-w-lg: 62px;--tap: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0b0e1a;--ground-lit: #141a33;--surface: #151b2f;--well: #1b2340;--line: #2a3355;--line-strong: #3d4874;--text: #f3f6ff;--text-2: #a9b4dc;--mint: #3df5c0;--cyan: #35ddf7;--amber: #ffc53d;--magenta: #ff4d94;--violet: #a78bfa;--on-accent: #0b0e1a;--tile-face: #f7f3e7;--tile-back: #2a3355;--tile-shadow: rgba(0, 0, 0, .55);--shadow-card: 0 2px 0 var(--line), 0 18px 34px -14px rgba(0, 0, 0, .6);--shadow-ink: 0 22px 44px -18px rgba(0, 0, 0, .75);--inset-well: inset 0 2px 5px rgba(0, 0, 0, .35);--shadow-tile: 0 2px 0 var(--tile-shadow), 0 8px 16px rgba(0, 0, 0, .5);--shadow-tile-lift: 0 10px 0 var(--tile-shadow), 0 20px 32px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--ground: #0b0e1a;--ground-lit: #141a33;--surface: #151b2f;--well: #1b2340;--line: #2a3355;--line-strong: #3d4874;--text: #f3f6ff;--text-2: #a9b4dc;--mint: #3df5c0;--cyan: #35ddf7;--amber: #ffc53d;--magenta: #ff4d94;--violet: #a78bfa;--on-accent: #0b0e1a;--tile-face: #f7f3e7;--tile-back: #2a3355;--tile-shadow: rgba(0, 0, 0, .55);--shadow-card: 0 2px 0 var(--line), 0 18px 34px -14px rgba(0, 0, 0, .6);--shadow-ink: 0 22px 44px -18px rgba(0, 0, 0, .75);--inset-well: inset 0 2px 5px rgba(0, 0, 0, .35);--shadow-tile: 0 2px 0 var(--tile-shadow), 0 8px 16px rgba(0, 0, 0, .5);--shadow-tile-lift: 0 10px 0 var(--tile-shadow), 0 20px 32px rgba(0, 0, 0, .6)}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-lg);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ol,ul{margin:0}button{font:inherit;color:inherit}:where(button,a,input,select,textarea,summary,[role=switch]){scroll-margin-bottom:104px;scroll-margin-top:92px}a{color:var(--magenta);text-decoration:none}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:var(--radius-sm)}.boot{min-height:100dvh;display:grid;place-items:center;background:var(--ink)}.boot__mark{font-family:var(--font-zh);font-size:56px;color:var(--neon-mint);letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crash{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-12);padding:var(--space-24) max(20px,env(safe-area-inset-left)) var(--space-24) max(20px,env(safe-area-inset-right));max-width:34rem;margin:0 auto}.crash__zh{font-family:var(--font-zh);font-size:44px;color:var(--magenta);margin:0}.crash h1{font-size:var(--fs-2xl);margin:0}.crash p{margin:0;color:var(--text-2);line-height:1.5}.crash__detail{margin:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius);background:var(--well);border:1px solid var(--line);font-size:var(--fs-xs);white-space:pre-wrap;overflow-x:auto;color:var(--text)}.crash__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.crash__hint{font-size:var(--fs-xs)}.shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--ground-lit) 0%,var(--ground) 40%)}.shell__head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-10) var(--space-14) calc(var(--space-10) + env(safe-area-inset-top));padding-top:calc(var(--space-10) + env(safe-area-inset-top));background:var(--ink);border-bottom:1px solid var(--ink-line)}.brand{display:flex;align-items:center;min-height:var(--tap);flex-shrink:0}.brand__mark{display:block;height:34px;width:auto}.brand__ma{fill:var(--ink-text)}.brand__zhong{fill:var(--brand-red)}.brand__latin{fill:var(--ink-text-2)}.shell__headActions{display:flex;align-items:center;gap:var(--space-8);min-width:0}.profilechip{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0;max-width:62vw;padding:var(--space-6) var(--space-10);background:var(--ink-surface);border:1px solid var(--ink-line);border-radius:999px;cursor:pointer}.profilechip__name{font-size:var(--fs-xs);font-weight:700;color:var(--neon-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profilechip__meta{font-size:var(--fs-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-text-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconbtn{min-width:var(--tap);min-height:var(--tap);display:grid;place-items:center;font-family:var(--font-zh);font-size:18px;color:var(--ink-text);background:var(--ink-surface);border:1px solid var(--ink-line);border-radius:var(--radius);cursor:pointer;transition:var(--press)}.shell__main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--space-14) var(--gutter) var(--space-24);display:grid;gap:var(--space-14);align-content:start}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-2);padding:var(--space-6) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--ink-line)}.tabbar__item{min-height:var(--tap);display:grid;justify-items:center;align-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-2);border-radius:var(--radius);color:var(--ink-text-2);transition:var(--press)}.tabbar__item.is-on{background:var(--ink-surface);color:var(--neon-mint);box-shadow:inset 0 0 0 1px var(--ink-line),inset 0 2px 0 var(--neon-mint)}.tabbar__item:active{transform:translateY(1px)}.tabbar__zh{font-family:var(--font-zh);font-size:19px;line-height:1}.tabbar__label{font-size:var(--fs-3xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-16);box-shadow:var(--shadow-card);display:grid;gap:var(--space-12);align-content:start}.card--accent{border-color:var(--magenta)}.card--warn{border-color:var(--amber)}.card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-10)}.card__head>:first-child{flex:1 1 60%;min-width:0}.card__title,.eyebrow{font-size:var(--fs-sm);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.card__sub{margin-top:3px;font-size:12.5px;color:var(--text-2)}.card__actions{display:flex;gap:var(--space-6);flex-shrink:0}.btn{min-height:var(--tap);padding:var(--space-8) var(--space-14);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);color:var(--text);font-size:var(--fs-sm);font-weight:700;cursor:pointer;box-shadow:var(--edge);transition:var(--press)}.btn--primary{background:var(--magenta);border-color:var(--magenta);color:var(--on-accent);box-shadow:0 3px color-mix(in srgb,var(--magenta) 62%,var(--ink))}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text-2)}.btn--danger{background:transparent;border-color:var(--amber);color:var(--amber)}.btn--full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled),.toggle:active,.segmented__item:active,.iconbtn:active,.kongrow__btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--line-strong)}.input{min-height:var(--tap);width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);color:var(--text);font:inherit}.toggles{display:flex;flex-wrap:wrap;gap:var(--space-8)}.toggle{display:grid;gap:1px;min-height:var(--tap);padding:7px var(--space-12);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);text-align:left;cursor:pointer;box-shadow:var(--edge);transition:var(--press)}.toggle.is-on{background:var(--ink);border-color:var(--neon-mint);color:var(--ink-text)}.toggle__label{font-size:var(--fs-sm);font-weight:700}.toggle__label [lang=zh-HK]{font-family:var(--font-zh)}.toggle__sub,.toggle__delta{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.04em;color:var(--text-2)}.toggle__delta{color:var(--magenta)}.toggle.is-on .toggle__delta,.toggle.is-on .toggle__sub{color:var(--neon-amber)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:var(--well);border:1px solid var(--line)}.segmented__item{min-height:var(--tap);display:grid;justify-items:center;gap:0;padding:var(--space-4) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-zh);font-size:17px;cursor:pointer;transition:var(--press)}.segmented__item.is-on{background:var(--ink);color:var(--neon-mint)}.segmented__delta{font-family:var(--font-ui);font-size:var(--fs-3xs);font-weight:700;color:var(--text-2)}.stat{display:grid;gap:1px}.stat__value{font-family:var(--font-num);font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.stat--big .stat__value{font-size:58px;letter-spacing:-.045em}.stat__unit{margin-left:5px;font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.stat__caption{font-size:11.5px;font-weight:600;color:var(--text-2)}.notice{display:flex;gap:var(--space-8);align-items:flex-start;padding:9px 11px;border-radius:var(--radius);font-size:var(--fs-sm);border:1px solid var(--line);background:var(--well);color:var(--text)}.notice__mark{font-weight:800}.notice--warn{border-color:var(--amber)}.notice--warn .notice__mark{color:var(--amber)}.notice--bad{border-color:var(--magenta)}.notice--bad .notice__mark{color:var(--magenta)}.notice--good{border-color:var(--mint)}.notice--good .notice__mark{color:var(--mint)}.notice--info .notice__mark{color:var(--cyan)}.pagetitle{display:flex;align-items:baseline;gap:var(--space-10);margin:2px 2px -2px;font-size:var(--fs-lg)}.pagetitle__zh{font-family:var(--font-zh);font-size:24px;font-weight:700;color:var(--magenta)}.pagetitle__en{font-size:var(--fs-sm);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.empty{padding:var(--space-18) var(--space-8);text-align:center;color:var(--text-2);font-size:var(--fs-sm)}.switchrow{display:flex;align-items:center;gap:9px;font-size:var(--fs-sm);min-height:var(--tap)}.tile{--w: var(--tile-w-md);display:inline-grid;position:relative;width:var(--w);padding:0;border:0;background:none;line-height:0;transition:transform .18s cubic-bezier(.2,.85,.25,1.35),filter .18s ease}.tile--xs{--w: var(--tile-w-xs)}.tile--sm{--w: var(--tile-w-sm)}.tile--md{--w: var(--tile-w-md)}.tile--lg{--w: var(--tile-w-lg)}.tile__svg{width:100%;height:auto;display:block;border-radius:calc(var(--w) * .15);box-shadow:var(--shadow-tile);font-family:var(--font-zh);font-weight:600}.tile__ground{fill:var(--tile-face);stroke:var(--tile-edge);stroke-width:1.6}.tile__back{fill:var(--tile-back)}.tile-zh text,.tile__svg text{font-family:var(--font-zh);font-weight:600}.tile.is-tappable{cursor:pointer}.tile.is-tappable:hover:not(:disabled),.tile.is-tappable:focus-visible:not(:disabled){transform:translateY(-7px) scale(1.04)}.tile.is-tappable:hover:not(:disabled) .tile__svg,.tile.is-selected .tile__svg{box-shadow:var(--shadow-tile-lift)}.tile.is-tappable:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.tile.is-selected{transform:translateY(-6px)}.tile.is-selected .tile__ground{stroke:var(--magenta);stroke-width:3}.tile.is-exhausted{filter:grayscale(1) opacity(.34);cursor:not-allowed}.tile__badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 var(--space-4);border-radius:999px;background:var(--ink);color:var(--neon-amber);font-size:var(--fs-3xs);font-weight:800;line-height:17px;text-align:center}@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile.is-tappable:hover:not(:disabled),.tile.is-tappable:active:not(:disabled),.tile.is-selected{transform:none}.btn,.toggle,.segmented__item,.iconbtn,.kongrow__btn,.tabbar__item{transition:none}.btn:active:not(:disabled),.toggle:active,.segmented__item:active,.iconbtn:active,.kongrow__btn:active,.tabbar__item:active{transform:none}}.tilegrid{display:grid;gap:var(--space-10)}.tilegrid__row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:var(--space-8)}.tilegrid__legend{font-family:var(--font-zh);font-size:var(--fs-lg);color:var(--text-2);writing-mode:vertical-rl;text-align:center}.tilegrid__tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--space-4)}.tilegrid__tiles .tile{--w: 100%;width:100%}.tilegrid__blocked{font-size:var(--fs-xs);color:var(--amber)}.tilerow{display:flex;flex-wrap:wrap;gap:var(--space-4);min-height:62px;padding:var(--space-8);border-radius:var(--radius);background:var(--well);border:1px dashed var(--line-strong);box-shadow:var(--inset-well)}.tilerow__slot.is-winner{margin-left:12px}.tilerow__hint{margin:auto;align-self:center;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.meldrow{display:flex;flex-wrap:wrap;gap:var(--space-10)}.meldrow__meld{display:flex;gap:var(--space-2);padding:5px;border-radius:var(--radius-sm);background:var(--well);border:1px solid var(--line-strong)}.meldrow__meld.is-concealed{border-style:dashed;border-color:var(--violet)}.pname{display:inline-flex;align-items:baseline;gap:var(--space-6);flex-wrap:wrap}.pname__zh{font-family:var(--font-zh);font-size:var(--fs-xl);font-weight:700}.pname__jp{font-size:var(--fs-2xs);font-style:italic;color:var(--text-2)}.pname__en{font-size:var(--fs-sm);font-weight:600}.pname__faan{font-size:var(--fs-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--magenta)}.calc{display:grid;gap:var(--space-14)}.answer,.is-ink{--text: var(--ink-text);--text-2: var(--ink-text-2);--surface: var(--ink-surface);--well: var(--ink-surface);--line: var(--ink-line);--line-strong: var(--ink-line);--mint: var(--neon-mint);--cyan: var(--neon-cyan);--amber: var(--neon-amber);--magenta: var(--neon-magenta);--on-accent: var(--ink);--inset-well: inset 0 2px 5px rgba(0, 0, 0, .4);color:var(--ink-text);background:radial-gradient(120% 150% at 14% -10%,var(--ink-lit) 0%,var(--ink) 58%);box-shadow:var(--shadow-ink)}.calc__answer{position:sticky;top:calc(60px + env(safe-area-inset-top));z-index:10;margin:calc(-1 * var(--space-14) - 1px) calc(-1 * var(--gutter)) 0}.answer{display:grid;gap:9px;min-height:var(--answer-h, 190px);padding:var(--space-10) var(--space-16) var(--space-16);border:0;border-radius:0 0 26px 26px;box-shadow:inset 0 -1px color-mix(in srgb,var(--neon-mint) 28%,transparent),var(--shadow-ink)}@media(min-width:745px){.calc__answer{margin:0}.answer{border-radius:26px}}.answer__headline{display:flex;align-items:center;gap:var(--space-14)}.answer__arrow{font-size:24px;color:var(--neon-mint)}.answer--invalid .stat__value{color:var(--neon-amber)}.answer__patterns{display:flex;flex-wrap:wrap;gap:var(--space-6)}.answer__pat{padding:var(--space-4) var(--space-8);border-radius:999px;background:var(--ink-surface);border:1px solid var(--ink-line)}.answer .pname__faan,.is-ink .pname__faan{color:var(--neon-amber)}.answer__nopat{font-family:var(--font-zh);color:var(--ink-text-2);font-size:var(--fs-sm)}.answer__pay{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--cyan)}.answer--analysis{grid-template-columns:auto 1fr;align-items:center}.answer__side{display:grid;gap:var(--space-6)}.answer__line{font-size:var(--fs-sm);min-height:2lh}.answer__tiles{display:flex;flex-wrap:wrap;gap:3px;min-height:calc(var(--tile-w-xs) * 4 / 3)}.answer--empty{position:relative;overflow:hidden;color:var(--ink-text-2);font-size:var(--fs-sm)}.answer__fan{display:flex;gap:var(--space-4);margin:0 calc(-1 * var(--space-8)) var(--space-8) auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.6))}.answer__fan .tile:first-child{transform:rotate(-9deg) translateY(5px)}.answer__fan .tile:last-child{transform:rotate(9deg) translateY(5px)}.answer__ghost{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-12);margin:0}.answer__slot{display:inline-block;width:52px;height:22px;border-radius:6px;background:var(--ink-surface);box-shadow:inset 0 0 0 1px var(--ink-line)}.answer__slot--big{width:94px;height:44px;border-radius:10px}.stat--big .answer__slot--big{width:58px;height:58px}.answer__slots{height:6px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--ink-line) 0 calc((100% - 13 * 3px) / 14),transparent calc((100% - 13 * 3px) / 14) calc((100% - 13 * 3px) / 14 + 3px))}.answer__progress{display:flex;align-items:baseline;gap:var(--space-8)}.answer__progress--tight{grid-column:1 / -1;font-size:var(--fs-xs);color:var(--ink-text-2)}.answer__progress--tight .answer__count{font-size:var(--fs-md);text-shadow:none}.answer__count{font-family:var(--font-num);font-size:var(--fs-xl);font-weight:800;color:var(--neon-mint);font-variant-numeric:tabular-nums;text-shadow:var(--glow-mint)}.calc__hand{display:grid;gap:var(--space-8)}.calc__handHead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);min-height:26px}.calc__claimed{display:grid;gap:var(--space-8)}.calc__claimedActions{display:flex;flex-wrap:wrap;gap:var(--space-6)}.calc__claimedAction{display:inline-flex;flex-wrap:wrap;gap:var(--space-6)}.kongrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-top:10px}.kongrow__label{font-size:var(--fs-xs);font-weight:700;color:var(--text-2)}.kongrow__btn{display:inline-flex;align-items:center;min-height:var(--tap);padding:var(--space-4) var(--space-8);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--edge);transition:var(--press)}.notation summary{cursor:pointer;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);min-height:32px}.notation__row{display:flex;gap:var(--space-6);margin-top:8px}.readings{display:grid;gap:9px}.readings__pager{display:flex;align-items:center;gap:var(--space-6)}.readings__dot{position:relative;width:12px;height:12px;padding:0;border-radius:999px;border:1px solid var(--line-strong);background:var(--well);cursor:pointer}.readings__dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.readings__dot.is-on{background:var(--magenta);border-color:var(--magenta)}.readings__count{font-size:var(--fs-2xs);font-weight:700;color:var(--text-2)}.readings__special{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--violet)}.readings__sets{display:flex;flex-wrap:wrap;gap:var(--space-8)}.readings__set,.readings__pair{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--well);cursor:pointer}.readings__pair{border-style:dotted;cursor:default}.readings__claim{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta)}.readings__set:disabled{cursor:not-allowed;opacity:.55}.readings__set:disabled .readings__claim{color:var(--text-2)}.windrow{display:grid;gap:5px}.windrow__label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.windrow__label [lang=zh-HK]{font-family:var(--font-zh);font-size:var(--fs-md);text-transform:none}.winnerpick{display:grid;gap:5px}.winnerpick__label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.winnerpick__tiles{display:flex;flex-wrap:wrap;gap:var(--space-4)}.explain{display:grid;gap:9px;padding-left:var(--space-18);font-size:var(--fs-sm)}.explain__pat{display:inline-block;margin-right:6px}input[type=checkbox]{width:18px;height:18px}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea,.input{font-size:var(--fs-xl)}input[type=checkbox]{width:24px;height:24px}}@media(max-width:400px){:root{--gutter: var(--space-8)}.card{padding:var(--space-12)}.answer{padding:var(--space-10) var(--space-12) var(--space-12)}.tilegrid__row{grid-template-columns:14px 1fr;gap:var(--space-6)}.tilegrid__tiles{gap:3px}}.answer__bar{display:none}@media(max-height:560px){.calc__answer{position:static}.answer{min-height:0}.answer__bar{position:sticky;top:calc(60px + env(safe-area-inset-top));z-index:10;display:flex;align-items:center;gap:var(--space-12);margin:calc(-1 * var(--space-14) - 1px) calc(-1 * var(--gutter)) 0;padding:var(--space-6) var(--space-16);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:inset 0 -1px color-mix(in srgb,var(--neon-mint) 28%,transparent),var(--shadow-ink)}.answer__headline,.answer--analysis>.stat,.answer__side>.answer__line{display:none}.answer--analysis{grid-template-columns:minmax(0,1fr)}.answer__bar+.calc__answer{margin-top:0}.answer__bar--invalid .stat__value{color:var(--neon-amber)}}:root{--font-ui: "Manrope Variable", system-ui, sans-serif;--font-num: var(--font-ui);--ground: #fffaf2;--ground-lit: #f5eee1;--surface: #fffdf8;--well: #f7f0e6;--line: #e5ddcf;--line-strong: #c6b79e;--text: #302c27;--text-2: #6b5d50;--mint: #176c50;--accent: #b9342c;--on-accent: #ffffff;--fs-3xs: 12px;--fs-2xs: 12px;--fs-xs: 14px;--fs-sm: 14px;--fs-md: 16px;--cyan: #256b77;--violet: #326954;--ink: #292824;--ink-lit: #36352f;--ink-surface: #35342e;--ink-line: #686252;--ink-text: #fff8eb;--ink-text-2: #e7c6a8;--neon-mint: #f4d49a;--neon-cyan: #b0dcd9;--neon-amber: #f3d290;--glow-mint: none;--tile-edge: #738b80;--tile-back: #39725a;--radius: 8px;--radius-lg: 12px;--gutter: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--head-height: 76px;--head-offset: calc(var(--head-height) + var(--safe-top));--shadow-card: 0 4px 20px -14px rgba(22, 55, 41, .16);--shadow-ink: 0 8px 24px -18px rgba(11, 42, 28, .35);--edge: 0 1px 2px rgba(22, 55, 41, .06);--shadow-tile: 0 3px 0 #b1c1b7, 0 5px 8px rgba(22, 55, 41, .1);--shadow-tile-lift: 0 4px 0 #9eb8aa, 0 10px 15px rgba(22, 55, 41, .16);--ease-out: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #211915;--ground-lit: #291d17;--surface: #30221c;--well: #392a22;--line: #554035;--line-strong: #806454;--text: #fff4e4;--text-2: #d3bdab;--mint: #a0e6be;--accent: #ffb0a3;--cyan: #addcdb;--violet: #a0d4b6;--on-accent: #421d18;--shadow-card: 0 4px 20px -14px #06130b;--shadow-tile: 0 3px 0 #6a8174, 0 5px 8px #09170e}}:root[data-theme=dark]{--ground: #211915;--ground-lit: #291d17;--surface: #30221c;--well: #392a22;--line: #554035;--line-strong: #806454;--text: #fff4e4;--text-2: #d3bdab;--mint: #a0e6be;--accent: #ffb0a3;--cyan: #addcdb;--violet: #a0d4b6;--on-accent: #421d18;--shadow-card: 0 4px 20px -14px #06130b;--shadow-tile: 0 3px 0 #6a8174, 0 5px 8px #09170e}body{font-size:16px}a{color:var(--accent)}.shell{background:var(--ground)}.shell__head{height:var(--head-offset);padding:calc(12px + var(--safe-top)) max(24px,var(--safe-right)) 12px max(24px,var(--safe-left));background:var(--surface);border-color:var(--line)}.brand__ma{fill:var(--text)}.brand__latin{fill:var(--text-2)}.brand__descriptor{display:none;margin-left:16px;padding-left:16px;border-left:1px solid var(--line);color:var(--text-2);font-size:14px;line-height:1.5;font-weight:600}.profilechip{background:transparent;border-color:var(--line);border-radius:10px;padding:7px 12px;align-items:flex-start}.profilechip__name{color:var(--text);font-weight:650}.profilechip__meta{color:var(--text-2);font-size:14px;letter-spacing:.045em}.iconbtn{background:var(--well);color:var(--text);border-color:var(--line)}.shell__main{max-width:1180px;padding:32px max(var(--gutter),var(--safe-right)) 48px max(var(--gutter),var(--safe-left));gap:28px}.shell__main:focus{outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading__eyebrow{color:var(--text-2);font-size:14px;font-weight:650;margin-bottom:7px}.page-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.045em;font-weight:700}.page-heading h1>span{font-size:25px;margin-left:16px;font-weight:400;color:var(--accent);vertical-align:3px}.page-heading__sub{color:var(--text-2);margin-top:9px;font-size:13px}.page-heading__practice{font-size:14px;font-weight:650;white-space:nowrap;padding:12px 0 12px 12px}.page-heading__practice span{margin-left:16px}.route-content{min-width:0}.tabbar{background:var(--surface);border-color:var(--line)}.tabbar__item{color:var(--text-2)}.tabbar__item.is-on{background:var(--well);color:var(--accent);box-shadow:none}.tabbar__label{font-size:14px;text-transform:none;letter-spacing:0}.tabbar__caption,.tabbar__footer{display:none}.skip-link{position:fixed;top:10px;left:12px;z-index:40;transform:translateY(-150%);padding:12px 20px;background:var(--surface);border:1px solid var(--mint)}.skip-link:focus{transform:none}.card{padding:24px;gap:18px}.card__title,.eyebrow{font-size:15px;font-weight:750;letter-spacing:-.02em;text-transform:none}.card__sub{font-size:14px;line-height:1.65;margin-top:6px;max-width:65ch}.btn{padding:10px 16px;font-weight:650}.btn--primary{background:var(--accent);border-color:var(--accent);box-shadow:var(--edge)}.btn--ghost,.input{background:var(--surface)}.btn:hover:not(:disabled),.topic:hover,.option:hover:not(:disabled){border-color:var(--accent)}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled),.topic:active,.option:active:not(:disabled),.toggle:active,.segmented__item:active{transform:translateY(1px)}.segmented__item.is-on{background:var(--surface);color:var(--accent);border-color:var(--accent)}.tilerow{border-style:solid;padding:16px;min-height:90px;align-items:center;box-shadow:none}.tilerow__hint{font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}.tile__ground{stroke-width:.7}.tilegrid{gap:14px;container-type:inline-size}.tilegrid__tiles{gap:7px}.tilegrid__legend{font-size:13px}.tile.is-tappable:hover:not(:disabled),.tile.is-tappable:focus-visible:not(:disabled){transform:translateY(-4px)}.tile.is-selected .tile__ground{stroke:var(--mint)}.tile.is-tappable{min-width:44px;min-height:44px}@container (max-width: 490px){.tilegrid__tiles{grid-template-columns:repeat(5,minmax(44px,1fr))}}@container (max-width: 270px){.tilegrid__tiles{grid-template-columns:repeat(4,minmax(44px,1fr))}}.calc{gap:22px}.calc__answer{margin:0;top:90px}.answer{border-radius:12px;padding:24px;gap:16px;min-height:190px}.answer__count{text-shadow:none}.answer--empty{isolation:isolate;align-content:center;grid-template-columns:1fr}.answer__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.answer__welcome{color:var(--ink-text);font-size:24px;letter-spacing:-.035em;line-height:1.2}.answer__intro{max-width:250px;font-size:14px;line-height:1.7;color:var(--ink-text-2)}.answer__fan{margin:0 0 0 auto;filter:none}.answer__ghost{gap:10px}.answer__hand{min-width:0}.calc__hand{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;align-content:start}.calc__handHead{min-height:28px}.notation{margin-top:6px;border-top:1px solid var(--line);padding-top:14px}.notation summary{font-weight:600;text-transform:none;letter-spacing:0}.calc__context .toggles{gap:8px}.toggle{box-shadow:none;font-size:14px}.calc__context .windrow{gap:8px}.calc__context .windrow__label{text-transform:none;letter-spacing:0}.calc__context .switchrow{border-top:1px solid var(--line);padding-top:16px;font-size:14px}.drill__groupTitle{text-transform:none;letter-spacing:0;margin-bottom:12px}.drill__groupItems{gap:12px}.topic{padding:16px;gap:8px;border-width:1px}.topic__name{font-size:13px}.drill__topics{gap:28px}.drill__head{justify-content:flex-start}.drill__zh{color:var(--accent)}.drill__prompt{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.option{border-width:1px;padding:16px}.trainer>.card:first-child .btn{justify-self:start;min-width:160px}.encchip{border-radius:8px}.encgroup__heading{letter-spacing:-.02em}.learn-studio{display:grid;gap:26px}.learn-hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}.learn-hero img{position:absolute;inset:0 0 0 auto;width:32%;height:100%;object-fit:cover;object-position:75% 52%;z-index:-2}.learn-hero__body{padding:32px;width:68%}.learn-hero__zh{color:var(--accent);font-size:20px;letter-spacing:.2em}.learn-hero h2{font-size:clamp(32px,4vw,44px);line-height:1.16;letter-spacing:-.045em;margin:18px 0 14px}.learn-hero p{color:var(--text-2);max-width:260px;font-size:13px;line-height:1.8}.hero-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:24px;color:var(--accent);border-bottom:1px solid var(--line-strong);font-size:14px;font-weight:650}.learn-library.card{background:transparent;padding:0;border:0;box-shadow:none;gap:18px}.learnhub{gap:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.learnhub__item{padding:24px;gap:24px;border:0;border-radius:0;background:transparent}.learnhub__item+.learnhub__item{border-top:1px solid var(--line)}.learnhub__item:hover{background:var(--well)}.learnhub__zh{font-size:25px;width:64px;height:64px;display:grid;place-items:center;background:var(--well);border-radius:12px}.learnhub__body{gap:7px}.learnhub__en{font-size:16px}.learnhub__subtext{line-height:1.65}.learnhub__arrow{font-size:23px}.practice-banner{display:flex;align-items:center;gap:22px;padding:24px 28px;border-radius:16px;background:var(--well);border:1px solid var(--line)}.practice-banner>span:first-child{font-size:32px}.practice-banner h2{font-size:17px;letter-spacing:-.025em;color:var(--text)}.practice-banner p{font-size:14px;color:var(--text-2);margin-top:5px}.practice-banner>span:last-child{margin-left:auto;font-size:24px}@media(min-width:1000px){.shell{padding-left:208px;padding-bottom:0}.shell__head{padding-left:32px;padding-right:36px;z-index:35}.brand{position:fixed;left:30px;top:30px;z-index:31}.brand__mark{height:46px}.brand__ma{fill:var(--text)}.brand__latin{fill:var(--text-2)}.brand__descriptor{display:block;position:fixed;top:91px;left:30px;margin:0;padding:0;border:0;color:var(--text-2);font-size:14px}.shell__headActions{margin-left:auto}.shell__main{--gutter: 32px}.tabbar{top:0;width:208px;right:auto;grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:auto repeat(5,52px) 1fr;align-content:start;gap:6px;padding:166px 18px 24px;background:var(--surface);border:0;border-right:1px solid var(--line)}.tabbar__caption{display:block;font-size:14px;color:var(--text-2);padding:0 14px 16px}.tabbar__item{display:flex;gap:16px;justify-content:flex-start;padding:12px 14px;color:var(--text-2);border:1px solid transparent}.tabbar__zh{font-size:20px;font-weight:400;width:24px;text-align:center}.tabbar__label{font-size:13px;font-weight:550}.tabbar__item.is-on{background:var(--well);color:var(--accent);border-color:transparent;box-shadow:inset 3px 0 var(--accent)}.tabbar__item:hover{background:var(--well);color:var(--text)}.tabbar__footer{display:block;align-self:end;padding:32px 12px 8px;color:var(--text-2)}.tabbar__footer>span:first-child{font-size:15px;letter-spacing:.08em;color:var(--text-2)}.tabbar__footer p{font-size:14px;line-height:1.8;margin-top:12px}.tabbar__footnote{display:block;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.calc{grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.calc__hand{grid-column:1;grid-row:1;min-height:222px}.calc__tiles{grid-column:1;grid-row:2}.calc__answer{grid-column:2;grid-row:1;position:static}.answer{min-height:222px;padding:20px}.answer__ghost .answer__slot--big{width:54px}.answer__ghost .answer__slot{width:34px}.answer__ghost .stat__unit,.answer__progress{font-size:14px}.calc__context{grid-column:2;grid-row:2 / span 2;padding:20px}.calc__readings{grid-column:1;grid-row:3}.calc__explain{grid-column:1 / -1}.calc__context .toggles{flex-direction:column;align-items:stretch}.calc__context .toggle{justify-content:space-between}.calc__context .card__sub{font-size:14px}.calc__tiles .card__sub{max-width:42ch}.calc__tiles .tilegrid{max-width:540px;width:100%;justify-self:center}.answer__bar{display:none}.tilegrid__tiles{gap:6px}.drill[data-testid=drill-home]{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}.practice-topics{grid-column:1 / -1}.drill[data-testid=drill-home]>.card:first-child{position:sticky;top:100px}.drill:not([data-testid=drill-home]),.trainer,.profile,.settings{max-width:860px}}@media(min-width:1350px){.shell{padding-left:230px}.tabbar{width:230px;padding-left:22px;padding-right:22px}.shell__main{--gutter: 40px;padding-top:38px}.calc{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}@media(max-width:999px){.brand__descriptor{display:block}.calc__answer{position:static}.tabbar{padding-left:max(6px,var(--safe-left));padding-right:max(6px,var(--safe-right))}.answer--empty{grid-template-columns:1fr}.answer__fan{grid-column:2;grid-row:1 / span 3;align-self:center}.answer__progress{grid-column:1}}@media(max-width:600px){:root{--gutter: 16px;--head-height: 70px}.shell__head{padding:calc(10px + var(--safe-top)) max(16px,var(--safe-right)) 10px max(16px,var(--safe-left))}.brand__descriptor{display:none}.profilechip{max-width:58vw;padding:6px 10px}.profilechip__name{font-size:14px}.shell__main{padding-top:24px;gap:22px}.page-heading__practice{display:none}.page-heading__sub{font-size:14px}.page-heading h1{font-size:30px}.card{padding:18px;gap:16px}.calc{gap:16px}.calc__hand{padding:16px}.answer{min-height:155px;padding:18px}.answer__fan .tile{--w: 28px}.answer__ghost{gap:6px}.answer__ghost .answer__slot--big{width:44px;height:36px}.answer__ghost .answer__slot{width:28px}.answer__ghost .stat__unit{font-size:14px}.answer__progress{grid-column:1 / -1;font-size:14px}.tilegrid__tiles{gap:4px}.tilegrid__row{grid-template-columns:14px 1fr;gap:6px}.tilegrid{gap:12px}.learn-hero{min-height:260px}.learn-hero img{object-position:65% center}.learn-hero__body{padding:24px}.learn-hero h2{font-size:28px}.learnhub__item{padding:20px 16px;gap:16px}.learnhub__zh{width:48px;height:56px;font-size:21px}.learnhub__en{font-size:14px}.practice-banner{padding:20px;gap:16px}.practice-banner h2{font-size:15px}}@media(max-height:560px)and (max-width:999px){.calc__answer{position:static}.page-heading{display:none}.answer__bar{margin:0;top:var(--head-offset);border-radius:12px}}@media(prefers-reduced-motion:no-preference){.learnhub__item:nth-child(2){animation-delay:70ms}.learnhub__item:nth-child(3){animation-delay:.14s}.learn-hero img{animation:image-arrive 1.1s var(--ease-out) both}.btn,.topic,.option,.tabbar__item,.learnhub__arrow,.hero-link,.practice-banner,.profilechip{transition:transform .22s var(--ease-out),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover:not(:disabled),.practice-banner:hover{transform:translateY(-2px)}.learnhub__item:hover .learnhub__arrow{transform:translate(5px)}.tilerow__slot{animation:tile-arrive .24s var(--ease-out) both}@keyframes route-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes image-arrive{0%{opacity:.5;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes tile-arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:active,.topic:active,.option:active,.toggle:active{transform:none}}.practice-intro{display:grid;grid-template-columns:1fr 30%;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}.practice-intro__copy{padding:24px}.practice-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em;max-width:13ch}.practice-intro p{margin-top:12px;font-size:14px;color:var(--text-2)}.practice-intro img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover;object-position:center 62%}.practice-session{border-top:1px solid var(--line)}.practice-rules summary,.drill__groupTitle{min-height:44px;padding:12px 0;cursor:pointer;font-size:14px}.practice-rules .notice{margin-top:8px}.drill__group{border-top:1px solid var(--line)}.drill__groupTitle{margin:0;font-weight:650}.drill__groupCount{float:right;color:var(--text-2);font-weight:400}.drill__groupItems{padding-bottom:16px}.drill__topics{gap:0}.drill__prompt{scroll-margin-top:calc(var(--head-offset) + 16px)}.drill__prompt:focus{outline:none}.drill-feedback{scroll-margin-top:calc(var(--head-offset) + 16px)}.shell__main:has([data-testid=drill-question]) .page-heading{display:none}.drill .tilerow{border:0;padding:0;background:transparent;min-height:0}.input.input--tiny{min-height:44px}.notation summary{min-height:44px;display:flex;align-items:center}.tabbar__label{font-size:12px}@media(max-width:999px){.answer__bar{display:flex;position:sticky;top:var(--head-offset);z-index:10;align-items:center;gap:12px;padding:8px 16px;margin:0;border-radius:8px}.answer__headline,.answer--analysis>.stat,.answer__side>.answer__line{display:none}.answer--analysis{grid-template-columns:minmax(0,1fr)}.answer{min-height:0}.answer--empty{padding:16px;gap:8px}.answer__welcome{font-size:20px}.answer__intro{max-width:none;line-height:1.5}.answer--empty .answer__progress{display:none}}@media(max-width:600px){.shell__main{padding-top:18px;gap:18px}.page-heading__sub{display:none}.page-heading h1{font-size:28px}.profilechip__name{font-size:12px}.profilechip__meta{font-size:11px}.card{padding:16px}.practice-intro{display:grid;grid-template-columns:1fr 28%;min-height:170px}.practice-intro__copy{padding:20px;position:relative;z-index:1}.practice-intro h2{font-size:28px}.practice-intro p{font-size:14px;line-height:1.5}.practice-intro img{height:100%;object-position:77% center}.calc__hand{padding:12px}.tilerow{padding:10px;min-height:64px}.calc__handHead{min-height:24px}.drill__options--number,.drill__options--boolean{grid-template-columns:repeat(2,minmax(0,1fr))}}