@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#1d3029;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f3ed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{max-width:1080px;margin:auto;padding:24px 36px 30px}header{justify-content:space-between;align-items:center;height:44px;display:flex}.brand{color:inherit;letter-spacing:.15em;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mark{color:#fff;background:#176a53;border-radius:50%;place-items:center;width:30px;height:30px;font:italic 20px Georgia,serif;display:grid}.icon-button,.close{color:#52635b;cursor:pointer;background:0 0;border:1px solid #d9dfd9;border-radius:50%;width:36px;height:36px;font-size:18px}.intro{text-align:center;padding:37px 0 23px}.eyebrow,.category-wrap>span{letter-spacing:.16em;color:#68766e;font:500 10px DM Mono,monospace}.intro h1{letter-spacing:-.04em;margin:12px 0 10px;font:400 clamp(35px,5vw,55px)/1.04 Georgia,serif}.intro h1 em{color:#176a53;font-weight:400}.intro p{color:#66736c;margin:0;font-size:14px;line-height:1.6}.modes{background:#eeeee7;border:1px solid #d9dfd9;border-radius:10px;justify-content:center;gap:5px;width:max-content;margin:3px auto 20px;padding:4px;display:flex}.modes button{color:#68766e;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 17px;font:600 12px DM Sans}.modes button.selected{color:#1d3029;background:#fff;box-shadow:0 1px 2px #18251b12}.category-wrap{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.chips{gap:6px;display:flex}.chip{color:#5e6b64;cursor:pointer;background:0 0;border:1px solid #d9dfd9;border-radius:20px;padding:7px 11px;font:500 11px DM Sans}.chip.active{color:#176a53;background:#eaf1eb;border-color:#176a53}.game{background:#fff;border:1px solid #e4e6e0;border-radius:14px;max-width:580px;margin:0 auto;padding:22px 20px 18px;box-shadow:0 5px 22px #253a2d07}.board{justify-content:center;gap:7px;display:grid}.row{gap:7px;display:flex}.tile{aspect-ratio:1;color:#1d3029;border:1px solid #d9dfd9;border-radius:7px;place-items:center;width:clamp(40px,8vw,52px);font:500 21px DM Mono,monospace;display:grid}.tile.filled{border-color:#86958c;animation:.12s pop}.tile.correct{color:#fff;background:#26734f;border-color:#26734f}.tile.present{color:#fff;background:#b98025;border-color:#b98025}.tile.absent{color:#fff;background:#66736c;border-color:#66736c}@keyframes pop{50%{transform:scale(1.07)}}.feedback{text-align:center;color:#66736c;height:18px;margin:14px 0 11px;font-size:11px}.keyboard{gap:6px;max-width:455px;margin:auto;display:grid}.keyrow{justify-content:center;gap:5px;display:flex}.key{color:#283a31;cursor:pointer;background:#eef0eb;border:0;border-radius:6px;flex:1;min-width:0;height:42px;font:500 13px DM Mono,monospace;box-shadow:inset 0 -1px #dce1da}.key:active{transform:translateY(1px)}.key.enter{letter-spacing:.08em;color:#fff;box-shadow:none;background:#176a53;flex:1.6;font:600 10px DM Sans}.result{border-top:1px solid #edf0ea;justify-content:space-between;align-items:center;gap:10px;max-width:455px;margin:15px auto 0;padding-top:14px;display:flex}.result-copy{gap:4px;display:grid}.result-copy strong{font:600 14px Georgia,serif}.result-copy span{color:#68766e;font-size:10px;line-height:1.4}.result-actions{gap:6px;display:flex}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:11px 14px;font:600 12px DM Sans}.primary{color:#fff;background:#176a53}.primary span{padding-left:5px}.secondary{color:#1d3029;background:#edf0eb}.guide{grid-template-columns:repeat(3,1fr);gap:20px;max-width:780px;margin:25px auto 20px;display:grid}.guide>div{align-items:flex-start;gap:10px;display:flex}.guide-mark{color:#176a53;border-bottom:1px solid #a7b8ad;padding-bottom:4px;font:11px DM Mono,monospace}.guide p{color:#66736c;margin:0;font-size:11px;line-height:1.55}.guide b{color:#263a30;font-size:12px}footer{color:#748078;border-top:1px solid #d9dfd9;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}footer button{color:#176a53;cursor:pointer;background:0 0;border:0;font:600 10px DM Sans}.overlay{z-index:5;background:#15231ccc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:30px;position:relative;box-shadow:0 16px 60px #0003}.close{border:0;font-size:25px;position:absolute;top:16px;right:17px}.dialog h2{letter-spacing:-.03em;margin:12px 0;font:400 30px/1.08 Georgia,serif}.dialog p,.dialog li{color:#66736c;font-size:13px;line-height:1.6}.dialog ul{padding-left:20px}.dialog li{padding:3px 0}.green{color:#26734f}.amber{color:#b98025}.gray{color:#66736c}.full{width:100%;margin-top:8px}@media (width>=900px){.shell{padding-top:26px}.intro{padding-top:43px}.game{padding:24px 28px 20px}.tile{width:52px}.guide{margin-top:29px}}@media (width<=600px){.shell{padding:16px 15px 22px}.intro{padding:28px 0 18px}.intro h1{font-size:39px}.intro p{font-size:13px}.category-wrap{text-align:center;margin-bottom:14px;display:block}.chips{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:9px}.chip{padding:7px 9px}.game{border-radius:12px;padding:18px 9px 14px}.tile{border-radius:6px;width:min(12vw,45px);font-size:18px}.row{gap:5px}.board{gap:6px}.keyboard{gap:5px}.keyrow{gap:4px}.key{height:40px;font-size:12px}.guide{grid-template-columns:1fr;gap:11px;margin:18px 4px}.guide>div{align-items:center}.guide p{font-size:10px}.guide b{font-size:11px}.result{flex-direction:column;align-items:flex-start}.result-actions{width:100%}.result-actions>*{flex:1}footer{font-size:9px}.desktop{display:none}}