.matiword-embed{--mw-bg: #e8e2d5;--mw-surface: #f2ede4;--mw-border: #c8bfb0;--mw-border-active: #8a7f72;--mw-text: #1a1410;--mw-text-muted: #7a6e62;--mw-correct: #2d5a3d;--mw-present: #c4622d;--mw-absent: #6e6560;--mw-key-default: #d4cec4;--mw-tile: 60px;--mw-gap: 5px;--mw-r: 3px;--mw-font-tile: "DM Mono", monospace;--mw-font-serif: "Playfair Display", Georgia, serif;--mw-font-ui: "Jost", sans-serif;background:var(--mw-bg);color:var(--mw-text);font-family:var(--mw-font-ui);display:flex;flex-direction:column;align-items:center;padding-bottom:2.5rem}.matiword-embed *,.matiword-embed *:before,.matiword-embed *:after{box-sizing:border-box;margin:0;padding:0}.mw-header{width:100%;max-width:520px;padding:1.8rem 1rem 1.3rem;text-align:center;border-bottom:1px solid var(--mw-border);margin-bottom:1.4rem}.mw-eyebrow{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:.6rem}.mw-eyebrow:before,.mw-eyebrow:after{content:"";display:block;width:28px;height:1px;background:var(--mw-present);opacity:.7}.mw-eyebrow span{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mw-text-muted)}.mw-title{font-family:var(--mw-font-serif);font-weight:700;font-size:2rem;letter-spacing:-.01em;color:var(--mw-text);line-height:1.15}.mw-dot{color:var(--mw-present)}.mw-subtitle{font-family:var(--mw-font-serif);font-style:italic;font-size:.9rem;color:var(--mw-text-muted);margin-top:.3rem}#mw-date-display{font-size:.64rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mw-text-muted);margin-top:.65rem}#mw-toast{position:fixed;top:1.2rem;left:50%;transform:translate(-50%) translateY(-8px);background:var(--mw-text);color:var(--mw-surface);padding:.5rem 1.3rem;border-radius:50px;font-size:.82rem;font-weight:600;letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:999;white-space:nowrap}#mw-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#mw-grid{display:flex;flex-direction:column;gap:var(--mw-gap);margin-bottom:1.5rem}.mw-row{display:flex;gap:var(--mw-gap)}.mw-tile{width:var(--mw-tile);height:var(--mw-tile);border:1.5px solid var(--mw-border);display:flex;align-items:center;justify-content:center;font-family:var(--mw-font-tile);font-size:1.55rem;font-weight:500;text-transform:uppercase;color:var(--mw-text);background:var(--mw-surface);border-radius:var(--mw-r);user-select:none}.mw-tile.filled{border-color:var(--mw-border-active);animation:mw-pop .08s ease}.mw-tile.revealed{animation:mw-flip .44s ease forwards}.mw-tile[data-state=correct]{--fb: var(--mw-correct)}.mw-tile[data-state=present]{--fb: var(--mw-present)}.mw-tile[data-state=absent]{--fb: var(--mw-absent)}@keyframes mw-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes mw-flip{0%{transform:rotateX(0);background:var(--mw-surface);border-color:var(--mw-border-active);color:var(--mw-text)}45%{transform:rotateX(90deg);background:var(--mw-surface);border-color:var(--mw-border-active);color:var(--mw-text)}55%{transform:rotateX(90deg);background:var(--fb);border-color:var(--fb);color:#f2ede4}to{transform:rotateX(0);background:var(--fb);border-color:var(--fb);color:#f2ede4}}@keyframes mw-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}50%{transform:translate(-5px)}70%{transform:translate(4px)}85%{transform:translate(-2px)}}@keyframes mw-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)}70%{transform:translateY(-8px)}}.mw-row.shake{animation:mw-shake .4s ease}.mw-tile.bounce{animation:mw-bounce .55s ease}#mw-keyboard{display:flex;flex-direction:column;gap:6px;width:100%;max-width:520px;padding:0 6px}.mw-kb-row{display:flex;gap:5px;justify-content:center}.mw-key{height:54px;flex:1;min-width:0;max-width:42px;border:none;border-radius:var(--mw-r);background:var(--mw-key-default);color:var(--mw-text);font-family:var(--mw-font-ui);font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:background .18s,color .18s,opacity .12s;user-select:none}.mw-key.wide{max-width:60px;font-size:.67rem}.mw-key:hover{opacity:.78}.mw-key:active{opacity:.6;transform:scale(.97)}.mw-key[data-state=correct]{background:var(--mw-correct);color:var(--mw-surface)}.mw-key[data-state=present]{background:var(--mw-present);color:var(--mw-surface)}.mw-key[data-state=absent]{background:var(--mw-border-active);color:var(--mw-surface)}#mw-share-area{margin-top:2rem;text-align:center;display:none;flex-direction:column;align-items:center;gap:.65rem}#mw-share-area.visible{display:flex}#mw-word-reveal{font-family:var(--mw-font-serif);font-style:italic;font-size:.9rem;color:var(--mw-text-muted)}#mw-share-btn{background:var(--mw-text);color:var(--mw-surface);border:none;padding:.7rem 2.2rem;border-radius:50px;font-family:var(--mw-font-ui);font-size:.82rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:opacity .15s}#mw-share-btn:hover{opacity:.78}#mw-copied-msg{font-size:.75rem;font-weight:600;color:var(--mw-correct);min-height:1.1em}@media(max-width:400px){.mw-tile{width:50px;height:50px;font-size:1.3rem}.mw-key{height:48px}.mw-key.wide{max-width:54px}}