:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.app-shell{background:linear-gradient(135deg,#f6c97138,#0000 34%),linear-gradient(315deg,#4d947433,#0000 32%),#f5f2ea;flex-direction:column;align-items:center;min-height:100dvh;padding:0 14px 12px;display:flex}.game{flex:none;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;width:min(100%,430px);min-height:100dvh;padding:12px 0 14px;display:grid}.topbar{border-bottom:1px solid #20212429;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.eyebrow{color:#47685a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1{color:#202124;letter-spacing:0;max-width:230px;margin:0;font-size:clamp(1.8rem,5vw,2.55rem);line-height:.95}.icon-button{color:#202124;cursor:pointer;background:#ffffffb8;border:1px solid #2021242e;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.topbar-actions{gap:8px;display:flex}.message{color:#4a4d4b;min-height:24px;margin:12px 0 16px;font-size:.92rem;font-weight:700;line-height:1.2}.message-won{color:#327554}.message-lost,.message-error{color:#a14434}.board{align-self:center;gap:min(1.1dvh,7px);width:min(100%,330px,83.3333dvh - 250px);margin:0 auto 12px;display:grid}.row{grid-template-columns:repeat(5,1fr);gap:min(1.1dvh,7px);display:grid}.tile{aspect-ratio:1;color:#202124;text-transform:uppercase;background:#ffffffc2;border:2px solid #c6c1b7;border-radius:6px;place-items:center;font-size:clamp(1.25rem,7vw,2rem);font-weight:900;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .12s;display:grid}.tile.filled{border-color:#72756e;transform:scale(1.02)}.tile.correct,.key.correct{color:#fff;background:#4b8b66;border-color:#4b8b66}.tile.present,.key.present{color:#fff;background:#d1a33c;border-color:#d1a33c}.tile.absent,.key.absent{color:#fff;background:#6b6f75;border-color:#6b6f75}.keyboard{align-self:end;gap:7px;display:grid}.key-row{justify-content:center;gap:6px;display:flex}.key{color:#202124;text-transform:uppercase;cursor:pointer;background:#d8d3ca;border:0;border-radius:6px;place-items:center;width:9%;min-width:0;height:clamp(40px,6dvh,48px);font-size:clamp(.76rem,3.2vw,1rem);font-weight:900;display:inline-grid}.key-wide{width:15%;font-size:clamp(.68rem,2.7vw,.88rem)}.modal-backdrop{z-index:20;background:#1619204d;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.result-modal{color:#171d2c;background:#fff;border:2px solid #151a26;border-radius:8px;width:min(100%,420px);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 18px 60px #151a2638}.modal-header{background:#f1f2fa;place-items:center;min-height:54px;padding:10px 56px;display:grid;position:relative}.modal-header h2{letter-spacing:0;margin:0;font-size:clamp(1.35rem,4.4vw,1.85rem);line-height:1}.close-button{color:#0d111a;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:16px}.modal-body{text-align:center;justify-items:center;gap:10px;padding:22px 24px 26px;display:grid}.modal-lead,.elapsed{color:#171d2c;margin:0;font-size:clamp(1.12rem,3.6vw,1.45rem);line-height:1.15}.answer-pill{color:#171d2c;letter-spacing:.06em;background:#f7f9ff;border:2px dashed #7f8ba8;border-radius:8px;min-width:112px;padding:9px 20px;font-size:clamp(1rem,3vw,1.2rem)}.meaning-link{color:#7479ff;font-size:clamp(.86rem,2.7vw,1rem);line-height:1.2;text-decoration:none}.meaning-link:hover{text-decoration:underline}.elapsed{margin:7px 0 5px}.new-game-button,.secondary-action{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;display:inline-flex}.new-game-button{color:#5d6670;letter-spacing:.06em;background:#aff7c0;min-height:56px;font-size:clamp(1.15rem,4.2vw,1.55rem);font-weight:900}.secondary-action{color:#636b72;background:#cfe8fb;font-size:clamp(.82rem,2.8vw,.95rem)}.stats-modal{color:#171d2c;background:#fff;border:2px solid #151a26;border-radius:8px;width:min(100%,760px);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 18px 60px #151a2638}.stats-body{padding:26px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{text-align:center;background:#f4f6fb;border-radius:8px;place-items:center;gap:6px;min-height:112px;padding:18px 12px;display:grid}.stat-card strong{color:#05070b;font-size:clamp(2.4rem,7vw,4rem);line-height:.9}.stat-card span{color:#151a26;text-transform:uppercase;font-size:.9rem;font-weight:800}.stats-body h3{text-align:center;color:#171d2c;margin:32px 0 18px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.15}.distribution{gap:12px;display:grid}.distribution-row{grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:12px;display:grid}.try-label,.try-count{color:#171d2c;font-size:1.1rem;font-weight:900}.try-count{text-align:right}.bar-track{background:#e7edf6;border-radius:999px;height:28px;overflow:hidden}.bar-fill{color:#5b6575;background:#dfe6f0;border-radius:999px;justify-content:flex-end;align-items:center;min-width:42px;height:100%;padding-right:12px;font-size:.9rem;font-weight:900;display:flex}.bar-fill.active{color:#fff;background:#5aaa58}.rules-modal{color:#171d2c;background:#fff;border:2px solid #151a26;border-radius:8px;width:min(100%,620px);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 18px 60px #151a2638}.rules-body{text-align:center;justify-items:center;gap:18px;padding:28px;display:grid}.rules-intro,.rules-note{color:#252b3a;max-width:540px;margin:0;font-size:clamp(1rem,3vw,1.2rem);line-height:1.45}.rule-tiles{grid-template-columns:repeat(5,58px);justify-content:center;gap:8px;display:grid}.rule-tile{aspect-ratio:1;color:#fff;border-radius:8px;place-items:center;font-size:2rem;font-weight:900;line-height:1;display:grid}.rules-explain{text-align:left;background:#eef3fa;border-radius:8px;gap:10px;width:min(100%,480px);padding:16px 18px;display:grid}.rules-explain p{color:#252b3a;align-items:center;gap:10px;margin:0;font-size:1rem;line-height:1.35;display:flex}.mini-tile{color:#fff;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;font-weight:900;display:inline-grid}.rule-tile.correct,.mini-tile.correct{background:#4b8b66}.rule-tile.present,.mini-tile.present{background:#d1a33c}.rule-tile.absent,.mini-tile.absent{background:#8f9caf}.rules-win{color:#171d2c;font-size:1.2rem}.share-section{color:#202124;text-align:center;width:min(100%,760px);padding:56px 0 60px}.share-kicker{color:#47685a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:900}.share-section h2{letter-spacing:0;margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1.05}.share-copy{color:#555b60;max-width:520px;margin:14px auto 24px;font-size:clamp(.98rem,2.4vw,1.15rem);line-height:1.45}.social-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.social-link{border-radius:999px;place-items:center;width:42px;height:42px;text-decoration:none;transition:transform .16s,opacity .16s;display:grid}.social-link:hover{opacity:.82;transform:translateY(-2px)}.social-link img{object-fit:contain;width:100%;height:100%}.faq-section{color:#202124;width:min(100%,760px);padding:0 0 40px}.faq-section>.share-kicker,.faq-section>h2{text-align:center}.faq-section h2{letter-spacing:0;margin:0 0 24px;font-size:clamp(1.8rem,5vw,2.75rem);line-height:1.05}.faq-list{gap:12px;display:grid}.faq-item{background:#ffffffa8;border:1px solid #20212424;border-radius:8px;padding:18px 20px}.faq-item h3{color:#171d2c;margin:0 0 8px;font-size:1.08rem;line-height:1.25}.faq-item p{color:#555b60;margin:0;font-size:.98rem;line-height:1.5}.site-footer{color:#6a6f75;text-align:center;width:min(100%,760px);padding:0 0 32px;font-size:.92rem;font-weight:700}@media (width<=390px){.app-shell{padding:0 10px 10px}.game{min-height:100dvh;padding-top:10px}.row,.board{gap:6px}.key-row{gap:4px}.key{border-radius:5px;height:clamp(38px,6dvh,44px)}.modal-backdrop{padding:10px}.modal-header{min-height:64px}.modal-body{gap:11px;padding:22px 18px 24px}.new-game-button{min-height:66px}.secondary-action{min-height:52px}}@media (width<=620px){.share-section{padding-top:34px}.social-grid{gap:14px}.social-link{width:36px;height:36px}.faq-section{padding-bottom:34px}.faq-item{padding:16px}.stats-body{padding:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:96px}.distribution-row{grid-template-columns:38px minmax(0,1fr) 24px;gap:8px}.rules-body{padding:22px 18px}.rule-tiles{grid-template-columns:repeat(5,minmax(42px,52px));gap:6px}.rule-tile{font-size:1.6rem}.rules-explain p{align-items:flex-start}}@media (height<=720px){.eyebrow{display:none}.topbar{padding-bottom:8px}.message{margin:8px 0 12px}.board{width:min(100%,315px,83.3333dvh - 237.5px);margin-bottom:12px}}
