.drill{display:flex;flex-direction:column;gap:14px}.drill__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%}.drill__zh{font-family:var(--font-zh);margin-right:8px}.drill__concept{font-size:.95rem;font-weight:650}.drill__progress{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700;color:var(--violet);white-space:nowrap}.drill__scoreline{font-variant-numeric:tabular-nums}.drill__prompt{margin:6px 0 12px;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--text)}.drill__hand{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);background:var(--well);overflow-x:auto}.drill__tile{display:flex;justify-content:center;padding:18px 0 8px}.drill__ctx{margin:0;font-size:.8rem;color:var(--text-2)}.drill__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;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:8px;min-height:var(--tap);padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.option:hover:not(:disabled){border-color: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);box-shadow:inset 0 0 0 1px var(--mint)}.option.is-wrong{border-color:var(--magenta);box-shadow:inset 0 0 0 1px var(--magenta)}.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:1rem}.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:12px}.reveal__verdict{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem;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:10px;padding:12px;border-radius:var(--radius);background:var(--well)}.reveal__block--tile{flex-direction:row;align-items:center;gap:14px}.reveal__headline{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.reveal__patterns{display:flex;flex-wrap:wrap;gap:8px}.reveal__nopat{font-family:var(--font-zh);color:var(--text-2)}.reveal__tiles{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reveal__tilesLabel{font-size:.85rem;color:var(--text-2)}.reveal__tilesRow{display:flex;gap:4px}.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:6px}.reveal__rank{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;padding:6px 8px;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:2px}.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:6px;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{color:var(--cyan)}.drill__resume{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.drill__difficulty{margin-top:12px}.drill__topics{display:flex;flex-direction:column;gap:16px}.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:8px}.topic{display:flex;flex-direction:column;gap:2px;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: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:16px;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:4px}.drill__summaryRow{display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:baseline;gap:8px;padding:6px 8px;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:8px;flex-wrap:wrap}@media(max-width:420px){.drill__options{grid-template-columns:minmax(0,1fr)}}.learnhub{display:grid;gap:10px}.learnhub__item{display:flex;align-items:center;gap:12px;padding:12px;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:26px;font-weight:700;color:var(--violet);flex-shrink:0;width:1.4em;text-align:center}.learnhub__body{display:grid;gap:2px;flex:1}.learnhub__en{font-size:14px;font-weight:700}.learnhub__subtext{font-size:12px;color:var(--text-2)}.learnhub__arrow{color:var(--text-2);flex-shrink:0}.encyclopedia{display:grid;gap:12px}.patlist2{display:grid;gap:10px}.patrow2{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--well)}.patrow2.is-off{opacity:.6}.patrow2__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.patrow2__faan{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}.patrow2__marker{font-size:11px;font-weight:700;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:1px 8px}.patrow2__note{font-size:12.5px;color:var(--text-2)}.patrow2__source{font-size:12px;color:var(--cyan);justify-self:start}.patsrc__summary{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:12px;color:var(--text-2);border-left:2px solid var(--amber);padding-left:10px}.rulestmt__unplayed{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:2px 8px}.patex{display:grid;gap:4px;margin-top:2px}.rules{display:grid;gap:12px}.ruletopic{display:grid;gap:14px}.rulestmt{display:grid;gap:8px}.rulestmt__text{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;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:2px 8px}.rulestmt__readings{display:grid;gap:8px}.ruleread{display:grid;gap:4px;padding:8px 10px;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:10px;border-left:2px solid var(--line-strong);font-size:12.5px;color:var(--text-2)}.ruleread__cite{display:flex;gap:8px;align-items:center;font-size:11px}.ruleread__cite a{color:var(--cyan)}.ruleread__type{color:var(--text-2)}.literacy{display:grid;gap:14px;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:10px;width:100%}.literacy__option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:10px;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:2px;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:14px}.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:8px;width:100%;margin:0}.literacy__fact{display:grid;gap:2px;padding:8px;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:14px;font-weight:700}.literacy__fact dd[lang=zh-HK]{font-family:var(--font-zh)}.rules__lede{color:var(--ink-text-2);font-size:13px;line-height:1.6}.rulestmt__followed{margin:4px 0 0;font-size:13px;color:var(--ink-text)}.profile{display:grid;gap:12px}.profile__previewName{font-weight:800;font-size:15px}.profile__previewDiff{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--text-2);display:grid;gap:3px}.profile__payout{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.profile__rounds{display:flex;gap:14px;flex-wrap:wrap}.field{display:grid;gap:4px;font-size:13px}.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--tiny{min-height:34px;width:64px;padding:4px 8px}.issuelist{display:grid;gap:6px}.issuelist__spec{font-size:11px;color:var(--text-2);font-weight:600}.patgrid{display:grid;gap:16px}.patgrid__group{display:grid;gap:6px}.patgrid__head{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);display:flex;gap:6px}.patgrid__head [lang=zh-HK]{color:var(--text)}.patrow{display:flex;align-items:center;justify-content:space-between;gap:10px;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:10px}.patrow__faan,.patrow__on{display:flex;align-items:center;gap:4px;font-size:11px}.patrow__cap{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--text-2)}.patrow__reset{min-height:30px;padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:transparent;color:var(--text-2);font-size:11px;cursor:pointer}.patrow__reset:disabled{opacity:.35;cursor:default}.patrow.is-overridden .patrow__reset{border-color:var(--cyan);color:var(--cyan)}.scorecard{display:grid;gap:12px}.scorecard__meta{display:flex;gap:22px}.standings{display:grid;gap:6px}.standings__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;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:13px;font-weight:700;min-width:0;color:inherit;font-family:inherit;background:transparent;border:0;border-bottom:1px dashed var(--line);padding:2px 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)}.standings__wind{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-zh);font-size:16px;font-weight:700;color:var(--magenta)}.standings__row.is-dealer .standings__wind{color:var(--neon-mint)}.standings__dealer{font-size:12px;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:16px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15}.standings__currency{font-size:11px;font-weight:600;color:var(--text-2)}.standings__row.is-dealer .standings__currency{color:var(--ink-text-2)}.record{display:grid;gap:12px}.record__row{display:grid;gap:6px}.record__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.chiprow{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:var(--tap);padding:7px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);color:var(--text);font-size:13px;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:18px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--well)}.handlog{display:grid;gap:4px;margin:0;padding:0;list-style:none}.handlog__row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;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:4px 8px;margin-top:4px}.handlog__patterns .pname__zh{font-size:14px}.handlog__patterns .pname__en,.handlog__patterns .pname__jp{font-size:10.5px}.trainer{display:grid;gap:12px}.trainer__hand{display:flex;flex-wrap:wrap;gap:6px}.trainer__tile{display:inline-flex}.trainer__verdict{display:grid;gap:6px;padding:4px 2px}.trainer__verdictMark{font-size:26px;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:14px}.trainer__explain{margin:0;font-size:13px;color:var(--text-2)}.trainer__ranking{display:grid;gap:6px;margin:0;padding:0;list-style:none}.trainer__ranking li{display:flex;align-items:center;gap:10px;padding:6px 8px;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:6px;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:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;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;--ground: #eef1fc;--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-surface: #151b2f;--ink-line: #2a3355;--ink-text: #f3f6ff;--ink-text-2: #a9b4dc;--neon-mint: #3df5c0;--neon-cyan: #35ddf7;--neon-amber: #ffc53d;--neon-magenta: #ff4d94;--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);--radius: 12px;--radius-lg: 18px;--radius-sm: 8px;--shadow-card: 0 1px 0 var(--line), 0 8px 24px rgba(14, 18, 38, .07);--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;--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 0 0 1px var(--line), 0 12px 30px rgba(0, 0, 0, .45);--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;--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 0 0 1px var(--line), 0 12px 30px rgba(0, 0, 0, .45);--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)}*,*: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:15px;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:12px;padding:24px max(20px,env(safe-area-inset-left)) 24px 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:20px;margin:0}.crash p{margin:0;color:var(--text-2);line-height:1.5}.crash__detail{margin:0;padding:10px 12px;border-radius:var(--radius);background:var(--well);border:1px solid var(--line);font-size:12px;white-space:pre-wrap;overflow-x:auto;color:var(--text)}.crash__actions{display:flex;flex-wrap:wrap;gap:8px}.crash__hint{font-size:12px}.shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.shell__head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));background:var(--ink);border-bottom:1px solid var(--ink-line)}.brand{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.brand__zh{font-family:var(--font-zh);white-space:nowrap;font-size:26px;font-weight:700;color:var(--neon-mint);letter-spacing:.04em}.brand__en{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-text)}.shell__headActions{display:flex;align-items:center;gap:8px;min-width:0}.profilechip{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0;max-width:46vw;padding:6px 10px;background:var(--ink-surface);border:1px solid var(--ink-line);border-radius:999px;cursor:pointer}.profilechip__name{font-size:12px;font-weight:700;color:var(--neon-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profilechip__meta{font-size:10px;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}.shell__main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:14px 12px 24px;display:grid;gap:14px;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:2px;padding:6px 6px calc(6px + 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:2px;padding:6px 2px;border-radius:var(--radius);color:var(--ink-text-2)}.tabbar__item.is-on{background:var(--ink-surface);color:var(--neon-mint);box-shadow:inset 0 0 0 1px var(--ink-line)}.tabbar__zh{font-family:var(--font-zh);font-size:19px;line-height:1}.tabbar__label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-card);display:grid;gap:12px;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:10px}.card__head>:first-child{flex:1 1 60%;min-width:0}.card__title{font-size:13px;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:6px;flex-shrink:0}.btn{min-height:var(--tap);padding:8px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.btn--primary{background:var(--magenta);border-color:var(--magenta);color:var(--on-accent)}.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}.input{min-height:var(--tap);width:100%;padding:8px 12px;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:8px}.toggle{display:grid;gap:1px;min-height:var(--tap);padding:7px 12px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--well);text-align:left;cursor:pointer}.toggle.is-on{background:var(--ink);border-color:var(--neon-mint);color:var(--ink-text)}.toggle__label{font-size:13px;font-weight:700}.toggle__label [lang=zh-HK]{font-family:var(--font-zh)}.toggle__sub,.toggle__delta{font-size:11px;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:4px;padding:4px;border-radius:var(--radius);background:var(--well);border:1px solid var(--line)}.segmented__item{min-height:40px;display:grid;justify-items:center;gap:0;padding:4px 2px;border:0;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-zh);font-size:17px;cursor:pointer}.segmented__item.is-on{background:var(--ink);color:var(--neon-mint)}.segmented__delta{font-family:var(--font-ui);font-size:10px;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:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-text-2)}.stat__caption{font-size:11.5px;font-weight:600;color:var(--ink-text-2)}.notice{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:var(--radius);font-size:13px;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:10px;margin:2px 2px -2px;font-size:15px}.pagetitle__zh{font-family:var(--font-zh);font-size:24px;font-weight:700;color:var(--magenta)}.pagetitle__en{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.empty{padding:18px 8px;text-align:center;color:var(--text-2);font-size:13px}.switchrow{display:flex;align-items:center;gap:9px;font-size:13px;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 4px;border-radius:999px;background:var(--ink);color:var(--neon-amber);font-size:10px;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}}.tilegrid{display:grid;gap:10px}.tilegrid__row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px}.tilegrid__legend{font-family:var(--font-zh);font-size:15px;color:var(--text-2);writing-mode:vertical-rl;text-align:center}.tilegrid__tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.tilegrid__tiles .tile{--w: 100%;width:100%}.tilegrid__blocked{font-size:12px;color:var(--amber)}.tilerow{display:flex;flex-wrap:wrap;gap:4px;min-height:62px;padding:8px;border-radius:var(--radius);background:var(--well);border:1px dashed var(--line-strong)}.tilerow__slot.is-winner{margin-left:12px}.meldrow{display:flex;flex-wrap:wrap;gap:10px}.meldrow__meld{display:flex;gap:2px;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:6px;flex-wrap:wrap}.pname__zh{font-family:var(--font-zh);font-size:16px;font-weight:700}.pname__jp{font-size:11px;font-style:italic;color:var(--text-2)}.pname__en{font-size:13px;font-weight:600}.pname__faan{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--magenta)}.calc{display:grid;gap:14px}.calc__answer{position:sticky;top:calc(60px + env(safe-area-inset-top));z-index:10}.answer{display:grid;gap:9px;padding:14px;border-radius:var(--radius-lg);background:var(--ink);color:var(--ink-text);border:1px solid var(--ink-line);box-shadow:0 10px 30px #0b0e1a59}.answer .notice{background:var(--ink-surface);border-color:var(--ink-line);color:var(--ink-text)}.answer__headline{display:flex;align-items:center;gap:14px}.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:6px}.answer__pat{padding:4px 8px;border-radius:999px;background:var(--ink-surface);border:1px solid var(--ink-line)}.answer__pat .pname__jp,.answer__side .answer__line{color:var(--ink-text-2)}.answer__pat .pname__faan{color:var(--neon-amber)}.answer__nopat{font-family:var(--font-zh);color:var(--ink-text-2);font-size:13px}.answer__pay{font-size:12px;font-variant-numeric:tabular-nums;color:var(--neon-cyan)}.answer--analysis{grid-template-columns:auto 1fr;align-items:center}.answer__side{display:grid;gap:6px}.answer__line{font-size:13px}.answer__tiles{display:flex;flex-wrap:wrap;gap:3px}.answer--empty{color:var(--ink-text-2);font-size:13px}.answer__tabs{margin-top:6px;color:var(--ink-text-2);font-size:12px;line-height:1.5}.answer__count{font-family:var(--font-num);font-size:20px;font-weight:800;color:var(--neon-mint);font-variant-numeric:tabular-nums}.calc__claimed{display:grid;gap:8px}.calc__claimedActions{display:flex;flex-wrap:wrap;gap:6px}.calc__claimedAction{display:inline-flex;flex-wrap:wrap;gap:6px}.kongrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.kongrow__label{font-size:12px;font-weight:700;color:var(--text-2)}.kongrow__btn{display:inline-flex;align-items:center;min-height:var(--tap);padding:4px 8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer}.notation summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);min-height:32px}.notation__row{display:flex;gap:6px;margin-top:8px}.readings{display:grid;gap:9px}.readings__pager{display:flex;align-items:center;gap:6px}.readings__dot{width:12px;height:12px;padding:0;border-radius:999px;border:1px solid var(--line-strong);background:var(--well);cursor:pointer}.readings__dot.is-on{background:var(--magenta);border-color:var(--magenta)}.readings__count{font-size:11px;font-weight:700;color:var(--text-2)}.readings__special{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--violet)}.readings__sets{display:flex;flex-wrap:wrap;gap:8px}.readings__set,.readings__pair{display:inline-flex;align-items:center;gap:2px;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:14px;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:4px}.explain{display:grid;gap:9px;padding-left:18px;font-size:13px}.explain__pat{display:inline-block;margin-right:6px}