.game{max-width:760px;margin:0 auto}.topbar{align-items:center;gap:12px;max-width:820px;margin:0 auto;padding:14px 16px 4px;display:flex}.modes{background:var(--parchment);box-shadow:var(--shadow-soft);border-radius:999px;gap:6px;padding:6px;display:flex}.modebtn{font-family:var(--font-display);color:var(--cocoa-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;transition:transform .1s var(--ease-bounce);background:0 0;border:none;border-radius:999px;padding:9px 18px;font-size:1.05rem;font-weight:600}.modebtn.is-on{background:var(--frosting);color:#fff;box-shadow:0 3px 0 var(--frosting-deep)}.modebtn:active{transform:translateY(2px)}.stars{font-family:var(--font-display);align-items:center;gap:6px;font-size:1.3rem;font-weight:700;display:flex}.mute{width:48px;height:48px;min-height:48px;padding:0;font-size:1.25rem}@media (width<=600px){.modebtn{padding:9px 12px;font-size:.95rem}}.pip-row{align-items:center;gap:12px;margin:0;display:flex}.pip-row .pip{width:84px;height:84px}.pip-bubble.pip-bubble{align-items:center;min-height:56px;font-size:1.2rem;display:flex}.pip-bubble.good{background:#eafaf2}.pip-bubble.wow{background:#fff4e0}.sizerow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.sizerow-label{font-family:var(--font-display);color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:1.5px;font-size:.82rem;font-weight:600}.sizebtns{background:var(--parchment);box-shadow:var(--shadow-soft);border-radius:999px;gap:6px;padding:6px;display:flex}.sizebtn{font-family:var(--font-display);color:var(--cocoa-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:42px;transition:transform .1s var(--ease-bounce);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:1rem;font-weight:600}.sizebtn.is-on{background:var(--tenk-caramel);color:#fff;box-shadow:0 3px 0 var(--tenk-caramel-deep)}.sizebtn:active{transform:translateY(2px)}.target-card{background:var(--parchment);border-radius:var(--r-md);max-width:420px;box-shadow:var(--shadow-soft);border-bottom:6px solid var(--frosting);justify-content:center;align-items:center;gap:14px;margin:0 auto;padding:12px 22px;display:flex}.target-label{font-family:var(--font-display);color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:600}.target-num{font-family:var(--font-display);color:var(--frosting-deep);font-size:2.4rem;font-weight:700}.odometer-wrap{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}.odometer{border-radius:var(--r-lg);box-shadow:inset 0 4px 14px #00000080, var(--shadow-soft);background:linear-gradient(#3a2415,#5a3a22);border-bottom:8px solid #2b1a0e;justify-content:center;align-items:stretch;gap:8px;padding:18px 16px;display:flex}.comma{color:#d9c4a8;font-family:var(--font-display);align-self:flex-end;padding-bottom:6px;font-size:3.2rem;font-weight:700;line-height:1;transition:opacity .3s}.wheel{background:linear-gradient(#fffdf7,#f3e6cd 48%,#fffdf7);border-radius:12px;width:clamp(48px,14vw,74px);height:clamp(74px,21vw,108px);position:relative;overflow:hidden;box-shadow:inset 0 6px 8px #78491e59,inset 0 -6px 8px #78491e59,0 2px #0000004d}.wheel:after{content:"";background:#78491e40;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 -1px 2px #ffffff80}.reel{position:absolute;inset:0}.reel span{font-family:var(--font-display);will-change:transform;justify-content:center;align-items:center;font-size:clamp(2.6rem,9vw,4rem);font-weight:700;display:flex;position:absolute;inset:0}.wheel.p0 .reel span{color:var(--ones-gold-deep)}.wheel.p1 .reel span{color:var(--tens-mint-deep)}.wheel.p2 .reel span{color:var(--hundreds-berry-deep)}.wheel.p3 .reel span{color:var(--thousands-blue-deep)}.wheel.p4 .reel span{color:var(--tenk-caramel-deep)}.wheel.p5 .reel span{color:var(--frosting-deep)}.wheel.faded{opacity:.9}.wheel.faded .reel span{color:#7a563847!important}.wheel.pinged{animation:wheel-ping .5s var(--ease-bounce)}@keyframes wheel-ping{0%,to{box-shadow:inset 0 6px 8px #78491e59,inset 0 -6px 8px #78491e59,0 2px #0000004d}45%{box-shadow:0 0 0 4px var(--frosting), 0 0 22px #f2789bcc}}.placelabels{justify-content:center;gap:8px;margin-top:8px;display:flex}.placelabels .pl{text-align:center;width:clamp(48px,14vw,74px);font-family:var(--font-display);color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600;line-height:1.1}.placelabels .pl.spacer{width:14px}.pads{grid-template-columns:repeat(5,1fr);gap:10px;max-width:700px;margin:0 auto;display:grid}.pad{flex-direction:column;align-items:center;gap:8px;display:flex}.pad .icon{font-size:1.5rem;line-height:1}.plus,.minus{cursor:pointer;width:100%;font-family:var(--font-display);border-radius:var(--r-md);-webkit-tap-highlight-color:transparent;transition:transform .1s var(--ease-bounce), filter .1s ease;border:none;font-weight:700}.plus{color:#fff;flex-direction:column;align-items:center;gap:2px;padding:16px 4px;font-size:clamp(1.05rem,3.4vw,1.5rem);display:flex}.plus .small{opacity:.9;font-size:.8rem;font-weight:600}.minus{color:var(--cocoa);box-shadow:var(--shadow-soft);background:#fffc;padding:8px 6px;font-size:1rem}.plus:active,.minus:active{transform:translateY(3px)}.plus:disabled,.minus:disabled{opacity:.4;filter:grayscale(.4);cursor:default}.pad.p0 .plus{background:var(--ones-gold);box-shadow:0 5px 0 var(--ones-gold-deep)}.pad.p1 .plus{background:var(--tens-mint);box-shadow:0 5px 0 var(--tens-mint-deep)}.pad.p2 .plus{background:var(--hundreds-berry);box-shadow:0 5px 0 var(--hundreds-berry-deep)}.pad.p3 .plus{background:var(--thousands-blue);box-shadow:0 5px 0 var(--thousands-blue-deep)}.pad.p4 .plus{background:var(--tenk-caramel);box-shadow:0 5px 0 var(--tenk-caramel-deep)}.pad .plus:active{box-shadow:0 2px #00000040}.startrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto;display:flex}.startrow label{font-family:var(--font-display);color:var(--cocoa-soft);font-size:1.05rem;font-weight:600}.startrow input{font-family:var(--font-display);color:var(--cocoa);text-align:center;border-radius:var(--r-sm);background:#fff;border:none;width:130px;padding:10px 12px;font-size:1.4rem;font-weight:700;box-shadow:inset 0 2px 5px #78491e2e,0 2px #9c64312e}.startrow input:focus-visible{outline:4px solid var(--tens-mint);outline-offset:2px}.startrow .btn{min-height:50px;padding:10px 22px;font-size:1.1rem}.undo-row{text-align:center;margin:0}@media (width<=540px){.pads{gap:8px}.plus{padding:13px 4px;font-size:1.4rem}.target-num{font-size:2rem}}