:root{color-scheme:light;--play-width: 930px;--keyboard-width: clamp(720px, 49vw, 1000px);--nav-width: clamp(980px, 70vw, 1450px);--bg: #f8fafc;--panel: #ffffff;--text: #121826;--muted: #64748b;--border: #d7dee8;--empty: #ffffff;--key: #dbe3ee;--key-hover: #cbd6e4;--absent: #6b7280;--present: #c9a227;--correct: #2f8f46;--accent: #4f46e5;--shadow: 0 20px 50px rgba(15, 23, 42, .16)}:root[data-theme=dark]{color-scheme:dark;--bg: #14171f;--panel: #1d2330;--text: #f8fafc;--muted: #a7b0c0;--border: #3a4455;--empty: #181d28;--key: #384456;--key-hover: #465469;--absent: #4b5563;--accent: #8b93ff;--shadow: 0 22px 60px rgba(0, 0, 0, .38)}:root[data-contrast=high]{--present: #0891b2;--correct: #ea580c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{display:flex;min-height:100svh;max-width:1600px;margin:0 auto;padding:0 32px 20px;flex-direction:column}.first-screen{display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:calc(100svh - clamp(40px,3vw,56px));padding-top:clamp(10px,2vh,24px)}.topbar{display:grid;width:min(100%,var(--nav-width));height:clamp(40px,3vw,56px);margin:0 auto;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border)}.topbar>.icon-button:first-child{justify-self:center;margin-left:clamp(20px,4vw,60px)}.topbar h1{margin:0;text-align:center;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:800;letter-spacing:0}.topbar-actions{display:flex;justify-content:center;gap:clamp(10px,.8vw,18px)}.icon-button{display:inline-flex;width:clamp(24px,1.8vw,30px);height:clamp(24px,1.8vw,30px);align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--text)}.topbar .icon-button svg{width:clamp(16px,1.2vw,20px);height:clamp(16px,1.2vw,20px);stroke-width:2.5}.icon-button:hover,.key:hover{background:var(--key-hover)}.toast{position:fixed;top:72px;left:50%;z-index:20;min-width:min(320px,calc(100vw - 32px));transform:translate(-50%);border-radius:8px;background:var(--text);color:var(--panel);padding:11px 16px;text-align:center;font-weight:700;box-shadow:var(--shadow)}.game-area{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:12px 0 8px}.grid{display:grid;width:min(100%,var(--play-width));gap:7px}.grid-row,.example-row{display:grid;grid-template-columns:repeat(12,minmax(20px,1fr));gap:5px}.tile{display:flex;aspect-ratio:1;min-width:0;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:6px;background:var(--empty);color:var(--text);font-size:clamp(.85rem,3vw,1.6rem);font-weight:850;line-height:1;text-transform:uppercase}.tile.filled{border-color:color-mix(in srgb,var(--text) 55%,var(--border));animation:pop .12s ease-out}.tile.absent,.tile.present,.tile.correct{border-color:transparent;color:#fff;animation:reveal .36s ease-in-out both}.absent{background:var(--absent)}.present{background:var(--present)}.correct{background:var(--correct)}.tagline{margin:8px 0 4px;text-align:center;color:var(--muted);font-weight:700;font-size:clamp(.75rem,1vw,.95rem)}.keyboard{display:grid;width:min(100%,var(--keyboard-width));margin:0 auto;gap:clamp(4px,.4vw,8px);padding-bottom:0}.keyboard-row{display:flex;justify-content:center;gap:clamp(4px,.4vw,8px)}.key{display:inline-flex;width:clamp(32px,2.8vw,52px);height:clamp(38px,3vw,56px);align-items:center;justify-content:center;border:0;border-radius:7px;background:var(--key);color:var(--text);font-size:clamp(.75rem,.85vw,1rem);font-weight:800}.key.wide{width:clamp(58px,4.6vw,92px)}.key.absent,.key.present,.key.correct{color:#fff}.game-info{width:min(100%,960px);margin:clamp(80px,10vw,140px) auto 28px;color:var(--text);font-size:clamp(1.1rem,1.7vw,1.9rem);line-height:1.45}.game-info .lead{margin-top:0}.game-info p{margin:0 0 1.25em}.game-info strong{font-weight:850}.game-info ul{display:grid;gap:.35em;margin:0 0 1.25em 1.45em;padding:0}.game-info li{padding-left:.15em}.game-info hr{height:1px;margin:1.15em 0;border:0;background:var(--border)}.game-info h2{margin:0 0 .75em;font-size:1em;font-weight:850}.like-list{display:grid;gap:.65em;margin-bottom:1.3em}.like-list p{display:grid;grid-template-columns:44px 1fr;gap:.45em;margin:0}.like-list span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:7px;background:#16b62d;color:#fff;font-size:1.1em;font-weight:900;line-height:1;box-shadow:0 2px 7px #16b62d59}.word-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:-.35em}.word-list span{border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);padding:8px 11px;font-size:clamp(.78rem,1vw,1rem);font-weight:800;letter-spacing:.03em}.modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0f172a80;padding:18px}.modal{width:min(100%,520px);max-height:min(720px,calc(100svh - 36px));overflow:auto;border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:16px 18px}.modal-header h2,.modal-body h3{margin:0;font-size:1.1rem}.modal-body{display:grid;gap:16px;padding:18px;color:var(--muted)}.modal-body p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{display:grid;justify-items:center;gap:4px;color:var(--muted)}.stat strong{color:var(--text);font-size:1.75rem;line-height:1}.stat span{text-align:center;font-size:.78rem}.histogram{display:grid;gap:8px}.histogram-row{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px}.histogram-track{min-width:0}.histogram-bar{min-width:28px;border-radius:4px;background:var(--absent);color:#fff;padding:4px 8px;text-align:right;font-weight:800}.histogram-bar.active{background:var(--correct)}.share-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.share-row span,.share-row strong{display:block}.share-row strong{color:var(--text);font-size:1.35rem}.primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:0 18px;font-weight:800}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:14px 0;color:var(--text)}.setting-row:first-child{padding-top:0}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row span{display:grid;gap:4px}.setting-row small{color:var(--muted);line-height:1.35}.setting-row input{width:48px;height:26px;flex:0 0 auto;accent-color:var(--accent)}.shake{animation:shake .42s ease-in-out}@keyframes pop{50%{transform:scale(1.08)}}@keyframes reveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media(max-width:560px){:root{--play-width: 100%;--keyboard-width: 100%;--nav-width: 100%}.app-shell{padding-inline:8px}.topbar{width:100%;height:58px;grid-template-columns:76px 1fr 76px}.topbar h1{font-size:clamp(1.25rem,6vw,1.8rem)}.topbar-actions{gap:4px}.icon-button{width:36px;height:36px}.topbar .icon-button svg{width:22px;height:22px}.grid-row,.example-row{gap:3px}.tile{border-radius:4px;border-width:1.5px}.keyboard-row{gap:5px}.key{width:clamp(27px,8.4vw,42px);height:54px;border-radius:6px;font-size:.78rem}.key.wide{width:clamp(55px,15vw,72px)}.game-info{margin-top:38px;font-size:1.05rem}.like-list p{grid-template-columns:34px 1fr}.like-list span{width:28px;height:28px;border-radius:6px}.stats-grid{gap:6px}}