:root{--ink:#20231f;--muted:#72786e;--paper:#f7f7f2;--panel:#fff;--line:#e2e4dc;--green:#d8f46b;--acid:#b9e73c;--coral:#ff8066;--blue:#d8e8ff;--mono:'DM Mono',monospace;--sans:'DM Sans',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}.topbar{height:68px;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(247,247,242,.92)}.wordmark{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.5px}.mark{width:26px;height:26px;border-radius:9px;background:var(--green);display:grid;place-items:center;font-family:var(--serif);font-size:18px}.dot{color:#8ab20e}.top-actions{display:flex;align-items:center;gap:22px}.backlink{color:var(--muted);text-decoration:none;font-size:13px}.backlink:hover{color:var(--ink)}.lang{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-family:inherit;font-size:13px;cursor:pointer}.lang:hover{border-color:#9ca393}main{max-width:1180px;margin:0 auto;padding:50px 22px 30px}.hero{padding:0 0 28px}.eyebrow{font:500 10px/1.2 var(--mono);letter-spacing:1.7px;color:#72786e}.spark{color:#95bd20;font-size:15px;vertical-align:-1px}h1{font-size:clamp(43px,6vw,72px);line-height:.98;letter-spacing:-3.5px;margin:18px 0 18px;font-weight:600}h1 em{font-family:var(--serif);font-weight:500;letter-spacing:-2px;color:#647d20}.intro{max-width:590px;color:#61675f;font-size:16px;line-height:1.65;margin:0}.hero-foot{display:flex;gap:20px;align-items:center;margin-top:22px;color:var(--muted);font-size:12px;flex-wrap:wrap}.local-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:6px 10px;background:#fff}.green{width:7px;height:7px;border-radius:50%;background:#8ab20e}.kbd-hint{font-family:var(--mono);font-size:10px}.game-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:13px 0 24px}.nav-card{height:106px;text-align:left;position:relative;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 13px 12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;color:#51574e;font:600 12px var(--sans);transition:transform .15s,border-color .15s,background .15s}.nav-card:hover{transform:translateY(-2px);border-color:#b4bf99}.nav-card.active{background:var(--green);border-color:#b5d55d;color:var(--ink)}.nav-icon{font-size:21px;color:var(--ink)}.num{position:absolute;right:12px;top:12px;color:#92988e;font:10px var(--mono)}.play-area{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:27px 28px 30px;min-height:390px;box-shadow:0 5px 20px rgba(39,48,30,.035)}.game-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;border-bottom:1px solid #edf0e8}.game-heading h2{font-size:27px;letter-spacing:-1px;margin:7px 0 1px}.game-desc{margin:0;color:var(--muted);font-size:13px}.best-chip{display:flex;align-items:center;gap:7px;font:10px var(--mono);color:#80877b;white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:6px 10px}.best-chip span{color:#91b51c}.best-chip b{color:var(--ink)}.game-content{padding-top:22px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}.game-main{min-width:0}.side-panel{background:#f7f8f3;border-radius:13px;padding:16px}.side-panel h3{font-size:13px;margin:0 0 9px}.side-panel p,.side-panel li{font-size:12px;color:var(--muted);line-height:1.55}.side-panel ul{margin:0;padding-left:17px}.mini-label{font:10px var(--mono);letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}.controls{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.btn{border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:white;padding:10px 15px;font:600 13px var(--sans);cursor:pointer}.btn:hover{background:#41473c}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{border-color:#999f92}.btn.lime{background:var(--green);color:var(--ink);border-color:#bfdc6f}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{display:flex;gap:24px;flex-wrap:wrap;margin:13px 0}.stat strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.6px}.stat span{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px}.keyboard{display:grid;gap:6px;max-width:740px;margin:18px auto 10px;padding:15px;background:#edf0e8;border-radius:13px;user-select:none}.key-row{display:flex;justify-content:center;gap:5px}.key{min-width:34px;height:36px;padding:0 8px;border:1px solid #d8dbd1;background:#fff;border-radius:6px;box-shadow:0 2px 0 #d7d9d1;color:#41473d;font:11px var(--mono);cursor:pointer;touch-action:manipulation}.key:hover{border-color:#a6b280;background:#faffec}.key.active{background:var(--green);border-color:#add23e;box-shadow:0 2px 0 #9fc42c;transform:translateY(1px)}.key.done{background:#e6efcb;color:#667340}.key.wide{min-width:60px}.key.space{width:42%;max-width:280px}.progress{height:8px;background:#ecefe7;border-radius:99px;overflow:hidden}.progress>span{height:100%;display:block;background:#abd537;width:0;transition:width .2s}.note{font-size:12px;color:var(--muted)}.feedback{min-height:22px;color:#617c1c;font-size:13px;font-weight:600}.feedback.bad{color:#cf5d47}.typing-text{font:500 19px/1.9 var(--mono);letter-spacing:.1px;padding:12px 16px;background:#f8f9f5;border:1px solid var(--line);border-radius:12px;color:#abb0a6;height:136px;max-height:136px;min-height:136px;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.typing-cursor{display:inline-block;height:1.25em;vertical-align:-.22em;border-left:2px solid #95bd20;margin-right:1px}.typing-text .typed{color:#60820c}.typing-text .error{color:#d44e3e;text-decoration:underline;text-decoration-style:wavy}.type-input{width:100%;min-height:78px;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:13px;font:15px/1.6 var(--mono);resize:vertical;outline:none}.type-input:focus{border-color:#9ab83c;box-shadow:0 0 0 3px rgba(185,231,60,.19)}.timer{font:500 26px var(--mono);letter-spacing:-1px}.word-card{padding:25px;border-radius:14px;background:#f4f6ed;text-align:center}.word-card .word{font:600 38px var(--serif);letter-spacing:-1px}.word-card .meaning{color:var(--muted);margin-top:5px}.answer{display:flex;gap:8px;margin:15px auto 0;max-width:420px}.answer input{flex:1;border:1px solid var(--line);border-radius:9px;padding:11px;font:15px var(--mono)}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.option{border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;text-align:left;cursor:pointer;color:var(--ink);font:13px var(--sans)}.option:hover{border-color:#a9b67a;background:#fbfff2}.mole-target{margin:0 auto 12px;width:min(100%,420px);padding:21px;text-align:center;border-radius:15px;background:#f5f7ef;border:1px solid var(--line)}.target-key{font:600 56px var(--mono);line-height:1}.confetti{position:relative;min-height:150px;overflow:hidden;border-radius:14px;background:#17201d;color:#fff;display:grid;place-items:center}.confetti-canvas{width:100%;height:150px;position:absolute;inset:0}.sound-prompt{position:relative;z-index:1;text-align:center}.sound-prompt b{display:block;font:500 24px var(--serif);margin-bottom:4px}.focus-shield{position:fixed;inset:0;background:rgba(20,24,20,.64);display:grid;place-items:center;z-index:10;padding:20px}.focus-card{max-width:420px;border-radius:18px;background:#fff;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.focus-card h2{margin:0 0 7px}.focus-card p{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 2px 4px;color:#848a7f;font-size:11px}footer a{color:#586d22;text-decoration:none;white-space:nowrap}.qa-badge{position:fixed;bottom:8px;right:8px;background:#ffd15a;border-radius:6px;padding:4px 7px;font:10px var(--mono);z-index:20}@media(max-width:900px){.game-nav{grid-template-columns:repeat(3,1fr)}.nav-card{height:88px}.game-layout{grid-template-columns:1fr}.side-panel{order:2}}@media(max-width:600px){main{padding:34px 14px 22px}.topbar{padding:0 14px}.top-actions{gap:12px}.backlink{font-size:11px}h1{letter-spacing:-2px}.game-nav{grid-template-columns:repeat(2,1fr);gap:7px}.nav-card{height:80px;padding:10px}.num{right:9px;top:9px}.play-area{padding:20px 14px;min-height:0}.game-heading{display:block}.best-chip{display:inline-flex;margin-top:11px}.keyboard{padding:8px 4px;gap:4px}.key-row{gap:3px}.key{height:32px;min-width:0;flex:1;padding:0 2px;font-size:9px}.key.wide{flex:1.5}.key.space{flex:7}.quiz-options{grid-template-columns:1fr}.hero-foot{gap:9px}.kbd-hint{line-height:1.5}.stats{gap:15px}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}