.gw,.gw-about,.xw{--gw-correct: #0d7a46;--gw-on-correct: #ffffff;--gw-present: var(--color-brand-gold, #f1c232);--gw-on-present: var(--color-brand-ink, #10231b);--gw-absent: #2c2723;--gw-on-absent: #ffffff;--gw-empty-border: var(--color-brand-line, #c8bda7);--gw-typed-border: #7b7262;--gw-tile-bg: var(--color-brand-white, #fffdf8);--gw-ink: var(--color-brand-ink, #10231b);--gw-muted: var(--color-brand-muted, #535e55);--gw-key: #e0d6bf;--gw-gap: 5px}.gw{--gw-key-h: clamp(46px, 7.4svh, 58px);--gw-h: clamp(250px, calc(100svh - 250px - 3 * var(--gw-key-h)), 420px);display:flex;flex-direction:column;gap:12px;width:100%;max-width:500px;margin:0 auto;padding:6px 0 16px;color:var(--gw-ink)}.gw-contrast{--gw-correct: #f5793a;--gw-on-correct: #10231b;--gw-present: #85c0f9;--gw-on-present: #10231b}.gw-bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:4px 10px}.gw-titlebox{flex:1 1 0}.gw-title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,6.2vw,2rem);line-height:1;letter-spacing:-.045em;white-space:nowrap}@media(max-width:380px){.gw-bar{column-gap:6px}.gw-title{font-size:1.25rem}}.gw-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:8px 0 0;color:var(--gw-muted);font-size:13px;font-weight:600}.gw-actions{display:flex;margin:0 -8px 0 auto}.gw-icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--gw-ink);cursor:pointer}.gw-icon-btn:hover:not(:disabled){background:#10231b14}.gw-icon-btn:disabled{cursor:default;opacity:.32}.gw-link{position:relative;padding:0;border:0;background:none;color:var(--color-brand-green);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.gw-link:after{content:"";position:absolute;inset:-12px -6px}.gw-icon-btn:focus-visible,.gw-link:focus-visible,.gw-btn:focus-visible,.gw-key:focus-visible,.gw-switch input:focus-visible{outline:3px solid var(--color-brand-green);outline-offset:2px}.gw-hintbar{display:grid;gap:4px;padding:8px 12px;border:1px solid #e3c56a;border-radius:10px;background:var(--color-brand-gold-soft, #f8dfa0)}.gw-hintbar p{margin:0;font-size:13px;font-weight:600;line-height:1.4}.gw-board{display:grid;place-items:center}.gw-grid{--cols: 5;display:grid;grid-template-rows:repeat(6,1fr);gap:var(--gw-gap);width:min(100%,calc(var(--gw-h) * var(--cols) / 6));aspect-ratio:var(--cols) / 6;container-type:inline-size}.gw-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gw-gap)}.gw-tile{display:grid;place-items:center;box-sizing:border-box;border:2px solid var(--gw-empty-border);background:var(--gw-tile-bg);color:var(--gw-ink);font-family:var(--font-sans);font-size:clamp(1.3rem,calc(100cqw / var(--cols) * .55),2.1rem);font-weight:800;line-height:1;text-transform:uppercase;user-select:none}.gw-tile[data-filled=true]:not([data-state]){border-color:var(--gw-typed-border);animation:gw-pop .11s ease-out}.gw-tile[data-state=correct],.gw-key[data-state=correct]{--gw-bg: var(--gw-correct);--gw-fg: var(--gw-on-correct)}.gw-tile[data-state=present],.gw-key[data-state=present]{--gw-bg: var(--gw-present);--gw-fg: var(--gw-on-present)}.gw-tile[data-state=absent],.gw-key[data-state=absent]{--gw-bg: var(--gw-absent);--gw-fg: var(--gw-on-absent)}.gw-tile[data-state]{border-color:var(--gw-bg);background:var(--gw-bg);color:var(--gw-fg)}.gw-row[data-reveal=true] .gw-tile{animation:gw-flip .5s ease both;animation-delay:calc(var(--i) * .25s)}.gw-row[data-shake=true]{animation:gw-shake .6s}.gw-row[data-celebrate=true] .gw-tile{animation:gw-bounce 1s ease;animation-delay:calc(var(--i) * .1s)}@keyframes gw-pop{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes gw-flip{0%{transform:rotateX(0);border-color:var(--gw-typed-border);background:var(--gw-tile-bg);color:var(--gw-ink)}49%{transform:rotateX(-90deg);border-color:var(--gw-typed-border);background:var(--gw-tile-bg);color:var(--gw-ink)}50%{transform:rotateX(-90deg);border-color:var(--gw-bg);background:var(--gw-bg);color:var(--gw-fg)}to{transform:rotateX(0);border-color:var(--gw-bg);background:var(--gw-bg);color:var(--gw-fg)}}@keyframes gw-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes gw-bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-22px)}50%{transform:translateY(5px)}60%{transform:translateY(-12px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.gw-kb{display:grid;gap:8px;touch-action:manipulation}.gw-kb-row{display:flex;justify-content:center;gap:6px}.gw-spacer{flex:.5}@media(max-width:480px){.gw-kb{margin-inline:-8px}.gw-kb-row{gap:5px}}.gw-key{display:grid;flex:1;place-items:center;min-width:0;height:var(--gw-key-h);padding:0;border:0;border-radius:8px;background:var(--gw-key);color:var(--gw-ink);font-family:var(--font-sans);font-size:1rem;font-weight:800;text-transform:uppercase;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.gw-key[data-wide=true]{flex:1.6;font-size:.72rem}.gw-key[data-state]{background:var(--gw-bg);color:var(--gw-fg)}.gw-key:active{filter:brightness(.9)}.gw-end{display:grid;gap:12px;align-content:center;justify-items:center;box-sizing:border-box;min-height:calc(3 * var(--gw-key-h) + 16px);padding:6px 0;text-align:center}.gw-tip{margin:0;color:var(--gw-muted);font-size:13px;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}.gw-tip svg{display:inline-block;width:16px;height:16px;margin-right:5px;color:var(--gw-ink);vertical-align:-3px}.gw-end-msg{margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.04em}.gw-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.gw-toasts{position:fixed;top:150px;left:50%;z-index:70;display:grid;gap:8px;transform:translate(-50%);pointer-events:none}.gw-toast{padding:12px 18px;border-radius:10px;background:var(--gw-ink);box-shadow:0 8px 28px #00000047;color:var(--color-brand-white, #fffdf8);font-size:14px;font-weight:700;text-align:center;animation:gw-toast-in .14s ease-out}@keyframes gw-toast-in{0%{opacity:0;transform:translateY(-6px)}}.gw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:2px solid var(--gw-ink);border-radius:999px;background:transparent;color:var(--gw-ink);font:800 14px var(--font-sans);text-align:center;text-decoration:none;cursor:pointer}.gw-btn:hover:not(:disabled){background:#10231b12}.gw-btn:disabled{cursor:default;opacity:.45}.gw-btn-primary{border-color:var(--color-brand-green);background:var(--color-brand-green);color:#fff}.gw-btn-primary:hover:not(:disabled){background:var(--color-brand-green-deep)}.gw-modal{width:min(480px,calc(100vw - 20px));margin:auto;padding:0;overflow:hidden;border:0;border-radius:18px;background:var(--color-brand-white, #fffdf8);box-shadow:0 24px 80px #10231b66;color:var(--color-brand-ink, #10231b)}.gw-modal[open]{display:flex;animation:gw-modal-in .18s ease-out}.gw-modal::backdrop{background:#10231b94}@keyframes gw-modal-in{0%{opacity:0;transform:translateY(14px)}}body:has(dialog.gw-modal[open]){overflow:hidden}html:has(.gw),html:has(.xw){scrollbar-gutter:stable}.gw-modal-inner{display:flex;flex-direction:column;width:100%;max-height:min(780px,calc(100dvh - 20px))}.gw-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 4px 22px}.gw-modal-head h2{margin:0;font-size:1.5rem;letter-spacing:-.04em}.gw-modal-head h2:focus{outline:none}.gw-modal-body{flex:1 1 auto;min-height:0;padding:8px 22px 24px;overflow-y:auto;overscroll-behavior:contain}.gw-prose p,.gw-list li,.gw-muted{font-size:15px;line-height:1.55}.gw-prose p{margin:0 0 12px}.gw-muted{margin:6px 0 12px;color:var(--gw-muted)}.gw-list{margin:14px 0 0;padding-left:20px;list-style:disc}.gw-list li{margin-bottom:8px}.gw-example{margin:14px 0}.gw-example-row{display:flex;gap:5px;margin-bottom:6px}.gw-example .gw-tile{width:40px;height:40px;font-size:1.3rem}.gw-example p{margin:0}.gw-sub-h{margin:20px 0 8px;font-family:var(--font-sans);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.gw-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;text-align:center}.gw-figure-n{display:block;font-family:var(--font-display);font-size:2.1rem;font-weight:700;line-height:1.1}.gw-figure-l{color:var(--gw-muted);font-size:12px;font-weight:600}.gw-dist{display:grid;gap:5px;margin:0;padding:0;list-style:none}.gw-dist li{display:flex;align-items:center;gap:8px}.gw-dist-n{width:12px;font-size:14px;font-weight:700}.gw-dist-bar{box-sizing:border-box;min-width:26px;padding:3px 8px;border-radius:3px;background:var(--gw-absent);color:var(--gw-on-absent);font-size:13px;font-weight:800;text-align:right}.gw-dist li[data-hit=true] .gw-dist-bar{background:var(--gw-correct);color:var(--gw-on-correct)}.gw-next{margin:16px 0 0;font-weight:700}.gw-countdown{font-variant-numeric:tabular-nums}.gw-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-brand-line, #c8bda7)}.gw-switch label{display:grid;gap:2px;cursor:pointer}.gw-switch-l{font-size:16px;font-weight:800}.gw-switch-n{color:var(--gw-muted);font-size:13px;line-height:1.4}.gw-switch input{position:relative;flex:none;width:48px;height:28px;margin:0;border-radius:999px;background:#c9bfa8;cursor:pointer;appearance:none;transition:background .12s}.gw-switch input:after{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;content:"";transition:transform .12s}.gw-switch input:checked{background:var(--color-brand-green)}.gw-switch input:checked:after{transform:translate(20px)}.gw-switch input:disabled{cursor:default;opacity:.45}.gw-settings-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 6px;font-size:15px}.gw-settings .gw-btn{margin-top:6px}.gw-hint-block{margin:14px 0}.gw-hint-text{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--color-brand-gold-soft, #f8dfa0);font-weight:600;line-height:1.45}.gw-result-title{margin:4px 0 0;font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.045em}.gw-result-sub{margin:4px 0 0;color:var(--gw-muted);font-size:15px}.gw-result-sub a,.gw-card-rel a,.gw-tried a{color:var(--color-brand-green);font-weight:700}.gw-card{display:grid;justify-items:start;gap:6px;margin:16px 0;padding:16px 16px 18px;border:1px solid var(--color-brand-line, #c8bda7);border-radius:16px;background:var(--color-brand-cream, #f9f4e8)}.gw-card-eyebrow{margin:0;color:var(--color-brand-green);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.gw-card-word{margin:0;font-size:2rem;line-height:1.1}.gw-card-word a{color:var(--color-brand-ink, #10231b);text-decoration:none}.gw-resp{margin-left:10px;color:#7c6a45;font:700 .9rem var(--font-sans);letter-spacing:0}.gw-card-meta{margin:0;color:var(--gw-muted);font-size:13px;font-weight:700;text-transform:capitalize}.gw-card-def{margin:4px 0;font-size:15px;line-height:1.55}.gw-card-ex{display:grid;gap:2px;margin:2px 0 6px;padding-left:12px;border-left:3px solid var(--color-brand-gold, #f1c232);font-size:14px}.gw-card-ex q{font-style:italic;font-weight:700}.gw-card-ex span{color:var(--gw-muted)}.gw-card-rel{margin:4px 0 0;font-size:14px}.gw-share{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px}.gw-tried{display:grid;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none}.gw-tried span{color:var(--gw-muted)}.gw-quiz-link{display:block;margin:16px 0;padding:14px 16px;border-radius:14px;background:var(--color-brand-green-deep, #08462f);color:#fff;font-size:15px;text-decoration:none}.gw-quiz-link:hover{background:var(--color-brand-green-black, #07140e)}.gw-result>.gw-btn{margin-top:14px}.gw-more section{margin-top:10px}.gw-more>.gw-btn{margin:8px 0 4px}.gw-choices,.gw-past{display:flex;flex-wrap:wrap;gap:8px}.gw-past-btn{min-height:40px;padding:0 14px}.gw-past-btn[data-result=won]{border-color:var(--gw-correct);color:var(--gw-correct)}.gw-past-btn[data-result=lost]{opacity:.6}.gw-page{padding:4px 0 8px}.gw-about{max-width:720px;margin:40px auto 0;padding-top:32px;border-top:1px solid var(--color-brand-line, #c8bda7)}.gw-about h2{margin:28px 0 10px;font-size:clamp(1.5rem,4vw,2rem)}.gw-about h2:first-child{margin-top:0}.gw-about p,.gw-about li{color:var(--color-brand-muted, #535e55);font-size:16px;line-height:1.65}.gw-about a{color:var(--color-brand-green);font-weight:700}.gw-key-legend{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none}.gw-key-legend li{display:flex;align-items:center;gap:12px}.gw-key-legend .gw-tile{flex:none;width:38px;height:38px;font-size:1.2rem}.gw-past-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.gw-note{margin-top:24px;font-size:13px!important}@media(prefers-reduced-motion:reduce){.gw-tile,.gw-row,.gw-row .gw-tile,.gw-toast,.gw-modal[open]{animation:none!important}.gw-switch input,.gw-switch input:after{transition:none}}
