:root{color-scheme:light;--play-width: clamp(610px, 48vw, 760px);--keyboard-width: clamp(450px, 34vw, 620px);--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:grid;flex:1;grid-template-columns:1fr;justify-items:center;gap:clamp(24px,3vw,54px);align-items:start;min-height:calc(100svh - clamp(40px,3vw,56px) - 78px);padding:clamp(18px,2.6vh,34px) 0 16px}.game-column{display:flex;min-width:0;min-height:calc(100svh - 170px);flex-direction:column;justify-content:center}.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:0 1 auto;min-height:0;align-items:center;justify-content:center;padding:0 0 clamp(32px,7vh,80px)}.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,.result-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.result-summary{grid-template-columns:1fr 1fr}.share-row span,.share-row strong,.result-summary span,.result-summary strong{display:block}.share-row strong,.result-summary strong{color:var(--text);font-size:1.35rem}.stats-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}.primary-button,.secondary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 18px;font-weight:800}.primary-button{background:var(--accent);color:#fff}.secondary-button{border:1px solid var(--border);background:var(--panel);color:var(--text)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.share-menu{position:relative}.share-trigger{width:100%}.share-card-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0f172a99;padding:18px}.share-card{position:relative;width:min(100%,520px);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.share-card-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.share-card-close:hover{background:var(--key)}.share-card-preview{display:grid;gap:12px;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:28px 24px 22px}.share-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-card-header strong{font-size:1.1rem;font-weight:800}.share-card-header span{color:#ffffffb3;font-size:.8rem}.share-card-text{margin:0;border-radius:8px;background:#ffffff1a;padding:14px;white-space:pre-wrap;font-family:inherit;font-size:.95rem;line-height:1.5}.share-card-footer{display:grid;gap:18px;padding:22px 24px 24px}.share-card-label{margin:0;text-align:center;color:var(--muted);font-size:.9rem;font-weight:700}.share-card-socials{display:flex;justify-content:center;gap:clamp(10px,2vw,20px)}.share-card-social{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text);text-decoration:none;font-size:.78rem;font-weight:700}.share-card-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:1.1rem;font-weight:950;transition:transform .12s ease}.share-card-social:hover .share-card-icon{transform:scale(1.08)}.share-card-name{white-space:nowrap}.share-card-copy{display:flex;justify-content:center;gap:10px}.share-badge{display:inline-flex;width:26px;height:26px;flex:0 0 26px;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:.72rem;font-weight:950;line-height:1}.x-badge{background:#111827}.facebook-badge{background:#1877f2;font-family:Georgia,serif;font-size:1.05rem}.reddit-badge{background:#ff4500}.whatsapp-badge{background:#25d366}.telegram-badge{background:#229ed9}.email-badge{background:#64748b}.copy-badge{background:var(--accent)}.wall-form{display:grid;gap:16px}.wall-form label{display:grid;gap:8px;color:var(--text);font-weight:850}.wall-form small{color:var(--muted)}.wall-form input,.wall-form textarea{width:100%;border:2px solid #cfd7ff;border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,#eef2ff);color:var(--text);padding:14px 16px;outline:none}.wall-form input:focus,.wall-form textarea:focus{border-color:#5fcf80}.wall-form textarea{min-height:130px;resize:vertical}.form-error{color:#dc2626;font-weight:800}.wall-submit-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.wall-submit-row span{border:1px solid #a7e8b8;border-radius:999px;background:#effbf2;color:var(--text);padding:10px 16px;font-weight:850}.latest-post-bar{display:grid;width:min(100%,var(--nav-width));margin:clamp(14px,2vh,24px) auto 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,28px);border:1px solid #f4d8a7;border-radius:8px;background:linear-gradient(90deg,#fff7ed,#fbf7ff);color:var(--text);padding:clamp(10px,1.1vw,14px) clamp(14px,1.8vw,24px)}.latest-post-bar span{border:1px solid #9be7ed;border-radius:999px;background:#e8fbff;color:#17b9d1;padding:6px 12px;font-size:clamp(.72rem,.8vw,.9rem);font-weight:900;white-space:nowrap}.latest-post-bar q{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-weight:850}.latest-post-bar strong{color:var(--muted);font-size:clamp(.82rem,.9vw,1rem);white-space:nowrap}.leaderboard-panel{width:100%;align-self:start;margin:0}.leaderboard-card{width:100%;margin-top:0;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:0 24px 70px #4f46e514;padding:clamp(18px,2vw,24px)}.leaderboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.leaderboard-header span:first-child{color:var(--muted);font-size:.85rem;font-weight:900;letter-spacing:.08em}.leaderboard-header h2{margin:4px 0 0;background:linear-gradient(90deg,#a855f7,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(1.45rem,2.2vw,2.1rem)}.live-pill{border-radius:999px;background:#dcfce7;color:#16a34a;padding:8px 14px;font-weight:900;white-space:nowrap}.leaderboard-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;border-radius:12px;background:#eeecff;color:#4f46e5;padding:10px 14px;font-weight:850}.leaderboard-meta span{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.leaderboard-list{display:grid;max-height:clamp(210px,32vh,390px);overflow-y:auto}.leaderboard-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding:15px 0}.leaderboard-row:last-child{border-bottom:0}.rank{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:999px;background:#e9e7ff;color:#4f46e5;font-weight:900}.leaderboard-row small{display:block;color:var(--muted);font-weight:750}.empty-wall{margin:0;color:var(--muted);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:1100px){:root{--play-width: min(100%, 760px);--keyboard-width: min(100%, 620px)}.first-screen{grid-template-columns:1fr;align-items:center;min-height:auto}.game-column{width:100%;min-height:auto}.latest-post-bar{grid-template-columns:auto minmax(0,1fr)}.latest-post-bar strong{grid-column:1 / -1}.leaderboard-panel{width:min(100%,720px);margin:0 auto}}@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}.latest-post-bar{grid-template-columns:auto minmax(0,1fr);height:48px;overflow:hidden}.latest-post-bar span{align-self:center}.latest-post-bar q{white-space:nowrap;align-self:center}.latest-post-bar strong{grid-column:1 / -1;white-space:nowrap;align-self:center}.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)}.leaderboard-row{grid-template-columns:36px 1fr auto;gap:10px}.rank{width:30px;height:30px}.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}}