.game{background:var(--card);border:1px solid var(--line);border-radius:24px;margin-top:clamp(22px,3vw,32px);padding:clamp(22px,3.4vw,40px);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(15px,2.2vw,19px);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)}.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);box-shadow:none;transform:translateY(-2px)}.btn.big{background:var(--green);margin-top:24px;padding:18px 54px;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)}.playtop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stat{flex-direction:column;display:flex}.stat .sv{color:var(--ink);font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1}.stat .sl{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:12px;font-weight:800}.combo{background:var(--amber-l);color:var(--amber);border-radius:100px;align-items:center;gap:7px;padding:8px 15px;font-size:14px;font-weight:800;display:none}.combo.on{animation:.3s pop;display:inline-flex}@keyframes pop{0%{transform:scale(.7)}to{transform:scale(1)}}.fromwrap{text-align:center;margin:22px 0 0}.fromwrap .fl{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:12.5px;font-weight:800}.fromword{letter-spacing:-.02em;color:var(--ink);margin-top:8px;font-size:clamp(34px,8vw,56px);font-weight:800;line-height:1.05}.fromword .ar{color:var(--green);margin-left:10px}.entry{gap:10px;max-width:520px;margin:18px auto 0;display:flex}.entry input{border:1.5px solid var(--line);text-align:center;color:var(--ink);background:#fcfdfc;border-radius:14px;outline:none;flex:1;padding:15px 18px;font-family:inherit;font-size:17px;font-weight:700;transition:border-color .18s}.entry input:focus{border-color:var(--green)}.entry input.shake{border-color:var(--red);animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.entry .add{cursor:pointer;background:var(--green);color:#fff;border:none;border-radius:14px;padding:0 24px;font-family:inherit;font-size:20px;font-weight:800;line-height:1;transition:background .2s,transform .16s}.entry .add:hover{background:var(--green-d);transform:translateY(-2px)}.tempo{max-width:520px;margin:14px auto 0}.tempo .tbar{background:#eef2f0;border-radius:100px;height:12px;overflow:hidden}.tempo .tfill{background:var(--green);border-radius:100px;width:100%;height:100%;transition:background .2s}.tempo .tt{color:var(--muted);text-align:center;margin-top:7px;font-size:12.5px;font-weight:700}.warnmsg{text-align:center;max-width:520px;min-height:18px;color:var(--red);margin:8px auto 0;font-size:13.5px;font-weight:700}.chain{flex-wrap:wrap;align-items:center;gap:8px;max-height:150px;margin:22px 0 0;padding:2px;display:flex;overflow:auto}.chain .w{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fcfdfc;border-radius:10px;padding:7px 12px;font-size:14px;font-weight:800}.chain .w.last{background:var(--green);border-color:var(--green);color:#fff}.chain .w.seed{background:var(--green-l);color:var(--green-d);border-color:#cfe9c4}.chain .ar{color:#c3ccc7;font-weight:800}.playfoot{justify-content:center;margin-top:20px;display:flex}.stopbtn{cursor:pointer;border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:100px;padding:11px 24px;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)}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:100px;padding:13px 24px;font-size:15px;font-weight:800;transition:opacity .3s,transform .3s;position:fixed;bottom:34px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 30px #181d1a40}.toast.on{opacity:1;transform:translate(-50%)translateY(0)}.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 .bigcount{margin:10px 0 0;font-size:clamp(20px,3.4vw,26px);font-weight:800}.done .bigcount b{color:var(--green-d)}.record{color:var(--amber);margin:8px 0 0;font-size:15px;font-weight:800;display:none}.record.on{display:block}.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)}.recap{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:680px;max-height:160px;margin:18px auto 0;display:flex;overflow:auto}.recap .w{border:1px solid var(--line);color:var(--muted);background:#fcfdfc;border-radius:9px;padding:5px 11px;font-size:13px;font-weight:700}.recap .ar{color:#c3ccc7;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}