.game{background:var(--card);border:1px solid var(--line);border-radius:24px;margin-top:clamp(22px,3vw,32px);padding:clamp(22px,3.4vw,40px);position:relative;box-shadow:0 20px 48px #181d1a12}.screen{display:none}.screen.on{animation:.3s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.start{text-align:center;padding:clamp(10px,3vw,26px) 0}.badge5{background:var(--green-l);color:var(--green-d);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:800;display:inline-flex}.start h2{letter-spacing:-.02em;margin:20px 0 0;font-size:clamp(24px,4vw,36px);font-weight:800}.start p{max-width:540px;color:var(--muted);margin:12px auto 0;font-size:clamp(15px,1.9vw,17px);line-height:1.6}.demo{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:20px auto 0;font-size:clamp(16px,2.4vw,22px);font-weight:800;display:inline-flex}.demo b{color:var(--green-d)}.demo .ar{color:#c3ccc7}.bestline{color:var(--muted);margin:16px 0 0;font-size:14px;font-weight:700}.bestline b{color:var(--green-d)}.modes{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.hintopt{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:16px auto 0;font-size:13.5px;font-weight:700;display:inline-flex}.hintopt input{width:18px;height:18px;accent-color:var(--green);cursor:pointer}.btn{cursor:pointer;background:var(--ink);color:#fff;box-shadow:none;border:none;border-radius:100px;padding:16px 40px;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;transition:transform .16s,background .22s;display:inline-block}.btn:hover{background:var(--green);transform:translateY(-2px)}.btn.big{background:var(--green);padding:18px 48px;font-size:17px}.btn.big:hover{background:var(--green-d)}.btn.ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff}.btn.ghost:hover{background:var(--green-l);border-color:var(--green);color:var(--green-d);transform:translateY(-2px)}.cover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#ffffffed;border-radius:24px;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.cover.on{display:flex}.cover .cnum{color:var(--green-d);font-size:clamp(70px,18vw,120px);font-weight:800;animation:.6s cpop}@keyframes cpop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ptop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.clock{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(34px,7vw,52px);font-weight:800;line-height:1}.clock .cl{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800;display:block}.pmeta{text-align:right}.pmeta .pv{color:var(--green-d);font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1}.pmeta .pl{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:12px;font-weight:800}.hintbig{text-align:center;min-height:40px;margin:16px 0 0}.hintbig .hl{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.hintbig .hv{color:var(--green);font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1}.trail{flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;max-height:76px;margin:14px 0 0;display:flex;overflow:auto}.trail span{background:var(--green-l);color:var(--green-d);border:1px solid #cfe9c4;border-radius:8px;padding:4px 9px;font-size:13px;font-weight:800}.grid{grid-template-columns:repeat(auto-fill,minmax(clamp(46px,9vw,62px),1fr));gap:9px;margin:18px 0 0;display:grid}.tile{aspect-ratio:1;border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fcfdfc;border-radius:14px;justify-content:center;align-items:center;font-family:inherit;font-size:clamp(20px,4.5vw,28px);font-weight:800;transition:transform .1s,background .15s,border-color .15s,color .15s;display:flex}.tile:hover{border-color:var(--green);transform:translateY(-2px)}.tile.done{background:var(--green);border-color:var(--green);color:#fff;cursor:default;transform:none;box-shadow:0 6px 14px #3fa82c40}.tile.wrong{border-color:var(--red);background:var(--red-l);animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.voice{text-align:center;padding:clamp(6px,2vw,18px) 0}.voice .vinstr{max-width:480px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.6}.voice .vinstr b{color:var(--ink)}.bigclock{color:var(--ink);font-variant-numeric:tabular-nums;margin:18px 0;font-size:clamp(56px,16vw,96px);font-weight:800;line-height:1}.playfoot{justify-content:center;gap:12px;margin-top:22px;display:flex}.stopbtn{cursor:pointer;border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:100px;padding:12px 26px;font-family:inherit;font-size:14px;font-weight:800;transition:all .16s}.stopbtn:hover{border-color:var(--red);color:var(--red);background:var(--red-l)}.done{text-align:center;padding:clamp(10px,3vw,26px) 0}.demoji{font-size:clamp(46px,9vw,64px);line-height:1}.done h2{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(24px,4vw,34px);font-weight:800}.done .bigtime{color:var(--green-d);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:clamp(40px,9vw,60px);font-weight:800;line-height:1}.record{color:var(--amber);margin:8px 0 0;font-size:15px;font-weight:800;display:none}.record.on{display:block}.endmeta{color:var(--muted);margin:12px 0 0;font-size:14.5px;font-weight:700}.done p{max-width:540px;color:var(--muted);margin:14px auto 0;font-size:clamp(15px,2vw,17.5px);line-height:1.65}.done p b{color:var(--ink)}.keywrap{max-width:680px;margin:18px auto 0;display:none}.keywrap.on{display:block}.keywrap .kt{color:var(--muted);margin-bottom:9px;font-size:13px;font-weight:800}.key{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.key span{border:1px solid var(--line);color:var(--muted);background:#fcfdfc;border-radius:8px;padding:5px 10px;font-size:14px;font-weight:800}.donerow{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.help{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:clamp(26px,4vw,40px);display:grid}.hc{border:1px solid var(--line);background:#fcfdfc;border-radius:16px;padding:18px 20px}.hc h3{margin:0 0 7px;font-size:15px;font-weight:800}.hc p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}