.mahjong-mark[data-astro-cid-yrrffje4]{flex:none;width:40px;height:40px;display:block}.mark-field[data-astro-cid-yrrffje4]{fill:var(--forest)}.mark-dot[data-astro-cid-yrrffje4]{fill:none;stroke:#f7faf8;stroke-width:2.4px}.mark-dot-accent[data-astro-cid-yrrffje4]{stroke:var(--coral)}.mark-bamboo[data-astro-cid-yrrffje4]{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-width:3.2px}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-ext-wght-normal.C8S-KRRz.woff2)format("woff2-variations");unicode-range:U+460-52F,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(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit}}@layer tokens{:root{--canvas:#f5f7f6;--surface:#fff;--surface-soft:#eef3f1;--ink:#17211f;--muted:#5d6b67;--forest:#123b36;--jade:#286a5c;--mint:#dcebe5;--coral:#c95549;--line:#d7dfdb;--line-dark:#b7c4bf;--shadow-sm:0 1px 2px #123b360d, 0 6px 18px #123b360d;--shadow-card:0 10px 15px -3px #0000000d;--shadow-md:0 18px 48px #123b361a;--font-ui:"Manrope Variable", "Segoe UI", system-ui, sans-serif;--font-editorial:"Newsreader Variable", Georgia, serif;--font-data:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--shell:min(1180px, calc(100vw - 40px));--header-height:72px;--felt:var(--forest);--felt-2:var(--jade);--bone:var(--surface);--paper:var(--surface-soft);--red:var(--coral);--red-dark:#a94138;--gold:#d69a57;--display:var(--font-editorial);--body:var(--font-ui);--utility:var(--font-data)}}@layer base{body{background:var(--canvas);min-width:320px;color:var(--ink);font-family:var(--font-ui);text-rendering:optimizelegibility;font-size:17px;line-height:1.75}h1,h2,h3{color:var(--ink);font-family:var(--font-editorial);letter-spacing:-.02em;text-wrap:balance;line-height:1.08}h1{font-size:clamp(2.7rem,6vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:clamp(1.2rem,2vw,1.55rem)}a{color:var(--jade);text-underline-offset:.2em}a:hover{color:var(--forest)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:5px}::selection{background:var(--mint);color:var(--forest)}button,summary,a{touch-action:manipulation}}@layer components{.shell{width:var(--shell);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;color:var(--surface);background:var(--forest);padding:.7rem 1rem;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow,.article-kicker,.card-code,.quick-answer-label{color:var(--jade);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:750}.site-header{z-index:50;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--canvas) 92%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner{min-height:var(--header-height);align-items:center;gap:clamp(1rem,2.2vw,2rem);display:flex}.brand{color:var(--ink);letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand strong{color:var(--jade);font-weight:800}.primary-nav{align-items:center;gap:.15rem;margin-left:auto;display:flex}.primary-nav a{min-height:48px;color:var(--muted);place-items:center;padding:.5rem .72rem;font-size:.9rem;font-weight:650;text-decoration:none;display:grid}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--forest)}.primary-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--jade)}.header-search{background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;width:clamp(210px,20vw,300px);min-height:48px;padding-left:.7rem;display:flex;box-shadow:0 1px 2px #123b360a}.header-search:focus-within{border-color:var(--jade);box-shadow:0 0 0 3px #2f776721}.header-search svg,.mobile-search svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:18px}.header-search svg{color:var(--muted);flex:none}.header-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:.45rem .55rem;font-size:.86rem}.header-search input::placeholder{color:#82908b}.header-search button{min-height:48px;color:var(--jade);border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;align-self:stretch;padding-inline:.8rem;font-size:.82rem;font-weight:750}.mobile-search,.mobile-nav{display:none}.mobile-search{width:48px;height:48px;color:var(--forest);border:1px solid var(--line);border-radius:9px;place-items:center}.mobile-nav{position:relative}.mobile-nav summary{width:48px;height:48px;color:var(--forest);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:9px;place-items:center;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.menu-icon{gap:4px;width:20px;display:grid}.menu-icon i{background:currentColor;border-radius:99px;height:2px;transition:transform .18s,opacity .18s;display:block}.mobile-nav[open] .menu-icon i:first-child{transform:translateY(6px)rotate(45deg)}.mobile-nav[open] .menu-icon i:nth-child(2){opacity:0}.mobile-nav[open] .menu-icon i:last-child{transform:translateY(-6px)rotate(-45deg)}.mobile-nav nav{background:var(--surface);border:1px solid var(--line);width:min(290px,100vw - 28px);box-shadow:var(--shadow-md);border-radius:12px;padding:.5rem;display:grid;position:absolute;top:calc(100% + 10px);right:0}.mobile-nav nav a{min-height:48px;color:var(--ink);border-radius:8px;align-items:center;padding:.7rem .85rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav nav a:hover,.mobile-nav nav a[aria-current=page]{background:var(--surface-soft);color:var(--forest)}.site-footer{color:#e6efec;background:#0d2e2a;margin-top:5rem;position:relative;overflow:hidden}.footer-grid{grid-template-columns:1.75fr repeat(3,1fr);gap:clamp(2rem,5vw,4.5rem);padding:3.5rem 0 4rem;display:grid}.footer-brand{color:var(--surface)}.footer-brand strong{color:#8fc9b8}.footer-intro p{color:#c0d0cb;max-width:38ch;margin-top:1.1rem;font-size:.96rem}.footer-grid nav{align-content:start;gap:.62rem;display:grid}.footer-grid nav strong{color:var(--surface);margin-bottom:.35rem;font-size:.9rem}.footer-grid nav a{color:#c0d0cb;align-items:center;min-height:32px;font-size:.92rem;text-decoration:none;display:flex}.footer-grid nav a:hover{color:var(--surface)}.footer-bottom{padding:1.2rem 0 calc(1.8rem + env(safe-area-inset-bottom));color:#9db2ac;border-top:1px solid #ffffff1a;justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:.7rem;min-height:48px;padding:.72rem 1.15rem;font-size:.92rem;font-weight:750;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.button.primary{color:var(--surface);background:var(--forest);box-shadow:0 5px 18px #123b3629}.button.primary:hover{color:var(--surface);background:#0a302b;transform:translateY(-1px)}.button.secondary{color:var(--forest);border-color:var(--line-dark);background:0 0}.button.secondary:hover{color:var(--forest);border-color:var(--jade)}.button.bone{color:var(--forest);background:var(--surface)}.text-link{gap:.55rem;margin-top:2rem;font-size:.92rem;font-weight:750;display:inline-flex}.home-hero{background:linear-gradient(180deg, #f8faf9 0%, var(--canvas) 100%);padding:clamp(3.25rem,5vw,4.75rem) 0 clamp(2.75rem,4vw,3.5rem);overflow:hidden}.home-hero-shell{gap:clamp(2.25rem,4vw,3.5rem);display:grid}.home-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);align-items:center;gap:clamp(4rem,5.5vw,5.5rem);display:grid}.hero-copy{min-width:0;max-width:600px}.hero-copy h1{color:#285f55;letter-spacing:-.04em;text-wrap:balance;max-width:600px;margin-top:.8rem;font-size:clamp(3.5rem,4.6vw,4.3rem);font-weight:560;line-height:1.01}.hero-copy h1 span{color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap;display:block}.hero-copy h1 strong{color:var(--forest);font:inherit;font-weight:730}.hero-copy h1 .hero-title-supporting{font-weight:515}.hero-copy>p{max-width:49ch;color:var(--muted);margin-top:1.35rem;font-size:clamp(1.03rem,1.25vw,1.14rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.variant-links{background:#ffffffc2;border-radius:16px;grid-template-columns:minmax(190px,1.2fr) repeat(4,minmax(0,1fr));gap:.45rem;padding:.45rem;display:grid;overflow:hidden;box-shadow:0 14px 34px #123b360e,inset 0 1px #ffffffe6}.variant-links-label,.variant-links a{flex-direction:column;justify-content:center;min-width:0;min-height:82px;padding:.9rem 1.1rem;display:flex}.variant-links-label{padding-left:.7rem}.variant-links-label small{color:var(--muted);margin-top:.18rem;font-size:.82rem;line-height:1.4}.variant-links a{color:var(--forest);background:#123b3606;border-bottom:3px solid #0000;border-radius:10px;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;position:relative}.variant-links a:after{content:"→";color:var(--jade);opacity:0;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:.9rem;transform:translate(-5px,-50%)}.variant-links a strong{padding-right:1rem;font-size:.96rem;font-weight:780;line-height:1.25}.variant-links a span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.28rem;font-size:.8rem;font-weight:520;line-height:1.35;overflow:hidden}.variant-links a:hover,.variant-links a:focus-visible,.variant-links a:active,.variant-links a[aria-current=page]{color:var(--forest);border-bottom-color:var(--jade);background:#2f77671a}.variant-links a:hover:after,.variant-links a:focus-visible:after,.variant-links a[aria-current=page]:after{opacity:1;transform:translateY(-50%)}.home-section{padding-top:clamp(4rem,5vw,4.75rem)}.home-section-heading{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.4rem;display:flex}.home-section-heading h2{max-width:760px;margin-top:.45rem}.home-section-heading>p{max-width:44ch;color:var(--muted)}.step-grid{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 2.5rem;padding:0;list-style:none;display:grid;overflow:hidden}.step-grid li{background:var(--surface);grid-template-columns:auto 1fr;gap:1rem;padding:1.35rem;display:grid}.step-grid li>span{color:var(--red-dark);font-family:var(--font-data);font-size:.78rem;font-weight:750}.step-grid h3{letter-spacing:-.02em;font-size:1.12rem}.step-grid p{color:var(--muted);margin-top:.45rem;font-size:.9rem}.page-card-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.page-card{min-height:238px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);border:0;border-radius:14px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:box-shadow .18s,transform .18s;display:flex}.page-card:hover{color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-3px)}.page-card.featured{color:var(--surface);background:var(--forest);box-shadow:0 18px 34px -18px #123b36bf}.page-card.recommended:not(.featured){background:#edf5f1}.collection-card-grid .page-card.prominent,.tutorial-grid .page-card.prominent{grid-column:span 2;min-height:262px}.page-card-top{justify-content:space-between;gap:1rem;display:flex}.card-badges,.related-card-top{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.recommended-badge,.difficulty-badge{min-height:26px;font-family:var(--font-ui);letter-spacing:.01em;border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.68rem;font-weight:750;line-height:1;display:inline-flex}.recommended-badge{color:#7c352e;background:#f9dfdb}.difficulty-badge{color:var(--forest);background:var(--mint)}.page-card.featured .recommended-badge{color:#522a25;background:#f2bcb5}.page-card.featured .difficulty-badge{color:var(--forest);background:#d8ebe4}.page-card-layer{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.page-card.featured .page-card-layer{color:#acc2bb}.page-card.featured .card-code{color:#9bcbbd}.page-card h3{margin-top:1.35rem;font-size:1.48rem}.page-card.featured h3{color:var(--surface)}.page-card p{color:var(--muted);margin-top:.75rem;font-size:.96rem;line-height:1.65}.page-card.featured p{color:#bfd0cb}.card-action{color:var(--jade);justify-content:space-between;margin-top:auto;padding-top:1.15rem;font-size:.84rem;font-weight:750;display:flex}.page-card.featured .card-action{color:var(--mint)}.variant-section{background:var(--surface-soft);border-block:1px solid var(--line);margin-top:clamp(5.5rem,8vw,8rem);padding:clamp(5rem,7vw,7rem) 0}.comparison-grid{background:var(--surface);box-shadow:var(--shadow-card);font-variant-numeric:tabular-nums;border-radius:14px;overflow:hidden}.comparison-row{border-bottom:1px solid #e7ece9;grid-template-columns:minmax(130px,.7fr) minmax(0,2fr) auto;align-items:center;gap:1.5rem;min-height:68px;padding:1rem 1.25rem;display:grid}.comparison-row:last-child{border-bottom:0}.comparison-header{min-height:52px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#fdfcf9;font-size:.76rem;font-weight:750}.comparison-row strong{color:var(--forest);font-family:var(--font-editorial);font-size:1.05rem}.comparison-row>span[role=cell]{color:var(--muted);font-size:.94rem}.comparison-row a{min-height:44px;color:var(--forest);border:1px solid var(--line-dark);border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .78rem;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-flex}.comparison-row a:hover{color:var(--surface);background:var(--forest);border-color:var(--forest)}.practice-band{color:var(--surface);background:var(--forest);padding:clamp(5.5rem,8vw,7.5rem) 0}.practice-band h2{color:var(--surface)}.light-heading .eyebrow{color:#83b6a8}.light-heading>p{color:#b9ccc6}.game-entry-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.game-entry{min-height:238px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);border:0;border-radius:14px;flex-direction:column;padding:1.3rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.game-entry:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 16px 36px #0000002e}.game-number{color:var(--muted);font-family:var(--font-data);font-size:.68rem}.game-motif{background:var(--surface-soft);border-radius:22px;grid-template-columns:1fr 1fr;place-items:center;gap:6px;width:92px;height:92px;margin:1.35rem auto;padding:16px;display:grid}.game-motif i{border:3px solid var(--jade);border-radius:50%;width:18px;height:18px;display:block}.game-motif i:nth-child(3){border-color:var(--coral)}.motif-2{transform:rotate(45deg)}.motif-3 i{border-radius:3px}.motif-4{grid-template-columns:repeat(4,1fr);gap:4px}.motif-4 i{background:var(--jade);border:0;border-radius:99px;width:8px;height:52px}.motif-4 i:nth-child(3){background:var(--coral)}.game-entry strong{font-size:1.02rem;line-height:1.35}.game-entry>span:last-child{color:var(--jade);margin-top:auto;font-size:.82rem;font-weight:750}.explore-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.explore-card{min-height:250px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);border:0;border-radius:14px;flex-direction:column;padding:1.4rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.explore-card:hover{color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-3px)}.explore-card .category-icon{width:62px;height:62px}.explore-card>div{margin-top:auto}.explore-card h3{font-size:1.22rem}.explore-card p{color:var(--muted);margin-top:.5rem;font-size:.92rem}.explore-card>span{color:var(--jade);align-self:end;margin-top:1rem}.start-strip{color:var(--surface);background:var(--jade);margin-top:clamp(6rem,9vw,8.5rem);padding:clamp(4.5rem,6vw,5.75rem) 0}main:has(>.start-strip:last-child)+.site-footer{margin-top:0}.start-strip h2{color:var(--surface);margin-top:.35rem}.start-strip p{color:#f1f7f5;max-width:55ch;margin-top:.7rem}.start-strip .eyebrow{color:#fff}.start-strip-inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.page-hero,.article-hero{color:var(--surface);background:var(--forest)}.page-hero{padding:clamp(4rem,8vw,7rem) 0}.compact-hero h1{color:var(--surface);margin-top:.55rem;font-size:clamp(2.7rem,5vw,4.6rem)}.compact-hero p{color:#bfd0cb;max-width:62ch;margin-top:1rem}.collection-hero{--collection-bg:var(--forest);--collection-accent:#83b6a8;background:var(--collection-bg);padding:clamp(3.75rem,6vw,5.5rem) 0;position:relative;overflow:hidden}.collection-hero-learn{--collection-bg:#123b36;--collection-accent:#8ec8b7}.collection-hero-wiki{--collection-bg:#253845;--collection-accent:#a9c7d7}.collection-hero-strategy{--collection-bg:#303c2f;--collection-accent:#b9c99c}.collection-hero-games{--collection-bg:#43343a;--collection-accent:#e5aaa2}.collection-hero-tools{--collection-bg:#323743;--collection-accent:#c1badb}.collection-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.collection-hero-copy{min-width:0}.collection-hero .eyebrow{color:var(--collection-accent)}.collection-hero h1{max-width:17ch;color:var(--surface);margin-top:.6rem;font-size:clamp(3.1rem,5.4vw,5.15rem)}.collection-hero p{color:#ffffffc2;max-width:67ch;margin-top:1.2rem;font-size:1.06rem}.collection-mark{--forest:#ffffff14;--surface:#f9fbfa;--coral:var(--collection-accent);--mint:var(--collection-accent);background:#ffffff0e;border:1px solid #ffffff24;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.25rem;padding:1.35rem;display:grid}.collection-mark .category-icon{width:76px;height:76px}.collection-mark-label{color:#ffffffad;font-family:var(--font-data);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:750}.collection-mark ul{flex-wrap:wrap;gap:.45rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.collection-mark li{color:var(--surface);background:#ffffff14;border-radius:999px;padding:.34rem .58rem;font-size:.76rem;font-weight:700;line-height:1.2}.collection-list{padding-top:4rem}.collection-summary{border-bottom:1px solid var(--line);justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.collection-summary h2{color:var(--jade);font-family:var(--font-data);letter-spacing:.07em;text-transform:uppercase;font-size:.9rem}.collection-summary p{color:var(--muted);font-size:.92rem}.search-page{min-height:280px;padding-top:3rem}.search-fallback{max-width:760px;color:var(--forest);background:var(--surface);border-left:4px solid var(--jade);box-shadow:var(--shadow-card);border-radius:0 12px 12px 0;padding:1.25rem 1.35rem}.search-fallback strong{font-family:var(--font-editorial);font-size:1.25rem}.search-fallback p{color:var(--muted);margin-top:.45rem;font-size:.94rem}.search-fallback[hidden]{display:none}.search-suggestions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.25rem;display:flex}.search-suggestions[hidden]{display:none}.search-suggestions>span{color:var(--muted);flex-basis:100%;font-size:.82rem;font-weight:700}.search-suggestions a{min-height:40px;color:var(--forest);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.search-suggestions a:hover{background:var(--mint);border-color:#bdd5cc}#search .pagefind-ui{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--jade);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--surface);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--mint);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:10px;font-family:var(--font-ui)}#search .pagefind-ui__search-input{box-shadow:var(--shadow-sm);font-weight:600}#search .pagefind-ui__drawer{gap:.75rem}#search .pagefind-ui__results-area{margin-top:1.5rem}#search .pagefind-ui__result{background:var(--surface);border-radius:12px;margin-top:.8rem;border:1px solid var(--line)!important;padding:1.3rem!important}#search .pagefind-ui__result-link{color:var(--forest);font-size:1.08rem}#search .pagefind-ui__result-excerpt{color:var(--muted);font-size:.94rem;line-height:1.7}#search .pagefind-ui__result-nested{border-left:2px solid var(--mint);padding-left:.7rem}#search .pagefind-ui mark{color:var(--forest);background:var(--mint);border-radius:3px;padding:.08rem .15rem}#search .pagefind-ui__button{min-height:48px;color:var(--forest);background:var(--surface);border-color:var(--line);font-weight:750}.local-search{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.local-search input{min-width:0;min-height:56px;color:var(--ink);background:0 0;border:0;outline:0;padding:.8rem 1rem;font-size:1rem;font-weight:600}.local-search:focus-within{border-color:var(--jade);box-shadow:0 0 0 3px #2f776721, var(--shadow-sm)}.local-search button{min-width:96px;min-height:56px;color:var(--surface);background:var(--forest);cursor:pointer;border:0;padding-inline:1rem;font-weight:750}.local-search button:hover{background:#0a302b}.local-search-summary{color:var(--muted);margin-top:1.5rem;font-size:.92rem;font-weight:700}.local-search-empty{color:var(--muted);margin-top:.55rem}.local-search-results ol{gap:.8rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.local-search-results a{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);border-radius:12px;gap:.4rem;padding:1.25rem 7rem 1.25rem 1.3rem;text-decoration:none;display:grid;position:relative}.local-search-results a:hover{color:var(--forest);box-shadow:var(--shadow-md)}.local-search-results strong{color:var(--forest);font-family:var(--font-editorial);font-size:1.12rem}.local-search-results span{color:var(--muted);font-size:.92rem;line-height:1.65}.local-search-results small{color:var(--jade);font-family:var(--font-data);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:750;position:absolute;top:1.25rem;right:1.3rem}.reading-progress{top:calc(var(--header-height) + env(safe-area-inset-top));z-index:51;pointer-events:none;width:100%;height:3px;position:fixed;left:0}.reading-progress span{background:var(--coral);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.42rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:#91a09b;margin-right:.42rem}.breadcrumbs a{color:inherit}.article-hero{padding:clamp(3.25rem,5vw,4.75rem) 0 clamp(3.25rem,4.5vw,4rem)}.article-hero-grid{display:block}.article-heading{max-width:960px}.article-hero .breadcrumbs,.article-hero .breadcrumbs a{color:#a9bfb8}.article-kicker{color:#85b4a7;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;display:flex}.article-kicker span{color:var(--surface);border:1px solid #fff6;border-radius:4px;padding:.18rem .42rem}.article-kicker b{color:var(--forest);background:var(--mint);font-family:var(--font-ui);letter-spacing:0;text-transform:none;border-radius:999px;padding:.28rem .6rem;font-size:.76rem}.article-heading h1{max-width:17ch;color:var(--surface);margin-top:1rem;font-size:clamp(2.6rem,5.2vw,4.85rem)}.game-article-hero{padding-bottom:clamp(2.75rem,4vw,3.5rem)}.article-dek{color:#c7d6d1;max-width:68ch;margin-top:1.3rem;font-size:clamp(1rem,1.45vw,1.17rem)}.article-meta{color:#adc2bc;font-variant-numeric:tabular-nums;gap:1.4rem;margin-top:1.35rem;font-size:.84rem;display:flex}.article-layout{grid-template-columns:minmax(0,780px) 250px;grid-template-areas:"main sidebar";justify-content:center;align-items:start;gap:clamp(2rem,5vw,5rem);padding-top:3.5rem;display:grid}.article-sidebar{top:calc(var(--header-height) + 2rem);max-height:calc(100vh - var(--header-height) - 4rem);grid-area:sidebar;position:sticky;overflow-y:auto}.article-main{grid-area:main;min-width:0}.toc{background:var(--surface);box-shadow:var(--shadow-card);border:0;border-radius:12px}.toc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:50px;padding:.85rem 1rem;font-size:.9rem;font-weight:750;list-style:none;display:flex}.toc summary::-webkit-details-marker{display:none}.toc summary small{color:var(--muted);font-size:.75rem;font-weight:600}.toc nav{border-top:1px solid var(--line);padding:0 1rem 1rem}.toc ol{gap:.15rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.toc li.nested{padding-left:.65rem}.toc a{color:var(--muted);padding:.42rem 0;font-size:.84rem;line-height:1.45;text-decoration:none;display:block}.toc a:hover,.toc a[aria-current=location]{color:var(--jade)}.toc a[aria-current=location]{font-weight:750}.toc-video-item{border-bottom:1px solid var(--line);margin-bottom:.4rem;padding-bottom:.45rem}.toc-video-item a{color:var(--forest);align-items:center;gap:.45rem;font-weight:750;display:flex}.toc-video-item svg{fill:none;width:18px;height:18px;stroke:var(--coral);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none}.quick-answer{background:var(--mint);border-left:4px solid var(--jade);border-radius:0 12px 12px 0;margin-bottom:2rem;padding:1.35rem 1.45rem}.quick-answer>p:nth-child(2){color:var(--forest);margin-top:.45rem;font-size:1.03rem;font-weight:550}.quick-answer>div{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.quick-answer>div span{color:var(--forest);background:#ffffff8c;border:1px solid #2f776733;border-radius:999px;padding:.28rem .55rem;font-size:.74rem;font-weight:700}.article-media{margin:0 0 2.5rem}.article-media img{object-fit:contain;width:100%;box-shadow:var(--shadow-sm);background:#fdfcf9;border-radius:12px}.article-media figcaption,.media-credit,.prose figcaption{color:var(--muted);text-align:left;margin-top:.6rem;font-size:.85rem;line-height:1.6}.prose{color:#27312f;overflow-wrap:anywhere;font-size:1.0625rem}.prose>:first-child{margin-top:0}.prose>:where(p,ul,ol,blockquote){max-width:72ch}.prose p{text-wrap:pretty}.prose :where(h2,h3){scroll-margin-top:calc(var(--header-height) + 28px)}.prose :where(h2){border-top:1px solid var(--line);margin:3.8rem 0 1.15rem;padding-top:1rem;font-size:clamp(1.75rem,3.5vw,2.45rem)}.prose :where(h3){color:var(--forest);margin:2.25rem 0 .8rem;font-size:clamp(1.2rem,2.5vw,1.48rem)}.prose :where(p,ul,ol,table,blockquote,figure){margin:1.05rem 0}.prose :where(ul,ol){padding-left:1.4rem}.prose :where(li+li){margin-top:.38rem}.prose :where(a){font-weight:650}.prose :where(blockquote){color:var(--forest);background:var(--surface-soft);border-left:3px solid var(--jade);border-radius:0 9px 9px 0;padding:1.2rem 1.35rem}.prose :where(figure){box-shadow:var(--shadow-card);background:#fdfcf9;border-radius:12px;padding:1rem}.prose :where(figure img){object-fit:contain;background:#fdfcf9;border-radius:8px;width:100%;height:auto}.prose :where(table){border-collapse:collapse;background:var(--surface);font-variant-numeric:tabular-nums;width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose :where(th,td){overflow-wrap:normal;word-break:normal;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #e7ece9;min-width:130px;padding:.85rem .9rem}.prose :where(th){color:var(--forest);background:#fdfcf9;font-weight:750}.prose :where(tr:last-child td){border-bottom:0}.prose :where(code){color:var(--forest);background:var(--mint);border-radius:4px;padding:.12rem .32rem}.section-block{margin-top:4.5rem}.section-heading{margin-bottom:1.35rem}.section-heading h2{margin-top:.35rem;font-size:clamp(1.8rem,3vw,2.55rem)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:52px;color:var(--forest);cursor:pointer;padding:1rem 2rem 1rem 0;font-size:1rem;font-weight:720}.faq-list p{color:var(--muted);padding:0 0 1.25rem}.related-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.related-card{min-height:175px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);border:0;border-radius:12px;flex-direction:column;gap:.6rem;padding:1.15rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.related-card:hover{color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-card-top{justify-content:space-between}.related-card strong{font-size:.95rem;line-height:1.3}.related-card>span:last-child{color:var(--muted);font-size:.84rem}.video-section{scroll-margin-top:calc(var(--header-height) + 28px);margin:0 0 3.5rem}.video-frame,.game-shell{box-shadow:var(--shadow-sm);background:#092925;border:1px solid #1c4b44;border-radius:12px;overflow:hidden}.consent-embed{aspect-ratio:16/9;background:radial-gradient(circle at 80% 20%,#2f776759,#0000 35%),#092925;min-height:280px;position:relative}.consent-embed iframe{border:0;width:100%;height:100%}.embed-recovery{min-height:50px;color:var(--muted);border-top:1px solid var(--line);background:#f8fbfa;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .85rem;display:flex}.embed-recovery[hidden]{display:none}.embed-recovery p{margin:0;font-size:.82rem}.embed-recovery button{appearance:none;color:var(--jade-dark);font:inherit;cursor:pointer;background:0 0;border:1px solid #114e4440;border-radius:8px;padding:.42rem .65rem;font-size:.78rem;font-weight:750}.embed-recovery button:hover{color:var(--forest);background:var(--mint);border-color:#114e4466}.embed-recovery button:focus-visible{outline-offset:2px;outline:3px solid #2f776759}.consent-prompt{color:#eef6f3;justify-content:center;align-items:center;gap:clamp(1.25rem,4vw,2.5rem);width:100%;height:100%;padding:clamp(1.25rem,5vw,3.25rem);display:flex}.consent-prompt>div{max-width:590px}.consent-prompt strong{font-size:clamp(1.2rem,2.5vw,1.7rem)}.consent-prompt p{color:#b7cbc5;margin-top:.6rem;font-size:.9rem}.consent-load{cursor:pointer;margin-top:1.15rem}.consent-provider-link{color:#d2e1dd;margin:.85rem 0 0 1rem;font-size:.84rem;display:inline-flex}.consent-icon{flex:none;width:clamp(76px,12vw,110px)}.consent-icon rect{fill:var(--surface)}.consent-icon circle{fill:none;stroke:var(--jade);stroke-width:4px}.consent-icon circle:nth-of-type(3){stroke:var(--coral)}.consent-icon path{fill:var(--coral)}.key-moments{background:var(--surface);box-shadow:var(--shadow-card);border-radius:12px;margin-top:1.25rem;padding:1.1rem 1.2rem}.key-moments h3{color:var(--forest);font-family:var(--font-ui);letter-spacing:.01em;font-size:.9rem}.key-moments ol{gap:0;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.key-moments li+li{border-top:1px solid var(--line)}.key-moments a{min-height:44px;color:var(--ink);grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:.7rem;text-decoration:none;display:grid}.key-moments a:hover{color:var(--jade)}.key-moments time{color:var(--coral);font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:.78rem}.key-moments a span{min-width:0;font-size:.9rem}.game-stage-shell{margin-top:clamp(2rem,4vw,3.5rem)}.game-shell-featured{border:0;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0826222e}.game-stage-toolbar{min-height:62px;color:var(--surface);background:#0b312c;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem .65rem 1.1rem;display:flex}.game-stage-toolbar p{min-width:0;line-height:1.25;display:grid}.game-stage-toolbar p span{color:#a8c3bc;font-family:var(--font-data);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem}.game-stage-toolbar p strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.94rem;overflow:hidden}.theater-toggle{color:#e9f2ef;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .78rem;font-size:.82rem;font-weight:750;display:inline-flex}.theater-toggle:hover{background:#ffffff21;border-color:#ffffff59}.theater-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.game-viewport{aspect-ratio:16/9;background:#081f1c;position:relative;overflow:hidden}.game-viewport iframe{z-index:2;opacity:0;border:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.game-skeleton{z-index:1;color:#cce0da;background:radial-gradient(circle at 26% 30%,#3d8f7a6b,#0000 33%),radial-gradient(circle at 76% 70%,#c955492e,#0000 30%),linear-gradient(135deg,#0c3933,#071f1c);place-content:center;justify-items:center;gap:.85rem;transition:opacity .25s;display:grid;position:absolute;inset:0}.game-skeleton span{background:#ffffff1a;border-radius:999px;width:min(42vw,420px);height:12px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.game-skeleton span:nth-child(2){width:min(29vw,290px);animation-delay:.12s}.game-skeleton span:nth-child(3){width:min(18vw,180px);animation-delay:.24s}.game-skeleton p{margin-top:.35rem;font-size:.88rem;font-weight:700}.game-shell-featured.is-loaded .game-viewport iframe{opacity:1}.game-shell-featured.is-loaded .game-skeleton{opacity:0;pointer-events:none}@keyframes skeleton-pulse{50%{opacity:.4}}.game-provider{color:var(--muted);background:var(--surface-soft);text-align:right;padding:.75rem 1rem;font-size:.8rem}body.has-theater-mode{overflow:hidden}body.has-theater-mode:before{content:"";z-index:190;background:#020c0beb;position:fixed;inset:0}.game-shell-featured.is-theater{z-index:200;border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:18px}.game-shell-featured.is-theater .game-viewport{aspect-ratio:auto;flex:1;min-height:0}.game-shell-featured.is-theater .game-provider{display:none}.game-placeholder{color:#d4e1dd;justify-content:center;align-items:center;gap:1.4rem;min-height:300px;padding:2rem;display:flex}.game-placeholder .category-icon{width:72px;height:72px}.game-placeholder p{color:#9db5ae;max-width:44ch;margin-top:.35rem}.standalone-prose{max-width:780px;padding-top:4rem}.tool-app{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:4rem;padding:clamp(1.2rem,3vw,2rem)}.tool-app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.3rem;display:flex}.tool-app-header h2{margin-top:.3rem;font-size:clamp(1.7rem,3vw,2.4rem)}.tool-badge{color:var(--jade);background:var(--mint);white-space:nowrap;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:750}.tool-intro{color:var(--muted);margin:1.15rem 0}.cheat-tile-key{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.3rem 0;display:grid}.cheat-tile-key>div{border:1px solid var(--line);background:#f7faf8;border-radius:8px;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.cheat-tile-key p{min-width:0;line-height:1.2;display:grid}.cheat-tile-key small{color:var(--muted);margin-top:.2rem;font-size:.78rem}.reference-tile{background:var(--surface);border:1px solid #c6d0cc;border-radius:5px;flex:none;place-items:center;width:40px;height:52px;padding:6px;display:grid;box-shadow:0 2px #aebdb7}.reference-tile.dots,.reference-tile.bamboo{grid-template-columns:repeat(3,1fr);gap:2px}.reference-tile i{display:block}.reference-tile.dots i{background:var(--jade);border:2px solid #9dc6ba;border-radius:50%;width:7px;height:7px}.reference-tile.dots i:nth-child(2n){background:var(--coral);border-color:#efb5ad}.reference-tile.bamboo i{background:var(--jade);border-radius:4px;width:4px;height:14px;transform:rotate(7deg)}.reference-tile.bamboo i:nth-child(3n){background:var(--coral)}.reference-tile.characters{color:var(--coral);align-content:center}.reference-tile.characters b{font-size:1.35rem;line-height:1}.reference-tile.characters small{font-family:var(--font-data);letter-spacing:.08em;font-size:.48rem;font-weight:800}.cheat-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:1.3rem;display:grid}.cheat-grid section{background:var(--surface);padding:1.15rem}.cheat-grid h3{color:var(--forest);margin-bottom:.55rem;font-size:1.08rem}.cheat-grid p+p{margin-top:.3rem}.cheat-grid :where(ul,ol){margin:.4rem 0 0;padding-left:1.2rem}.shape-formula{color:var(--coral);font-family:var(--font-data);font-size:1.15rem;font-weight:800}.tool-note{color:var(--forest);background:var(--mint);border-radius:7px;margin-top:1rem;padding:.9rem;font-size:.9rem}.calculator-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.calculator-grid label,.generator-controls label{color:var(--muted);gap:.4rem;font-size:.84rem;font-weight:750;display:grid}.calculator-grid select,.generator-controls select{min-height:48px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:.6rem .7rem}.calculator-notice{color:#69352f;border-left:3px solid var(--coral);background:#fff1ef;margin-top:1rem;padding:.85rem 1rem;font-size:.9rem}.score-result{color:var(--surface);background:var(--forest);border-radius:10px;margin-top:1.25rem;padding:1.4rem}.result-label{color:#b9cbc6;font-family:var(--font-data);text-transform:uppercase;font-size:.74rem}.score-result strong{color:var(--surface);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:clamp(2rem,5vw,3.4rem);display:block}.score-result p{color:#d0deda;margin-top:.4rem}.score-result small{color:#efc3bd;margin-top:.75rem;display:block}.score-result[data-state=warning]{background:#493b39}.generator-controls{justify-content:space-between;align-items:end;gap:1rem;margin-top:1.2rem;display:flex}.generator-controls label{min-width:230px}.generator-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.generated-hand{background:var(--forest);border-radius:10px;flex-wrap:wrap;gap:6px;min-height:94px;margin-top:1.4rem;padding:1.4rem;display:flex}.practice-tile{width:44px;height:60px;color:var(--ink);font-family:var(--font-data);background:linear-gradient(145deg,#fff 0%,#f1f5f2 100%);border:1px solid #c6d0cc;border-radius:6px;align-content:center;place-items:center;padding:5px;font-size:.74rem;font-weight:800;display:grid;box-shadow:0 3px #9cafaa}.practice-tile .tile-rank{font-size:1.15rem;line-height:1}.practice-tile .tile-caption{letter-spacing:.06em;margin-top:3px;font-size:.43rem;font-weight:850}.practice-tile.suit-m,.practice-tile.suit-R{color:var(--coral)}.practice-tile.suit-G{color:var(--jade)}.tile-marks{grid-template-columns:repeat(3,1fr);place-items:center;gap:1px;width:100%;height:100%;display:grid}.tile-marks i{display:block}.suit-p .tile-marks i{background:var(--jade);border:2px solid #8eb9ac;border-radius:50%;width:8px;height:8px}.suit-p .tile-marks i:nth-child(3n+2){background:var(--coral);border-color:#e8a69e}.suit-s .tile-marks i{background:var(--jade);border-radius:4px;width:4px;height:13px;transform:rotate(8deg)}.suit-s .tile-marks i:nth-child(3n){background:var(--coral)}.hand-explanation{margin-top:1rem}.hand-explanation strong{color:var(--forest);font-size:1.1rem}.hand-explanation p{color:var(--muted)}}@layer utilities{@media (width>=1100px){.game-viewport{min-height:600px}}@media (width<=1040px){.primary-nav{display:none}.header-search{margin-left:auto}.mobile-nav{display:block}.home-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:clamp(2.75rem,4vw,3.5rem)}.hero-copy h1{font-size:clamp(3.15rem,5.7vw,3.7rem)}.variant-links{grid-template-columns:repeat(4,1fr)}.variant-links-label{grid-column:1/-1;min-height:auto;padding:.4rem .65rem .7rem}.page-card-grid,.game-entry-grid,.explore-grid{grid-template-columns:repeat(2,1fr)}.collection-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:2.5rem}}@media (width<=900px){.home-hero-grid{grid-template-columns:1fr;gap:3rem}.home-hero-grid .field-guide-visual{width:min(680px,100%);margin-inline:auto}}@media (width<=780px){.game-viewport{aspect-ratio:auto;min-height:390px}:root{--header-height:56px}.header-search{display:none}.mobile-search{margin-left:auto;display:grid}.variant-links{grid-template-columns:repeat(2,1fr)}.variant-links-label{grid-column:1/-1}.article-layout{grid-template-columns:1fr;grid-template-areas:"sidebar""main";padding-top:2rem}.article-sidebar{max-height:none;position:static;overflow:visible}.toc:not([open]){border-color:var(--line)}.toc a{align-items:center;min-height:44px;display:flex}.step-grid{grid-template-columns:1fr}.related-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.home-section-heading{flex-direction:column;align-items:start;gap:1rem}.home-section{padding-top:clamp(4.75rem,13vw,6.5rem)}.variant-section{margin-top:clamp(4.75rem,13vw,6.5rem);padding-block:clamp(4.5rem,12vw,6rem)}.practice-band{padding-block:clamp(4.5rem,12vw,6rem)}.collection-hero{padding-block:3.5rem}.collection-hero-grid{grid-template-columns:1fr;gap:2rem}.collection-mark{max-width:520px}.start-strip{margin-top:6rem;padding-block:4.5rem}.game-stage-shell{width:100%;margin-top:0}.game-shell-featured{border-radius:0}.game-shell-featured.is-theater{border-radius:0;inset:0}}@media (width<=560px){:root{--shell:min(100% - 28px, 1180px)}.brand .mahjong-mark{width:32px;height:32px}.home-hero{padding:2.65rem 0 3rem}.home-hero-shell{gap:2.25rem}.hero-copy h1{max-width:100%;font-size:clamp(2.25rem,10.8vw,2.9rem);line-height:1.03}.hero-copy h1 span{white-space:normal}.hero-actions .button{width:100%}.variant-links-label small{font-size:.82rem}.variant-links{gap:.5rem;padding:.5rem}.variant-links a{min-height:84px;padding:.8rem .75rem}.variant-links a strong{font-size:.9rem}.variant-links a span{font-size:.75rem}.local-search{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;overflow:visible}.local-search input{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px}.local-search button{border-radius:9px;margin-top:.65rem}.local-search-results a{padding:1.1rem}.local-search-results small{position:static}.page-card-grid,.game-entry-grid,.explore-grid,.related-grid,.footer-grid{grid-template-columns:1fr;gap:1.5rem}.collection-card-grid .page-card.prominent,.tutorial-grid .page-card.prominent{grid-column:auto;min-height:230px}.page-card{min-height:220px}.collection-hero h1{font-size:clamp(2.85rem,13vw,3.7rem)}.collection-mark{border-radius:12px;gap:1rem;padding:1rem}.collection-mark .category-icon{width:58px;height:58px}.collection-mark li{padding-inline:.48rem;font-size:.7rem}.explore-card{min-height:220px}.footer-grid{gap:2rem}.footer-grid nav a{min-height:44px}.footer-bottom,.start-strip-inner,.collection-summary{flex-direction:column;align-items:start}.article-hero{padding-top:3rem}.breadcrumbs li:last-child{display:none}.article-meta{flex-direction:column;gap:.2rem}.quick-answer{padding:1.1rem}.prose :where(th,td){min-width:116px;padding:.7rem .65rem}.consent-prompt{align-items:flex-start;overflow-y:auto}.consent-icon{display:none}.consent-provider-link{margin-left:0;display:flex}.game-stage-toolbar{min-height:56px;padding-left:.85rem}.theater-toggle span{display:none}.theater-toggle{justify-content:center;width:42px;padding:0}.game-provider{text-align:left;padding-inline:.85rem}.tool-app-header,.generator-controls{flex-direction:column;align-items:stretch}.cheat-tile-key,.cheat-grid,.calculator-grid{grid-template-columns:1fr}.generator-actions{justify-content:stretch}.generator-actions .button{flex:160px}.generated-hand{gap:5px;padding:1rem}.practice-tile{width:38px;height:52px;padding:4px}.suit-p .tile-marks i{width:7px;height:7px}.comparison-header{display:none}.comparison-row{grid-template-columns:minmax(0,1fr) auto;gap:.55rem 1rem;padding:1.1rem}.comparison-row>span[role=cell]{grid-area:2/1/auto/-1}.comparison-row a{grid-area:1/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.article-sidebar,.related-section,.video-section,.reading-progress{display:none!important}body{background:#fff}.article-hero{color:#000;background:#fff;padding:1rem 0}.article-heading h1,.article-dek,.article-meta{color:#111}.article-layout{display:block}.quick-answer{break-inside:avoid}.tool-app{box-shadow:none}.tool-app-header .eyebrow,.print-button{display:none}}}