/* Pizza Fractions. Builds on the Kids design system v3 tokens in kids-product.css. */
#kids-fractions{
 --fp-gold:#f6c96c;--fp-gold-d:#b98320;--fp-coral:#ff8f7f;--fp-sky:#7cbcff;--fp-mint:#62e3ab;--fp-violet:#a594ff;--fp-cyan:#3dd5f3;
 --fp-card:#fbfbff;--fp-card-edge:#d3d9f2;--fp-ink:#1d2557;--fp-paper:#fff8e8;--fp-paper-edge:#efd9a8;--fp-paper-ink:#3a2a0c;--fp-frame:#0a1031
}
.fp-stage{position:relative}
.fp-sheet{display:none}

/* ---------- Modes, levels, progress ---------- */
.fp-modes{margin:0 0 14px;border-radius:24px;width:100%;box-sizing:border-box}
.fp-modes .fp-mode{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:center;min-height:48px;padding:6px 14px}
.fp-mode-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;background:var(--k-surface-3,#1e2a66)}
.fp-mode-ic{width:18px;height:18px}
.fp-ic-line{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fp-ic-fill{fill:currentColor}
.fp-c-gold .fp-mode-dot,.fp-c-gold .fp-howto-ic{color:var(--fp-gold)}
.fp-c-coral .fp-mode-dot,.fp-c-coral .fp-howto-ic{color:var(--fp-coral)}
.fp-c-sky .fp-mode-dot,.fp-c-sky .fp-howto-ic{color:var(--fp-sky)}
.fp-c-mint .fp-mode-dot,.fp-c-mint .fp-howto-ic{color:var(--fp-mint)}
.fp-c-violet .fp-mode-dot,.fp-c-violet .fp-howto-ic{color:var(--fp-violet)}
.fp-modes .fp-mode[aria-pressed="true"] .fp-mode-dot{background:#0b1030}

.fp-levelbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin:0 0 18px;padding:10px 12px;border-radius:20px;background:var(--k-bg-2,#0c1234);border:1px solid var(--k-line-soft,#1f2a62)}
.fp-levels{display:flex;flex-wrap:wrap;gap:8px}
.fp-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:88px;min-height:52px;padding:6px 12px;border-radius:16px;border:2px solid var(--k-line,#2a3678);background:rgba(255,255,255,.04);color:var(--k-ink,#f4f6ff);font:800 .92rem/1.1 "Manrope",Inter,sans-serif;cursor:pointer;touch-action:manipulation}
.fp-level:hover{background:var(--k-surface-2,#172154)}
.fp-level[aria-pressed="true"]{background:var(--k-ink,#f4f6ff);color:#0b1030;border-color:var(--k-ink,#f4f6ff)}
.fp-level-stars{display:flex;gap:2px}
.fp-level-stars .fp-medal{width:13px;height:13px}
.fp-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
#kids-fractions .fp-progress-text{margin:0;font:800 .95rem/1.2 "Manrope",Inter,sans-serif;color:var(--k-ink,#f4f6ff)}
.fp-dots{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.fp-dot{width:14px;height:14px;border-radius:50%;background:var(--k-surface-3,#1e2a66);border:2px solid #34428f;box-sizing:border-box;margin:0}
.fp-dot-now{border-color:var(--fp-gold);box-shadow:0 0 0 3px rgba(246,201,108,.3)}
.fp-dot-done{background:var(--fp-sky);border-color:var(--fp-sky)}
.fp-dot-star{background:var(--fp-gold);border-color:var(--fp-gold)}
.fp-mode:focus-visible,.fp-level:focus-visible,.fp-choice:focus-visible,.fp-sign:focus-visible,.fp-cut:focus-visible,.fp-card:focus-visible,.fp-stage .kp-button:focus-visible,.fp-win:focus-visible{outline:4px solid var(--fp-gold);outline-offset:3px}

/* ---------- Layout ---------- */
.fp-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:clamp(18px,3vw,34px);align-items:start}
.fp-board{min-width:0;display:flex;justify-content:center;align-items:center;padding:clamp(8px,2vw,18px);border-radius:26px;background:radial-gradient(closest-side,rgba(246,201,108,.14),transparent 75%),var(--fp-frame);border:2px solid #34428f;min-height:300px;box-sizing:border-box;overflow:hidden}
@media(max-width:800px){#kids-fractions .kg-hero{grid-template-columns:minmax(0,1fr)}}
#kids-fractions .kg-hero h1{overflow-wrap:break-word;hyphens:auto}
.fp-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.fp-model{display:block;width:100%;max-width:440px;height:auto;overflow:visible}

/* ---------- Order ticket with Chef Piko ---------- */
.fp-ticket{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:var(--fp-paper);border:2px solid var(--fp-paper-edge);box-shadow:0 10px 24px rgba(2,4,20,.35);color:var(--fp-paper-ink)}
.fp-chef{width:74px;height:80px;flex:none;align-self:end}
.fp-chef-shadow{fill:#d9c48f}
.fp-chef-shell{fill:var(--fp-cyan);stroke:#0f8fb0;stroke-width:4}
.fp-chef-shine{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;opacity:.6}
.fp-chef-visor{fill:#5b45d6}
.fp-chef-eye{fill:#f4f6ff}.fp-chef-pupil{fill:#0d1333}
.fp-chef-smile{fill:none;stroke:#0b3a55;stroke-width:4.5;stroke-linecap:round}
.fp-chef-cheek{fill:#ff9fd3;opacity:.8}
.fp-chef-hat{fill:#fff;stroke:#e1e5f5;stroke-width:1.5}
.fp-chef-band{fill:var(--fp-coral)}
.fp-ticket-body{min-width:0;overflow-wrap:break-word;hyphens:auto}
#kids-fractions .fp-ticket-label{margin:0 0 2px;font:800 .74rem/1.2 "Manrope",Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#a0661a}
#kids-fractions .fp-prompt{margin:0;font:800 1.18rem/1.3 "Manrope",Inter,sans-serif;color:var(--fp-paper-ink)}
#kids-fractions .fp-how{margin:6px 0 0;font-size:.9rem;line-height:1.4;color:#6a5426}
.fp-ticket-frac{color:#b4361f;display:flex;align-items:center}
.fp-ticket-frac .fp-frac{height:84px;width:auto}
.fp-ticket-frac:empty{display:none}
.fp-eq{display:flex;align-items:center;gap:6px}
.fp-eq-sign{font:800 2rem/1 "Manrope",Inter,sans-serif}
.fp-ticket-frac .fp-eq .fp-frac{height:64px}
.fp-cheer .fp-chef{animation:fp-hop .7s ease-out}
@keyframes fp-hop{0%,100%{transform:translateY(0)}35%{transform:translateY(-10px)}65%{transform:translateY(2px)}}

/* ---------- Fractions (stacked SVG text) ---------- */
.fp-frac{display:block;height:64px;width:auto;overflow:visible}
.fp-frac-num,.fp-frac-den{fill:currentColor;font:800 46px/1 "Manrope",Inter,sans-serif}
.fp-frac-bar{stroke:currentColor;stroke-width:5.5;stroke-linecap:round}
.fp-frac-box{fill:none;stroke:currentColor;stroke-width:3.5;stroke-dasharray:7 6;opacity:.55}

/* ---------- Answer tiles ---------- */
#kids-fractions .fp-label{margin:0 0 8px;font:800 .95rem/1.3 "Manrope",Inter,sans-serif;color:var(--k-ink,#f4f6ff)}
.fp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fp-choice,.fp-sign,.fp-card,.fp-cut{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:56px;min-height:96px;padding:10px 8px;border:3px solid transparent;border-radius:22px;background:var(--fp-card);box-shadow:inset 0 -5px 0 var(--fp-card-edge),0 6px 14px rgba(2,4,20,.3);color:var(--fp-ink);cursor:pointer;font:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.fp-choice .fp-frac{height:70px}
.fp-choice:not(:disabled):hover,.fp-sign:not(:disabled):hover,.fp-card:not(:disabled):hover,.fp-cut:not(:disabled):hover{transform:translateY(-2px);border-color:var(--fp-gold)}
.fp-choice:not(:disabled):active,.fp-sign:not(:disabled):active,.fp-card:not(:disabled):active,.fp-cut:not(:disabled):active{transform:translateY(1px)}
.fp-choice:disabled,.fp-sign:disabled,.fp-cut:disabled{cursor:default}
#kids-fractions .fp-choice:disabled,#kids-fractions .fp-sign:disabled,#kids-fractions .fp-card:disabled,#kids-fractions .fp-cut:disabled{background:var(--fp-card);color:var(--fp-ink);box-shadow:inset 0 -5px 0 var(--fp-card-edge)}
#kids-fractions .fp-choice:disabled:not(.fp-right),#kids-fractions .fp-sign:disabled:not(.fp-right){opacity:.6}
#kids-fractions .fp-nope{opacity:.38;box-shadow:none;transform:none;background:#cfd5ec}
.fp-right,#kids-fractions .fp-right{border-color:#22a36b!important;background:#e3fbef;color:var(--fp-ink);box-shadow:inset 0 -5px 0 #a9e9c8,0 0 0 5px rgba(98,227,171,.35)}
.fp-right:after,.fp-matched:after{content:"";position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:#22a36b;box-shadow:0 0 0 3px #fff}
.fp-right:before,.fp-matched:before{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:14px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg);z-index:1}
@keyframes fp-glow{0%,100%{box-shadow:inset 0 -5px 0 var(--fp-card-edge),0 0 0 0 rgba(246,201,108,.95)}50%{box-shadow:inset 0 -5px 0 var(--fp-card-edge),0 0 0 12px rgba(246,201,108,0)}}
.fp-glow{border-color:var(--fp-gold);animation:fp-glow 1s ease-out 3}
.fp-number-n{font:800 2.6rem/1 "Manrope",Inter,sans-serif}
.fp-number{min-height:88px}

/* Compare */
.fp-pair{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);width:100%}
.fp-pair-item{flex:1 1 0;min-width:0;max-width:240px;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--k-ink,#f4f6ff)}
.fp-pair-item .fp-frac{height:68px}
.fp-sign-slot{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--k-surface-2,#172154);border:3px dashed #4a568f;color:var(--k-muted,#aab3da);font:800 2rem/1 "Manrope",Inter,sans-serif}
.fp-sign-slot.fp-sign-done{background:var(--fp-gold);border:3px solid #fff;color:#3a2604;animation:fp-pop .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes fp-pop{0%{transform:scale(.4)}100%{transform:scale(1)}}
.fp-stage [data-mode="compare"] .fp-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.fp-sign-sym{font:800 2.8rem/1 "Manrope",Inter,sans-serif}
.fp-sign-word{font:800 .85rem/1.1 "Manrope",Inter,sans-serif;color:#4a5490;text-transform:lowercase}

/* Slice & serve */
.fp-serve{display:flex;flex-direction:column;gap:12px}
.fp-cuts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}
.fp-cut{min-height:84px;padding:8px 4px;border-radius:18px}
.fp-cut-ic{width:40px;height:40px}
.fp-cut-n{font:800 1.15rem/1 "Manrope",Inter,sans-serif}
.fp-cut[aria-pressed="true"]{border-color:var(--fp-coral);background:#fff1ee;box-shadow:inset 0 -5px 0 #f6c9c0,0 0 0 4px rgba(255,143,127,.3)}
.fp-plate-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:var(--k-bg-2,#0c1234);border:1px solid var(--k-line-soft,#1f2a62);color:var(--k-ink,#f4f6ff)}
.fp-plate-frac .fp-frac{height:56px}
#kids-fractions .fp-plate-text{margin:0;font-weight:800;color:var(--k-ink,#f4f6ff)}
.fp-serve-btn{width:100%;min-height:58px;font-size:1.1rem}
.fp-serve-pizza .fp-slice{cursor:pointer;transition:transform .28s cubic-bezier(.3,.8,.3,1.2)}
.fp-serve-pizza .fp-slice:focus{outline:none}
.fp-serve-pizza .fp-cuts{display:none}
.fp-serve-pizza .fp-crust{stroke:#8a4f19;stroke-width:2.5}
.fp-slice-ring{fill:none;stroke:transparent;stroke-width:6;stroke-linejoin:round}
.fp-serve-pizza .fp-slice:hover .fp-slice-ring{stroke:rgba(255,255,255,.7)}
.fp-served .fp-slice-ring{stroke:var(--fp-gold)!important}
.fp-served .fp-cheese{fill:#ffdc6e}
.fp-serve-pizza .fp-slice:focus-visible .fp-slice-ring{stroke:var(--fp-cyan)!important;stroke-dasharray:10 6}

/* Match */
.fp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:520px}
.fp-cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.fp-card{min-height:0;padding:10px 8px 8px;gap:2px}
.fp-card .fp-model{max-width:120px}
.fp-card .fp-m-strip{max-width:170px}
.fp-showcase .fp-m-strip{max-width:320px}
.fp-card .fp-frac{height:48px}
.fp-card[aria-pressed="true"]{border-color:var(--fp-gold);transform:translateY(-4px);box-shadow:inset 0 -5px 0 var(--fp-card-edge),0 0 0 5px rgba(246,201,108,.4)}
.fp-matched{cursor:default}
#kids-fractions .fp-g-0{border-color:#22a36b;background:#e3fbef}#kids-fractions .fp-g-1{border-color:#3b7fd9;background:#e6f0ff}#kids-fractions .fp-g-2{border-color:#c43d8a;background:#ffe9f5}#kids-fractions .fp-g-3{border-color:#7a62e0;background:#efebff}
.fp-g-1:after{background:#3b7fd9}.fp-g-2:after{background:#c43d8a}.fp-g-3:after{background:#7a62e0}
@keyframes fp-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.fp-shake{animation:fp-shake .4s ease-in-out}
.fp-showcase{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:22px;background:var(--k-bg-2,#0c1234);border:2px dashed #3a4588;color:var(--k-ink,#f4f6ff);min-height:120px;justify-content:center}
.fp-showcase-model{max-width:200px}
.fp-showcase .fp-frac{height:56px}
.fp-showcase-empty{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:3px dashed #4a568f;color:var(--k-muted,#aab3da)}

/* ---------- Pizza, pie, chocolate drawings ---------- */
.fp-plate-shadow{fill:#050819;opacity:.45}
.fp-plate{fill:#f4f1ea}
.fp-plate-rim{fill:none;stroke:#e1dacb;stroke-width:3}
.fp-crust{fill:#e3a04e;stroke:#b8732c;stroke-width:2}
.fp-cheese{fill:#ffcf4f}
.fp-plain{fill:#f7e6bd}
.fp-pep{fill:#d9483b}
.fp-pep-dot{fill:#a8302a}
.fp-herb{fill:#6aa84f}
.fp-cuts line{stroke:#8a4f19;stroke-width:3;stroke-linecap:round}
.fp-shine{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.35}
.fp-m-pie .fp-crust{fill:#d9974d;stroke:#a96a28}
.fp-cherry{fill:#c8304f}
.fp-apple{fill:#f2cf72}
.fp-lattice{fill:none;stroke:#f0c27a;stroke-width:6;stroke-linecap:round}
.fp-berry{fill:#7d1430}
.fp-wrap{fill:var(--fp-gold);stroke:#c9962c;stroke-width:2}
.fp-bar-bed{fill:#3b2416}
.fp-choc{fill:#5a321e;stroke:#2e170b;stroke-width:1.5}
.fp-choc-shine{fill:#7b4a2c}
.fp-milk{fill:#e2b77e;stroke:#b98a4f;stroke-width:1.5}
.fp-milk-shine{fill:#f0d2a6}
.fp-overlay line{stroke:#1d2557;stroke-width:3.5;stroke-dasharray:7 6;stroke-linecap:round}
.fp-m-strip .fp-overlay line{stroke:#fff}
.fp-ws-on{fill:#c8c8c8}.fp-ws-off{fill:#fff}
.fp-m-plain .fp-crust{fill:#fff;stroke:#000;stroke-width:3}
.fp-m-plain .fp-cuts line{stroke:#000;stroke-width:2.5}
.fp-m-plain .fp-plate,.fp-m-plain .fp-plate-rim,.fp-m-plain .fp-plate-shadow{display:none}
/* Toppings */
.fp-olive{fill:#2d2a26}.fp-olive-hole{fill:#7a6a55}
.fp-mush-cap{fill:#c9a27e;stroke:#8f6a48;stroke-width:1.5}.fp-mush-stem{fill:#f3e7d3;stroke:#c9b79a;stroke-width:1}
.fp-tomato{fill:#e2483c;stroke:#b02e24;stroke-width:1.2}.fp-seed{fill:#ffd2a0}
.fp-pepper{fill:#3fae4a;stroke:#23802d;stroke-width:1.2}.fp-pepper-in{fill:#ffcf4f}
.fp-cuts-hidden{opacity:0;transition:opacity .45s ease}
.fp-revealed .fp-cuts-hidden,.fp-hinted .fp-cuts-hidden{opacity:1}
.fp-wedge-hl{fill:none;stroke:none}
.fp-revealed .fp-take .fp-wedge-hl{fill:rgba(98,227,171,.25);stroke:#1f9e66;stroke-width:5;stroke-linejoin:round}

/* ---------- Win ---------- */
.fp-win{position:relative;overflow:hidden;outline:none}
.fp-win h3,.fp-win p{position:relative}
.fp-win p{max-width:520px}
.fp-win-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.fp-win-actions .kp-button{flex:0 1 240px}
.fp-win-actions .kp-button[hidden]{display:none}
.fp-medal{width:56px;height:56px;fill:#2c3770;stroke:#4a568f;stroke-width:3;stroke-linejoin:round}
.fp-medal-on{fill:var(--fp-gold);stroke:#c79a3a}
.fp-level[aria-pressed="true"] .fp-medal:not(.fp-medal-on){fill:#d5dbf5;stroke:#aab3da}
.kg-stars .fp-medal-on{filter:drop-shadow(0 4px 10px rgba(246,201,108,.45))}
@keyframes fp-star{0%{transform:scale(0) rotate(-40deg);opacity:0}100%{transform:none;opacity:1}}
.fp-win:not([hidden]) .kg-stars .fp-medal{animation:fp-star .5s cubic-bezier(.2,.9,.3,1.3) both}
.fp-win:not([hidden]) .kg-stars .fp-medal:nth-child(2){animation-delay:.15s}
.fp-win:not([hidden]) .kg-stars .fp-medal:nth-child(3){animation-delay:.3s}
.fp-confetti{position:absolute;inset:0;pointer-events:none}
.fp-bit{position:absolute;top:-14px;width:10px;height:14px;border-radius:3px;opacity:0}
.fp-bit:nth-child(4n+1){background:var(--fp-gold)}.fp-bit:nth-child(4n+2){background:var(--fp-coral)}.fp-bit:nth-child(4n+3){background:#ffcf4f}.fp-bit:nth-child(4n){background:var(--fp-mint);border-radius:50%}
.fp-bit-0{left:4%}.fp-bit-1{left:11%}.fp-bit-2{left:19%}.fp-bit-3{left:26%}.fp-bit-4{left:33%}.fp-bit-5{left:41%}.fp-bit-6{left:48%}.fp-bit-7{left:55%}.fp-bit-8{left:62%}.fp-bit-9{left:70%}.fp-bit-10{left:77%}.fp-bit-11{left:84%}.fp-bit-12{left:91%}.fp-bit-13{left:96%}
@keyframes fp-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(260px) rotate(540deg);opacity:0}}
.fp-win:not([hidden]) .fp-bit{animation:fp-fall 1.9s ease-in both}
.fp-win:not([hidden]) .fp-bit:nth-child(3n+1){animation-delay:.2s;animation-duration:2.2s}
.fp-win:not([hidden]) .fp-bit:nth-child(3n+2){animation-delay:.45s;animation-duration:1.7s}

/* ---------- How to play ---------- */
.fp-howto{margin-top:22px;padding:clamp(18px,3vw,30px);border-radius:28px;background:var(--k-surface,#111944);border:1px solid var(--k-line-soft,#1f2a62)}
.fp-howto h2{margin:0 0 6px!important;font-size:1.35rem!important}
#kids-fractions .fp-howto-lede{margin:0 0 16px;color:var(--k-muted,#aab3da)}
.fp-howto-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.fp-howto-list li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:14px;border-radius:18px;background:var(--k-bg-2,#0c1234);border:1px solid var(--k-line-soft,#1f2a62)}
.fp-howto-list strong{display:block;color:var(--k-ink,#f4f6ff);margin-bottom:2px}
.fp-howto-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--k-surface-3,#1e2a66)}
.fp-howto-ic .fp-mode-ic{width:24px;height:24px}

/* ---------- Small screens ---------- */
@media(max-width:900px){
 .fp-play{grid-template-columns:1fr}
 .fp-board{min-height:0}
 .fp-model{max-width:360px}
 .fp-pair-item .fp-model{max-width:220px}
}
@media(max-width:520px){
 .fp-levelbar{padding:10px}
 .fp-level{min-width:0;flex:1 1 0}
 .fp-levels{width:100%}
 .fp-ticket{grid-template-columns:auto minmax(0,1fr);padding:12px}
 .fp-ticket-frac{grid-column:1/-1;justify-content:center}
 .fp-chef{width:56px;height:62px}
}
@media(max-width:420px){
 .fp-ticket{grid-template-columns:minmax(0,1fr)}
 .fp-chef{position:absolute;top:-22px;right:10px;width:48px;height:52px}
 .fp-ticket{position:relative;padding-top:16px}
 .fp-ticket-body{padding-right:52px}
 .fp-sign-slot{width:44px;height:44px;font-size:1.4rem}
 .fp-pair-item .fp-frac{height:52px}
 .fp-cards-6{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fp-modes .fp-mode{flex:1 1 40%}
}

@media(prefers-reduced-motion:reduce){
 .fp-cheer .fp-chef,.fp-glow,.fp-shake,.fp-sign-slot.fp-sign-done,.fp-win:not([hidden]) .kg-stars .fp-medal{animation:none!important}
 .fp-serve-pizza .fp-slice,.fp-cuts-hidden{transition:none!important}
 .fp-choice:hover,.fp-sign:hover,.fp-card:hover,.fp-cut:hover,.fp-card[aria-pressed="true"]{transform:none!important}
 .fp-confetti{display:none}
}

/* ---------- Print: just the fraction circles worksheet ---------- */
@media print{
 @page{size:A4;margin:14mm}
 .kp-header,.kp-footer,.kids-skip,.kp-back,.kg-hero,.kg-toolbar,.fp-modes,.fp-levelbar,.fp-play,.fp-win,.fp-howto,.kg-grownups{display:none!important}
 .kg-stage.fp-stage{background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
 .fp-sheet{display:block;color:#000}
 .fp-sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10mm;border-bottom:2px solid #000;padding-bottom:3mm;margin-bottom:4mm}
 #kids-fractions .fp-sheet p{color:#000!important;margin:0}
 #kids-fractions .fp-sheet-title{font:800 18pt/1.2 "Manrope",Inter,sans-serif}
 #kids-fractions .fp-sheet-name{font-size:12pt;display:flex;gap:2mm;align-items:flex-end}
 .fp-sheet-line{display:inline-block;width:55mm;border-bottom:1.5px solid #000}
 #kids-fractions .fp-sheet-help{font-size:11.5pt;margin:0 0 5mm}
 .fp-sheet-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6mm 8mm;counter-reset:ws}
 .fp-sheet-item{position:relative;display:flex;align-items:center;justify-content:center;gap:4mm;padding:3mm;border:1.5px solid #000;border-radius:4mm;break-inside:avoid;margin:0}
 .fp-sheet-item:before{counter-increment:ws;content:counter(ws);position:absolute;top:2mm;left:3mm;font:800 11pt/1 Inter,sans-serif}
 .fp-sheet-circle .fp-model{width:40mm;height:40mm;max-width:none}
 .fp-sheet-frac .fp-frac{height:22mm;color:#000}
 .fp-ws-on{fill:#bdbdbd}
 .fp-shine{display:none}
}