.g-button{min-height:var(--mty-control-min);border:1px solid var(--mty-border);border-radius:var(--mty-radius-pill);background:var(--mty-surface);color:var(--mty-ink);font:500 1rem var(--mty-font);cursor:pointer;box-shadow:none;transition:background var(--mty-motion-feedback), border-color var(--mty-motion-feedback);padding:.5rem 1.1rem}.g-button:hover:not(:disabled){background:var(--mty-soft);box-shadow:none}.g-button:active{transform:none}.g-button.primary{background:var(--mty-action);border-color:var(--mty-action);color:var(--mty-on-action)}.g-button:disabled{opacity:.45;cursor:default}.g-button.primary:hover:not(:disabled){background:var(--mty-action);color:var(--mty-on-action)}.g-guide-close{box-shadow:none;transition:background var(--mty-motion-feedback)}.g-guide-close:active{transform:none}.g-guide-close:focus-visible{outline:3px solid var(--mty-action);outline-offset:2px}.g-icon-control{flex:0 0 48px;place-items:center;width:48px;min-width:48px;height:48px;padding:10px;display:inline-grid;position:relative}.g-icon-control .g-control-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.g-icon-control:is(:hover,:focus-visible) .g-control-label{clip-path:none;border:1px solid var(--mty-border);background:var(--mty-surface);width:max-content;height:auto;color:var(--mty-ink);z-index:30;pointer-events:none;border-radius:8px;margin:0;padding:6px 10px;font-size:16px;top:calc(100% + 8px);right:0;overflow:visible}.actions{align-items:stretch}.actions .g-icon-control{width:auto;height:auto;min-height:var(--mty-control-min);border-radius:var(--mty-radius-pill);flex:none;padding:.5rem 1.1rem}.actions .g-icon-control svg{width:24px;height:24px}@media (prefers-reduced-motion:reduce){.g-button,.g-guide-close{transition:none}}body.g-page{background:var(--mty-paper);min-height:100vh;color:var(--mty-ink);font:var(--mty-text-body) / var(--mty-leading-body) var(--mty-font);--mty-veil-height:100px;margin:0}.g-page *,.g-page :before,.g-page :after{box-sizing:border-box}.g-page .mty-site-header{z-index:10;width:min(var(--mty-shell-width), calc(100% - 2 * var(--mty-gutter)));border-radius:36px;justify-content:space-between;align-items:center;margin:12px auto 0;display:flex;position:sticky;top:12px}.g-page .brand{min-height:44px;color:var(--mty-ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.g-page .navlinks a{color:var(--mty-ink);text-decoration:none}.g-main{width:min(44rem, calc(100% - 2 * var(--mty-gutter)));padding:var(--mty-space-8) 0 var(--mty-space-16);margin:0 auto}.g-head{justify-content:space-between;align-items:baseline;gap:var(--mty-space-4);margin-bottom:var(--mty-space-6);flex-wrap:wrap;display:flex}.g-head h1{font-size:var(--mty-heading);margin:0;line-height:1.15}.g-head .g-date{color:var(--mty-muted);font-size:1rem}.g-toolbar{gap:var(--mty-space-2);flex-wrap:wrap;display:flex}.g-button:focus-visible,.g-key:focus-visible,.g-cell:focus-visible{outline:3px solid var(--mty-action);outline-offset:2px}.g-card{background:var(--mty-surface);border:1px solid var(--mty-border);border-radius:var(--mty-radius-card);box-shadow:var(--mty-shadow-card);padding:var(--mty-space-6)}.g-muted{color:var(--mty-muted)}.g-toast{z-index:20;border-radius:var(--mty-radius-control);background:var(--mty-ink);color:#fff;opacity:0;pointer-events:none;transition:opacity var(--mty-motion-transition) var(--mty-ease), transform var(--mty-motion-transition) var(--mty-ease);padding:.6rem 1.1rem;font-weight:600;position:fixed;top:110px;left:50%;transform:translate(-50%,-8px)}.g-toast.show{opacity:1;transform:translate(-50%)}.g-toast.error{background:#8a3b3b}dialog.g-dialog{border-radius:var(--mty-radius-card);width:min(32rem,100% - 2rem);padding:var(--mty-space-8);color:var(--mty-ink);border:0;box-shadow:0 20px 60px #0003}dialog.g-dialog::backdrop{background:#272b2b59}.g-dialog h2{margin-top:0}.g-dialog .actions{justify-content:flex-end;gap:var(--mty-space-2);margin-top:var(--mty-space-6);display:flex}.g-hub{gap:var(--mty-space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.g-hub a{color:inherit;text-decoration:none;display:flex}.g-hub .g-card{flex:1}.g-hub a:hover .g-card{border-color:var(--mty-action)}.g-hub h2{margin:0 0 var(--mty-space-2);font-size:1.4rem}.g-hub p{margin:0}.g-note{margin-top:var(--mty-space-8);font-size:var(--mty-text-small);color:var(--mty-muted)}.g-page{--g-motion-lift:var(--mty-motion-feedback);--g-motion-turn:.18s;--g-motion-settle:var(--mty-motion-transition);--g-ease:var(--mty-ease);--g-light:top left;--g-elev-rest:inset 0 1px 0 #ffffffd9, 0 2px 8px #191e2814;--g-elev-hover:inset 0 1px 0 #ffffffd9, 0 6px 20px #1e283c1f;--g-elev-lifted:0 12px 32px #0c223638;--g-well:inset 0 2px 12px #0b192c2e, 0 1px 0 #ffffff73;--g-spring-stiffness:140;--g-spring-damping-ratio:.6}@media (prefers-reduced-motion:reduce){.g-page{--g-motion-turn:0s}.g-page *{transition:none!important;animation:none!important}}.g-kbd{border:1px solid var(--mty-border);background:var(--mty-paper);min-width:1.6rem;color:var(--mty-muted);font:600 1rem / 1.4 var(--mty-font);text-align:center;white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:0 .4rem;display:inline-block}.g-preview{margin:0 0 var(--mty-space-4);align-content:center;place-items:center;gap:var(--mty-space-2);border-radius:var(--mty-radius-control);background:var(--mty-paper);height:8.5rem;display:grid}.g-preview figcaption{color:var(--mty-muted);font-size:var(--mty-text-small)}.g-pv-flower{--r:2.1rem;--d:1.9rem;width:calc(2 * var(--r) + var(--d));height:calc(2 * var(--r) + var(--d));position:relative}.g-pv-flower span{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border:1.5px solid var(--mty-border);background:var(--mty-surface);transform:rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid;position:absolute;top:50%;left:50%}.g-pv-flower span.center{border-color:var(--mty-action);background:var(--mty-action);color:var(--mty-on-action);transform:none}.g-pv-tiles{gap:4px;display:flex}.g-pv-tiles span{color:#fff;border-radius:4px;place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.g-pv-tiles .correct{background:#2a7361}.g-pv-tiles .present{color:#272b2b;background:#e8b84a}.g-pv-tiles .absent{background:#636d73}.g-pv-box{border:2px solid var(--mty-ink);background:var(--mty-surface);border-radius:3px;grid-template-columns:repeat(3,1.7rem);display:grid}.g-pv-box span{border:1px solid var(--mty-border);place-items:center;height:1.7rem;font-weight:600;display:grid}.g-suggest{min-height:var(--mty-control-min);color:var(--mty-action);font:500 1rem var(--mty-font);cursor:pointer;background:0 0;border:0;padding:.25rem .75rem;text-decoration:underline}.g-suggest[hidden]{display:none}.g-pv-tiles span{position:relative}.g-pv-tiles .correct:after{content:"";background:currentColor;border-radius:2px;height:3px;position:absolute;bottom:12%;left:25%;right:25%}.g-pv-tiles .present:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:10%;right:10%}[data-game=hub]{--g-accent:var(--mty-action);--g-accent-soft:var(--mty-soft);--g-accent-ink:var(--mty-on-action)}[data-game=words]{--g-accent:#e2a93b;--g-accent-soft:#fbf0d4;--g-accent-ink:#272b2b;--g-accent-text:#8a5a00}[data-game=guess]{--g-accent:#2a7361;--g-accent-soft:#dcefe8;--g-accent-ink:#fff;--g-accent-text:#2a7361}[data-game=sudoku]{--g-accent:#a4566a;--g-accent-soft:#f5e3e7;--g-accent-ink:#fff;--g-accent-text:#8f4659}[data-game=tangram]{--g-accent:#4c6a8f;--g-accent-soft:#e4eaf2;--g-accent-ink:#fff;--g-accent-text:#3f5a7a}[data-game=mahjong]{--g-accent:#0b6b57;--g-accent-soft:#dcefe9;--g-accent-ink:#fff;--g-accent-text:#0a5e4c}.g-preview-badge{letter-spacing:0;vertical-align:middle;border:2px solid;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:.6em;font-weight:700;display:inline-block}.g-pv-mahjong{background:radial-gradient(circle at 50% 40%,#0e7d66,#04493c);border-radius:12px;justify-content:center;align-items:flex-end;gap:6px;padding:18px;display:flex}.g-pv-mahjong img{filter:drop-shadow(0 4px 3px #0007);width:clamp(56px,22cqw,84px);height:auto}.g-pv-mahjong img.match{outline-offset:-2px;border-radius:8px;outline:4px solid #fd0}.g-page[data-game]:not([data-game=hub]) .g-main{border-top:6px solid var(--g-accent);margin-top:var(--mty-space-4);border-radius:3px}.g-head h1{align-items:center;gap:var(--mty-space-3);display:inline-flex}.g-game-icon{flex:none;width:2.5rem;height:2.5rem}.g-hub a[data-game] .g-card{border-top:6px solid var(--g-accent)}.g-hub a[data-game] .g-preview{background:var(--g-accent-soft)}.g-page:not([data-game=hub]) .mty-site-header{margin-inline:auto;position:relative;top:auto;left:auto}.g-page:not([data-game=hub]) .mty-top-veil{display:none}@media (height<=520px){.g-page .mty-site-header{min-height:52px;margin-top:6px;padding:4px 16px}.g-main{padding-top:var(--mty-space-3)}.g-head{margin-bottom:var(--mty-space-3)}}.g-hub .g-card{flex-direction:column;display:flex}.g-play{min-height:var(--mty-control-min);border-radius:var(--mty-radius-pill);background:var(--mty-action);color:var(--mty-on-action);align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;padding-inline:1.2rem;font-weight:600;display:inline-flex}.g-hub .g-card .g-play{margin-top:auto}.g-hub p.g-muted{margin-bottom:var(--mty-space-4)}.g-note{font-size:1rem}@media (height<=520px) and (width>=560px){.g-page[data-game]:not([data-game=hub]) .g-main{margin-top:var(--mty-space-2);border-top-width:4px}.g-head{flex-wrap:nowrap;align-items:center}.g-head h1{font-size:1.4rem}.g-game-icon{width:1.75rem;height:1.75rem}.g-head .g-date{font-size:1rem;display:block}.g-head .g-toolbar{flex-wrap:nowrap}.g-head .g-button{padding-inline:.75rem}.g-hub{gap:var(--mty-space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.g-hub .g-card{padding:var(--mty-space-3)}.g-preview{height:4.5rem;margin-bottom:var(--mty-space-2)}.g-preview figcaption,.g-hub p.g-muted{display:none}.g-hub h2{font-size:1.15rem}}dialog.g-dialog .actions{bottom:calc(-1 * var(--mty-space-8));margin:0 calc(-1 * var(--mty-space-8)) calc(-1 * var(--mty-space-8));padding:var(--mty-space-3) var(--mty-space-8) var(--mty-space-8);background:#fff;position:sticky}dialog.g-guide{--g-guide-pad:var(--mty-space-8);width:min(34rem,100% - 2rem);max-height:calc(100dvh - 1rem);padding:var(--g-guide-pad) var(--g-guide-pad) var(--mty-space-6);overflow-y:auto}dialog.g-guide[open]{flex-direction:column;display:flex}.g-guide-close{width:44px;height:44px;color:var(--mty-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.75rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.g-guide-close:hover{background:var(--mty-soft)}.g-guide-eyebrow{margin:0 3rem var(--mty-space-1) 0;color:var(--mty-muted);font-size:1rem}.g-guide .g-guide-title{margin:0 3rem var(--mty-space-4) 0;font-size:1.5rem;line-height:1.25}.g-guide-stage{min-height:18rem;padding:var(--mty-space-4);border-radius:var(--mty-radius-card);background:var(--g-accent-soft,var(--mty-paper));flex:none;place-items:center;display:grid;container-type:inline-size}.g-guide-text{margin:0 0 var(--mty-space-4);flex:none;min-height:0}.g-guide-dots{margin-top:var(--mty-space-4);justify-content:center;gap:8px;display:flex}.g-guide-dots span{background:#9aa5ad;border-radius:50%;width:8px;height:8px}.g-guide-dots span.on{background:var(--g-accent-text,var(--mty-action))}dialog.g-guide .actions{bottom:calc(-1 * var(--mty-space-6));margin:auto calc(-1 * var(--g-guide-pad)) calc(-1 * var(--mty-space-6));padding:var(--mty-space-4) var(--g-guide-pad) var(--mty-space-6)}@media (width<=480px){dialog.g-guide{--g-guide-pad:var(--mty-space-4);padding-top:var(--mty-space-6)}.g-guide-stage{padding:var(--mty-space-3)}.g-guide-text{min-height:calc(5 * var(--mty-leading-body) * 1em)}}@media (height<=640px){.g-guide-stage{min-height:12rem}}.g-more{color:var(--mty-ink);align-self:center;margin-right:auto;font-weight:600;display:none}.g-more:after{content:" ↓"}dialog.g-dialog.has-more .g-more{display:inline}@media (width<=480px){dialog.g-dialog .actions{flex-wrap:wrap}.g-more{margin:0 0 var(--mty-space-2);text-align:center;flex-basis:100%}}.g-page :is(p,li,figcaption,dd,dt,span){text-wrap:pretty}.g-page :is(h1,h2,h3){text-wrap:balance}:lang(zh-Hans){line-break:strict}@media (height<=520px) and (orientation:landscape){dialog.g-guide[open]{column-gap:var(--mty-space-6);grid-template:"eyebrow eyebrow""stage title""stage text""stage dots""actions actions"/minmax(0,1fr) minmax(0,1fr);width:min(56rem,100% - 1rem);display:grid}.g-guide-eyebrow{grid-area:eyebrow}.g-guide .g-guide-title{grid-area:title}.g-guide-stage{grid-area:stage;align-self:start;min-height:0}.g-guide-text{grid-area:text;min-height:0}.g-guide-dots{grid-area:dots;align-self:end}dialog.g-guide .actions{grid-area:actions}}.g-preview figcaption{font-size:1rem}.g-lang{border:1.5px solid var(--mty-border);border-radius:var(--mty-radius-pill);background:var(--mty-surface);min-width:44px;min-height:44px;color:var(--mty-ink);font:600 1rem var(--mty-font);cursor:pointer;align-items:center;gap:.4rem;margin-left:auto;padding:0 .9rem;display:inline-flex}.g-lang:hover{background:var(--mty-soft)}.g-lang:focus-visible{outline:3px solid var(--mty-action);outline-offset:2px}.g-lang-icon{background:linear-gradient(currentColor,currentColor) 50%/2px 100% no-repeat,linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat;border:2px solid;border-radius:50%;width:1.1rem;height:1.1rem}.g-page .mty-site-header .g-lang+.mty-menu-toggle,.g-page .mty-site-header .g-lang+.navlinks{margin-left:var(--mty-space-2)}@media (width>=801px){.g-page .mty-site-header .g-lang{margin-left:var(--mty-space-3);order:3}.g-page .mty-site-header .navlinks{margin-left:auto}}.g-lang-short{display:none}@media (width<=800px){.g-lang{padding:0 .7rem}.g-lang-name{display:none}.g-lang-short{display:inline}}@media (width<=340px){.g-lang-icon{display:none}}.g-english-only{margin:0 0 var(--mty-space-3);padding:var(--mty-space-1) var(--mty-space-3);border-radius:var(--mty-radius-control);background:var(--g-accent-soft,var(--mty-paper));font-size:1rem}:lang(zh-Hans){font-family:var(--mty-font), "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif}dialog.g-guide-compact .g-guide-text{min-height:0;margin:0 0 12px}dialog.g-guide-compact .g-guide-stage{min-height:0;padding:12px}dialog.g-guide-compact .g-guide-dots{display:none}dialog.g-guide-compact .g-guide-title{margin-bottom:12px}dialog.g-guide-compact .actions{margin-top:12px}@media (height<=640px) and (width>=560px){dialog.g-guide-compact[open]{--g-guide-pad:16px;grid-template:"eyebrow eyebrow""title title""text stage""actions actions"/minmax(0,1fr) minmax(0,1fr);column-gap:16px;padding-top:16px;display:grid}.g-guide-compact .g-guide-eyebrow,.g-guide-compact .g-guide-title,dialog.g-guide-compact .actions{grid-column:1/-1}.g-guide-compact .g-guide-stage{align-self:start}.g-guide-compact .g-guide-eyebrow{grid-area:eyebrow}.g-guide-compact .g-guide-title{grid-area:title}.g-guide-compact .g-guide-text{grid-area:text}.g-guide-compact .g-guide-stage{grid-area:stage}.g-guide-compact .actions{grid-area:actions}}@media (height<=520px) and (width>=560px){dialog.g-guide-compact[open]{grid-template-columns:minmax(0,1fr) minmax(0,200px)}}@media (width<=480px){dialog.g-guide .g-guide-text,dialog.g-guide .g-guide-stage{min-height:0}dialog.g-guide .g-guide-title{margin-right:0}}