.g-page{--gs-correct:#2a7361;--gs-present:#e8b84a;--gs-present-ink:#272b2b;--gs-absent:#636d73;--gs-filled:#8a979e}.g-page.gs-contrast{--gs-correct:#c25a12;--gs-present:#2f78bd;--gs-present-ink:#fff}.gs-main{flex-direction:column;align-items:center;display:flex}.gs-main .g-head{width:100%}.gs-board{grid-template-rows:repeat(6,1fr);gap:6px;width:min(330px,100%);display:grid}.gs-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.gs-tile{aspect-ratio:1;border:2px solid var(--mty-border);background:var(--mty-surface);font:700 2rem / 1 var(--mty-font);text-transform:uppercase;color:var(--mty-ink);border-radius:8px;place-items:center;display:grid}.gs-tile.filled{border-color:var(--gs-filled);animation:gs-pop .12s var(--mty-ease)}.gs-tile.correct,.gs-tile.present,.gs-tile.absent{color:#fff;border-color:#0000}.gs-tile.correct{background:var(--gs-correct)}.gs-tile.present{background:var(--gs-present)}.gs-tile.absent{background:var(--gs-absent)}.gs-tile.flip{animation:gs-flip .5s var(--mty-ease) both}.gs-row.shake{animation:.4s gs-shake}.gs-row.win .gs-tile{animation:gs-bounce .6s var(--mty-ease) both}.gs-status{min-height:1.6em;margin:var(--mty-space-4) 0 var(--mty-space-2);text-align:center;font-weight:600}.gs-keyboard{flex-direction:column;gap:8px;width:min(500px,100%);display:flex}.gs-keyrow{justify-content:center;gap:6px;display:flex}.gs-key{background:var(--mty-soft);min-width:0;min-height:56px;color:var(--mty-ink);font:700 1.15rem var(--mty-font);text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;flex:1 1 0}.gs-key.wide{letter-spacing:-.01em;flex:1.6 1 0;padding:0 2px;font-size:1rem}.gs-key:focus-visible{outline:3px solid var(--mty-action);outline-offset:2px}.gs-key.correct,.gs-key.present,.gs-key.absent{color:#fff}.gs-key.correct{background:var(--gs-correct)}.gs-key.present{background:var(--gs-present)}.gs-key.absent{background:var(--gs-absent)}.gs-example{grid-template-columns:repeat(5,2.6rem);gap:4px;display:grid}.gs-example .gs-tile{font-size:1.3rem}.gs-setting{justify-content:space-between;align-items:center;gap:var(--mty-space-4);padding:var(--mty-space-3) 0;border-bottom:1px solid var(--mty-border);display:flex}.gs-setting input{flex:none;width:1.5rem;height:1.5rem}.gs-result{font-size:1.15rem;font-weight:600}.gs-numbers{gap:var(--mty-space-2);text-align:center;grid-template-columns:repeat(4,1fr);margin:0;display:grid}.gs-numbers div{flex-direction:column;display:flex}.gs-numbers dt{font-size:var(--mty-text-small);color:var(--mty-muted)}.gs-numbers dd{margin:0;font-size:1.8rem;font-weight:700}.gs-dist{gap:4px;display:grid}.gs-bar{grid-template-columns:1.2rem 1fr;align-items:center;gap:6px;display:grid}.gs-bar span:last-child{background:var(--gs-absent);color:#fff;text-align:right;border-radius:4px;min-width:1.8rem;padding:2px 8px;font-weight:700}.gs-bar.today span:last-child{background:var(--gs-correct)}@keyframes gs-pop{50%{transform:scale(1.08)}}@keyframes gs-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes gs-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes gs-bounce{40%{transform:translateY(-14px)}}@media (width<=480px){.gs-main{padding-top:var(--mty-space-4)}.gs-main .g-head{margin-bottom:var(--mty-space-3)}.gs-board{gap:5px;width:min(290px,100%)}.gs-tile{font-size:1.7rem}.gs-keyrow{gap:4px}.gs-key{min-height:52px;font-size:1rem}.gs-key.wide{flex-grow:1.8;font-size:1rem}}.gs-throwback{margin:var(--mty-space-2) 0 0;padding:var(--mty-space-1) var(--mty-space-3);border-radius:var(--mty-radius-pill);background:var(--mty-accent);font-size:.95rem;display:inline-block}.gs-throwback[hidden]{display:none}.gs-guide-demo,.gs-guide-board{justify-items:center;gap:6px;display:grid}.gs-guide-examples{gap:var(--mty-space-3);width:100%;display:grid}.gs-guide-example{gap:var(--mty-space-1);display:grid}.gs-guide-example p{margin:0;font-size:1rem}.gs-guide-examples .gs-example,.gs-guide-board .gs-example{grid-template-columns:repeat(5,2.1rem);gap:3px}.gs-guide-examples .gs-tile,.gs-guide-board .gs-tile{font-size:1.1rem}.gs-guide-examples{gap:var(--mty-space-2)}.gs-tile,.gs-key{position:relative}.gs-tile.correct:after,.gs-key.correct:after{content:"";background:currentColor;border-radius:2px;height:4px;position:absolute;bottom:12%;left:22%;right:22%}.gs-tile.present:after,.gs-key.present:after{content:"";background:currentColor;border-radius:50%;width:.4em;min-width:6px;height:.4em;min-height:6px;position:absolute;top:10%;right:10%}.gs-key.correct:after{height:3px;bottom:8%}@media (forced-colors:active){.gs-tile.correct:after,.gs-key.correct:after{background:0 0;border-bottom:3px solid;height:0}.gs-tile.present:after,.gs-key.present:after{background:0 0;border:2px solid}}@media (height<=520px) and (width>=560px){.gs-main{width:calc(100% - 2 * var(--mty-gutter));column-gap:var(--mty-space-6);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"head head""board status""board suggest""board keys""board feedback""sync sync";place-items:start center;display:grid}.gs-main .g-head{grid-area:head}.gs-board{grid-area:board;gap:4px;width:calc(83.3333dvh - 7.5rem)}.gs-board .gs-tile{font-size:1.3rem}.gs-status{grid-area:status}.g-suggest{grid-area:suggest}.gs-keyboard{grid-area:keys}.gs-key{min-height:44px}}.gs-guide-examples .gs-example,.gs-guide-board .gs-example,.gs-guide-demo .gs-example,.g-guide-stage>.gs-example{grid-template-columns:repeat(5,min(2.1rem,15cqi))}.gs-answer{margin:0 0 var(--mty-space-4);grid-template-columns:repeat(5,2.6rem);gap:4px;display:grid}.gs-answer[hidden]{display:none}.gs-answer .gs-tile{font-size:1.4rem}#gs-stats-title:focus{outline:none}.gs-tile.present,.gs-key.present{color:var(--gs-present-ink)}.gs-tile.correct:after{border-radius:3px;height:6px;bottom:9%;left:18%;right:18%}.gs-key.correct:after{height:4px;bottom:7%;left:20%;right:20%}.gs-key.present:after{width:8px;height:8px;top:7%;right:7%}.gs-numbers dt{font-size:1rem}.gs-key[data-key=Backspace],.gs-key[data-key=backspace]{font-size:1.3rem}.gs-key-symbol{font-size:1.4rem;display:none}@media (width<=340px),(height<=520px) and (width>=560px){.gs-key-word{display:none}.gs-key-symbol{display:inline}}@media (width<=340px){.gs-board{gap:4px;width:min(230px,100%)}.gs-tile{font-size:1.4rem}.gs-keyrow{gap:3px}.gs-key{min-height:46px;font-size:1rem}}@media (height<=520px) and (width>=560px){.gs-main .g-head{flex-wrap:nowrap}.gs-main .g-head h1{font-size:1.5rem}.gs-board{width:calc(83.3333dvh - 10.4167rem)}}.gs-tile.correct:after{height:max(3px,7%);bottom:5%;left:20%;right:20%}.gs-tile.present:after{width:max(6px,17%);min-width:0;height:max(6px,17%);min-height:0;top:5%;right:5%}.gs-answer{grid-template-columns:repeat(5,min(2.6rem,15vw))}.gs-numbers{flex-wrap:wrap}.gs-keyrow.gs-actions{display:none}@media (width<=340px){.gs-keyrow .gs-key.wide{display:none}.gs-keyrow.gs-actions{display:flex}.gs-keyrow.gs-actions .gs-key{flex:1 1 0;font-size:1rem}}.gs-main .g-head .g-date{display:block}@media (height<=520px) and (width>=560px){.g-suggest{grid-area:status}}.gs-tile.correct:after{height:max(4px,9%)}.gs-tile.present:after{width:max(7px,19%);height:max(7px,19%)}@media (width<=400px){.gs-numbers{grid-template-columns:repeat(2,1fr)}.gs-answer{grid-template-columns:repeat(5,min(2.6rem,11vw))}}:lang(zh) #gs-stats-title,:lang(zh) .g-dialog .actions .g-button{word-break:keep-all}@media (width<=340px){.g-dialog .actions{flex-wrap:wrap}.g-dialog .actions .g-button{flex:auto;padding-inline:.75rem}}.gs-keyboard.gs-word-keys .gs-keyrow .gs-key.wide{display:none}.gs-keyboard.gs-word-keys .gs-keyrow.gs-actions{display:flex}.gs-keyboard.gs-word-keys .gs-keyrow.gs-actions .gs-key{flex:1 1 0;font-size:1rem}.gs-main:has(.gs-word-keys) .gs-board{width:min(250px,100%)}@media (width<=560px){.gs-keyrow{flex-wrap:wrap}.gs-keyrow .gs-key{flex:1 0 44px}}@media (height<=520px) and (width>=560px) and (width<=899px){.gs-board{width:210px}.gs-keyboard{width:100%}.gs-keyrow{flex-wrap:wrap}.gs-keyrow .gs-key{flex:1 0 44px}}@media (height<=520px) and (width>=560px){.gs-main .word-game-feedback{grid-area:feedback;width:100%}.gs-main .game-sync{grid-area:sync;width:100%}}.gs-entry-preview,.gs-return-keys{display:none}@media (width<=899px){.gs-keyboard,.gs-keyboard.gs-word-keys{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));align-content:start;gap:4px;display:grid}.gs-keyboard .gs-keyrow{display:contents}.gs-keyboard .gs-keyrow .gs-key.wide{display:none}.gs-keyboard .gs-key{flex:none;min-width:44px;height:44px;min-height:44px}.gs-keyboard .gs-keyrow.gs-actions{grid-column:1/-1;gap:4px;display:flex}.gs-keyboard .gs-keyrow.gs-actions .gs-key{flex:1}.gs-entry-preview{background:var(--mty-surface);grid-column:1/-1;gap:4px;padding-block:4px 8px;scroll-margin-top:8px;display:grid}.gs-entry-preview[hidden],.gs-return-keys[hidden]{display:none}.gs-entry-header{justify-content:space-between;align-items:center;gap:4px;font-size:16px;display:flex}.gs-entry-header .g-button{min-width:44px;min-height:44px;padding:4px 8px;font-size:16px}.gs-entry-preview .gs-row{gap:4px;width:min(220px,100%);margin-inline:auto}.gs-entry-preview .gs-tile{min-width:36px;min-height:36px;font-size:20px}.gs-return-keys{min-height:44px;margin-block:8px;display:inline-flex}.gs-keyboard [data-key]{scroll-margin-top:112px}}@media (height<=520px) and (width>=560px) and (width<=899px){.gs-return-keys{grid-area:6/1}.gs-main .game-sync{grid-row:7}.gs-main:has(.gs-entry-preview:not([hidden])) .gs-status{display:none}}@media (width<=359px){.gs-row{column-gap:5px}}@media (width>=900px) and (height<=520px){.gs-keyrow{gap:4px}.gs-main .gs-board{min-width:204px}}@media (height<=520px) and (width>=560px) and (width<=899px){.gs-main{column-gap:var(--mty-space-4);grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"head head""board keys""return feedback""suggest suggest""status status""sync sync"}:is(.gs-main .gs-board,.gs-main:has(.gs-word-keys) .gs-board){width:200px}.gs-board .gs-tile{min-width:36px;min-height:36px}.gs-return-keys{grid-area:return}.gs-main .g-suggest{grid-area:suggest}.gs-main .game-sync{grid-area:sync}}