@font-face{font-family:Noto Serif TC;src:url(/NotoSerifTC.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:100 900;unicode-range:U+??,U+2010-2027,U+2030-205E,U+20A0-20BF,U+2190-2199,U+22??,U+2600-27BF,U+FE0F,U+2E80-9FFF,U+F900-FAFF,U+3000-303F,U+FF00-FFEF}:root{color-scheme:dark;--jade:#1c6553;--deep-jade:#0e3a31;--hero-deep:#0c3128;--ink-on-gold:#0c2c24;--gold:#e7c877;--light-gold:#f0d89a;--cream-heading:#f5ecd4;--cream:#f3e6c4;--cream-70:#f3e6c4b3;--cream-50:#f3e6c480;--cream-14:#f3e6c424;--coral:#e85c6b;--teal:#3ecfac;--violet:#a78bfa;--page:#071b17;--page-light:#0a251f;--card:#ffffff0b;--card-raised:#ffffff13;--line:#e7c87729;--line-strong:#e7c87757;--serif:"Noto Serif TC", Georgia, "Songti TC", "Songti SC", "Noto Serif CJK TC", "Times New Roman", serif;--sans:system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--shadow-card:0 28px 70px #00080652, inset 0 1px #ffffff0f;--shadow-tile:0 8px 16px #00000052, 0 2px 0 #0000006b;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth;scroll-padding-top:88px}body{background:radial-gradient(circle at 15% 5%, #1c655338, transparent 30rem), var(--page);min-width:320px;color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}body::selection{background:var(--gold);color:var(--ink-on-gold)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{color:var(--cream-heading);font-family:var(--serif);letter-spacing:-.035em;font-weight:800}h1{font-size:clamp(3.6rem,6.5vw,7.4rem);line-height:.98}h2{font-size:clamp(2.5rem,4.6vw,5rem);line-height:1.02}h3{color:var(--cream-heading);font-size:1.12rem;line-height:1.25}.shell{width:min(1440px,100% - 64px);margin-inline:auto}.section{padding:clamp(88px,10vw,150px) 0}.skip-link{z-index:999;background:var(--gold);color:var(--ink-on-gold);border-radius:10px;padding:10px 16px;font-weight:800;position:fixed;top:12px;left:12px;translate:0 -150%}.skip-link:focus{translate:0}:focus-visible{outline:3px solid var(--light-gold);outline-offset:4px}.eyebrow{color:var(--gold);letter-spacing:.21em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:.73rem;font-weight:800;line-height:1.2;display:flex}.eyebrow>span{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 18px #3ecfacd9}.button{text-align:center;min-height:52px;transition:translate .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s ease;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:.94rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{translate:0 -2px}.button-primary{background:linear-gradient(145deg, var(--light-gold), var(--gold));color:var(--ink-on-gold);box-shadow:0 14px 36px #e7c8772e,inset 0 1px #fff6}.button-primary:hover{box-shadow:0 18px 44px #e7c87747,inset 0 1px #ffffff73}.button-secondary{color:var(--cream-heading);background:#ffffff17;box-shadow:inset 0 1px #ffffff14}.button-secondary:hover{background:#ffffff26}.button-small{border-radius:11px;min-height:40px;padding:9px 15px;font-size:.78rem}.is-placeholder{cursor:default;opacity:.74}.is-placeholder:hover{translate:none}.site-nav{z-index:50;background:0 0;transition:background .24s,backdrop-filter .24s,box-shadow .24s;position:fixed;top:0;left:0;right:0}.site-nav.is-scrolled{backdrop-filter:blur(18px)saturate(130%);background:#051612b8;box-shadow:0 10px 30px #0000004d}.nav-shell{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{color:var(--cream-heading);letter-spacing:.015em;white-space:nowrap;align-items:center;gap:11px;font-size:.93rem;font-weight:800;text-decoration:none;display:inline-flex}.brand em{color:var(--gold);font-family:var(--serif);margin-left:6px;font-size:.84em;font-style:normal;font-weight:600}.brand-mark{width:34px;height:42px;color:var(--gold);font-family:var(--serif);background:linear-gradient(155deg,#1a5b4e,#0e3a31);border-radius:8px;place-items:center;font-size:1.15rem;display:grid;box-shadow:0 4px #071c17,inset 0 0 0 1px #e7c8773d}.nav-links{align-items:center;gap:24px;display:flex}.nav-links>a:not(.button){color:var(--cream-70);font-size:.79rem;font-weight:700;text-decoration:none}.nav-links>a:not(.button):hover{color:var(--cream-heading)}.language-link{padding-left:24px;color:var(--gold)!important}.hero-section{background:radial-gradient(circle at 78% 30%, #277f6970, transparent 36%), radial-gradient(circle at 11% 5%, #e7c87714, transparent 28%), linear-gradient(142deg, #155144 0%, var(--hero-deep) 42%, #071b17 100%);min-height:780px;padding:150px 0 40px;position:relative;overflow:hidden}.hero-section:before{content:"麻雀";color:#e7c8770a;font-family:var(--serif);pointer-events:none;white-space:nowrap;font-size:clamp(16rem,35vw,42rem);font-weight:900;line-height:1;position:absolute;top:42px;right:-90px}.hero-grain{opacity:.11;pointer-events:none;background-image:radial-gradient(#ffffffb8 .55px,#0000 .7px);background-size:9px 9px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 88%)}.hero-copy{z-index:2;padding-bottom:52px;position:relative}.hero-copy h1{max-width:15ch;font-size:clamp(2.9rem,5vw,5.4rem);line-height:1.02}html[lang=zh-Hant] .hero-copy h1{max-width:22ch;line-height:1.18}.hero-copy h1 em{color:var(--gold);font-style:normal}.hero-subtitle{color:#f3e6c4db;max-width:46ch;margin-top:26px;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:36px;display:flex}.hero-proof{color:var(--cream-70);flex-wrap:wrap;gap:12px 24px;margin:28px 0 0;padding:0;font-size:.76rem;font-weight:650;list-style:none;display:flex}.hero-proof li{align-items:center;gap:8px;display:flex}.hero-proof li span{background:var(--gold);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #e7c877a6}.hero-photo-band{z-index:0;pointer-events:none;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden;mask-image:linear-gradient(#0000 0%,#0000000f 4%,#00000038 9%,#0000007a 14%,#000000c2 20%,#000000ed 26%,#000 33% 67%,#000000ed 74%,#000000c2 80%,#0000007a 86%,#00000038 91%,#0000000f 96%,#0000 100%)}.hero-photo-band img{object-fit:cover;object-position:56% 42%;filter:brightness(.52)saturate(1.05)contrast(1.02);width:100%;height:100%;scale:1.06}.hero-photo-band:after{content:"";background:linear-gradient(100deg,#071b17f0 0%,#071b17b8 38%,#08201b57 72%,#08201b94 100%),linear-gradient(#0a2a229e 0%,#0000 24% 68%,#071b17db 100%);position:absolute;inset:0}.tile-ribbon{z-index:5;perspective:900px;justify-content:center;align-items:flex-end;gap:clamp(4px,.6vw,10px);display:flex;position:relative}.hero-tile-ribbon{min-height:108px;margin-top:4px}.tile-deal{animation:tile-deal .7s var(--ease-out) both;animation-delay:calc(.1s + var(--deal-index) * 55ms);display:inline-flex}.tile-ribbon.is-looping .tile-deal{animation:tile-deal-loop 2.4s var(--ease-out) infinite both;animation-delay:calc(var(--deal-index) * .11s)}@keyframes tile-deal{0%{opacity:0;transform:translate3d(0,60px,80px)rotateX(-22deg)rotate(4deg)}to{opacity:1;transform:translate(0,0)rotateX(0)rotate(0)}}@keyframes tile-deal-loop{0%{opacity:0;transform:translate3d(0,44px,70px)rotateX(-22deg)}22%,68%{opacity:1;transform:translate(0,0)rotateX(0)}to{opacity:0;transform:translateY(-14px)rotateX(10deg)}}.mahjong-tile{width:var(--tile-width,46px);height:calc(var(--tile-width,46px) * 1.35);border-radius:calc(var(--tile-width,46px) * .19);box-shadow:var(--shadow-tile);transition:translate .16s var(--ease-out), box-shadow .16s ease, filter .16s ease, border-color .16s ease;border:1px solid;flex:none;place-items:stretch stretch;padding:0;display:inline-grid;position:relative}.tile-face{width:100%;height:100%;display:block}button.mahjong-tile{appearance:none;cursor:pointer}.human-hand button.mahjong-tile:hover:not(:disabled){z-index:3;translate:0 -10px}button.mahjong-tile:hover:not(:disabled){z-index:3;border-color:var(--gold)}.mahjong-tile.is-selected{z-index:3;box-shadow:0 0 0 3px var(--gold), 0 14px 26px #00000073;translate:0 -10px}.mahjong-tile.is-disabled{cursor:default;filter:saturate(.55);opacity:.62}.mahjong-tile.is-dimmed{filter:grayscale(.5);opacity:.42}.tile-xs{--tile-width:24px}.tile-sm{--tile-width:30px}.tile-md{--tile-width:46px}.tile-lg{--tile-width:58px}.tile-ivory{background:linear-gradient(145deg,#f8efdb,#e7d2ac);border-color:#d8c299}.tile-jade{box-shadow:var(--shadow-tile), inset 0 0 0 1.5px #e7c8774d;background:linear-gradient(145deg,#1a5b4e,#0e3a31);border-color:#08251f}.tile-back{box-shadow:var(--shadow-tile), inset 0 0 0 1px #ffffff29;background:linear-gradient(#0000 0 90%,#efe3c4 90% 100%),radial-gradient(circle at 32% 22%,#ffffff6b,#0000 34%),repeating-linear-gradient(128deg,#ffffff17 0 2px,#0000 2px 6px),linear-gradient(150deg,#f2cd6a,#c9993c 58%,#a97f2c);border-color:#a98535}.section-heading{margin-bottom:52px}.section-heading>p:not(.eyebrow),.section-intro,.page-intro{color:var(--cream-70);font-size:1.04rem;line-height:1.72}.split-heading{grid-template-columns:1fr minmax(320px,.58fr);align-items:end;gap:64px;display:grid}.split-heading h2{max-width:10ch}.split-heading>p{max-width:58ch;padding-bottom:7px}.centered-heading{text-align:center;max-width:900px;margin-bottom:60px;margin-left:auto;margin-right:auto}.centered-heading .eyebrow{justify-content:center}.centered-heading>p:last-child{max-width:62ch;margin:24px auto 0}.style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.style-card{background:linear-gradient(160deg,#ffffff0e,#ffffff05);border-radius:22px;flex-direction:column;justify-content:space-between;gap:32px;min-height:390px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.style-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 68%,#e7c8770d 69%,#0000 71%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-45%;right:-50%}.style-card.is-playable{box-shadow:var(--shadow-card);background:radial-gradient(circle at 86% 16%,#e7c8771f,#0000 34%),linear-gradient(155deg,#1c6553a8,#0b2b24d9)}.style-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.style-mark{color:#e7c87757;font-family:var(--serif);font-size:4.4rem;font-weight:900;line-height:.9}.is-playable .style-mark{color:var(--gold);text-shadow:0 12px 30px #00000057}.status-pill{width:fit-content;min-height:27px;color:var(--cream-70);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 10px;font-size:.61rem;font-weight:850;line-height:1;display:inline-flex}.status-pill.status-available{color:#7de5cb;background:#3ecfac1a;border-color:#3ecfac6b}.status-pill.status-coming-next{color:var(--gold);border-color:#e7c87752}.style-card h3{font-family:var(--serif);font-size:1.65rem}.style-card p{color:var(--cream-50);margin-top:10px;font-size:.85rem;line-height:1.6}.style-card .style-meta{color:var(--gold);font-family:var(--serif);margin-top:5px;font-size:.72rem}.style-launch,.text-link{color:var(--cream-heading);justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;font-weight:800;text-decoration:none;display:flex}.style-launch{padding-top:16px}.style-launch span,.text-link b{color:var(--gold);font-size:1.1rem}.style-roadmap{color:#f3e6c438;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;overflow:hidden}.feature-band{background:#071b17;padding:clamp(90px,11vw,168px) 0;position:relative;overflow:hidden}.feature-band.is-alt{background:#0a231e}.feature-band:before{content:"";background:radial-gradient(58% 62% at var(--glow-x,78%) 42%, var(--glow), transparent 68%);pointer-events:none;position:absolute;inset:0}.feature-band.is-alt:before{--glow-x:22%}.glow-jade{--glow:#1f6f5c6b}.glow-gold{--glow:#e7c8771c}.glow-teal{--glow:#3ecfac21}.feature-row{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid;position:relative}.feature-row.is-reversed .feature-copy{order:2}.feature-row.is-reversed .feature-shot{order:1}.feature-copy h2{max-width:16ch;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.06}.feature-copy>p:not(.eyebrow){max-width:48ch;color:var(--cream-70);margin-top:20px;font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.7}.feature-shot{justify-items:center;display:grid}.dragon-shot img,.feature-detect .detect-frame{-webkit-mask-composite:source-in;width:100%;mask-image:linear-gradient(90deg,#0000 0%,#0000000f 5%,#00000038 10%,#0000007a 15%,#000000c2 21%,#000000ed 27%,#000 34% 66%,#000000ed 73%,#000000c2 79%,#0000007a 85%,#00000038 90%,#0000000f 95%,#0000 100%),linear-gradient(#0000 0%,#0000000f 4%,#00000038 9%,#0000007a 14%,#000000c2 20%,#000000ed 26%,#000 33% 67%,#000000ed 74%,#000000c2 80%,#0000007a 86%,#00000038 91%,#0000000f 96%,#0000 100%);mask-composite:intersect}.dragon-shot img,.feature-detect .detect-frame img{filter:brightness(.82)saturate(.94)contrast(1.03)}.ui-card{width:min(520px,100%);rotate:var(--tilt,0deg);border-radius:22px;box-shadow:0 6px 18px #00000052,0 34px 70px #00000085,0 70px 140px #00000061}.ui-stack{place-items:center;width:100%;padding:8% 6% 12% 0;display:grid;position:relative}.ui-stack .ui-behind{filter:brightness(.66)saturate(.85);border-radius:20px;width:min(400px,84%);rotate:4deg;box-shadow:0 40px 90px #00000080;mask-image:linear-gradient(#0000 0%,#0000000f 4%,#00000038 9%,#0000007a 14%,#000000c2 20%,#000000ed 26%,#000 33% 67%,#000000ed 74%,#000000c2 80%,#0000007a 86%,#00000038 91%,#0000000f 96%,#0000 100%)}.ui-stack .ui-card{width:min(380px,82%);position:absolute;bottom:0;right:0}.dragon-shot{width:min(460px,100%);position:relative}.orbit-dots{pointer-events:none;width:132%;height:132%;position:absolute;top:-16%;left:-16%}.tile-card{background:linear-gradient(#13483df5,#092620fa);border-radius:22px;width:min(300px,78%);padding:18px 20px;position:absolute;bottom:6%;right:-12%;rotate:-2deg;box-shadow:0 30px 70px #0009}.tile-card-name{color:var(--cream-heading);font-family:var(--serif);font-size:1.4rem;font-weight:800;line-height:1.1}.tile-card-zh{color:var(--gold);font-family:var(--serif);margin-top:3px;font-size:1rem;font-weight:700}.tile-card-zh em{color:var(--cream-50);font-family:var(--sans);margin-left:8px;font-size:.76rem;font-style:italic;font-weight:500}.tile-card-meta{color:var(--cream-50);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:.68rem}.tile-card-note{color:var(--cream-70);margin-top:10px;font-size:.76rem;line-height:1.5}.tile-card-chips{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;display:grid}.tile-card-chips span{min-height:46px;color:var(--cream-50);text-align:center;background:#ffffff0f;border-radius:11px;align-content:center;gap:2px;padding:8px 4px;font-size:.58rem;display:grid}.tile-card-chips b{color:var(--cream-heading);font-size:.8rem}.feature-photo .feature-shot img{filter:brightness(.92)saturate(1.02)contrast(1.03);width:min(440px,100%)}.practice-shot{width:min(720px,100%);padding:2% 1.6% 4%;container-type:inline-size}.practice-banner{color:#efe7d2;white-space:nowrap;background:#061410e0;border-radius:999px;align-items:center;gap:1.6cqw;max-width:100%;padding:1.5cqw 3.4cqw;font-size:max(11px,2.4cqw);font-weight:600;display:inline-flex;overflow:hidden}.practice-banner i{background:#5fb89a;border-radius:50%;width:1.6cqw;height:1.6cqw;box-shadow:0 0 1.6cqw #5fb89ae6}.practice-body{margin-top:3%;position:relative}.practice-table{width:60%;rotate:-2.2deg;container-type:inline-size}.practice-felt{background:radial-gradient(90% 75% at 50% 40%,#236a50 0%,#1a5540 48%,#113f30 100%);border-radius:11cqw;justify-items:center;padding:6.4cqw 9cqw 7.2cqw 5.6cqw;display:grid;box-shadow:0 40px 90px #0000008c,inset 0 0 60px #00000059,inset 0 2px #ffffff0f}.practice-pond{justify-items:center;gap:2.3cqw;display:grid}.pond-row{gap:2.3cqw;display:flex}.practice-pond .mahjong-tile{--tile-width:12.9cqw}.pond-tile{line-height:0;display:block;position:relative}.pond-tile i{border-radius:50%;width:4.2cqw;height:4.2cqw;position:absolute;top:-1.8cqw;left:-1.8cqw;box-shadow:0 0 0 1.1cqw #0a241eeb}.practice-turn{justify-self:start;margin-top:5.6cqw}.turn-badge{background:var(--gold);color:var(--ink-on-gold,#08251f);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:1.8cqw 4.2cqw;font-size:3.2cqw;font-weight:800;display:inline-block}.practice-rack{margin-top:2.9cqw;display:flex}.practice-rack .mahjong-tile{--tile-width:6.3cqw}.rack-tile{margin:0 -.3cqw;line-height:0;display:block}.rack-tile.is-suggested{z-index:2;position:relative;translate:0 -1.9cqw}.rack-tile.is-suggested .mahjong-tile{box-shadow:0 0 0 .7cqw var(--gold), 0 2.6cqw 4.8cqw #00000073}.hint-card{width:44%;position:absolute;top:50%;right:0;translate:0 -50%;rotate:2.4deg;container-type:inline-size}.hint-sheet{background:linear-gradient(#0d322af7,#061a16fc);border-radius:9.8cqw;padding:7.4cqw;box-shadow:0 30px 70px #0000009e,0 6px 16px #0006}.hint-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4.8cqw;display:grid}.hint-head .mahjong-tile{--tile-width:15.2cqw}.hint-badge{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:3.7cqw;font-weight:800}.hint-headline{color:var(--cream-heading);font-family:var(--serif);margin-top:1cqw;font-size:6.7cqw;font-weight:800;line-height:1.12}.hint-confidence{color:var(--gold);margin-top:2.6cqw;font-size:4.1cqw}.hint-verdict{color:var(--cream-70);margin-top:1.6cqw;font-size:4.6cqw;line-height:1.5}.hint-candidates{background:#ffffff0e;border-radius:5.6cqw;gap:3.9cqw;margin-top:5.6cqw;padding:5.2cqw;display:grid}.hint-section{color:var(--cream-50);letter-spacing:.08em;text-transform:uppercase;font-size:3.5cqw}.hint-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3.9cqw;display:grid}.hint-row .mahjong-tile{--tile-width:9.6cqw}.hint-row-copy p{justify-content:space-between;align-items:baseline;gap:2.6cqw;display:flex}.hint-row-copy b{color:var(--cream-heading);font-size:4.1cqw}.hint-row-copy span{color:var(--cream-50);white-space:nowrap;font-size:3.5cqw}.hint-bar{background:#ffffff17;border-radius:999px;height:1.7cqw;margin-top:2cqw;display:block}.hint-bar i{background:linear-gradient(90deg,#e7c877,#f2e0b0);border-radius:999px;height:100%;display:block}.hint-position{color:var(--cream-50);margin-top:4.8cqw;font-size:3.9cqw}@container (width<=430px){.practice-body{gap:5%;display:grid}.practice-table{width:100%}.hint-card{justify-self:end;width:94%;position:static;translate:none}}.detect-shot{width:100%;position:relative}.detect-frame{position:relative}.detect-overlay{pointer-events:none;position:absolute;inset:0}.detect-box{border:2px solid #96de6eeb;border-radius:9px;position:absolute}.detect-tag{color:#143b10;font:700 .6rem/1 var(--sans);white-space:nowrap;background:#c9efb2;border-radius:5px;padding:2px 6px;position:absolute;translate:0 -118%}.detect-status{color:#f2f6ef;font:700 .72rem var(--sans);white-space:nowrap;background:#080c09d1;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex;position:absolute;top:7%;left:4%}.detect-status i{background:#6fd24b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #6fd24be6}.plan-section{background:#071b17}.plan-steps{grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,46px);margin:52px 0 0;padding:0;list-style:none;display:grid}.plan-steps li{grid-row:span 2;grid-template-rows:subgrid;align-content:start;gap:18px;display:grid}.plan-shot{place-items:stretch stretch;display:grid;container-type:inline-size}.viewfinder,.check-card,.score-card{border-radius:5cqw;position:relative;overflow:hidden;box-shadow:0 22px 50px #0000006b}.viewfinder{background:radial-gradient(120% 90% at 50% 40%,#17453a 0%,#0c2b24 55%,#071e19 100%);place-items:center;padding:17cqw 6cqw;display:grid}.vf-corner{background:linear-gradient(var(--gold), var(--gold)) top left / 100% .7cqw no-repeat, linear-gradient(var(--gold), var(--gold)) top left / .7cqw 100% no-repeat;opacity:.85;width:7cqw;height:7cqw;position:absolute}.vf-tl{top:4.5cqw;left:4.5cqw}.vf-tr{top:4.5cqw;right:4.5cqw;rotate:90deg}.vf-br{bottom:4.5cqw;right:4.5cqw;rotate:180deg}.vf-bl{bottom:4.5cqw;left:4.5cqw;rotate:270deg}.vf-status{color:#f2f6ef;white-space:nowrap;background:#080c09d1;border-radius:999px;align-items:center;gap:1.6cqw;padding:1.4cqw 3cqw;font-size:2.6cqw;font-weight:700;display:inline-flex;position:absolute;top:9cqw;left:8cqw}.vf-status i{background:#6fd24b;border-radius:50%;width:1.8cqw;height:1.8cqw;box-shadow:0 0 1.8cqw #6fd24be6}.vf-row{gap:1.8cqw;margin-top:4cqw;display:flex;rotate:-3deg}.vf-row .mahjong-tile{--tile-width:12.5cqw}.vf-tile{border-radius:2.4cqw;line-height:0;display:block;position:relative}.vf-tile.is-read{box-shadow:0 0 0 .7cqw #96de6eeb}.vf-tag{color:#143b10;white-space:nowrap;background:#c9efb2;border-radius:1.4cqw;padding:.6cqw 1.8cqw;font-size:2.3cqw;font-weight:700;line-height:1.3;position:absolute;bottom:-4.4cqw;left:50%;translate:-50%}.check-card,.score-card{background:linear-gradient(#154e42eb,#08201bf5);align-content:start;gap:3cqw;padding:5cqw;display:grid}.check-title{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:2.6cqw;font-weight:800}.check-sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw 2cqw;display:grid}.check-set{justify-items:start;gap:1.4cqw;display:grid}.check-tiles{gap:.8cqw;display:flex}.check-sets .mahjong-tile{--tile-width:8.2cqw}.check-set p{color:var(--cream-70);font-size:2.4cqw}.check-confirm{background:var(--gold);color:var(--ink-on-gold,#08251f);border-radius:999px;justify-self:start;align-items:center;gap:1.4cqw;padding:1.6cqw 3.6cqw;font-size:2.5cqw;font-weight:800;display:inline-flex}.score-total{align-items:baseline;gap:1.6cqw;display:flex}.score-total b{color:var(--gold);font-family:var(--serif);font-size:11cqw;font-weight:800;line-height:1}.score-total span{color:var(--cream-50);letter-spacing:.1em;text-transform:uppercase;font-size:3cqw}.score-pattern{gap:1.4cqw;display:grid}.score-name{color:var(--cream-heading);align-items:baseline;gap:1.6cqw;font-size:2.7cqw;font-weight:700;display:flex}.score-name em{color:var(--cream-50);font-family:var(--serif);font-size:2.2cqw;font-style:normal}.score-name b{color:var(--gold);margin-left:auto;font-size:2.5cqw}.score-tiles{gap:.7cqw;display:flex}.score-tiles .mahjong-tile{--tile-width:6.8cqw}.score-reason{color:var(--cream-70);font-size:2.2cqw;line-height:1.45}.plan-copy{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.plan-copy>span{color:var(--gold);font-family:var(--serif);font-size:1.1rem}.plan-steps h3{font-size:1rem}.plan-steps p{color:var(--cream-70);margin-top:6px;font-size:.88rem}.try-web-section{background:linear-gradient(#071b17,#0a231e)}.try-web{width:min(1440px,100% - 64px);box-shadow:var(--shadow-card);background:radial-gradient(circle at 78% 46%,#217a6380,#0000 32rem),linear-gradient(145deg,#102f27,#081d18);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:clamp(36px,5vw,80px);margin-inline:auto;padding:clamp(40px,5vw,66px);text-decoration:none;display:grid;overflow:hidden}.try-web h2{max-width:14ch;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.05}.try-web>div>p:not(.eyebrow){max-width:46ch;color:var(--cream-70);margin-top:18px;font-size:.95rem}.try-web .text-link{max-width:320px;margin-top:32px}.browser-shot{justify-self:center;width:min(460px,100%);container-type:inline-size}.browser-frame{background:#0a2a23;border-radius:4cqw;overflow:hidden;rotate:2deg;box-shadow:0 40px 80px #0000007a,0 6px 18px #0006}.browser-bar{background:#ffffff0d;align-items:center;gap:3cqw;padding:2.6cqw 3.4cqw;display:flex}.browser-dots{gap:1.4cqw;display:flex}.browser-dots i{background:#f3e6c447;border-radius:50%;width:2.2cqw;height:2.2cqw}.browser-url{color:var(--cream-50);white-space:nowrap;text-overflow:ellipsis;background:#00000047;border-radius:999px;padding:1cqw 3cqw;font-size:max(9px,2.4cqw);overflow:hidden}.browser-felt{background:radial-gradient(90% 80% at 50% 34%,#236a50 0%,#1a5540 50%,#113f30 100%);justify-items:center;padding:4cqw 4cqw 5cqw;display:grid}.browser-status{color:#efe7d2;background:#061410d1;border-radius:999px;align-items:center;gap:1.6cqw;padding:1.2cqw 3cqw;font-size:max(10px,2.4cqw);font-weight:700;display:inline-flex}.browser-status i{background:#5fb89a;border-radius:50%;width:1.6cqw;height:1.6cqw;box-shadow:0 0 1.6cqw #5fb89ae6}.browser-pond{background:radial-gradient(80% 90% at 50% 60%,#e7c87729,#e7c8770d);border-radius:4cqw;justify-items:center;gap:1.6cqw;margin-top:3.6cqw;padding:3cqw 3cqw 8cqw;display:grid;position:relative;box-shadow:0 0 6cqw #e7c8771f}.browser-pond .pond-row{gap:1.6cqw;display:flex}.browser-pond .mahjong-tile{--tile-width:8.4cqw}.browser-pond .pond-tile i{width:2.8cqw;height:2.8cqw;top:-1.2cqw;left:-1.2cqw;box-shadow:0 0 0 .8cqw #0a241eeb}.browser-drop{position:absolute;bottom:-2cqw;left:50%;translate:-50%;rotate:-6deg}.browser-drop .mahjong-tile{--tile-width:9.6cqw;box-shadow:0 0 0 .5cqw var(--gold), 0 4cqw 7cqw #0000008c}.browser-hint{color:#f3e6c4b8;text-align:center;margin-top:4.5cqw;font-size:max(10px,2.3cqw)}.browser-rack{margin-top:2.4cqw;display:flex}.browser-rack .mahjong-tile{--tile-width:6.2cqw}.browser-rack .rack-tile{margin:0 -.2cqw;line-height:0;display:block}.styles-note{max-width:60ch;color:var(--cream-50);text-align:center;margin-top:clamp(48px,6vw,80px);font-size:.84rem;line-height:1.7}.training-note{background:#071b17;padding:clamp(64px,8vw,110px) 0}.training-note p{max-width:26ch;color:var(--cream-heading);font-family:var(--serif);letter-spacing:-.02em;text-align:center;margin-inline:auto;font-size:clamp(1.7rem,3vw,2.9rem);font-weight:700;line-height:1.25}.training-note em{color:var(--gold);font-style:normal}.runtime-dot{background:var(--teal);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 14px #3ecfacd1}.closing-section{background:#071b17;padding:30px 0 120px}.closing-card{min-height:520px;box-shadow:var(--shadow-card);background:radial-gradient(circle at 82% 35%,#3292795c,#0000 26rem),linear-gradient(135deg,#175247,#0a2a22 58%,#071b17);border-radius:38px;padding:clamp(56px,7vw,100px);position:relative;overflow:hidden}.closing-card h2{z-index:2;max-width:11ch;position:relative}.closing-card>p:not(.eyebrow){z-index:2;max-width:54ch;color:var(--cream-70);margin-top:24px;position:relative}.closing-actions{z-index:2;position:relative}.closing-mark{color:#e7c87714;font-family:var(--serif);font-size:clamp(22rem,46vw,42rem);font-weight:900;line-height:1;position:absolute;bottom:-24%;right:2%}.play-hub-hero{background:radial-gradient(circle at 72% 10%,#1c65535c,#0000 34rem),linear-gradient(145deg,#0c3128,#071b17 62%);min-height:100vh;padding:136px 0 110px}.play-hub-shell>h1{margin-top:18px}.play-hub-shell .page-intro{max-width:62ch;margin:24px 0 54px}.back-link{color:var(--cream-70);align-items:center;gap:10px;margin-bottom:60px;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-flex}.back-link span{color:var(--gold)}.style-grid-compact .style-card{min-height:330px}.play-hub-note{color:var(--cream-50);align-items:center;gap:12px;margin-top:32px;font-size:.8rem;display:flex}.site-footer{background:#061612;padding:46px 0 56px}.footer-grid{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.footer-brand{margin-bottom:16px}.footer-grid p{max-width:46ch;color:var(--cream-50);font-size:.72rem}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.footer-links a{color:var(--cream-50);font-size:.72rem;font-weight:700;text-decoration:none}.footer-links a:hover{color:var(--gold)}.game-page{background:radial-gradient(circle at 50% 24%,#1c655359,#0000 42rem),linear-gradient(#0b3027,#071b17 46rem);min-height:100vh;padding:100px 0 90px}.game-page-heading{align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.game-page-heading .back-link{margin-bottom:0}.game-page-title{color:var(--gold);font-family:var(--sans);letter-spacing:.21em;text-transform:uppercase;font-size:.73rem;font-weight:800;line-height:1.2}.game-page-stage{width:min(1680px,100% - 28px);margin-inline:auto}.game-start-card,.game-error,.game-loading{width:min(900px,100%);min-height:480px;box-shadow:var(--shadow-card);background:radial-gradient(circle at 82% 15%,#e7c87717,#0000 24rem),linear-gradient(145deg,#174e42,#091f1a);border-radius:34px;place-items:center;margin:0 auto;padding:56px;display:grid;overflow:hidden}.game-start-card{grid-template-columns:.45fr 1fr;gap:54px;position:relative}.game-start-mark{aspect-ratio:.74;width:210px;box-shadow:var(--shadow-tile), inset 0 0 0 5px #e7c87714;color:var(--gold);font-family:var(--serif);background:linear-gradient(145deg,#1a5b4e,#0a2e26);border-radius:28px;place-items:center;font-size:7rem;display:grid}.game-start-card h2,.game-error h2{max-width:10ch;font-size:clamp(2.6rem,5vw,4.5rem)}.game-start-card>div>p:not(.eyebrow),.game-error p{max-width:55ch;color:var(--cream-70);margin-top:20px}.game-start-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.game-too-small{grid-template-columns:1fr;justify-items:start;gap:30px;min-height:0;padding:40px 28px}.game-too-small h2{text-wrap:balance;max-width:15ch;font-size:clamp(1.9rem,6vw,3rem)}.game-too-small .game-start-mark{border-radius:20px;width:96px;font-size:3.2rem}.game-too-small-app{border-left:2px solid #e7c87766;padding-left:14px}.game-start-card small{color:var(--cream-50);margin-top:16px;display:block}.game-loading{color:var(--cream-70);align-content:center;gap:28px}.game-error{text-align:center;align-content:center}.game-error>span{background:var(--coral);color:#1f090d;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:20px;font-size:1.4rem;font-weight:900;display:grid}.game-error h2{max-width:16ch}.game-error .button{margin-top:28px}.web-game-shell{background:#081f1a;border-radius:30px;overflow:hidden;box-shadow:0 50px 120px #00000070,inset 0 1px #ffffff0d}.game-toolbar{border-bottom:1px solid var(--line);background:#0413109e;justify-content:space-between;align-items:center;gap:22px;min-height:68px;padding:12px 22px;display:flex}.match-chip{color:var(--cream-70);align-items:center;gap:13px;font-size:.72rem;font-weight:750;display:flex}.match-chip i{background:var(--line);width:1px;height:17px}.match-chip b{color:var(--gold)}.game-status{min-height:48px;color:var(--cream-70);background:#e7c8770d;border-bottom:1px solid #f3e6c414;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 24px;font-size:.72rem;font-weight:700;display:grid}.status-orb{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #3ecfacbf}.status-orb.is-busy{animation:.7s ease-in-out infinite alternate status-pulse}@keyframes status-pulse{to{opacity:.45;scale:1.6}}.game-status small{color:var(--teal);opacity:0;transition:opacity .18s}.game-status small.is-visible{opacity:1}.game-layout{min-height:760px;display:block}.mahjong-table{--table-inset:clamp(24px, 4vw, 96px);background:radial-gradient(90% 90% at 50% 28%,#177a5e 0%,#0d5541 34%,#073627 62%,#041f16 100%);min-height:830px;position:relative;overflow:hidden}.table-felt{z-index:0;opacity:.42;pointer-events:none;background:url(/images/mahjong-felt.jpg) 50%/cover no-repeat;position:absolute;inset:0}.mahjong-table:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(72% 72% at 50% 0,#ffffff1a,#fff0 100%),radial-gradient(88% 88% at 50% 100%,#0000,#0000008c 100%);position:absolute;inset:0}.mahjong-table:after{content:"";z-index:3;pointer-events:none;border:1px solid #e7c87721;border-radius:28px;position:absolute;inset:20px}.seat-pod,.human-area,.discard-well{z-index:2;position:absolute}.seat-pod{justify-items:center;gap:8px;display:grid}.seat-pod-top{top:22px;left:50%;translate:-50%}.seat-pod-left{top:calc(50% - 95px);left:var(--table-inset);justify-items:start;translate:0 -50%}.seat-pod-right{top:calc(50% - 95px);right:var(--table-inset);justify-items:end;translate:0 -50%}.seat-card{width:172px;color:var(--cream-70);cursor:pointer;text-align:left;transition:border-color .16s ease, box-shadow .16s ease, translate .16s var(--ease-out);background:#06201ac7;border:1px solid #f3e6c41a;border-radius:18px;justify-items:start;gap:5px;padding:10px 12px;display:grid;box-shadow:0 8px 20px #00000047}.seat-card:hover{border-color:var(--line-strong);translate:0 -2px}.seat-pod.is-active .seat-card{border-color:#e7c87780;box-shadow:0 0 0 1px #e7c87738,0 12px 28px #00000057}.seat-identity{align-items:center;gap:7px;font-size:.76rem;display:flex}.seat-identity b{color:var(--cream-heading);font-weight:800}.seat-wind{color:var(--cream-50);font-size:.68rem;font-weight:750}.dealer-mark{background:var(--gold);color:var(--ink-on-gold);font:800 .58rem var(--serif);border-radius:5px;padding:1px 5px;font-style:normal}.seat-avatar{width:22px;height:22px;color:var(--ink-on-gold);font:900 .68rem var(--sans);border-radius:50%;flex:none;place-items:center;display:grid}.seat-avatar.is-large{width:46px;height:46px;font-size:1.3rem}.seat-total{color:var(--light-gold);font:800 1.5rem/1 var(--sans);font-variant-numeric:tabular-nums}.seat-counters{gap:9px;font-size:.62rem;display:flex}.seat-counters i{color:var(--cream-70);align-items:center;gap:3px;font-style:normal;display:inline-flex}.seat-counters i.is-zero{opacity:.34}.seat-counters em{font-style:normal;font-weight:800}.seat-dot{border-radius:50%;flex:none;width:7px;height:7px}.seat-0,.seat-avatar.seat-0{background:var(--cream-heading)}.seat-1,.seat-avatar.seat-1{background:var(--coral)}.seat-2,.seat-avatar.seat-2{background:var(--teal)}.seat-3,.seat-avatar.seat-3{background:var(--violet)}.concealed-row{align-items:center;gap:2px;display:flex}.seat-pod-left .concealed-row,.seat-pod-right .concealed-row{flex-direction:column}.seat-tiles{align-items:flex-start;gap:9px;display:flex}.seat-pod-top .seat-tiles{flex-direction:column;align-items:center}.seat-pod-left .seat-tiles{flex-direction:row}.seat-pod-right .seat-tiles{flex-direction:row-reverse}.seat-pod-left .meld-row,.seat-pod-right .meld-row{flex-wrap:nowrap;gap:7px}.seat-pod-left .meld-group,.seat-pod-right .meld-group{flex-direction:column;gap:1px}.seat-pod-left .meld-row .mahjong-tile,.seat-pod-right .meld-row .mahjong-tile,.seat-pod-left .concealed-row .mahjong-tile,.seat-pod-right .concealed-row .mahjong-tile{--tile-width:19px}.seat-pod-top .concealed-row .mahjong-tile{--tile-width:21px}.concealed-more{color:var(--cream-50);font-size:.6rem;font-weight:800}.meld-row{flex-wrap:wrap;gap:6px;display:flex}.meld-group{gap:1px;display:inline-flex}.discard-well{top:43%;bottom:calc(var(--rack-height,200px) + 40px);outline-offset:10px;outline:2px dashed #0000;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;width:min(560px,42%);transition:outline-color .14s,background-color .14s;display:grid;left:50%;translate:-50%}.discard-well.is-drop-target{outline-color:#e7c87766}.discard-well.is-drop-over{outline-color:var(--gold);background:#e7c8771a;border-radius:18px;outline-style:solid}.discard-drop-hint{color:var(--gold);letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:.66rem;font-weight:800}.discard-head{color:var(--cream-50);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.6rem;font-weight:850;display:flex}.discard-head b{color:var(--gold)}.discard-head button{color:var(--cream-50);cursor:pointer;background:0 0;border:1px solid #f3e6c424;border-radius:8px;margin-left:auto;padding:3px 8px;font-size:.72rem}.discard-head button:hover{border-color:var(--gold);color:var(--cream-heading)}.discard-scroll{scrollbar-width:thin;align-content:start;padding:6px 4px;display:grid;overflow-y:auto}.discard-grid{grid-template-columns:repeat(auto-fill,30px);justify-content:center;gap:5px;display:grid}.discard-grid.is-expanded{grid-template-columns:repeat(6,46px);gap:9px}.discard-empty{color:var(--cream-50);text-align:center;padding:28px 12px;font-size:.72rem}.ledger-tile{display:inline-flex;position:relative}.ledger-tile .owner-dot{border:1px solid #0000008c;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;left:-3px}.ledger-tile.is-newest .mahjong-tile{box-shadow:0 0 0 2px var(--gold), 0 0 14px #e7c8778c;animation:.52s ease-out both newest-pulse}.ledger-tile.is-newest{animation:ledger-land .3s var(--ease-out) both}.ledger-tile.is-offered .mahjong-tile{animation:1.1s ease-in-out infinite alternate offer-pulse}.discard-legend{color:var(--cream-50);flex-wrap:wrap;gap:4px 12px;font-size:.6rem;font-weight:700;display:flex}.discard-legend span{align-items:center;gap:5px;display:inline-flex}.human-area{width:min(1180px, 100% - 2 * var(--table-inset));backdrop-filter:blur(16px);background:#06261fdb;border:1px solid #e7c87733;border-radius:22px;padding:14px 18px 16px;bottom:22px;left:50%;translate:-50%;box-shadow:0 24px 44px #00000040,inset 0 1px #ffffff0b}.human-heading{align-items:center;gap:12px;display:flex}.turn-pill{background:var(--gold);color:var(--ink-on-gold);font:900 .6rem var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 11px}.human-identity{color:var(--cream-heading);cursor:pointer;font:800 .78rem var(--sans);background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.human-identity:hover{color:var(--gold)}.human-heading .meld-row{margin-left:8px}.human-total{color:var(--gold);font:800 1.3rem var(--sans);font-variant-numeric:tabular-nums;margin-left:auto}.human-hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:5px;margin-top:26px;display:flex}.hand-slot{touch-action:none;user-select:none;display:inline-flex;position:relative}.hand-slot.is-dragging .mahjong-tile{opacity:.28;filter:saturate(.6)}.hand-slot.is-departing{opacity:0}.hand-slot.is-drawn{animation:tile-drawn-in .32s var(--ease-out) both}.hand-slot.is-drawn:after{content:"";pointer-events:none;border:2px solid #7cc0ffbf;border-radius:13px;animation:1.7s ease-in-out infinite drawn-ring;position:absolute;inset:-3px}.table-overlay{z-index:20;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay-scrim{cursor:pointer;background:#0000008c;border:0;position:absolute;inset:0}.overlay-card{border:1px solid var(--line-strong);background:#0a2f27f7;border-radius:24px;align-content:start;gap:14px;width:min(460px,100%);max-height:100%;padding:20px;display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 70px #0000008c}.overlay-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.overlay-head h3{color:var(--cream-heading);font-family:var(--serif);font-size:1.2rem}.overlay-head button{width:32px;height:32px;color:var(--cream-70);cursor:pointer;background:0 0;border:1px solid #f3e6c424;border-radius:9px;flex:none}.overlay-head button:hover{border-color:var(--gold)}.overlay-count{color:var(--cream-50);font-size:.7rem}.overlay-card h4{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.6rem;font-weight:850}.seat-overlay-head{align-items:center;gap:14px;display:flex}.seat-overlay-head p{color:var(--cream-50);font-size:.72rem}.seat-overlay-head strong{color:var(--light-gold);font:800 1.8rem/1.1 var(--sans)}.seat-overlay-head small{color:var(--cream-50);font-size:.68rem;display:block}.seat-stats{background:var(--card);border:1px solid #f3e6c414;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:12px;display:grid}.seat-stats dt{color:var(--cream-50);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.seat-stats dd{color:var(--cream-heading);font:800 1.05rem var(--sans);margin:2px 0 0}.tile-overlay-body{align-items:center;gap:18px;display:flex}.tile-overlay-zh{color:var(--cream-heading);font-family:var(--serif);font-size:1.5rem}.tile-overlay-jyut{color:var(--cream-50);font-size:.8rem;font-style:italic}.tile-overlay-live{color:var(--cream-70);margin-top:10px;font-size:.78rem}.tile-overlay-live b{color:var(--gold);font-size:1.15rem}.claim-prompt{z-index:3;background:#0a2f27;border:1px solid #e7c87757;border-radius:16px;align-items:center;gap:18px;padding:12px 16px;display:flex;position:absolute;bottom:calc(100% + 12px);left:0;right:0;box-shadow:0 18px 38px #0000006b}.claim-offer{align-items:center;gap:12px;display:flex}.claim-offer-tile{box-shadow:0 0 0 2px var(--gold), 0 0 22px #e7c87766;border-radius:14px;padding:3px;display:inline-flex}.claim-offer-text{gap:2px;display:grid}.claim-offer-text small{color:var(--cream-50);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.64rem;font-weight:800;display:flex}.claim-offer-text strong{color:var(--cream-heading);font:800 1.05rem var(--serif)}.claim-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.claim-actions button{border:1px solid var(--line-strong);min-height:46px;color:var(--cream-heading);cursor:pointer;font:800 .74rem var(--sans);background:#e7c8770f;border-radius:11px;padding:10px 18px}.claim-actions button:hover:not(:disabled){border-color:var(--gold);background:#e7c87724}.claim-actions button:disabled{cursor:default;opacity:.5}.claim-actions .is-primary{border-color:var(--gold);background:var(--gold);color:var(--ink-on-gold)}.claim-actions .is-primary:hover:not(:disabled){background:var(--light-gold)}.claim-actions .is-quiet{color:var(--cream-50);background:0 0;border-color:#f3e6c41f}.hand-actions{justify-content:center;align-items:center;gap:12px;height:52px;margin-top:12px;display:flex}.hand-actions>small{color:var(--cream-50);font-size:.68rem}.discard-confirm{gap:10px}.terminal-card{text-align:center;background:#0a2f27f7;border:1px solid #e7c87761;border-radius:20px;justify-items:center;margin-top:20px;padding:20px;display:grid}.terminal-card small{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;font-size:.6rem;font-weight:850}.terminal-card strong{color:var(--light-gold);font:800 2.6rem/1 var(--serif)}.terminal-card .terminal-winner{color:var(--cream-heading);margin-top:4px;font-size:.8rem;font-weight:700}.terminal-card p{color:var(--cream-70);margin-top:8px;font-size:.72rem}.terminal-payments{border-top:1px solid var(--line);gap:5px;width:100%;margin:14px 0 0;padding:12px 0 0;list-style:none;display:grid}.terminal-payments li{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.72rem;display:grid}.terminal-payments span{color:var(--cream-70);text-align:left}.terminal-payments b{color:var(--cream-50);font-variant-numeric:tabular-nums}.terminal-payments b.is-gain{color:var(--teal)}.terminal-payments b.is-loss{color:var(--coral)}.match-complete-action{width:100%;margin-top:16px}.app-prompt{border:1px solid var(--line-strong);background:radial-gradient(circle at 88% 0%, #e7c8771a, transparent 14rem), var(--card-raised);border-radius:18px;justify-items:start;gap:10px;margin-top:16px;padding:18px;display:grid}.app-prompt strong{color:var(--cream-heading);font-family:var(--serif);font-size:1.15rem;line-height:1.2}.app-prompt p{color:var(--cream-70);font-size:.76rem}.app-prompt .button{width:100%;margin-top:4px}.app-prompt-dismiss{color:var(--cream-50);cursor:pointer;font:700 .68rem var(--sans);background:0 0;border:0;padding:4px 0;text-decoration:underline}.app-prompt-dismiss:hover{color:var(--cream-heading)}@media (width<=1280px){.human-hand{gap:3px}.human-hand .tile-md{--tile-width:40px}.seat-card{width:152px}}@media (width<=1040px){.claim-prompt{flex-wrap:wrap}.claim-actions{width:100%;margin-left:0}}@media (width<=760px){.game-page{padding-top:96px}.game-page-heading{flex-wrap:wrap;gap:10px;margin-bottom:16px}.game-page-stage{width:calc(100% - 12px)}.game-start-card{grid-template-columns:1fr;justify-items:start;padding:38px 24px}.game-start-mark{width:110px;font-size:4rem}}@media (width<=1180px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-card{min-height:330px}.try-web{grid-template-columns:1fr .8fr}}@media (width<=920px){.shell{width:min(100% - 40px,720px)}.nav-links>a:not(.button,.language-link,.nav-play){display:none}.hero-section{min-height:700px;padding-top:126px}.hero-copy{padding-bottom:32px}.hero-copy h1{max-width:12ch}.hero-tile-ribbon{justify-content:flex-start;padding:0 8px 16px;overflow:hidden}.split-heading{grid-template-columns:1fr;align-items:start;gap:24px}.feature-row,.feature-row.is-reversed{grid-template-columns:1fr;gap:34px}.feature-row.is-reversed .feature-copy,.feature-row.is-reversed .feature-shot{order:0}.feature-band{padding:clamp(64px,12vw,96px) 0}.feature-duo{padding-right:12%}.detect-tag{padding:1px 4px;font-size:.5rem}.detect-status{gap:5px;padding:3px 9px;font-size:.55rem;top:2%;left:2.5%}.detect-status i{width:6px;height:6px}.plan-steps{grid-template-columns:1fr;gap:22px}.try-web{grid-template-columns:1fr}.try-web>img{margin-top:8px}}@media (width<=640px){.shell{width:min(100% - 28px,560px)}.section{padding:76px 0}.nav-shell{min-height:66px}.brand>span:last-child{font-size:0}.brand em{display:none}.brand-mark{width:32px;height:39px}.nav-links{gap:12px}.nav-links .button{display:none}.language-link{padding-left:12px}.hero-section{min-height:auto;padding:114px 0 34px}.hero-copy h1{font-size:clamp(2.5rem,10vw,3.4rem)}.hero-subtitle{font-size:1rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{gap:9px;display:grid}.hero-tile-ribbon{width:calc(100% + 28px);margin-left:-14px}.tile-lg{--tile-width:41px}.style-grid{grid-template-columns:1fr}.style-card{min-height:300px}.try-web{padding:34px 24px}.closing-card{min-height:580px;padding:48px 24px}.closing-actions{display:grid}.footer-grid{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}.tile-flight{z-index:30;pointer-events:none;animation:.26s cubic-bezier(.32,.72,.28,1) both tile-flight;position:fixed;top:0;left:0}@keyframes tile-flight{0%{translate:var(--from-x) var(--from-y);opacity:1;rotate:-4deg;scale:1.12}70%{opacity:1}to{translate:var(--to-x) var(--to-y);opacity:0;rotate:0deg;scale:.66}}@keyframes ledger-land{0%{translate:var(--land-x,0) var(--land-y,0);opacity:0;filter:brightness(1.5);scale:1.35}60%{opacity:1}to{opacity:1;filter:brightness();translate:0;scale:1}}@keyframes newest-pulse{0%{box-shadow:0 0 0 3px var(--gold), 0 0 26px #e7c877d9}to{box-shadow:0 0 0 2px var(--gold), 0 0 14px #e7c8778c}}@keyframes offer-pulse{0%{box-shadow:0 0 0 2px var(--gold), 0 0 10px #e7c87773}to{box-shadow:0 0 0 3px var(--gold), 0 0 24px #e7c877e6}}@keyframes tile-drawn-in{0%{opacity:0;translate:0 34px;scale:.84}to{opacity:1;translate:0;scale:1}}@keyframes drawn-ring{50%{opacity:.35;scale:1.05}}.drag-ghost{z-index:30;filter:drop-shadow(0 18px 26px #00000080);pointer-events:none;transition:scale .12s var(--ease-out), rotate .12s var(--ease-out);will-change:translate;position:fixed;top:0;left:0;rotate:-3deg;scale:1.12}.drag-ghost.is-over{filter:drop-shadow(0 0 18px #e7c87799)drop-shadow(0 18px 26px #00000080);rotate:0deg;scale:1.2}.turn-banner{z-index:15;backdrop-filter:blur(18px);pointer-events:none;text-align:center;background:#0e3a3166;border-radius:26px;align-content:center;justify-items:center;gap:16px;width:300px;min-height:132px;padding:24px;display:grid;position:absolute;top:32%;left:50%;translate:-50% -50%;box-shadow:0 12px 26px #00000073}.turn-banner strong{color:var(--cream-heading);font:600 2.1rem/1.05 var(--serif);letter-spacing:.5px}.turn-banner.is-claim strong{color:var(--gold)}.turn-banner small{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.45}.turn-banner.is-in{animation:banner-in .32s var(--ease-out) both}.turn-banner.is-out{animation:.24s ease-in both banner-out}@keyframes banner-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes banner-out{0%{opacity:1;scale:1}to{opacity:0;scale:.96}}@keyframes banner-in-flat{0%{opacity:1}to{opacity:1}}@keyframes banner-out-flat{0%{opacity:0}to{opacity:0}}.result-overlay{max-width:460px}.result-overlay .terminal-card{background:0 0;border:0}.result-overlay .app-prompt{margin-top:18px}.seat-pod.is-offering .seat-card{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 26px #e7c8774d}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ledger-tile.is-newest,.ledger-tile.is-newest .mahjong-tile,.ledger-tile.is-offered .mahjong-tile,.hand-slot.is-drawn,.hand-slot.is-drawn:after{animation:none!important}.turn-banner.is-in{animation:.01ms both banner-in-flat}.turn-banner.is-out{animation:.01ms both banner-out-flat}}.debug-panel{z-index:90;max-width:min(460px,100vw - 24px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;position:fixed;bottom:12px;left:12px}.debug-toggle,.debug-head button{color:var(--cream-50);cursor:pointer;font:inherit;background:#041310e6;border:1px solid #f3e6c433;border-radius:7px;padding:4px 8px}.debug-body{backdrop-filter:blur(8px);background:#041310f0;border:1px solid #f3e6c42e;border-radius:11px;padding:10px 12px}.debug-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.debug-head strong{color:var(--gold);margin-right:auto}.debug-row{grid-template-columns:68px 1fr;gap:8px;padding:2px 0;display:grid}.debug-row dt{color:var(--cream-50)}.debug-row dd{color:var(--cream-heading);overflow-wrap:anywhere}