:root{--radius-tile: 9px;--radius-key: 7px;--radius-card: 12px;--font-display: "Tiro Devanagari Hindi", "Mukta", serif;--font-body: "Mukta", system-ui, sans-serif}[data-theme=dark]{--background: #141311;--surface: #1e1c19;--border: #3a3733;--border-strong: #6b6259;--text: #f5f1e8;--muted: #a8a29a;--clue: #d9b45b;--correct: #58a05c;--present: #d29a2b;--absent: #3a3733;--absent-key: #292625;--absent-key-text: #78716c;--accent: #e07a3f;--key: #57534e;--key-text: #ffffff;--glyph: #ffffff;--absent-glyph: #ffffff}[data-theme=light]{--background: #faf5e9;--surface: #fffdf6;--border: #e2d9c2;--border-strong: #b3a687;--text: #2c2417;--muted: #7c7260;--clue: #9a7214;--correct: #4c944f;--present: #c07f16;--absent: #d9d1bc;--absent-key: #e7dfc9;--absent-key-text: #a29a86;--accent: #d96f32;--key: #ece4cf;--key-text: #2c2417;--glyph: #2c2417;--absent-glyph: #6e6656}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center}.app{width:100%;max-width:560px;min-height:100vh;display:flex;flex-direction:column;padding:0 16px calc(16px + env(safe-area-inset-bottom))}@media(min-width:900px){.app{max-width:620px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 10px;border-bottom:1px solid var(--border)}.brand{font-family:var(--font-display);font-size:24px;letter-spacing:.5px;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);cursor:pointer;padding:0}.brand img{width:34px;height:34px;border-radius:9px}.topnav{display:flex;gap:2px;align-items:center}.nav-link{background:none;border:none;color:var(--muted);font-family:var(--font-body);font-size:15px;font-weight:600;padding:8px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:7px;position:relative}.nav-link svg{flex-shrink:0}.nav-link:hover{background:var(--surface);color:var(--text)}.nav-link.active{color:var(--clue);background:var(--surface)}.nav-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:var(--clue)}@media(max-width:480px){.topbar{flex-wrap:wrap;row-gap:6px}.brand{font-size:21px}.nav-link{padding:8px 9px}.nav-link .nav-label{display:none}}.pill{align-self:center;margin-top:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:14px}.notice{align-self:center;margin-top:10px;background:var(--surface);border:1px solid var(--clue);color:var(--text);border-radius:10px;padding:8px 16px;font-size:15px;font-weight:600;animation:notice-in .18s ease-out}@keyframes notice-in{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.board{display:flex;flex-direction:column;gap:7px;align-items:center;margin:18px 0 8px}.board-row{display:flex;gap:7px}.tile{width:62px;height:68px;border-radius:var(--radius-tile);border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:34px;line-height:1;color:var(--glyph);perspective:400px}@media(min-width:900px){.tile{width:72px;height:78px;font-size:38px}}.tile .inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tile.clue-empty{color:var(--clue);border-color:var(--border-strong)}.tile.filled{border-color:var(--border-strong)}.tile.revealed-correct{background:var(--correct);border-color:var(--correct);color:#fff}.tile.revealed-present{background:var(--present);border-color:var(--present);color:#fff}.tile.revealed-absent{background:var(--absent);border-color:var(--absent);color:var(--absent-glyph)}.tile.flip{animation:flipface var(--flip-dur, .34s) ease-in-out;animation-delay:var(--flip-delay, 0ms);animation-fill-mode:backwards}@keyframes flipface{0%{transform:rotateX(0);background:var(--surface);border-color:var(--border);color:var(--glyph)}49.9%{transform:rotateX(90deg);background:var(--surface);border-color:var(--border);color:var(--glyph)}50.1%{transform:rotateX(90deg);background:var(--face);border-color:var(--face);color:var(--face-ink)}to{transform:rotateX(0);background:var(--face);border-color:var(--face);color:var(--face-ink)}}.tile.won-wave .inner{animation:wave .5s ease-in-out;animation-delay:var(--wave-delay, 0ms)}@keyframes wave{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.keyboard{display:flex;flex-direction:column;gap:7px;margin:10px 0 4px;-webkit-user-select:none;user-select:none}.kb-row{display:flex;gap:5px;justify-content:center}.key{position:relative;flex:1 1 0;max-width:52px;min-width:0;height:52px;border:none;border-radius:var(--radius-key);background:var(--key);color:var(--key-text);font-family:var(--font-display);font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}@media(min-width:900px){.key{height:56px;font-size:22px}}.key:active{transform:scale(.93)}.key .varg-dot{position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--clue)}.key.st-correct{background:var(--correct);color:#fff}.key.st-present{background:var(--present);color:#fff}.key.st-absent{background:var(--absent-key);color:var(--absent-key-text)}.key.hint-off{outline:2px dashed var(--clue);outline-offset:-2px}.key.hint-off:not(.st-correct):not(.st-present):not(.st-absent){opacity:.55}.kb-actions{display:flex;gap:8px;margin-top:4px}.action-key{flex:1;height:50px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:17px;font-weight:700;cursor:pointer}.action-key.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-key:active{transform:scale(.97)}.cta{display:block;width:100%;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:15px;font-size:18px;font-weight:700;font-family:var(--font-body);cursor:pointer;margin-top:12px}.cta.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.cta:active{transform:scale(.98)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;margin-top:14px}.card h2{margin:0 0 8px;font-size:19px}.card p{margin:6px 0;color:var(--muted);font-size:15px;line-height:1.6}.card p strong{color:var(--text)}.home-hero{text-align:center;padding:26px 10px 6px}.home-hero .hero-logo{width:128px;height:128px;border-radius:30px}.home-hero .brand-big{font-family:var(--font-display);font-size:46px;margin:0}.home-hero .tagline{color:var(--muted);font-size:16px;margin:6px 0 0}.home-hero .clue-word{font-family:var(--font-display);font-size:30px;color:var(--clue);margin:14px 0 0;letter-spacing:8px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:notice-in .2s ease-out}.modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:22px;text-align:center}.modal h2{margin:0;font-size:20px}.modal .word{font-family:var(--font-display);font-size:42px;margin:10px 0 0}.modal .sub{color:var(--muted);font-size:14px;margin-top:2px}.modal .share-link{word-break:break-all;font-size:13px;color:var(--clue);margin-top:8px}.modal-actions{display:flex;gap:10px;margin-top:18px;justify-content:center}.modal-actions .cta{margin-top:0;padding:12px 22px;font-size:16px;width:auto;flex:none}.dismiss{background:none;border:none;color:var(--muted);font-size:16px;font-weight:600;margin-top:14px;cursor:pointer;font-family:var(--font-body)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stat{text-align:center}.stat .num{font-size:30px;font-weight:700}.stat .lbl{font-size:12px;color:var(--muted)}.dist-row{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:14px}.dist-row .n{width:14px;text-align:center;color:var(--muted)}.dist-bar{min-width:26px;background:var(--border);border-radius:4px;padding:3px 8px;text-align:right;font-weight:700}.dist-bar.hot{background:var(--correct);color:#fff}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--border);font-size:16px}.setting-row:last-child{border-bottom:none}.setting-row small{display:block;color:var(--muted);font-size:13px}.toggle{width:52px;height:30px;border-radius:999px;border:none;background:var(--border);position:relative;cursor:pointer;flex-shrink:0}.toggle.on{background:var(--correct)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on:after{left:25px}main{flex:1}.app.game-mode{height:100dvh;overflow:hidden}.game{display:flex;flex-direction:column;min-height:0;flex:1}.game .pill,.game .notice{flex:none;margin-top:6px}.game .board{flex:1 1 auto;min-height:0;margin:8px 0;gap:6px;width:100%}.game .board-row{flex:1 1 0;min-height:0;gap:6px}.game .tile{height:100%;max-height:76px;min-height:0;width:auto;aspect-ratio:.88;font-size:clamp(20px,4.6dvh,36px)}.game .keyboard{flex:none;margin:0 0 4px;gap:5px}.game .key{height:clamp(34px,5.4dvh,52px);font-size:clamp(16px,2.6dvh,21px)}.game .kb-actions{margin-top:2px}.game .action-key{height:clamp(36px,5.4dvh,50px);font-size:16px}.game .cta{flex:none;margin-top:8px;padding:11px;font-size:16px}.spinner{text-align:center;padding:60px 0;color:var(--muted);font-size:17px}.block{text-align:center;padding:50px 18px}.block h2{font-size:21px}.block p{color:var(--muted);line-height:1.7}kbd.hint{display:inline-block;border:1px solid var(--border-strong);border-radius:6px;padding:1px 8px;font-family:var(--font-body);font-size:13px;color:var(--muted)}