@font-face{font-family:tileFont;src:url(../media/TileFont-s.p.0o0d_szrazjpx.woff2)format("woff2");font-display:swap}@font-face{font-family:tileFont Fallback;src:local(Arial);ascent-override:86.8%;descent-override:23.95%;line-gap-override:0.0%;size-adjust:106.91%}.tilefont_c56776ee-module__i2JRXq__className{font-family:tileFont,tileFont Fallback}.tilefont_c56776ee-module__i2JRXq__variable{--font-tile:"tileFont", "tileFont Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin-ext.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:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin.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}:root{--night:#0a0d2b;--felt:#28327c;--cream:#f6ead0;--cream-dim:#f6ead0c7;--gold:#e7b24f;--gold-light:#ffd66b;--gold-deep:#a8701c;--gold-ink:#3b2413;--jade:#7fd1a4;--coral:#ef8f6a;--sky-blue:#a9c4ff;--glass:#0a0e2c80;--glass-strong:#0a0e2cb8;--glass-border:#fff4d629;--shadow:0 18px 50px #03051673;--radius:22px;--hanzi-ink:#9e1b1b;--pinyin-ink:#15524a;--word-ink:#1d1a16;--word-sub:#6b4a12;--font-ui-stack:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-tile-stack:var(--font-tile), "LXGW WenKai", "Kaiti SC", "STKaiti", "PingFang SC", "Noto Sans CJK SC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{background:radial-gradient(120% 90% at 50% 30%, #1f2767 0%, var(--night) 70%) fixed, var(--night);min-height:100vh;color:var(--cream);font-family:var(--font-ui-stack);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:var(--gold-light);text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.12}p{margin:0}button{font:inherit}:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}.skip{z-index:100;background:var(--gold);color:var(--gold-ink);border-radius:12px;padding:10px 16px;font-weight:800;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:10px}.sky{z-index:-1;pointer-events:none;position:fixed;inset:0}.sky__canvas{opacity:0;width:100%;height:100vh;transition:opacity 1.2s;position:absolute;top:0;left:0}.sky__canvas[data-ready]{opacity:1}.sky__veil{background:radial-gradient(80% 60% at 50% 35%,#0000 40%,#06081e59 100%),linear-gradient(#06081e00 50%,#06081e59 100%);position:absolute;inset:0}.btn{cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 24px;font-size:17px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.btn svg{fill:currentColor;width:18px;height:18px}.btn--gold{color:var(--gold-ink);background:linear-gradient(180deg, #f3c86a 0%, var(--gold) 55%, #d39b36 100%);box-shadow:0 2px #a8701c,0 10px 28px #e7b24f52,inset 0 1px #ffffff8c}.btn--gold:hover{transform:translateY(-2px);box-shadow:0 4px #a8701c,0 16px 36px #e7b24f66,inset 0 1px #ffffff8c}.btn--glass{color:var(--cream);background:var(--glass);border-color:var(--glass-border);-webkit-backdrop-filter:blur(10px)}.btn--glass:hover{background:#1e266499;transform:translateY(-2px)}.chip-btn{border:1px solid var(--glass-border);min-height:40px;color:var(--cream);cursor:pointer;background:#ffffff0f;border-radius:12px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:800;transition:background-color .15s,transform .15s;display:inline-flex}.chip-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.chip-btn:hover:not(:disabled){background:#ffffff21}.chip-btn:active:not(:disabled){transform:scale(.97)}.chip-btn:disabled{opacity:.4;cursor:default}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}.eyebrow{color:var(--gold-light);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:1px;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 12px}.tag{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:900;display:inline-block}.placeholder{white-space:nowrap;background:#e7b24f47;border-radius:4px;padding:0 4px;font-style:italic;box-shadow:inset 0 -2px #a8701c99}.tile{--th:calc(var(--tw) * 1.28);--td:calc(var(--tw) * .13);--r:calc(var(--tw) * .14);--rim:max(1.5px, calc(var(--tw) * .045));--slab-top:#d64a36;--slab-bottom:#8a1c12;--rim-a:#fff3c4;--rim-b:#e7b64e;--rim-c:#b77d1e;--face-top:#fffaf0;--face-bottom:#efe2c4;--ink:var(--hanzi-ink);--frame:#9e1b1b24;width:var(--tw);height:calc(var(--th) + var(--td));font-family:var(--font-tile-stack);-webkit-user-select:none;user-select:none;flex:none;line-height:1;display:inline-block;position:relative}.tile--pinyin{--slab-top:#2fa06c;--slab-bottom:#125a3a;--rim-a:#effff4;--rim-b:#86d8aa;--rim-c:#2d8a5e;--face-top:#f3fbf4;--face-bottom:#d3e9d8;--ink:var(--pinyin-ink);--frame:#15524a29}.tile--word{--th:calc(var(--tw) * .64);--td:calc(var(--tw) * .065);--r:calc(var(--tw) * .08);--rim:max(1.5px, calc(var(--tw) * .024));--slab-top:#e7b24f;--slab-bottom:#a8701c;--rim-a:#fff6cf;--rim-b:#f0c257;--rim-c:#a8701c;--face-top:#fff6d8;--face-bottom:#f1d992;--ink:var(--word-ink);--frame:#a06e1447}.tile--back{--slab-top:#e7b24f;--slab-bottom:#a8701c;--rim-a:#fff0b8;--rim-b:#d9a53a;--rim-c:#9c6a14;--face-top:#3a4aa0;--face-bottom:#1c2462;--frame:#c79a2e8c}.tile__slab{border-radius:var(--r);background:linear-gradient(180deg, var(--slab-top) calc(100% - var(--td) - var(--r)), var(--slab-bottom) 100%);box-shadow:1.5px calc(var(--td) * .9) 8px #00000073, 0 1px 0 #ffffff1f inset;position:absolute;inset:0}.tile__face{height:var(--th);padding:var(--rim);border-radius:var(--r);background:linear-gradient(155deg, var(--rim-a) 0%, var(--rim-b) 45%, var(--rim-c) 100%);position:absolute;top:0;left:0;right:0}.tile__inner{border-radius:calc(var(--r) - var(--rim));background:linear-gradient(180deg, var(--face-top), var(--face-bottom));place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.tile__inner:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);position:absolute;inset:0 0 52%}.tile__inner:after{content:"";inset:calc(var(--tw) * .035);border:1px solid var(--frame);border-radius:calc(var(--r) * .6);pointer-events:none;position:absolute}.tile--word .tile__inner:after{inset:calc(var(--tw) * .02);border:1.5px solid #c79a2e}.tile__text{color:var(--ink);font-size:calc(var(--tw) * .62);white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:relative}.tile--hanzi .tile__text{transform:translateY(2%)}.tile--pinyin .tile__text{font-size:calc(var(--tw) * var(--fs,.34))}.tile--word .tile__text{font-size:calc(var(--tw) * .26);letter-spacing:.04em}.tile__text small{color:var(--word-sub);letter-spacing:0;margin-top:.18em;font-size:.42em}.tile__medallion{width:calc(var(--tw) * .24);height:calc(var(--tw) * .24);box-shadow:0 0 0 calc(var(--tw) * .08) transparent, 0 0 0 calc(var(--tw) * .095) #f0c257cc;background:#f0c257cc;border-radius:50%;position:relative}.header{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(#080a22b8,#080a2261);border-bottom:1px solid #fff4d614;position:sticky;top:0}.header__bar{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{color:var(--cream);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__tile{margin-top:-2px;transform:rotate(-7deg)}.brand__name{letter-spacing:.01em;font-size:21px;font-weight:900}.brand__name span,.footer__name span,.hero__title span{color:var(--gold)}.nav{align-items:center;gap:4px;display:flex}.nav__link{color:var(--cream-dim);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:800;text-decoration:none;transition:color .15s,background-color .15s}.nav__link:hover{color:var(--cream);background:#ffffff12}.nav__lang{color:var(--gold-light);letter-spacing:.08em;border:1px solid #e7b24f80;border-radius:10px;margin-left:8px;padding:6px 11px;font-size:13px;font-weight:900;text-decoration:none}.nav__lang:hover{background:#e7b24f24}.burger{border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;width:44px;height:44px;padding:12px 11px;display:none}.burger span{background:var(--cream);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}@media (max-width:860px){.burger{display:flex}.nav{border-bottom:1px solid var(--glass-border);opacity:0;visibility:hidden;background:#0a0d2b;flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px 18px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:68px;left:0;right:0;transform:translateY(-8px);box-shadow:0 24px 40px #02041499}.header--open .nav{opacity:1;visibility:visible;transform:none}.nav__link{padding:12px 10px;font-size:17px}.nav__lang{align-self:flex-start;margin:8px 10px 0}.header--open .burger span:first-child{transform:translateY(8px)rotate(45deg)}.header--open .burger span:nth-child(2){opacity:0}.header--open .burger span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}.hero{padding:clamp(36px,7vw,96px) 0 32px;position:relative}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;display:grid}.hero__title{letter-spacing:-.02em;text-shadow:0 4px 30px #00000073;font-size:clamp(52px,8.4vw,104px);font-weight:900;line-height:.98}.hero__lead{max-width:560px;color:var(--cream-dim);text-shadow:0 1px 8px #00000080;margin-top:22px;font-size:clamp(18px,2vw,21px);line-height:1.55}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__soon{color:var(--cream-dim);align-items:center;gap:10px;margin-top:22px;font-size:15px;font-weight:700;display:inline-flex}.hero__soon span{background:var(--jade);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #7fd1a42e}.hero__art{aspect-ratio:1/.92;justify-self:center;width:100%;max-width:500px;position:relative}.hero__halo{background:radial-gradient(closest-side,#ffd26e42,#ffd26e00);border-radius:50%;position:absolute;inset:6% 4%}.hero__tile{animation:6s ease-in-out infinite float;position:absolute}.hero__tile--hanzi{--rot:-9deg;animation-delay:0s;top:14%;left:12%;--tw:clamp(96px, 26vw, 140px)!important}.hero__tile--pinyin{--rot:7deg;animation-delay:-2.1s;top:30%;left:50%;--tw:clamp(86px, 23vw, 124px)!important}.hero__tile--word{--rot:5deg;opacity:.85;filter:saturate(.9);animation-delay:-3.4s;top:2%;left:46%;--tw:clamp(118px, 30vw, 160px)!important}.hero__tile--hanzi .tile__text{font-size:calc(var(--tw) * .66)}.hero__spark{width:clamp(80px,20vw,124px);height:auto;animation:3.2s ease-in-out infinite twinkle;position:absolute;top:37%;left:39%}.hero__star{background:var(--gold-light);width:6px;height:6px;box-shadow:0 0 10px var(--gold-light);opacity:.8;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute}.hero__star:nth-of-type(2n){width:4px;height:4px;animation-delay:-1.6s}.hero__sky{justify-content:flex-start;margin-top:clamp(28px,5vw,56px);display:flex}@media (max-width:860px){.hero__grid{grid-template-columns:1fr;gap:8px}.hero__art{order:-1;max-width:380px;margin-bottom:-8px}.hero__copy{text-align:center}.hero__lead{margin-left:auto;margin-right:auto}.hero__cta,.hero__soon{justify-content:center}.hero__cta .btn{flex:220px}.hero__sky{justify-content:center}}.sky-control{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:18px;gap:10px;width:min(100%,460px);padding:14px 18px 12px;display:grid}.sky-control--compact{-webkit-backdrop-filter:none;background:0 0;border:0;width:100%;padding:0}.sky-control__row{align-items:center;gap:10px;min-height:30px;font-size:15px;display:flex}.sky-control__dot{background:radial-gradient(circle at 35% 35%, #fff4d2, var(--gold));border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #ffd66bcc}.sky-control__label{font-weight:800}.sky-control__time{font-variant-numeric:tabular-nums;color:var(--gold-light);margin-left:auto;font-weight:900}.sky-control__now{color:var(--cream-dim);font-weight:700}.sky-control__reset{color:var(--gold-light);cursor:pointer;background:0 0;border:1px solid #e7b24f80;border-radius:9px;padding:3px 10px;font-size:13px;font-weight:800}.sky-control__range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.sky-control__range::-webkit-slider-runnable-track{background:var(--track,linear-gradient(90deg, #1f2767, #2a66ba 50%, #1f2767));border-radius:6px;height:6px}.sky-control__range::-moz-range-track{background:var(--track,linear-gradient(90deg, #1f2767, #2a66ba 50%, #1f2767));border-radius:6px;height:6px}.sky-control__range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--gold);background:#fff4d2;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 0 14px #ffd66bb3}.sky-control__range::-moz-range-thumb{border:3px solid var(--gold);background:#fff4d2;border-radius:50%;width:16px;height:16px;box-shadow:0 0 14px #ffd66bb3}.section{padding:clamp(44px,6vw,76px) 0}.section--tight{padding-top:0}.section__head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}.section__head--center{text-align:center;margin-left:auto;margin-right:auto}.section__head h2,.sky-feature h2,.contact h2{text-shadow:0 2px 20px #0006;font-size:clamp(32px,4.6vw,52px);font-weight:900}.section__lead{color:var(--cream-dim);text-shadow:0 1px 10px #06081eb3;margin-top:16px;font-size:18px}@media (max-width:520px){.wrap{padding:0 14px}#play .wrap{padding:0 8px}.table{border-radius:24px;padding:14px 8px}}.section__note,.section__more{text-align:center;color:var(--cream-dim);margin-top:22px;font-size:15px}.section__more{text-align:left;font-weight:800}.section__more a{text-decoration:none}.features{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature{padding:24px 22px 26px}.feature h3{margin-top:18px;font-size:21px;font-weight:900}.feature p{color:var(--cream-dim);margin-top:8px;font-size:16px}.feature__art{align-items:center;gap:2px;height:92px;display:flex}.feature__art--pair .spark{z-index:1;margin:0 -14px}.feature__art--pair .tile--hanzi{transform:rotate(-6deg)}.feature__art--pair .tile--pinyin{transform:rotate(6deg)}.feature__icon{fill:none;width:72px;height:72px;stroke:var(--gold-light);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #ffd66b66)}.feature__icon-slash{stroke:var(--coral)}.feature__badge{color:var(--hanzi-ink);letter-spacing:.04em;background:linear-gradient(#fff6d8,#f1d992);border-radius:16px;place-items:center;padding:12px 18px;font-size:28px;font-weight:900;display:inline-grid;box-shadow:0 5px #a8701c,0 12px 22px #00000059}@media (max-width:1000px){.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.features{grid-template-columns:1fr}}.modes{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mode{--accent:var(--gold);align-items:center;gap:18px;padding:18px;display:flex}.mode--jade{--accent:var(--jade)}.mode--coral{--accent:var(--coral)}.mode .mode-art{border-radius:14px;flex:none;box-shadow:0 10px 24px #00000059}.mode .tag{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.mode h3{margin-top:8px;font-size:26px;font-weight:900}.mode p{color:var(--cream-dim);margin-top:6px;font-size:15.5px;line-height:1.5}@media (max-width:1000px){.modes{grid-template-columns:1fr;max-width:620px}}.sky-feature{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.sky-feature__copy .section__lead{max-width:620px}.sky-feature__privacy{color:var(--cream-dim);margin-top:18px;font-size:14px}.sky-feature__panel{gap:20px;padding:24px;display:grid}.legend{gap:8px;margin:22px 0 0;padding:0;font-size:15px;font-weight:700;list-style:none;display:grid}.legend li{align-items:center;gap:12px;display:flex}.legend__line{border-top:2px solid;width:34px;height:0}.legend__line--gold{border-color:#f0c878e6}.legend__line--blue{border-color:#a9c4ffbf}.sky-facts{gap:12px;min-height:60px;margin:0;padding:0;font-weight:800;list-style:none;display:grid}.sky-facts li{align-items:center;gap:12px;display:flex}.sky-facts__sun,.sky-facts__moon{border-radius:50%;flex:none;width:18px;height:18px}.sky-facts__sun{background:radial-gradient(circle at 40% 40%,#fff4d2,#ffc77e);box-shadow:0 0 14px #ffc77ecc}.sky-facts__moon{background:#f6f2e4;box-shadow:inset -6px 0 #3a4270,0 0 12px #e1e8ff80}@media (max-width:860px){.sky-feature{grid-template-columns:1fr}}.checks{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.check{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:#0a0e2c6b;border-radius:18px;gap:14px;padding:20px;display:flex}.check h3{font-size:18px;font-weight:900}.check p{color:var(--cream-dim);margin-top:4px;font-size:15px;line-height:1.5}.check__mark{background:linear-gradient(#3ab57d,#1e7a50);border-radius:8px;flex:none;width:26px;height:26px;margin-top:1px;position:relative;box-shadow:0 3px #125a3a}.check__mark:after{content:"";border:3px solid #f3fbf4;border-width:0 3px 3px 0;width:6px;height:11px;position:absolute;top:5px;left:9px;transform:rotate(45deg)}@media (max-width:1000px){.checks{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.checks{grid-template-columns:1fr}}.contact{background:radial-gradient(120% 140% at 0% 0%, #e7b24f2e, transparent 60%), var(--glass);align-items:center;gap:28px;padding:clamp(24px,4vw,40px);display:flex}.contact__tiles{gap:6px;display:flex}.contact__tiles .tile--hanzi{transform:rotate(-7deg)}.contact__tiles .tile--pinyin{transform:rotate(6deg)translateY(8px)}.contact__copy{flex:1}.contact h2{font-size:clamp(26px,3.4vw,38px)}.contact p{color:var(--cream-dim);margin-top:6px}.contact__cta{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:860px){.contact{text-align:center;flex-direction:column}.contact__cta{justify-content:center}}.table{background:radial-gradient(110% 90% at 50% 40%,#28327cc7 0%,#0a0d2bdb 100%);border:1px solid #f0c25747;border-radius:30px;max-width:900px;margin:0 auto;padding:clamp(14px,3vw,28px);position:relative;box-shadow:0 30px 80px #02041499,inset 0 1px #fff4d614,inset 0 0 0 6px #fff4d606}.mj__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(14px,3vw,24px);display:flex}.mj__score{grid-template-columns:auto auto;align-items:baseline;gap:6px 10px;display:grid}.mj__score-label{color:var(--cream-dim);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:900}.mj__score strong{font-variant-numeric:tabular-nums;color:var(--gold-light);font-size:26px;font-weight:900}.mj__score strong span{color:var(--cream-dim);font-size:16px}.mj__progress{background:#ffffff1a;border-radius:6px;grid-column:1/-1;width:150px;height:6px;overflow:hidden}.mj__progress span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;transition:width .4s;display:block}.mj__actions{flex-wrap:wrap;gap:8px;display:flex}.mj__stage{position:relative;container-type:inline-size}.mj__board{--tw:min(74px, calc((100cqw - 16px) / 8.3));--th:calc(var(--tw) * 1.28);--td:calc(var(--tw) * .13);--row:calc(var(--th) + var(--td) * .25);--lift-x:calc(var(--tw) * -.09);--lift-y:calc(var(--td) * -1.7);width:calc(var(--tw) * 8);height:calc(var(--row) * 4 + var(--td) + 4px);margin:calc(var(--td) * 3.8) auto 0;position:relative}.mj-tile{--tw:inherit;--fs:.34;left:calc(var(--tw) * var(--x));top:calc(var(--row) * var(--y));width:var(--tw);height:calc(var(--th) + var(--td));font-family:var(--font-tile-stack);cursor:pointer;transform:translate(calc(var(--lift-x) * var(--z)), calc(var(--lift-y) * var(--z)));-webkit-tap-highlight-color:transparent;touch-action:manipulation;--r:calc(var(--tw) * .14);--rim:max(1.5px, calc(var(--tw) * .045));--slab-top:#d64a36;--slab-bottom:#8a1c12;--rim-a:#fff3c4;--rim-b:#e7b64e;--rim-c:#b77d1e;--face-top:#fffaf0;--face-bottom:#efe2c4;--ink:var(--hanzi-ink);--frame:#9e1b1b24;background:0 0;border:0;padding:0;line-height:1;transition:transform .16s,filter .16s;position:absolute}.mj-tile--pinyin{--slab-top:#2fa06c;--slab-bottom:#125a3a;--rim-a:#effff4;--rim-b:#86d8aa;--rim-c:#2d8a5e;--face-top:#f3fbf4;--face-bottom:#d3e9d8;--ink:var(--pinyin-ink);--frame:#15524a29}.mj-tile .tile__text{font-size:calc(var(--tw) * .62)}.mj-tile--pinyin .tile__text{font-size:calc(var(--tw) * var(--fs))}.mj-tile.is-blocked .tile__face:after{content:"";border-radius:var(--r);background:#080a243d;transition:background-color .2s;position:absolute;inset:0}.mj-tile.is-blocked{cursor:not-allowed}.mj-tile--z1 .tile__slab{box-shadow:3px calc(var(--td) * 1.4) 10px #00000080, 0 1px 0 #ffffff1f inset}.mj-tile--z2 .tile__slab{box-shadow:4px calc(var(--td) * 1.9) 14px #0000008c, 0 1px 0 #ffffff1f inset}@media (hover:hover){.mj-tile.is-free:hover{transform:translate(calc(var(--lift-x) * var(--z)), calc(var(--lift-y) * var(--z) - var(--td) * .5));filter:brightness(1.04)}}.mj-tile:focus-visible{outline:none}.mj-tile:focus-visible .tile__face{box-shadow:0 0 0 3px var(--gold-light)}.mj-tile.is-selected{transform:translate(calc(var(--lift-x) * var(--z)), calc(var(--lift-y) * var(--z) - var(--td) * 1.3)) scale(1.06)}.mj-tile.is-selected .tile__face{box-shadow:0 0 0 3px #ffcf4a,0 0 22px 4px #ffcf4abf}.mj-tile.is-hint .tile__face{animation:.9s ease-in-out 2 hint}.mj-tile.is-leaving{pointer-events:none;animation:.3s ease-in forwards leave}.mj-tile.is-shake-a{animation:.32s shake-a}.mj-tile.is-shake-b{animation:.32s shake-b}.mj-burst{left:calc(var(--tw) * var(--x));top:calc(var(--row) * var(--y));z-index:1000;pointer-events:none;width:0;height:0;position:absolute}.mj-burst .spark{animation:.8s ease-out forwards burst-spark;position:absolute;top:-45px;left:-45px}.mj-burst i{background:var(--gold-light);width:8px;height:8px;box-shadow:0 0 10px var(--gold-light);border-radius:50%;animation:.75s ease-out forwards burst-dot;position:absolute;top:-4px;left:-4px}.mj__learn{min-height:74px;color:var(--cream-dim);text-align:center;background:#ffffff0a;border:1px solid #fff4d614;border-radius:16px;place-items:center;margin-top:clamp(14px,3vw,22px);padding:10px 16px;font-size:16px;display:grid}.mj__learn--warn{color:#ffd4c2;border-color:#ef8f6a59}.mj__learn--info{color:#d4ecff}.mj__pair{align-items:center;gap:8px;animation:.35s rise;display:flex}.mj__pair .tile{--tw:34px!important}.mj__pair p{color:var(--cream);margin-left:10px;font-size:18px}.mj__pair strong{font-family:var(--font-tile-stack);color:#ffb3a6;font-size:24px;font-weight:400}.mj__pair em{font-family:var(--font-tile-stack);color:var(--jade);font-style:normal}.mj__won{-webkit-backdrop-filter:blur(6px);text-align:center;background:#080a24db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:calc(5.12*min(74px,12.0482cqw - 1.92771px) + 60px);padding:20px;animation:.45s rise;display:flex;position:relative}.mj__won-spark{margin-bottom:-26px;animation:2.4s ease-in-out infinite twinkle}.mj__won h3{color:var(--gold-light);font-size:clamp(30px,6cqw,44px);font-weight:900}.mj__won p{color:var(--cream-dim)}.mj__words{flex-wrap:wrap;justify-content:center;gap:6px;max-width:680px;margin:6px 0 10px;padding:0;list-style:none;display:flex}.mj__words li{background:#ffffff0f;border-radius:10px;align-items:baseline;gap:6px;padding:4px 10px;font-size:14px;display:inline-flex}.mj__w-hanzi{font-family:var(--font-tile-stack);color:#ffb3a6;font-size:19px}.mj__w-pinyin{font-family:var(--font-tile-stack);color:var(--jade)}.mj__w-meaning{color:var(--cream-dim)}@media (max-width:520px){.mj__bar{flex-direction:column;align-items:stretch}.mj__score{text-align:center;justify-content:center}.mj__progress{width:100%}.mj__actions{justify-content:center}.mj__actions .chip-btn{flex:1;justify-content:center;padding:8px}}.doc-wrap{max-width:900px;padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(56px,8vw,96px)}.doc{color:#2a2118;background:linear-gradient(#ffffff80,#fff0 180px),linear-gradient(#fffaf0,#f4e8cd);border-radius:28px;padding:clamp(26px,5.5vw,64px);font-size:17px;line-height:1.72;position:relative;box-shadow:0 0 0 4px #e7b64e,0 0 0 5px #b77d1e,0 12px 0 4px #a8701c,0 40px 90px #02041499}.doc:after{content:"";pointer-events:none;border:1px solid #9e1b1b24;border-radius:20px;position:absolute;inset:12px}.doc a{color:#8a1c12;text-decoration-color:#8a1c1266}.doc a:hover{text-decoration-color:currentColor}.doc__head{padding-right:90px;position:relative}.doc h1{color:#1d1a16;font-size:clamp(34px,5vw,50px);font-weight:900}.doc__meta{color:#7a6a52;margin-top:8px;font-size:15px;font-weight:700}.doc__intro{color:#3b2f22;margin-top:18px;font-size:18.5px}.doc__seal{color:#b3261e;writing-mode:vertical-rl;letter-spacing:.06em;opacity:.82;border:3px solid #b3261e;border-radius:12px;place-items:center;width:72px;height:72px;font-family:Kaiti SC,STKaiti,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,serif;font-size:26px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;right:0;transform:rotate(8deg);box-shadow:inset 0 0 0 2px #b3261e40}.doc__draft{color:#5b4317;background:#e7b24f33;border:1px dashed #a8701cb3;border-radius:14px;margin-top:26px;padding:14px 18px;font-size:15.5px;line-height:1.55}.doc__toc{background:#a8701c14;border-radius:16px;margin-top:28px;padding:18px 22px}.doc__toc h2{letter-spacing:.14em;text-transform:uppercase;color:#8a6a2a;margin:0 0 8px;font-size:13px;font-weight:900}.doc__toc ol{columns:2;column-gap:32px;margin:0;padding-left:22px;font-size:15.5px;line-height:1.8}.doc__toc a{text-decoration:none}.doc__section{margin-top:36px}.doc__section h2{color:#1d1a16;border-bottom:2px solid #c79a2e59;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:clamp(22px,2.6vw,27px);font-weight:900;display:flex}.doc__num{color:#b3261e}.doc p+p,.doc p+ul,.doc ul+p,.doc .table-wrap+p{margin-top:12px}.doc ul{margin:0;padding-left:0;list-style:none}.doc ul li{padding-left:22px;position:relative}.doc ul li+li{margin-top:6px}.doc ul li:before{content:"";background:#c79a2e;border-radius:1px;width:7px;height:7px;position:absolute;top:.68em;left:3px;transform:rotate(45deg)}.doc .placeholder{white-space:normal}.table-wrap{border:1px solid #a8701c4d;border-radius:14px;margin:4px 0 0;overflow-x:auto}.doc table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.5}.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 14px}.doc th{background:#a8701c1f;font-weight:900}.doc tr+tr td{border-top:1px solid #a8701c33}.doc__foot{border-top:1px solid #a8701c40;margin-top:44px;padding-top:20px;font-weight:800}.doc__foot a{text-decoration:none}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:14px;display:flex}.steps__n{color:#9e1b1b;background:linear-gradient(#fffaf0,#efe2c4);border-radius:9px;flex:none;place-items:center;width:36px;height:40px;font-size:18px;font-weight:900;display:grid;box-shadow:0 0 0 2px #e7b64e,0 4px 0 2px #b3261e}.faq{gap:10px;display:grid}.faq details{background:#a8701c14;border:1px solid #a8701c33;border-radius:14px}.faq summary{cursor:pointer;padding:14px 48px 14px 18px;font-weight:800;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border:2.5px solid #8a1c12;border-width:0 2.5px 2.5px 0;width:9px;height:9px;transition:transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(225deg)}.faq details p{color:#3b2f22;padding:0 18px 16px}.licenses li{grid-template-columns:minmax(150px,.9fr) 1.4fr minmax(140px,1fr);gap:4px 16px;display:grid}.licenses li+li{border-top:1px solid #a8701c33;padding-top:10px;margin-top:10px!important}.licenses li:before{top:calc(.68em + 10px)!important}.licenses li:first-child:before{top:.68em!important}.licenses a{font-weight:800}.licenses em{color:#7a6a52;font-size:15px;font-style:normal}.contact-lines{line-height:1.9}@media (max-width:640px){.doc__head{padding-right:0}.doc__seal{width:56px;height:56px;margin-bottom:14px;font-size:20px;position:static}.doc__toc ol{columns:1}.licenses li{grid-template-columns:1fr}}.footer{background:linear-gradient(#06081c00,#06081cd1 30%);margin-top:24px;padding:56px 0 28px}.footer__grid{grid-template-columns:1.5fr 1fr 1fr;gap:32px;display:grid}.footer__tiles{gap:4px;margin-bottom:14px;display:flex}.footer__tiles .tile--hanzi{transform:rotate(-6deg)}.footer__tiles .tile--pinyin{transform:rotate(5deg)}.footer__name{font-size:22px;font-weight:900}.footer__tagline{color:var(--cream-dim);margin-top:4px}.footer__mail{margin-top:12px;font-weight:800}.footer__head{color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900}.footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer ul a{color:var(--cream-dim);font-weight:700;text-decoration:none}.footer ul a:hover{color:var(--cream)}.footer__bottom{color:var(--cream-dim);border-top:1px solid #fff4d61a;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:20px;font-size:14px;display:flex}.footer .placeholder{background:#e7b24f2e}@media (max-width:760px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}.nf-body{place-items:center;padding:24px;display:grid}.nf{text-align:center;justify-items:center;gap:26px;display:grid}.nf__tiles{gap:10px;display:flex}.nf__tiles .tile:first-child{transform:rotate(-6deg)}.nf__tiles .tile:nth-child(3){transform:rotate(6deg)}.nf__block h1{font-size:30px;font-weight:900}.nf__block p{color:var(--cream-dim);margin:6px 0 16px}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--rot,0deg) + 1.2deg))}}@keyframes twinkle{0%,to{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #7fd1a42e}50%{box-shadow:0 0 0 8px #7fd1a40f}}@keyframes hint{0%,to{box-shadow:0 0 #7fd1a400}50%{box-shadow:0 0 0 3px var(--jade), 0 0 20px 4px #7fd1a4cc}}@keyframes leave{0%{transform:translate(calc(var(--lift-x) * var(--z)), calc(var(--lift-y) * var(--z) - var(--td) * 1.3)) scale(1.06);opacity:1}45%{transform:translate(calc(var(--lift-x) * var(--z)), calc(var(--lift-y) * var(--z) - var(--td) * 2.4)) scale(1.18);opacity:1}to{transform:translate(calc(var(--lift-x) * var(--z)), calc(var(--lift-y) * var(--z) - var(--td) * 2.4)) scale(.2);opacity:0}}@keyframes shake-a{0%,to{margin-left:0}20%{margin-left:-5px}45%{margin-left:5px}70%{margin-left:-3px}}@keyframes shake-b{0%,to{margin-left:0}20%{margin-left:-5px}45%{margin-left:5px}70%{margin-left:-3px}}@keyframes burst-spark{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)rotate(30deg)}}@keyframes burst-dot{0%{transform:rotate(var(--a)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(56px) scale(.3);opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@font-face{font-family:tileFont;src:url(../media/TileFont-s.p.0o0d_szrazjpx.woff2)format("woff2");font-display:swap}@font-face{font-family:tileFont Fallback;src:local(Arial);ascent-override:86.8%;descent-override:23.95%;line-gap-override:0.0%;size-adjust:106.91%}.tilefont_322283ae-module__cw6YAW__className{font-family:tileFont,tileFont Fallback}.tilefont_322283ae-module__cw6YAW__variable{--font-tile:"tileFont", "tileFont Fallback"}