.game{max-width:760px;margin:0 auto}.topbar{align-items:center;gap:12px;max-width:860px;margin:0 auto;padding:12px 16px 2px;display:flex}.topbar .modes{flex:0 auto;margin:0}.modebtn.is-soon{opacity:.42;cursor:default}.modebtn.is-soon:active{transform:none}.stars{font-family:var(--font-display);align-items:center;gap:6px;margin-left:auto;font-size:1.3rem;font-weight:700;display:flex}.mute{width:48px;height:48px;min-height:48px;padding:0;font-size:1.25rem}.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.oops{background:#fdecea}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin:0;display:flex}.sizerow{margin:0}.sizerow-label{font-family:var(--font-display);color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:1.5px;font-size:.82rem;font-weight:600}.ticket{margin:0 auto}.order{font-family:var(--font-display);color:var(--cocoa);font-size:1.5rem;font-weight:700;display:block}.scale{filter:drop-shadow(0 10px 18px #4a2e1838);touch-action:manipulation;width:min(74vw,56vh,500px);height:auto}.scale .needle{transition:transform .32s var(--ease-bounce)}.ruler{filter:drop-shadow(0 10px 18px #4a2e1838);touch-action:manipulation;width:min(92vw,175vh,640px);height:auto}.ruler.wobble{animation:.5s scale-wobble}.ruler-ribbon{transition:width .38s var(--ease-bounce)}.jug-liquid,.jug-surface{transition:y .38s var(--ease-bounce), height .38s var(--ease-bounce), cy .38s var(--ease-bounce)}.scale-unit{font-family:var(--font-display);letter-spacing:1px;fill:var(--cocoa-soft);text-transform:uppercase;font-size:13px;font-weight:700}.scale.wobble{animation:.5s scale-wobble}@keyframes scale-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(2.4deg)}60%{transform:rotate(-1.6deg)}80%{transform:rotate(.8deg)}}.readout{justify-content:center;margin:0;display:flex}.readchip{font-family:var(--font-display);color:var(--cocoa);background:var(--parchment);box-shadow:var(--shadow-soft);border-bottom:5px solid var(--ones-gold);text-align:center;border-radius:999px;min-width:96px;padding:6px 22px;font-size:1.7rem;font-weight:700}.readchip.big{border-bottom-color:var(--tens-mint);color:var(--tens-mint-deep)}.readchip.roll{animation:chip-roll .5s var(--ease-bounce)}@keyframes chip-roll{0%{transform:scale(.7)rotate(-4deg)}55%{transform:scale(1.18)}to{transform:none}}.choices{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;display:flex}.choice{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-md);min-width:120px;min-height:60px;box-shadow:var(--shadow-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-bounce);background:#fff;border:none;padding:14px 22px;font-size:1.45rem;font-weight:700}.choice:active{transform:translateY(3px)}.choice.right{background:var(--leaf);color:#fff;box-shadow:0 5px 0 var(--tens-mint-deep);animation:chip-roll .35s var(--ease-bounce)}.choice.wrong{opacity:.45}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;display:flex}.loadbtns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.loadbtn{line-height:1.05;font-family:var(--font-display);color:#fff;border-radius:var(--r-md);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:64px;transition:transform .1s var(--ease-bounce);border:none;flex-direction:column;align-items:center;gap:1px;padding:8px 18px;font-size:1.1rem;font-weight:700;display:flex}.loadbtn small{opacity:.92;font-size:.82rem;font-weight:600}.loadbtn:active{transform:translateY(3px)}.loadbtn--sm{background:var(--tens-mint);box-shadow:0 6px 0 var(--tens-mint-deep)}.loadbtn--md{background:var(--ones-gold);box-shadow:0 6px 0 var(--ones-gold-deep)}.loadbtn--lg{background:var(--thousands-blue);box-shadow:0 6px 0 var(--thousands-blue-deep)}.loadbtn--sm:active{box-shadow:0 2px 0 var(--tens-mint-deep)}.loadbtn--md:active{box-shadow:0 2px 0 var(--ones-gold-deep)}.loadbtn--lg:active{box-shadow:0 2px 0 var(--thousands-blue-deep)}@media (height<=860px){.scale{width:min(60vw,40vh,360px)}.ruler{width:min(82vw,128vh,560px)}.order{font-size:1.2rem}.readchip{padding:4px 18px;font-size:1.35rem}.choice{min-height:50px;padding:10px 18px;font-size:1.2rem}.loadbtn{min-height:54px;padding:6px 14px;font-size:1rem}.loadbtn small{font-size:.74rem}.pip-row .pip,.pip-row .pip svg{width:56px;height:56px}.pip-bubble.pip-bubble{min-height:0;padding:8px 14px;font-size:1.02rem}.sizerow-label{font-size:.74rem}}