@font-face{font-family:Mahjong Tiles;src:url(/styles/mahjong-tiles.woff2) format("woff2");font-style:normal;font-weight:400;font-display:block;unicode-range:U+1F000-1F021}.mahjong-glyph{display:inline-block;font-family:Mahjong Tiles,sans-serif;font-style:normal;font-weight:400;font-variant-emoji:text;font-synthesis:none;line-height:1}[data-tile-type][data-suit]{--tile-ink:#35404b;--tile-paper:#f7f6f1;--tile-line:#d7d5cc}[data-tile-type][data-suit="0"]{--tile-ink:var(--red,#a74634);--tile-paper:#fff2ed;--tile-line:#e6c7bc}[data-tile-type][data-suit="1"]{--tile-ink:#245572;--tile-paper:#eff6fc;--tile-line:#c4d9e9}[data-tile-type][data-suit="2"]{--tile-ink:#356443;--tile-paper:#f0f6ed;--tile-line:#ccdcc2}[data-suit][data-tile-type="31"]{--tile-ink:var(--red,#a74634);--tile-paper:#fff2ed;--tile-line:#e6c7bc}[data-suit][data-tile-type="32"]{--tile-ink:#2d6b45;--tile-paper:#f0f6ed;--tile-line:#ccdcc2}[data-tile-type]>.mahjong-glyph,.mahjong-glyph[data-tile-type]{color:var(--tile-ink)}.tile-button[data-tile-type],.lab-tile-button[data-tile-type]{color:var(--tile-ink);background:var(--tile-paper);border-color:var(--tile-line);border-bottom:4px solid var(--tile-ink)}.tile-button[data-tile-type]:hover,.lab-tile-button[data-tile-type]:hover{background:var(--tile-paper);box-shadow:inset 0 0 0 1px var(--tile-ink)}.lab-tile-button[data-tile-type][aria-pressed=true]{background:var(--tile-paper);border:2px solid var(--tile-ink);border-bottom-width:4px;box-shadow:0 0 0 2px var(--tile-paper),0 0 0 4px var(--tile-ink);padding:6px 4px}.lab-tile-button[data-tile-type]:focus-visible{outline-color:var(--tile-ink)}:is(.tile-group,.hand-group,.winning-group,.meld-chip){--group-accent:#5f6671;--group-bg:#f3f4f6;--group-line:#d8dbe1}:is(.tile-group,.hand-group,.winning-group,.meld-chip)[data-kind=sequence]{--group-accent:#2c638d;--group-bg:#edf5fc;--group-line:#caddeb}:is(.tile-group,.hand-group,.winning-group,.meld-chip)[data-kind=triplet]{--group-accent:#70518d;--group-bg:#f5effa;--group-line:#ddd0e9}:is(.tile-group,.hand-group,.winning-group,.meld-chip)[data-kind=kong]{--group-accent:#a34f36;--group-bg:#fff0e9;--group-line:#ebcdbf}:is(.tile-group,.hand-group,.winning-group,.meld-chip)[data-kind=pair]{--group-accent:#8b651e;--group-bg:#fff6dd;--group-line:#e6d4a5}.hand-group[data-kind]{background:var(--group-bg);border-color:var(--group-line);border-top:3px solid var(--group-accent)}.hand-group[data-kind] .group-caption{color:var(--group-accent)}.hand-group[data-kind]:hover,.hand-group[data-kind][aria-pressed=true]{background:var(--group-bg);border-color:var(--group-accent)}.hand-group[data-kind][aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--group-accent)}.tile-with-name{display:contents}.tile-row-labelled .tile-with-name{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:52px;gap:4px}.tile-row-labelled .tile-with-name small{font:400 12px/1.4 var(--font-body,system-ui);text-align:center;overflow-wrap:anywhere;color:var(--ink)}.tile-row-labelled{row-gap:14px!important;flex-wrap:wrap}.tile-row.tile-row-labelled{align-items:flex-start}.tile-row .tile{display:inline-grid;place-items:center;width:48px;height:64px;padding:0;overflow:visible;border:0;border-radius:0;border-bottom:0;background:transparent;box-shadow:none}.tile-row .tile .mahjong-glyph{font-size:55px}.tile-row.small .tile{width:36px;height:48px}.tile-row.small .tile .mahjong-glyph{font-size:42px}.tile-button .mahjong-glyph{font-size:31px;pointer-events:none}.hand-area .tile-button .mahjong-glyph{font-size:29px}.meld-chip .mahjong-glyph{margin-inline:1px;font-size:23px;vertical-align:-.13em}@media(max-width:600px){.tile-row .tile{width:39px;height:52px}.tile-row .tile .mahjong-glyph{font-size:46px}.tile-button .mahjong-glyph{font-size:30px}}.course-summary{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#edf4ec;border:1px solid var(--line);border-radius:10px;padding:22px 26px}.course-summary strong{font-size:20px}.course-summary p{font-size:14px;margin:7px 0 0;max-width:690px}.course-progress{font-size:14px;font-weight:700;color:var(--green);white-space:nowrap}.course-storage{font-size:12px;margin:12px 0 26px;color:var(--muted)}.course-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:64px}.course-outline{position:sticky;top:96px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}.course-outline ol{list-style:none;padding:0;margin:0}.course-outline li{margin:0}.course-outline a{display:flex;align-items:center;gap:10px;padding:11px 9px;border-radius:6px;font-size:13px}.course-outline a:hover{background:#f1f5f0}.course-outline a[aria-current]{background:#e5f0e6;color:var(--green);font-weight:700}.lesson-number{font-size:11px;color:var(--muted)}.lesson-check{margin-left:auto;color:var(--green)}.course-outline .course-reference{font-size:12px;margin-top:12px;border-top:1px solid var(--line);border-radius:0}.lesson-panel{scroll-margin-top:100px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:20px;min-width:0}.lesson-panel[hidden],.course-finish[hidden]{display:none}.lesson-heading h2{font-size:27px;margin:8px 0}.lesson-heading>p:last-child{font-size:14px;margin-bottom:22px}.lesson-rule{border-left:3px solid var(--jade);padding:3px 0 3px 18px;margin-bottom:26px}.lesson-rule h3{font-size:13px;margin-bottom:9px}.lesson-rule p{font-size:14px;line-height:1.85;margin-bottom:12px;max-width:720px}.lesson-rule .tile-row{gap:1px}.lesson-rule .tile-row.small .tile{width:31px;height:43px}.lesson-rule .tile-row.small .mahjong-glyph{font-size:39px}.lesson-lab:empty{display:none}.lab-header{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:22px}.lab-header h3{font-size:19px;margin:0}.lab-phase{font-size:11px;color:var(--green);background:#edf4ec;padding:5px 9px;border-radius:5px}.lab-prompt{font-size:14px;margin:14px 0}.lab-board{background:#f3f6f1;border:1px solid #d7e1d5;border-radius:9px;padding:19px;min-height:100px}.lab-label{font-size:12px;color:var(--muted);margin:0 0 12px;display:block}.lab-tiles{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.lab-tile{display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:#a74634;flex:0 0 auto}.lab-tile.suit-1{color:#245572}.lab-tile.suit-2{color:#356443}.lab-tile.suit-3{color:#24352f}.lab-tile .mahjong-glyph{font-size:48px}.lab-tile small{font-size:10px;color:var(--ink);max-width:68px;line-height:1.3;text-align:center}.lab-tile-button{border:1px solid #c3d1c2;background:#fff;border-radius:7px;padding:7px 5px;min-width:52px;min-height:78px;cursor:pointer}.lab-tile-button:hover{background:#eff6ee;border-color:var(--jade)}.lab-tile-button[aria-pressed=true]{background:#daead7;border:2px solid #397050;padding:6px 4px;box-shadow:0 2px #397050}.lab-pool{margin-top:18px}.lab-selection{border-top:1px dashed #becdbb;margin-top:18px;padding-top:15px}.lab-selection .lab-tiles{min-height:62px}.lab-tile-button:focus-visible,.course-outline a:focus-visible,.lesson-lab button:focus-visible{outline:3px solid #306a50;outline-offset:3px}.lab-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.lab-actions .button{font-size:13px;padding:10px 14px;min-height:44px}.lab-actions .button:disabled{opacity:.5;cursor:not-allowed}.lab-actions .button[aria-pressed=true]{box-shadow:0 0 0 2px var(--green);background:#e6f2e3;color:var(--green)}.lab-feedback{padding:14px 16px;border-radius:7px;background:#f0f2ed;font-size:14px;margin:17px 0 0;line-height:1.8;min-height:58px;color:#34493c}.lab-feedback[data-state=success]{background:#e8f4e4;border-left:3px solid #397050}.lab-feedback[data-state=error]{background:#fff0e8;border-left:3px solid #b25936;color:#783b20}.lab-next{margin-top:18px}.lab-context{font-size:13px;font-weight:600;margin:16px 0 12px;color:var(--green)}.lesson-reference{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.lesson-reference a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.lesson-reference span{color:var(--muted)}.course-finish{border:1px solid #aac8a7;background:#edf5e9;padding:25px;border-radius:10px}.flower-label{font-size:16px;color:var(--green);padding-block:10px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0 50px}.hub-group{border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px}.hub-group h2{font-size:22px;margin-bottom:10px}.hub-group>p{font-size:14px}.hub-links{display:grid;gap:0}.hub-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}.hub-links a:hover{color:var(--green);text-decoration:underline}.hub-links small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.hub-note{padding:22px 26px;background:#edf4ec;border-radius:9px;margin-bottom:44px}.hub-note p{margin-bottom:14px;font-size:14px}.home-destinations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line);padding-block:22px;gap:18px}.home-destinations a{padding:6px 0}.home-destinations strong{font-size:15px}.home-destinations p{font-size:12px;margin:7px 0 0}.home-destinations a:hover strong{text-decoration:underline}.site-header .nav-actions>.button{display:none}.site-header .desktop-nav{gap:22px}.site-header .desktop-nav a[data-nav=play]{background:var(--green);color:#fff;padding:9px 12px;border-radius:6px}.site-header .nav-actions{gap:12px}@media(max-width:1050px){.site-header{height:auto}.site-header .desktop-nav{display:none}.site-header .mobile-task-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));text-align:center;gap:7px}.course-layout{grid-template-columns:195px minmax(0,1fr);gap:20px}.course-outline{top:118px}.lesson-panel{padding:22px}.home-destinations{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.course-summary{display:block;padding:18px}.course-summary strong{font-size:18px}.course-summary p{font-size:13px}.course-progress{margin-top:13px}.course-layout{grid-template-columns:1fr;gap:16px}.course-outline{position:static;padding:10px}.course-outline ol{display:grid;grid-template-columns:1fr 1fr;gap:3px}.course-outline a{font-size:12px;padding:8px 5px;gap:6px}.course-outline .course-reference{margin-top:7px;padding-top:12px}.lesson-panel{padding:20px 16px;scroll-margin-top:125px}.lesson-heading h2{font-size:23px}.lesson-rule{padding-left:12px}.lab-board{padding:13px}.lab-tile .mahjong-glyph{font-size:41px}.lab-tile-button{min-width:48px;min-height:75px}.lab-tiles{gap:5px}.lab-tile small{font-size:9px;max-width:54px}.lab-header h3{font-size:18px}.lab-phase{font-size:10px}.lab-actions .button{font-size:12px;gap:7px;padding:10px 12px}.lab-feedback{font-size:13px}.hub-grid{grid-template-columns:1fr;gap:15px;margin-top:15px}.hub-group{padding:22px}.home-destinations{grid-template-columns:1fr 1fr;gap:14px}.home-destinations a:last-child{grid-column:1/3}.site-header .mobile-task-nav a{font-size:10px;white-space:normal}.site-header .mobile-task-nav{padding-inline:12px;gap:5px}.lesson-rule .tile-row.small .tile{width:28px}.lesson-rule .tile-row.small .mahjong-glyph{font-size:35px}}.article-entry-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 25px;font-size:13px;color:var(--green)}.article-entry-links a{text-decoration:underline;text-underline-offset:4px}.lesson-mistake{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.lesson-mistake>summary{padding:10px 0;min-height:44px;cursor:pointer;font-weight:600;font-size:15px;color:var(--green)}.lesson-mistake>p{font-size:15px;line-height:1.85;margin:8px 0 14px}.course-outline>summary{font-size:13px;font-weight:700;cursor:pointer;padding:8px}.course-outline>summary span{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:5px}.course-outline[open]>summary{margin-bottom:8px;border-bottom:1px solid var(--line);padding-bottom:13px}@media(min-width:701px){.course-outline>summary{display:none}}@media(max-width:1050px){.site-header .mobile-task-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;line-height:1.45;padding:9px 2px}.site-header .mobile-task-nav{gap:3px;padding-inline:12px}}@media(max-width:700px){.site-header .mobile-task-nav a{font-size:12px}.page-heading>p{font-size:15px;line-height:1.85}.hub-group>p{font-size:15px}.hub-links a{min-height:48px}.course-outline a{min-height:44px}.lesson-rule p,.lab-prompt,.lab-feedback{font-size:15px;line-height:1.85}.home-destinations p{font-size:13px}}@media(max-width:700px){body[data-page=learn] .page-heading{padding-top:20px;padding-bottom:16px;margin-bottom:0}body[data-page=learn] .page-heading h1{font-size:26px;margin:10px 0 0}body[data-page=learn] .page-heading>p,body[data-page=learn] .breadcrumb>span:last-child{display:none}.course-summary{padding:10px 14px;display:flex;gap:8px}.course-summary strong{font-size:14px}.course-summary p{display:none}.course-progress{margin:0;font-size:13px;white-space:normal}.course-storage{margin:8px 0 12px;font-size:12px}.course-layout{gap:12px}.course-outline{padding:2px 8px}.course-outline>summary span{display:inline;margin-left:10px;font-size:12px}.lesson-panel{padding:16px 12px}.lesson-heading .eyebrow{margin:0}.lesson-heading h2{font-size:23px;margin:6px 0}.lesson-heading>p:last-child{font-size:16px;margin:0 0 14px}.lesson-rule{margin-bottom:16px}.lesson-rule p,.lab-prompt,.lab-feedback{font-size:16px;line-height:1.75}.lesson-rule h3{font-size:14px}.lab-header{padding-top:16px;gap:6px}.lab-phase{font-size:12px}.lab-prompt{margin:12px 0}.lab-board{padding:12px}.lab-tile small{font-size:12px;max-width:58px}.lab-tile-button{min-width:48px;min-height:80px}.lab-actions .button,.lab-label,.lab-context{font-size:14px}.lab-context{margin-top:12px}}@media(max-width:700px){.play-shell{padding:6px;margin-inline:-10px}.play-shell>header{gap:6px;padding:5px}.play-shell>header button{min-height:44px}.play-shell iframe{height:730px;max-width:100%}.play-shell.expanded{padding:6px;overflow:hidden;display:flex;flex-direction:column}.play-shell.expanded>header{flex-shrink:0;margin-bottom:6px}.play-shell.expanded #game-mount{flex:1;min-height:0}.play-shell.expanded iframe{height:100%}}html:has(.play-shell.expanded),body:has(.play-shell.expanded){overflow:hidden}.lab-selection .lab-tiles:empty{display:none}.lab-selection:has(.lab-tiles:empty) .lab-label{margin-bottom:0}.lab-comparisons{border-top:1px dashed #becdbb;margin-top:16px;padding-top:10px}.lab-comparisons p{font-size:16px;line-height:1.75;margin:6px 0}@media(max-width:1050px){.site-header .nav-wrap{min-height:68px}.site-header .mobile-task-nav a{font-size:14px;white-space:nowrap;min-height:48px}.site-header .language-menu{font-size:13px}.site-header .language-menu summary{min-height:44px;padding-inline:6px}.site-header .language-menu a{min-height:44px;display:flex;align-items:center}}.mobile-task-nav a:focus-visible,.language-menu summary:focus-visible,.language-menu a:focus-visible{outline:3px solid var(--green);outline-offset:-3px;border-radius:4px}.table-scroll-hint{font-size:14px!important;line-height:1.6!important;color:var(--green);margin:16px 0 8px!important}.table-scroll-hint[hidden]{display:none}.table-scroll-hint:not([hidden])+.table-scroll,.table-scroll-hint:not([hidden])+.article-table-scroll{margin-top:0}.table-scroll:focus-visible,.reference-table-scroll:focus-visible,.article-table-scroll:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:650px){.calculator-guide .table-scroll table{min-width:480px}.calculator-guide .table-scroll th,.calculator-guide .table-scroll td{font-size:14px;line-height:1.75}.site-footer .footer-grid a{min-height:44px;display:flex;align-items:center;font-size:14px}.site-footer .footer-grid .brand{font-size:17px}.site-footer .footer-grid small,.site-footer .footer-bottom{font-size:12px}}