:root{font-family:Trebuchet MS,Verdana,sans-serif;color:#213547;background:radial-gradient(circle at top left,#fff7d8,#ffe3b2 35%,#ffbc6a);line-height:1.45;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #23314f;--panel: rgba(255, 252, 244, .95);--accent: #ef6d39;--accent-dark: #c85128;--soft-blue: #e9f4ff;--soft-green: #def7e5;--soft-gold: #fff3cc;--shadow: 0 16px 40px rgba(112, 57, 20, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--ink);overflow-x:hidden}button,input{font:inherit}button{border:none;cursor:pointer}.app-shell{min-height:100dvh;padding:10px 14px}.screen{min-height:calc(100dvh - 20px)}.home-screen,.results-screen,.teacher-screen{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.projection-mode{font-size:1.08rem}.hero-panel,.results-card,.teacher-card,.panel,.modal-card{background:var(--panel);border:4px solid rgba(255,255,255,.82);border-radius:28px;box-shadow:var(--shadow)}.hero-panel,.results-card,.teacher-card{padding:30px}.panel{padding:22px}.shop-badge,.eyebrow{display:inline-flex;align-items:center;justify-content:center;background:#fff0b6;border-radius:999px;padding:8px 14px;font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(2.6rem,4vw,4.4rem);line-height:.96;margin:16px 0 18px}h2{font-size:2rem;margin-bottom:12px}.hero-text,.student-text,.order-prompt,.feedback-placeholder{font-size:1.3rem;color:var(--ink)}.home-actions,.teacher-actions,.toggle-row,.pizza-action-row{display:flex;flex-wrap:wrap;gap:16px}.primary-button,.secondary-button,.serve-button,.sound-chip,.toggle-pill,.toggle-switch,.clear-chip,.topping-button,.compare-card,.reset-button{min-height:64px;border-radius:20px;padding:16px 22px;font-size:1.25rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,opacity .18s ease}.primary-button,.serve-button{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:0 10px 24px #c94f2852}.secondary-button,.sound-chip,.toggle-pill,.toggle-switch,.clear-chip,.topping-button,.compare-card{background:#fff;color:var(--ink);box-shadow:0 8px 18px #4a33221a}.reset-button{background:linear-gradient(180deg,#318ddb,#1e6db3);color:#fff;box-shadow:0 10px 24px #1e6db347}.primary-button:active,.secondary-button:active,.serve-button:active,.sound-chip:active,.toggle-pill:active,.toggle-switch:active,.clear-chip:active,.topping-button:active,.compare-card:active,.reset-button:active{transform:translateY(2px)}.sound-chip{margin-top:16px}.home-art{position:relative;min-height:420px}.home-pizza{width:min(500px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#ffd55e,#ffd55e 54%,#d98b42 55%,#b05e25);padding:34px;box-shadow:0 30px 60px #7e451547;transform:rotate(-8deg)}.home-pizza-inner{position:relative;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from -15deg,rgba(255,255,255,.24) 0deg 6deg,transparent 6deg 45deg),radial-gradient(circle,#f7ca4f,#f3bc37)}.topping-dot{position:absolute;width:44px;height:44px;border-radius:50%}.topping-dot.red{background:#d94141;top:18%;left:23%}.topping-dot.green{background:#62c15d;top:56%;left:62%}.topping-dot.yellow{background:#ffe27a;top:32%;left:58%}.topping-dot.brown{background:#9a5c35;top:66%;left:26%}.chef-bubble{position:absolute;right:5%;bottom:0;background:#fff;border-radius:24px;padding:18px 20px;max-width:260px;font-size:1.35rem;font-weight:800;box-shadow:0 12px 26px #5a311229}.game-screen{display:flex;flex-direction:column;gap:6px;width:100%}.game-header{display:grid;gap:6px;flex:0 0 auto}.hud-strip{display:grid;grid-template-columns:minmax(260px,auto) minmax(420px,1fr) auto;gap:12px;align-items:center;width:100%}.hud-strip.slim{grid-template-columns:1fr auto;background:#fffbf2bd;border:3px solid rgba(255,255,255,.68);border-radius:24px;padding:7px 12px;box-shadow:0 12px 24px #7039141a}.score-bar{display:flex;flex-wrap:wrap;gap:8px}.score-pill{background:#fffaeeeb;border-radius:18px;padding:8px 12px;min-width:88px;box-shadow:0 8px 20px #6536141f}.score-label{display:block;font-size:.92rem;font-weight:800;margin-bottom:3px}.timer-pill{background:#fff2dc}.customer-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.customer-avatar{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#ffdfa8,#ffc063);font-size:1.4rem;font-weight:900}.order-prompt{font-size:clamp(1.4rem,1.8vw,1.8rem);font-weight:900;line-height:1.2;text-align:center}.instruction-list,.fraction-cue-list{display:grid;gap:8px;margin-bottom:10px}.instruction-chip,.fraction-cue{background:#fff;border-radius:18px;padding:8px 12px;font-size:.98rem;font-weight:800;box-shadow:0 6px 14px #32365214}.top-order-card{text-align:center;padding:16px 20px}.top-order-card.compact{display:grid;gap:6px;padding:9px 13px;border-radius:24px;text-align:left;width:100%;align-self:start}.order-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.order-card-labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-name-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:#eef6ff;color:#25507a;font-size:.95rem;font-weight:800}.top-fraction-row{display:flex;justify-content:center;margin-bottom:10px}.fraction-cue.focus{min-width:210px}.fraction-cue.focus.compact{min-width:160px;text-align:center}.instruction-list.centered{max-width:760px;margin:0 auto}.instruction-list.compact{margin:0;display:flex}.fraction-cue strong{display:block;font-size:1.35rem}.order-prompt.compact{font-size:clamp(1.05rem,1.25vw,1.3rem);margin-bottom:0;text-align:left;line-height:1.25}.feedback-banner,.feedback-placeholder{margin-top:18px;border-radius:18px;padding:16px 18px;font-size:1.45rem;font-weight:900}.feedback-banner.success{background:var(--soft-green);color:#1e6a45}.feedback-banner.retry{background:var(--soft-gold);color:#8f6118}.feedback-placeholder{background:#fff7e7;margin-top:8px;padding:10px 12px;font-size:1rem}.center-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-height:300px;padding:0 4px 6px}.workspace-shell{display:flex;flex:1 1 auto;min-height:0}.board-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(470px,1.1fr);gap:14px;width:100%;flex:1 1 auto;min-height:0}.pizza-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:stretch;background:#fffbf285;border:3px solid rgba(255,255,255,.56);border-radius:32px;box-shadow:0 16px 30px #7039141a;padding:12px}.control-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;min-height:0;background:#fffbf2b8;border:3px solid rgba(255,255,255,.62);border-radius:30px;box-shadow:0 14px 30px #7039141f;padding:14px}.compare-stage{display:grid;gap:14px;width:100%}.compare-order-bar{max-width:860px}.pizza-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 auto;min-height:300px;justify-content:center;width:100%}.pizza-wrap.compact{gap:0}.pizza-board{width:min(39vw,480px);max-height:min(52dvh,480px);max-width:100%;filter:drop-shadow(0 28px 28px rgba(120,67,20,.15))}.pizza-wrap.large .pizza-board{width:min(41vw,520px);max-height:min(56dvh,520px)}.pizza-wrap.compact .pizza-board{width:min(210px,100%)}.pizza-board.celebrate{animation:pizzaCelebrate .9s ease}.board-shadow{fill:#79492229}.pizza-crust-slice{fill:#c98741;stroke:#7b481ce0;stroke-width:2}.pizza-sauce-slice{fill:#dc5d47}.pizza-cheese-slice{stroke:#784718f0;stroke-width:3;transition:filter .18s ease}.pizza-cheese-slice.selected{filter:brightness(1.06)}.pizza-cheese-slice.needs-help{stroke:#55a6ff;stroke-width:5}.slice-hit{fill:#ffffff03;stroke:#fff0;cursor:pointer;transition:fill .18s ease}.slice-hit.selecting{fill:#ffffff1a}.slice-hit.needs-help{fill:#55a6ff24}.piece-fill{fill:var(--topping-color);stroke:var(--topping-accent);stroke-width:2}.piece-line{fill:none;stroke:var(--topping-accent);stroke-width:5;stroke-linecap:round}.piece-hole{fill:#f4c948}.slice-pattern.base{opacity:.7}.slice-pattern.top{opacity:1;animation:toppingPop .24s ease}.pizza-hint{background:#fff8e8f0;border-radius:999px;padding:8px 14px;font-size:.98rem;font-weight:900;text-align:center}.serve-button,.reset-button,.cut-again-button{min-width:170px}.control-panel .panel{padding:11px 13px;border-radius:22px;box-shadow:0 10px 18px #4a332214;min-width:0}.action-stack{align-self:stretch;justify-content:flex-end;flex-direction:column;flex-wrap:nowrap;gap:10px}.finish-panel{display:grid;gap:10px}.partition-panel h2,.topping-tray h2,.finish-panel h2{font-size:1.12rem;margin-bottom:4px}.big-toggle-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tray-header{display:flex;justify-content:space-between;gap:8px;align-items:start}.whole-base-controls{display:grid;gap:6px;margin:8px 0;padding:8px 10px;background:#fff5df;border-radius:20px}.whole-base-controls strong{font-size:1rem}.locked-panel{opacity:.62}.locked-panel button{pointer-events:none}.clear-chip.active{background:#ffe3d5}.topping-grid,.toggle-grid{display:grid;gap:7px}.topping-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topping-button{display:flex;align-items:center;gap:8px;text-align:left;min-height:46px;padding:7px 9px;font-size:.95rem;min-width:0;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.back-button{min-width:120px}.partition-panel .student-text,.topping-tray .student-text,.whole-base-controls .student-text,.finish-panel .student-text,.instruction-chip,.fraction-cue span,.score-pill strong,.score-label{overflow-wrap:anywhere}.partition-panel .student-text,.topping-tray .student-text,.whole-base-controls .student-text,.finish-panel .student-text{font-size:.96rem;line-height:1.25}.topping-button.selected{background:#fff0d0;outline:3px solid #f8be61}.topping-swatch{width:34px;height:34px;border-radius:12px;display:inline-block;background:var(--topping-color);border:3px solid var(--topping-accent);position:relative;overflow:hidden;flex-shrink:0}.tray-pepperoni:before,.tray-mushrooms:before,.tray-olives:before,.tray-green-peppers:before,.tray-pineapple:before,.tray-sausage:before,.tray-tomatoes:before,.tray-cheese:before,.tray-sauce:before{content:"";position:absolute}.tray-pepperoni:before{top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:#ffffff3d}.tray-mushrooms:before{left:8px;top:9px;width:20px;height:14px;border-radius:14px 14px 8px 8px;background:#fff6}.tray-olives:before{top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:3px solid rgba(255,255,255,.56)}.tray-green-peppers:before{left:6px;top:17px;width:22px;height:4px;border-radius:999px;background:#ffffff8f;transform:rotate(-28deg)}.tray-pineapple:before{left:8px;top:8px;width:18px;height:18px;border-radius:4px;background:#ffffff5c}.tray-sausage:before{left:8px;top:11px;width:20px;height:12px;border-radius:10px;background:#ffffff42}.tray-tomatoes:before{left:10px;top:9px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid rgba(255,255,255,.42)}.tray-cheese:before,.tray-sauce:before{left:7px;top:17px;width:22px;height:4px;border-radius:999px;background:#ffffff8f}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.range-row input{flex:1}.toggle-pill.active,.toggle-switch.active{background:var(--soft-green);color:#15553a}.teacher-card{width:100%}.teacher-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.teacher-grid,.results-grid,.compare-grid{display:grid;gap:18px}.teacher-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.compare-card{padding:14px}.compare-title{margin-bottom:10px;font-size:1.2rem;font-weight:900}.compare-feedback{grid-column:1 / -1}.results-card{max-width:980px;margin:0 auto}.results-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.result-stat{background:#fff;border-radius:22px;padding:18px;text-align:center}.result-stat span{font-size:1.1rem;font-weight:800}.result-stat strong{display:block;font-size:2.1rem;margin-top:8px}.high-score-panel{margin-bottom:20px}.high-score-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}.high-score-list li{display:grid;grid-template-columns:52px 1fr 1fr;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:12px 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#4125106b;display:grid;place-items:center;padding:20px;z-index:10}.modal-card{width:min(560px,100%);padding:28px;max-height:calc(100dvh - 40px)}.how-list{display:grid;gap:12px;margin-bottom:20px}.how-list p,.overlay-card h2{font-size:1.5rem;font-weight:900}.feedback-overlay{z-index:20}.overlay-card{text-align:center;max-width:720px;width:min(720px,calc(100vw - 36px))}.overlay-card h2{line-height:1.2;font-size:clamp(1.8rem,3vw,2.5rem)}.overlay-card.info{background:#fffaf0}.overlay-card.success{background:#eefcf1}.overlay-card.retry{background:#fff7e6}.overlay-button{min-width:220px}.erase-swatch{background:linear-gradient(135deg,#d5e4ff,#a8c4f4);position:relative}.erase-swatch:before,.erase-swatch:after{content:"";position:absolute;left:6px;top:16px;width:22px;height:4px;border-radius:999px;background:#335b8c}.erase-swatch:before{transform:rotate(45deg)}.erase-swatch:after{transform:rotate(-45deg)}@keyframes toppingPop{0%{opacity:.2;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pizzaCelebrate{0%{transform:rotate(0) scale(1)}40%{transform:rotate(3deg) scale(1.02)}70%{transform:rotate(-2deg) scale(1.01)}to{transform:rotate(0) scale(1)}}@media (max-width: 1180px){.home-screen,.results-screen,.teacher-grid,.teacher-screen{grid-template-columns:1fr}.teacher-header{flex-direction:column;align-items:stretch}.hud-strip.slim{grid-template-columns:1fr}.pizza-board,.pizza-wrap.large .pizza-board{width:min(48vw,460px);max-height:min(50dvh,460px)}.compare-grid,.board-layout{grid-template-columns:1fr}.tray-header{align-items:stretch}.action-stack{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width: 720px){.app-shell{padding:12px}.screen{min-height:calc(100vh - 24px)}.hero-panel,.results-card,.teacher-card,.panel{padding:18px}.toggle-grid,.results-grid{grid-template-columns:1fr}.topping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pizza-board,.pizza-wrap.large .pizza-board{width:min(82vw,360px);max-height:48dvh}.order-card-topline{flex-direction:column;align-items:center}.top-order-card.compact,.order-prompt.compact{text-align:center}.score-bar{display:grid;grid-template-columns:repeat(2,1fr)}.high-score-list li{grid-template-columns:44px 1fr}}