*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--g-bg);color:var(--g-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5}.g-header{background:var(--g-surface);border-bottom:1px solid var(--g-line)}.g-header-inner{max-width:680px;margin:0 auto;padding:12px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.g-header-side{display:flex;align-items:center;gap:8px}.g-header-left{justify-content:flex-start}.g-header-right{justify-content:flex-end;position:relative}.g-header-date{color:var(--g-ink-soft);font-size:.95rem}.g-wordmark{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:.5px;text-align:center;color:var(--g-ink)}.g-wordmark-mark{color:var(--g-accent)}.g-wordmark a{color:inherit;text-decoration:none}.g-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--g-line);border-radius:10px;background:var(--g-surface);color:var(--g-ink);font-size:1.2rem;cursor:pointer}.g-icon-btn:hover{background:var(--g-accent-soft)}.g-icon-btn:focus-visible{outline:3px solid var(--g-focus);outline-offset:2px}.g-btn{min-height:48px;padding:12px 22px;font-size:1.05rem;font-weight:700;border:1px solid var(--g-line);border-radius:10px;background:var(--g-surface);color:var(--g-ink);cursor:pointer;text-decoration:none}.g-btn:hover{background:var(--g-accent-soft)}.g-btn:focus-visible{outline:3px solid var(--g-focus);outline-offset:2px}.g-btn[disabled]{opacity:.6;cursor:default}.g-btn-primary{background:var(--g-accent);color:var(--g-accent-ink);border-color:var(--g-accent)}.g-btn-primary:hover{background:var(--g-accent-hover)}.g-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(12px);background:var(--g-toast-bg);color:var(--g-toast-ink);padding:10px 18px;border-radius:999px;font-size:.95rem;box-shadow:0 8px 24px #00000059;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:2147483647}.g-toast-in{opacity:1;transform:translate(-50%) translateY(0)}.g-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:13rem;background:var(--g-surface);border:1px solid var(--g-line);border-radius:12px;box-shadow:0 12px 32px #0000002e;padding:6px;z-index:2147483646}.g-menu[hidden]{display:none}.g-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--g-ink);font:inherit;font-size:1rem;text-align:left;text-decoration:none;cursor:pointer}.g-menu-item:hover{background:var(--g-accent-soft)}.g-menu-item:focus-visible{outline:3px solid var(--g-focus);outline-offset:-2px}.g-menu-label{font-weight:600}.g-menu-state{color:var(--g-ink-soft);font-size:.9rem;font-weight:700}.g-menu-separator{height:1px;margin:6px;background:var(--g-line)}.g-modal-backdrop{position:fixed;inset:0;background:#0a081299;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:16px;z-index:2147483647;overscroll-behavior:contain}html.g-scroll-locked{overflow:hidden;padding-right:var(--g-scrollbar-pad, 0)}.g-modal{position:relative;margin:auto;background:var(--g-surface);color:var(--g-ink);border:1px solid var(--g-line);border-radius:var(--g-radius);padding:26px 24px 22px;max-width:24rem;width:100%;box-shadow:0 16px 48px #00000047;text-align:center}.g-modal-title{margin:0 0 10px;font-size:1.4rem}.g-modal-summary{margin:0 0 18px;font-size:1.05rem;line-height:1.5}.g-modal-actions{display:flex;gap:10px;justify-content:space-between}.g-help-sketch{display:flex;align-items:center;justify-content:center;gap:10px;min-height:3.4rem;margin:4px 0 12px}.g-help-sketch[hidden]{display:none}.g-help-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:none;background:transparent;color:var(--g-ink-soft);font-size:1.6rem;line-height:1;border-radius:8px;cursor:pointer}.g-help-close:hover{color:var(--g-ink);background:var(--g-accent-soft)}.g-help-close:focus-visible{outline:3px solid var(--g-focus);outline-offset:2px}.g-help-dots{display:flex;justify-content:center;gap:8px;margin:0 0 18px}.g-help-dot{width:9px;height:9px;border-radius:50%;background:var(--g-line)}.g-help-dot-on{background:var(--g-accent)}@media (prefers-reduced-motion: reduce){.g-toast{transition:none}}@media (max-width: 480px){body{font-size:17px}}.g-modal.g-account{max-width:30rem;padding:32px 32px 28px}.g-account .g-modal-title{padding:0 30px}.g-account .g-modal-summary{max-width:26rem;margin-right:auto;margin-left:auto}.g-account-form{display:flex;flex-direction:column;gap:8px;margin:16px 0 4px}.g-account-label{font-weight:600;font-size:.95rem}.g-account-input{width:100%;min-height:56px;font:inherit;font-size:1.05rem;padding:12px 14px;border:1px solid var(--g-line);border-radius:var(--g-radius);background:var(--g-bg);color:var(--g-ink);min-width:0}.g-account-input:focus-visible{outline:3px solid var(--g-focus);outline-offset:1px}.g-account-code{min-height:64px;letter-spacing:.35em;font-size:1.4rem;text-align:center}.g-account-error{color:var(--g-error, var(--g-accent));min-height:1.2em;margin:4px 0 0;font-weight:600}.g-account-error:empty{display:none}.g-account-google{display:flex;justify-content:center;margin:14px 0 2px;min-height:44px}.g-account-divider{display:flex;align-items:center;gap:10px;margin:10px 0 2px;color:var(--g-ink-soft);font-size:.9rem}.g-account-divider:before,.g-account-divider:after{content:"";flex:1;border-top:1px solid var(--g-line)}.g-account-google[hidden],.g-account-divider[hidden]{display:none}.g-account-actions{display:grid;gap:10px;margin-top:14px}.g-account-actions-email{grid-template-columns:minmax(0,1fr)}.g-account-actions-code{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr)}.g-account-actions .g-btn{width:100%;min-width:0;padding-right:14px;padding-left:14px;white-space:nowrap}@media (max-width: 560px){.g-modal.g-account{padding:28px 18px 22px}.g-account .g-modal-title{padding:0 24px}.g-account-actions-code{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g-account-actions-code .g-account-submit{grid-column:1 / -1}}.g-account-panel{margin-top:6px}.g-account-subhead{font-weight:600;font-size:.95rem;color:var(--g-ink-soft);margin:6px 0 4px}.g-account-methods{margin-bottom:12px}.g-account-method{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--g-line)}.g-account-method-name{flex:1;min-width:0}.g-account-method-confirm .g-account-method-name{font-size:.95rem;color:var(--g-ink-soft)}.g-btn-small{padding:4px 12px;font-size:.9rem}.g-btn-danger{background:var(--g-error, #b3261e);color:#fff;border-color:var(--g-error, #b3261e)}.g-btn-danger:hover:not(:disabled){filter:brightness(1.08)}.g-btn-danger:disabled{opacity:.5;cursor:not-allowed}.g-account-danger-note{margin:4px 0 12px;padding:10px 12px;font-weight:600;color:var(--g-error, #b3261e);border:1px solid var(--g-error, #b3261e);border-radius:var(--g-radius);background:color-mix(in srgb,var(--g-error, #b3261e) 8%,transparent)}:root{--g-bg: #f4f6fb;--g-surface: #ffffff;--g-ink: #14181f;--g-ink-soft: #586273;--g-accent: #2f80ed;--g-accent-ink: #ffffff;--g-accent-soft: #e7eefc;--g-accent-hover: #2566c4;--g-line: #d7deea;--g-focus: #2f80ed;--g-radius: 14px;--g-toast-bg: #14181f;--g-toast-ink: #ffffff;--wd-bg: var(--g-bg);--wd-panel: var(--g-surface);--wd-text: var(--g-ink);--wd-muted: var(--g-ink-soft);--wd-accent: var(--g-accent);--wd-line: var(--g-line);--wd-hover: var(--g-accent-soft);--wd-row-alt: rgba(20, 24, 31, .05);--wd-input-bg: #f4f6fb;--wd-tile: #f3f0e7;--wd-tile-text: #1a1d24;--wd-tile-edge: #d7deea;--wd-score: #f2c94c;--wd-score-ink: #8a6500;--wd-good-ink: #178048;--wd-time-ink: #136b94;--wd-tile-size: clamp(56px, 18vw, 88px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--g-bg: #10131a;--g-surface: #1b2230;--g-ink: #eef1f6;--g-ink-soft: #aab3c2;--g-accent: #2f80ed;--g-accent-ink: #ffffff;--g-accent-soft: rgba(255, 255, 255, .09);--g-accent-hover: #4a90f0;--g-line: rgba(255, 255, 255, .1);--g-focus: #5b9bf0;--g-toast-bg: #1b2230;--g-toast-ink: #eef1f6;--wd-row-alt: rgba(255, 255, 255, .04);--wd-input-bg: #0e1219;--wd-tile-edge: transparent;--wd-score: #f2c94c;--wd-score-ink: #f2c94c;--wd-good-ink: #27ae60;--wd-time-ink: #56ccf2}}:root[data-theme=dark]{--g-bg: #10131a;--g-surface: #1b2230;--g-ink: #eef1f6;--g-ink-soft: #aab3c2;--g-accent: #2f80ed;--g-accent-ink: #ffffff;--g-accent-soft: rgba(255, 255, 255, .09);--g-accent-hover: #4a90f0;--g-line: rgba(255, 255, 255, .1);--g-focus: #5b9bf0;--g-toast-bg: #1b2230;--g-toast-ink: #eef1f6;--wd-row-alt: rgba(255, 255, 255, .04);--wd-input-bg: #0e1219;--wd-tile-edge: transparent;--wd-score: #f2c94c;--wd-score-ink: #f2c94c;--wd-good-ink: #27ae60;--wd-time-ink: #56ccf2}body{min-height:100vh}.wd-play{max-width:30rem;margin:0 auto;padding:1rem;color:var(--wd-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wd-date{margin:0 0 .75rem;color:var(--wd-muted);font-size:.95rem;font-weight:700;text-align:center}.wd-hud{display:flex;gap:.75rem;margin-bottom:.75rem}.wd-stat{flex:1;background:var(--wd-panel);border-radius:10px;padding:.6rem .5rem;text-align:center}.wd-stat-value{font-size:1.6rem;font-weight:700;line-height:1.1}.wd-words{color:var(--wd-score-ink)}.wd-eff{color:var(--wd-good-ink)}.wd-moves{color:var(--wd-text)}.wd-time{color:var(--wd-time-ink);font-variant-numeric:tabular-nums}.wd-stat-label{font-size:.8rem;color:var(--wd-muted);margin-top:.15rem}.wd-queue{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.85rem}.wd-queue-label{font-size:.9rem;color:var(--wd-muted)}.wd-queue-strip{display:flex;gap:.5rem}.wd-chip{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:7px;background:var(--wd-panel);color:var(--wd-muted);font-weight:700;font-size:1.15rem}.wd-chip-next{background:var(--wd-accent);color:#fff}.wd-grid{display:grid;grid-template-rows:repeat(4,var(--wd-tile-size));gap:.5rem;justify-content:center;position:relative;touch-action:none}.wd-grid.wd-dragging{overflow:hidden}.wd-row{display:grid;grid-template-columns:repeat(4,var(--wd-tile-size));gap:.5rem}.wd-cell{display:flex;align-items:center;justify-content:center;background:var(--wd-tile);color:var(--wd-tile-text);border:1px solid var(--wd-tile-edge);font-size:calc(var(--wd-tile-size) * .46);font-weight:800;border-radius:12px;user-select:none;cursor:grab;transition:background .12s ease}.wd-cell:focus-visible{outline:3px solid var(--wd-accent);outline-offset:2px}.wd-ghost{position:absolute;margin:0;pointer-events:none}.wd-snapping{transition:transform 90ms ease}.wd-cell[class*=wd-nudge-]{transition:transform .11s ease}.wd-scoring{background:var(--wd-score);color:#1a1d24;transform:scale(1.12);box-shadow:0 0 0 3px #f2c94ca6,0 0 18px #f2c94cb3;z-index:3;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.wd-sliding{transition:transform .16s ease}.wd-clearing{transform:scale(.15);opacity:0;transition:transform .13s ease,opacity .13s ease}.wd-fill{animation:wd-fill .16s ease}@keyframes wd-fill{0%{transform:translateY(-28%);opacity:.25}to{transform:translateY(0);opacity:1}}.wd-word-pop{position:absolute;left:50%;transform:translate(-50%,-50%);background:var(--wd-score);color:#1a1d24;font-weight:800;font-size:1.1rem;letter-spacing:.03em;padding:.2rem .6rem;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:6;box-shadow:0 6px 18px #00000073;animation:wd-word-pop .85s ease forwards}@keyframes wd-word-pop{0%{opacity:0;transform:translate(-50%,-25%) scale(.7)}18%{opacity:1;transform:translate(-50%,-55%) scale(1.06)}65%{opacity:1;transform:translate(-50%,-90%) scale(1)}to{opacity:0;transform:translate(-50%,-135%) scale(1)}}.wd-nudge-l{transform:translate(-5px)}.wd-nudge-r{transform:translate(5px)}.wd-nudge-u{transform:translateY(-5px)}.wd-nudge-d{transform:translateY(5px)}.wd-found{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--wd-line);min-height:2rem;max-height:3.8rem;overflow-y:auto}.wd-found-chip{background:var(--wd-panel);color:var(--wd-score-ink);font-weight:700;font-size:.85rem;padding:.2rem .5rem;border-radius:6px}.wd-controls{margin-top:1rem;text-align:center}.wd-btn{font-size:1rem;font-weight:600;padding:.7rem 1.2rem;border:1px solid var(--wd-muted);border-radius:8px;background:var(--wd-panel);color:var(--wd-text);cursor:pointer}.wd-btn:hover{border-color:var(--wd-text)}.wd-btn:focus-visible{outline:3px solid var(--wd-accent);outline-offset:2px}.wd-btn-primary{background:var(--wd-accent);border-color:var(--wd-accent);color:#fff}.wd-modal-backdrop{position:fixed;inset:0;background:#06080cb8;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:2147483647}.wd-modal{background:var(--wd-panel);color:var(--wd-text);border-radius:14px;padding:1.5rem;max-width:22rem;width:100%;box-shadow:0 12px 40px #00000080}.wd-modal-title{margin:0 0 .5rem;font-size:1.4rem}.wd-modal-summary{font-size:1.05rem;margin:0 0 .5rem}.wd-modal-note{font-size:.85rem;color:var(--wd-muted);margin:0 0 1.1rem}.wd-modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.wd-submit{margin:.25rem 0 .5rem}.wd-field-label{display:block;font-size:.85rem;color:var(--wd-muted);margin-bottom:.3rem}.wd-input{width:100%;box-sizing:border-box;font-size:1.05rem;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--wd-muted);background:var(--wd-input-bg);color:var(--wd-text);margin-bottom:.6rem}.wd-input:focus-visible{outline:3px solid var(--wd-accent);outline-offset:1px}.wd-outcome{margin-top:.4rem}.wd-board-title{font-size:1rem;margin:.6rem 0 .4rem;color:var(--wd-text)}.wd-board-list{list-style:none;margin:0;padding:0;max-height:13rem;overflow:auto}.wd-board-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;box-sizing:border-box;padding:.5rem .55rem;border:none;border-radius:6px;background:transparent;color:var(--wd-text);font:inherit;font-size:.95rem;text-align:left;cursor:pointer}.wd-board-list li:nth-child(odd) .wd-board-row{background:var(--wd-row-alt)}.wd-board-row:hover{background:var(--wd-hover)}.wd-board-row:focus-visible{outline:3px solid var(--wd-accent);outline-offset:-2px}.wd-board-mine{background:#2f80ed40!important;font-weight:700}.wd-replay-stage{margin:.5rem 0 .25rem;display:flex;justify-content:center}.wd-replay-stage .wd-cell{cursor:default}.wd-board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-board-stat{color:var(--wd-score-ink);font-weight:700;flex:none}.wd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wd-tut-strip{display:flex;gap:.35rem}.wd-tut-tile{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:8px;background:var(--wd-tile);color:var(--wd-tile-text);font-weight:800;font-size:1.2rem}.wd-tut-arrow{color:var(--wd-accent);font-size:1.8rem;font-weight:700;animation:wd-tut-slide 1.1s ease-in-out infinite}@keyframes wd-tut-slide{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.wd-cell{transition:none}.wd-fill,.wd-word-pop,.wd-tut-arrow{animation:none}}.wd-about{max-width:460px;margin:44px auto 0;padding:0 16px 40px;color:var(--g-ink-soft);font-size:.92rem;line-height:1.55}.wd-about h2{color:var(--g-ink);font-size:1.02rem;font-weight:700;margin:24px 0 6px}.wd-about h3{color:var(--g-ink);font-size:.94rem;font-weight:600;margin:16px 0 4px}.wd-about p{margin:0 0 10px}