.game{max-width:720px;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}.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;margin-left:auto;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-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}.target-card{background:var(--parchment);border-radius:var(--r-md);max-width:460px;box-shadow:var(--shadow-soft);border-bottom:6px solid var(--frosting);justify-content:center;align-items:center;gap:16px;margin:0 auto;padding:12px 24px;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;line-height:1.2}.target-frac{flex-direction:column;align-items:center;line-height:1;display:inline-flex}.target-frac .t-num,.target-frac .t-den{font-family:var(--font-display);font-size:2rem;font-weight:700}.target-frac .t-num{color:var(--frosting-deep)}.target-frac .t-den{color:var(--cocoa)}.target-frac .t-bar{background:var(--cocoa);border-radius:3px;width:34px;height:4px;margin:2px 0}.target-words{font-family:var(--font-display);color:var(--cocoa);font-size:1.3rem;font-weight:700}.stage{justify-content:center;margin:0;display:flex}.pie{--fill:var(--frosting);--edge:var(--frosting-deep);--cherry:#c8264f;filter:drop-shadow(0 10px 18px #4a2e1838);touch-action:manipulation;width:min(clamp(200px,64vw,340px),38vh);height:auto}.pie.wobble{animation:.5s pie-wobble}@keyframes pie-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(2.4deg)}60%{transform:rotate(-1.6deg)}80%{transform:rotate(.8deg)}}.slice{fill:#f6e4c4;stroke:#fffdf7;stroke-width:2.5px;stroke-linejoin:round;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:fill .18s ease, transform .14s var(--ease-bounce);transform-box:fill-box;transform-origin:50%}.slice:hover{fill:#f0d9ae}.slice.filled{fill:var(--fill)}.slice.filled:hover{fill:var(--edge)}.slice:focus{outline:none}.slice:focus-visible{stroke:var(--frosting);stroke-width:3.5px}.slice.plop{animation:slice-plop .32s var(--ease-bounce)}@keyframes slice-plop{0%{transform:scale(.84)}60%{transform:scale(1.06)}to{transform:scale(1)}}.cherry{fill:var(--cherry);opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none;transition:opacity .2s ease, transform .25s var(--ease-bounce);transform:scale(0)}.cherry.show{opacity:1;transform:scale(1)}.readout{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.frac{flex-direction:column;align-items:center;line-height:1;display:inline-flex}.frac .num,.frac .den{font-family:var(--font-display);font-size:3rem;font-weight:700}.frac .num{color:var(--frosting-deep)}.frac .den{color:var(--cocoa)}.frac .bar{background:var(--cocoa);border-radius:4px;width:56px;height:6px;margin:4px 0}.words{font-family:var(--font-display);color:var(--cocoa-soft);font-size:1.45rem;font-weight:700}.words.whole{color:var(--tens-mint-deep)}.equiv{font-family:var(--font-display);color:var(--tens-mint-deep);animation:chip-pop .3s var(--ease-bounce);background:#eafaf2;border-radius:999px;margin-top:6px;padding:4px 16px;font-size:1.2rem;font-weight:700;box-shadow:0 3px #2f9c7633}@keyframes chip-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.compare{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(6px,3vw,22px);margin:0 auto;display:flex}.plate-col{flex-direction:column;align-items:center;gap:8px;display:flex}.plate-tag{font-family:var(--font-display);color:#fff;border-radius:999px;padding:5px 16px;font-size:.95rem;font-weight:700}.plate-tag.pip-tag{background:var(--frosting);box-shadow:0 3px 0 var(--frosting-deep)}.plate-tag.you-tag{background:var(--tens-mint);box-shadow:0 3px 0 var(--tens-mint-deep)}.pie--sm{width:clamp(132px,38vw,220px)}.plate-frac{flex-direction:column;align-items:center;line-height:1;display:inline-flex}.plate-frac .num,.plate-frac .den{font-family:var(--font-display);font-size:1.7rem;font-weight:700}.plate-frac .num{color:var(--frosting-deep)}.plate-frac .den{color:var(--cocoa)}.plate-frac .bar{background:var(--cocoa);border-radius:3px;width:30px;height:4px;margin:3px 0}.eq{font-family:var(--font-display);color:var(--cocoa-soft);transition:transform .2s var(--ease-bounce), color .2s ease;align-self:center;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:700}.eq.is-eq{color:var(--tens-mint-deep);transform:scale(1.25)}.slicerow{flex-direction:column;align-items:center;gap:8px;margin:0 auto;display:flex}.slicerow-label{font-family:var(--font-display);color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:1.5px;font-size:.82rem;font-weight:600}.slicebtns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.slicebtn{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-md);cursor:pointer;width:76px;min-height:64px;box-shadow:var(--shadow-soft);-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-bounce);background:#fff;border:none;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-size:1.5rem;font-weight:700;display:flex}.slicebtn small{color:var(--cocoa-soft);font-size:.72rem;font-weight:600}.slicebtn:active{transform:translateY(3px)}.slicebtn.is-on{background:var(--ones-gold);color:#fff;box-shadow:0 5px 0 var(--ones-gold-deep)}.slicebtn.is-on small{color:#ffffffe6}.hint{text-align:center;color:var(--cocoa-soft);margin:0 auto;font-size:1.02rem;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;display:flex}@media (width<=540px){.target-frac .t-num,.target-frac .t-den{font-size:1.7rem}.target-words{font-size:1.1rem}.slicebtn{width:64px;font-size:1.3rem}}@media (height<=860px){.pie{width:min(clamp(180px,58vw,320px),30vh)}.frac .num,.frac .den{font-size:clamp(1.3rem,3.8vh,2.1rem)}.frac .bar{width:36px;height:5px}.words{font-size:1rem}.slicebtn{min-height:48px;padding:5px 6px;font-size:1.2rem}.slicebtn small{font-size:.68rem}.hint{font-size:.9rem}.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}.target-card{gap:10px;padding:4px 14px}.target-frac .t-num,.target-frac .t-den{font-size:1.3rem}.target-words{font-size:1rem}.sizebtn{min-height:36px;padding:6px 14px}.slicerow{gap:3px}.slicerow-label,.sizerow-label{font-size:.74rem}.game:has(#targetCard:not([hidden])) .pie{width:min(clamp(170px,54vw,300px),27vh)}}