.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}.skipnote{max-width:520px;color:var(--muted);border:1px solid var(--line);background:#fcfdfc;border-radius:12px;margin:16px auto 0;padding:11px 15px;font-size:13.5px}.skipnote b{color:var(--ink)}.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:26px;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)}.spin{text-align:center;padding:clamp(14px,4vw,40px) 0}.spinlabel{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.reel{background:linear-gradient(160deg,var(--green-l),#f4fbef);border:2px solid #cfe9c4;border-radius:32px;justify-content:center;align-items:center;width:clamp(150px,40vw,210px);height:clamp(150px,40vw,210px);margin:18px auto 0;display:flex;position:relative;overflow:hidden}.reel .letter{color:var(--green-d);letter-spacing:-.02em;font-size:clamp(90px,24vw,150px);font-weight:800;line-height:1}.reel.spinning .letter{filter:blur(1px);opacity:.85}.reel.pop .letter{animation:.4s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.go{color:var(--ink);min-height:1.2em;margin-top:22px;font-size:clamp(26px,5vw,40px);font-weight:800}.playtop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.lettercard{align-items:center;gap:14px;display:flex}.lettercard .lb{background:var(--green);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:clamp(56px,12vw,72px);height:clamp(56px,12vw,72px);font-size:clamp(34px,8vw,46px);font-weight:800;line-height:1;display:flex;box-shadow:0 8px 20px #3fa82c47}.lettercard .lt{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.lettercard .lc{letter-spacing:-.01em;font-size:clamp(20px,3vw,26px);font-weight:800}.lettercard .lc b{color:var(--green-d)}.timer{letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(34px,7vw,52px);font-weight:800;line-height:1}.timer.warn{color:var(--amber)}.timer.low{color:var(--red)}.timer .tl{color:var(--muted);text-align:right;letter-spacing:0;font-size:12px;font-weight:700;display:block}.pbar{background:#eef2f0;border-radius:100px;height:10px;margin:18px 0 4px;overflow:hidden}.pbar .fill{background:var(--green);border-radius:100px;width:0;height:100%;transition:width .35s cubic-bezier(.33,0,.15,1)}.entry{gap:10px;margin-top:16px;display:flex}.entry input{border:1.5px solid var(--line);color:var(--ink);background:#fcfdfc;border-radius:14px;outline:none;flex:1;padding:15px 18px;font-family:inherit;font-size:16px;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 26px;font-family:inherit;font-size:16px;font-weight:800;transition:background .2s,transform .16s}.entry .add:hover{background:var(--green-d);transform:translateY(-2px)}.warnmsg{min-height:18px;color:var(--red);margin-top:8px;font-size:13.5px;font-weight:700}.board{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.cell{border:1px solid var(--line);background:#fcfdfc;border-radius:11px;flex-direction:column;justify-content:center;min-height:48px;padding:10px 8px 9px;display:flex}.cell .cn{color:#c3ccc7;font-size:11px;font-weight:800}.cell .cw{color:var(--ink);word-break:break-word;margin-top:2px;font-size:14px;font-weight:800;line-height:1.2}.cell.filled{background:var(--green-l);border-color:#cfe9c4}.cell.filled .cn{color:var(--green-d)}.cell.pop{animation:.32s cubic-bezier(.2,1.4,.4,1) cellpop}@keyframes cellpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.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)}.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;gap:7px;max-width:640px;margin:18px auto 0;display:flex}.recap span{border:1px solid var(--line);color:var(--muted);background:#fcfdfc;border-radius:9px;padding:5px 11px;font-size:13px;font-weight:700}.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}@media (width<=560px){.board{grid-template-columns:repeat(2,1fr)}}