:root{--skin:#f4d0b0;--skin-d:#e0a878}.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}}.stage{justify-content:center;align-items:flex-start;gap:clamp(20px,7vw,72px);display:flex}.hand{flex-direction:column;align-items:center;gap:12px;display:flex}.badge{background:var(--green-l);width:clamp(44px,10vw,58px);height:clamp(44px,10vw,58px);color:var(--green-d);border-radius:16px;justify-content:center;align-items:center;font-size:clamp(26px,6vw,34px);font-weight:800;line-height:1;transition:background .2s,color .2s,transform .18s;display:flex}.hand.g2 .badge{background:var(--green);color:#fff}.handsvg{width:clamp(96px,22vw,140px);height:auto}.hand.right .handsvg{transform:scaleX(-1)}.finger{fill:var(--skin);stroke:var(--skin-d);stroke-width:2px;transform-box:fill-box;transform-origin:bottom;transition:transform .24s cubic-bezier(.2,.85,.3,1)}.palm,.thumb{fill:var(--skin);stroke:var(--skin-d);stroke-width:2px}.f-index{transform:scaleY(1)}.f-ring,.f-pinky,.f-middle{transform:scaleY(.24)}.hand.g2 .f-middle{transform:scaleY(1)}.stage.beat .hand{animation:.3s beat}@keyframes beat{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}.swapicon{color:#c3ccc7;align-self:center;margin-top:clamp(30px,7vw,52px);transition:transform .24s}.swapicon svg{width:clamp(28px,6vw,40px);height:auto}.stage.beat .swapicon{color:var(--green);transform:rotate(180deg)}.start{text-align:center;padding:clamp(6px,2vw,18px) 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}.start .stage{margin:24px 0 4px}.game .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}.game .btn:hover{background:var(--green);transform:translateY(-2px)}.game .btn.big{background:var(--green);margin-top:22px;padding:18px 54px;font-size:17px}.game .btn.big:hover{background:var(--green-d)}.game .btn.ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff}.game .btn.ghost:hover{background:var(--green-l);border-color:var(--green);color:var(--green-d);transform:translateY(-2px)}.ptop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.timer{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(38px,8vw,56px);font-weight:800;line-height:1}.timer.low{color:var(--red)}.timer .tl{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800;display:block}.tempo{text-align:right}.tempo .tv{color:var(--green-d);font-size:clamp(20px,4vw,26px);font-weight:800;line-height:1}.tempo .tll{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:12px;font-weight:800}.pbar{background:#eef2f0;border-radius:100px;height:10px;margin:6px 0 0;overflow:hidden}.pbar .fill{background:var(--green);border-radius:100px;width:100%;height:100%;transition:width .4s linear}.playstage{margin:clamp(20px,4vw,36px) 0 clamp(14px,3vw,24px)}.followhint{text-align:center;color:var(--muted);margin-top:4px;font-size:14px;font-weight:600}.playfoot{justify-content:center;margin-top:22px;display:flex}.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(6px,2vw,18px) 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 .lead{max-width:600px;color:var(--muted);margin:12px auto 0;font-size:clamp(15px,2vw,17.5px);line-height:1.7}.done .lead b{color:var(--ink)}.metaline{color:var(--green-d);margin:14px 0 0;font-size:14px;font-weight:700}.bens{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:24px 0 0;display:grid}.ben{border:1px solid var(--line);background:#fcfdfc;border-radius:16px;padding:18px}.ben .bi{background:var(--green-l);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;font-size:20px;display:flex}.ben h4{margin:0 0 5px;font-size:15px;font-weight:800}.ben p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.tipbox{background:var(--green-l);max-width:600px;color:var(--ink);border:1px solid #cfe9c4;border-radius:14px;margin:20px auto 0;padding:14px 18px;font-size:14px;font-weight:600;line-height:1.55}.tipbox b{color:var(--green-d)}.donerow{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}