/* Math Wizard's hands-on number laboratory. All movement follows a user action. */
.math-simulator-shell{--sim-ink:#193f2f;--sim-green:#255e45;--sim-paper:#fffdf7;--sim-cream:#f6f3e6;--sim-line:#d9dfcd;--sim-gold:#e8bb58;--sim-purple:#74538e;--sim-muted:#687363;color:var(--sim-ink);padding-top:10px}
.math-simulator-shell button{font:inherit}
.math-simulator-shell button:focus-visible,.math-simulator-entry:focus-visible{outline:3px solid #a73379;outline-offset:4px}
.math-simulator-entry{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:17px;width:100%;min-height:113px;padding:22px;margin:20px 0;border:1px solid #245f44;border-radius:15px;background:#214f3a;color:#fffdf1;text-align:left;box-shadow:0 8px 22px #173f2b13;transition:background .18s,transform .18s}
.math-simulator-entry:hover{background:#183f2e;transform:translateY(-2px)}
.math-simulator-entry::after{content:"";position:absolute;z-index:-1;width:180px;height:180px;border:1px solid #f5d57728;border-radius:50%;right:-28px;top:-68px;box-shadow:0 0 0 22px #f5d5770c,0 0 0 45px #f5d57709}
.math-simulator-entry strong{display:block;font-size:calc(20px * var(--mw-font-scale,1));line-height:1.6;color:#fff9e9}
.math-simulator-entry small,.math-simulator-entry p{display:block;margin:3px 0 0;font-size:calc(12px * var(--mw-font-scale,1));line-height:1.8;color:#dae7ce}
.math-simulator-entry>span:first-child,.sim-entry-symbol{font:bold calc(34px * var(--mw-font-scale,1))/1.1 Georgia,serif;color:#f2cf70;flex-shrink:0}
.math-simulator-entry>span:last-child:not(:first-child){margin-left:auto}
.sim-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:22px 22px 5px 5px;background:var(--sim-green);color:#fffdf1;padding:31px 34px 34px;margin-bottom:23px;min-height:197px}
.sim-hero::before,.sim-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid #f4d98830;width:260px;height:260px;right:25px;top:-100px;transform:rotate(-28deg) scaleX(.5)}
.sim-hero::after{transform:rotate(35deg) scaleX(.6);right:55px;top:-72px;width:240px;height:240px;box-shadow:0 0 0 22px #ffffff03}
.sim-hero .eyebrow,.sim-hero>.sim-eyebrow{color:#edcf7a;font-size:calc(10px * var(--mw-font-scale,1));letter-spacing:.15em;margin-bottom:8px}
.sim-hero h1{font-size:calc(clamp(30px,3.4vw,43px) * var(--mw-font-scale,1));line-height:1.5;letter-spacing:-.02em;margin:0 0 7px;max-width:780px;color:#fffbed}
.sim-hero p{color:#e0e8d8;font-size:calc(14px * var(--mw-font-scale,1));line-height:1.8;max-width:710px;margin:5px 0 0}
.sim-hero .sim-back{position:relative;margin:0 0 13px;min-height:44px;border:1px solid #ffffff45;border-radius:7px;background:#ffffff0b;padding:7px 13px;color:#fff9e8;font-size:calc(12px * var(--mw-font-scale,1))}
.sim-main-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:23px;align-items:start}
.sim-room-nav{display:flex;flex-direction:column;gap:7px;padding-top:4px;min-width:0}
.sim-room-nav>h2,.sim-room-nav>.sim-nav-label{font-size:calc(11px * var(--mw-font-scale,1));color:var(--sim-muted);letter-spacing:.04em;margin:0 0 9px;padding-left:12px}
.sim-room-button{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:70px;border:1px solid transparent;border-radius:11px;padding:11px 13px;text-align:left;background:transparent;color:var(--sim-ink);transition:background .18s,border-color .18s}
.sim-room-button:hover{background:#eaf0df}
.sim-room-button[aria-pressed="true"]{background:#e6edda;border-color:#adc49a;box-shadow:inset 4px 0 var(--sim-green)}
.sim-room-symbol{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;font:bold calc(27px * var(--mw-font-scale,1))/1 Georgia,serif;color:var(--sim-green);background:#e9efdd;border:1px solid #d7e1cb;border-radius:11px}
.sim-room-button[aria-pressed="true"] .sim-room-symbol{color:#fff9e4;background:var(--sim-green);border-color:var(--sim-green)}
.sim-room-button[data-room="fractions"] .sim-room-symbol,.sim-room-button[data-room="percent"] .sim-room-symbol{color:var(--sim-purple);background:#f0e7f1;border-color:#e4d8e8}
.sim-room-button[data-room="fractions"][aria-pressed="true"] .sim-room-symbol,.sim-room-button[data-room="percent"][aria-pressed="true"] .sim-room-symbol{background:var(--sim-purple);color:#fff8ef}
.sim-room-copy{min-width:0}.sim-room-copy strong{display:block;font-size:calc(14px * var(--mw-font-scale,1));line-height:1.7}.sim-room-copy small{display:block;color:var(--sim-muted);font-size:calc(10px * var(--mw-font-scale,1));line-height:1.7}
.sim-workspace{min-width:0;background:var(--sim-paper);border:1px solid var(--sim-line);border-radius:17px;box-shadow:0 15px 44px #1d4d3308;overflow:hidden}
.sim-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;padding:17px 24px;border-bottom:1px solid #e3e6d9;background:#faf9f1}
.sim-mode-switch{display:flex;border:1px solid #d4ddc7;padding:3px;gap:3px;border-radius:9px;background:#efefe4}
.sim-mode-switch button{border:0;background:transparent;color:#63715c;min-height:40px;padding:7px 15px;border-radius:6px;font-size:calc(12px * var(--mw-font-scale,1));font-weight:bold;line-height:1.6}
.sim-mode-switch button[aria-pressed="true"]{color:var(--sim-green);background:#fffef9;box-shadow:0 2px 7px #173f2b12}
.sim-toolbar>.sim-badge{margin:0}
.sim-badge{display:inline-flex;align-items:center;gap:6px;font-size:calc(11px * var(--mw-font-scale,1));line-height:1.6;color:var(--sim-green);background:#edf3e4;border:1px solid #d7e3c9;border-radius:6px;padding:6px 9px}
.sim-scene-heading{padding:24px 26px 0}.sim-scene-heading h2{font-size:calc(25px * var(--mw-font-scale,1));line-height:1.65;letter-spacing:-.01em;color:var(--sim-ink);margin:0 0 2px}.sim-scene-heading p{font-size:calc(12px * var(--mw-font-scale,1));line-height:1.9;color:var(--sim-muted);margin:2px 0 10px;max-width:640px}
.sim-scene{position:relative;min-width:0;padding:22px 26px 19px;background:radial-gradient(ellipse at 50% 42%,#f8f4e2 0,transparent 75%)}
.sim-equation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;min-height:78px;margin:0 26px;padding:15px 16px;font:bold calc(clamp(26px,3vw,37px) * var(--mw-font-scale,1))/1.45 Georgia,Tahoma,serif;letter-spacing:.015em;border-top:1px solid #dedfcf;color:var(--sim-green);text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sim-equation .sim-answer{color:var(--sim-purple)}
.sim-explanation{font-size:calc(13px * var(--mw-font-scale,1));line-height:1.95;margin:0;padding:0 26px 23px;color:#53664f;text-align:center}
.sim-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 23px;border-top:1px solid #e0e4d6;background:#f9faf3;padding:22px 26px}
.sim-control{min-width:0}.sim-control>label{display:block;font-size:calc(12px * var(--mw-font-scale,1));color:var(--sim-green);font-weight:bold;margin:0 0 8px}.sim-control input[type="range"]{display:block;width:100%;height:32px;min-height:32px;accent-color:var(--sim-green);margin:5px 0 0;cursor:pointer}
.sim-control input[type="range"]::-webkit-slider-thumb{min-width:22px;min-height:22px}
.sim-stepper{display:flex;align-items:center;max-width:100%;border:1px solid #c9d7bc;border-radius:9px;background:#fffef9;overflow:hidden}
.sim-stepper button{flex:0 0 45px;width:45px;min-height:44px;border:0;background:#eef3e6;color:var(--sim-green);font-size:calc(22px * var(--mw-font-scale,1));line-height:1.2}
.sim-stepper button:hover{background:#e1ebd5}.sim-stepper output{min-width:0;flex:1;text-align:center;display:block;padding:2px 5px;font-size:calc(20px * var(--mw-font-scale,1));font-weight:bold;line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.sim-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:0 26px 23px;background:#f9faf3}
.sim-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;max-width:100%;border:1px solid transparent;border-radius:8px;padding:10px 16px;line-height:1.7;font-size:calc(12px * var(--mw-font-scale,1))!important;font-weight:bold!important;text-decoration:none}
.sim-button.primary{color:#fffdf4;background:var(--sim-green);border-color:var(--sim-green)}.sim-button.primary:hover{background:#194b34}.sim-button.secondary{color:var(--sim-green);background:#e7efdb;border-color:#cbdabd}.sim-button.quiet{color:#5b6f52;background:transparent;border-color:#cbd5bd}.sim-button:disabled{opacity:.5}
.sim-mission{position:relative;background:#f8edcf;border-top:1px solid #e6d6a5;padding:22px 26px 23px;color:#5c4c28}
.sim-mission .eyebrow,.sim-mission>.sim-eyebrow{color:#88662b;font-size:calc(10px * var(--mw-font-scale,1));letter-spacing:.1em;margin:0 0 5px}.sim-mission h3{color:#63481e;font-size:calc(21px * var(--mw-font-scale,1));line-height:1.7;margin:0 0 7px}.sim-mission p{font-size:calc(13px * var(--mw-font-scale,1));line-height:1.9;margin:0 0 12px}.sim-mission-feedback{font-size:calc(13px * var(--mw-font-scale,1));line-height:1.9;min-height:24px;margin:10px 0;color:#624d27}.sim-mission-feedback.is-success,.sim-mission-feedback.success{color:#245b3e;font-weight:bold}.sim-mission-feedback.is-error,.sim-mission-feedback.error{color:#8b345d}.sim-mission-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.sim-progress{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:0 2px;margin:19px 0;font-size:calc(11px * var(--mw-font-scale,1));color:var(--sim-muted)}.sim-progress strong{color:var(--sim-green)}
.sim-visual-summary{display:flex;align-items:center;justify-content:center;gap:22px;margin:17px 0 0}.sim-visual-summary>.sim-visual-note{margin:0;max-width:340px;text-align:left}.sim-visual-metric{text-align:center;flex-shrink:0}.sim-visual-metric strong{display:block;color:var(--sim-green);font:bold calc(35px * var(--mw-font-scale,1))/1.25 Georgia,Tahoma,serif;font-variant-numeric:tabular-nums}.sim-visual-metric>span{display:block;font-size:calc(11px * var(--mw-font-scale,1));line-height:1.8;color:#67725b;margin-top:3px}.sim-visual-metric.is-violet strong{color:var(--sim-purple)}.sim-visual-metric.is-muted strong{color:#8a8b79}.sim-visual-note{color:#69715f;font-size:calc(11px * var(--mw-font-scale,1));line-height:1.9;text-align:center;margin:14px 0 0}
.sim-model-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:calc(11px * var(--mw-font-scale,1));line-height:1.8;color:#62735a;margin:0 0 10px}.sim-model-label strong{font:bold calc(26px * var(--mw-font-scale,1))/1.2 Georgia,serif;color:var(--sim-green)}
.sim-addition-bench{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:13px;max-width:660px;margin:0 auto}.sim-model-operator{font:calc(30px * var(--mw-font-scale,1))/1 Georgia,serif;color:var(--sim-purple);text-align:center}.sim-ten-frame-wrap{min-width:0}.sim-ten-frame{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#e9eddc;border:1px solid #ccd8bc;padding:8px;border-radius:12px;box-shadow:0 5px 0 #dce2cd}
.sim-light-cell{display:grid;place-items:center;min-width:0;min-height:45px;aspect-ratio:1;max-height:64px;padding:3px;border:0;border-radius:6px;background:transparent}.sim-light-cell:is(button):hover{background:#ffffff90}.sim-light-orb{position:relative;display:grid;place-items:center;width:100%;max-width:38px;aspect-ratio:1;border:1px dashed #b7c3a8;border-radius:50%;background:#f7f8ef;transition:background .2s,box-shadow .2s,transform .2s;color:#72571c;font:calc(12px * var(--mw-font-scale,1))/1 Georgia,serif}
.sim-light-cell[data-filled="true"] .sim-light-orb{border:2px solid #c99e3c;background:#efc661;box-shadow:inset -3px -4px 0 #c69b3426,0 2px 8px #d5b45120}.sim-light-cell[data-filled="true"][data-tone="violet"] .sim-light-orb{border-color:#8b6ca1;background:#bfa4ce;color:#432b5b;box-shadow:inset -3px -4px 0 #74538e20,0 2px 8px #74538e16}.sim-light-spark{position:relative;z-index:1;font-size:calc(11px * var(--mw-font-scale,1));font-weight:bold}.sim-light-cell[data-filled="true"] .sim-light-orb::before{content:"";position:absolute;width:20%;height:20%;border-radius:50%;background:#ffffff80;top:14%;left:20%}
.sim-subtraction-counts{margin:0 0 17px;gap:47px}.sim-subtraction-tray{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:380px;margin:auto;padding:17px 20px;border:1px solid #d4dbc2;border-radius:15px;background:#ecefdc;box-shadow:0 5px 0 #dde1cc}.sim-subtract-token{position:relative;display:grid;place-items:center;min-width:0;min-height:47px;background:transparent;border:0;padding:3px}.sim-subtract-token .sim-light-orb{width:39px;max-width:100%;border:2px solid #cba142;background:#efc967;color:#70561c}.sim-subtract-token:hover .sim-light-orb{transform:scale(1.08)}.sim-subtract-token.is-removed .sim-light-orb{border:1px dashed #a6b09b;background:#e3e7d8;color:#98a18d;box-shadow:none}.sim-token-cross{display:none;position:absolute;font:bold calc(37px * var(--mw-font-scale,1))/1 Georgia,serif;color:#796089;text-shadow:0 0 3px #ecefdc}.is-removed .sim-token-cross{display:block}
.sim-array-readout{display:flex;justify-content:center;align-items:center;gap:17px;font-size:calc(14px * var(--mw-font-scale,1));margin:0 0 17px}.sim-array-readout>span{font:calc(23px * var(--mw-font-scale,1))/1 Georgia,serif;color:var(--sim-purple)}.sim-array-stage{--sim-unit:39px;display:flex;justify-content:center;gap:10px;align-items:stretch;margin:0 auto 18px;max-width:100%;min-width:0}.sim-dot-array{position:relative;flex:0 1 auto;width:calc(var(--sim-cols)*var(--sim-unit));height:calc(var(--sim-rows)*var(--sim-unit));border-radius:12px;background:#eef1e4;box-shadow:0 0 0 8px #eef1e4,0 0 0 9px #dce3cf}.sim-array-token{position:absolute;left:0;top:0;width:var(--sim-unit);height:var(--sim-unit);display:grid;place-items:center;transform:translate(calc(var(--sim-x)*var(--sim-unit)),calc(var(--sim-y)*var(--sim-unit)));transition:transform .4s cubic-bezier(.25,.7,.3,1)}.sim-array-token>span{display:block;width:69%;aspect-ratio:1;border-radius:50%;background:#e9bf5f;border:2px solid #cda449;box-shadow:inset -3px -4px #ca9c3b20}.sim-array-token[style*="--sim-token-hue:1"]>span{background:#bda5ce;border-color:#9677ad;box-shadow:inset -3px -4px #74538e1a}.sim-array-token[style*="--sim-token-hue:2"]>span{background:#93b492;border-color:#72996d;box-shadow:inset -3px -4px #4979451a}.sim-array-row-labels{display:grid;grid-auto-rows:var(--sim-unit);font:calc(10px * var(--mw-font-scale,1))/1 Georgia,serif;color:#86917a}.sim-array-row-labels>span{display:flex;align-items:center;justify-content:center;min-width:12px}
.sim-division-depot{display:flex;gap:20px;justify-content:center;align-items:stretch;margin-bottom:24px}.sim-dispenser{display:grid;grid-template-columns:45px 1fr;gap:0 14px;align-items:center;text-align:left;min-height:91px;background:#275d44;border:1px solid #1c4c35;border-radius:13px;padding:14px 19px;color:#fff9e9;box-shadow:0 5px 0 #153e2b;transition:transform .15s}.sim-dispenser:hover:not(:disabled){transform:translateY(-2px)}.sim-dispenser:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #153e2b}.sim-dispenser:disabled{opacity:.75}.sim-dispenser-emblem{grid-row:1/3;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #f3d37a70;font:calc(34px * var(--mw-font-scale,1))/1 Georgia,serif;color:#f4d17a}.sim-dispenser-count{font:bold calc(31px * var(--mw-font-scale,1))/1.15 Georgia,serif}.sim-dispenser-label{font-size:calc(10px * var(--mw-font-scale,1));color:#e4eddb;line-height:1.7}.sim-remainder{min-width:99px;padding:12px 17px;border:1px dashed #c8b990;border-radius:12px;background:#f7f0dd;text-align:center}.sim-remainder .sim-model-label{font-size:calc(10px * var(--mw-font-scale,1));margin:0 0 3px;justify-content:center}.sim-remainder>strong{font:calc(27px * var(--mw-font-scale,1))/1.2 Georgia,serif;color:#80662f}.sim-mini-lights{display:flex;justify-content:center;gap:4px;margin-top:5px}.sim-mini-light{display:block;flex-shrink:0;width:15px;height:15px;border:1px solid #ba933e;background:#edc66b;border-radius:50%;box-shadow:inset -2px -2px #c89c3a20}.sim-sharing-bowls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;max-width:520px;margin:auto}.sim-sharing-bowl{position:relative;min-height:104px;display:flex;flex-direction:column;align-items:center;background:#edf1e3;border:1px solid #b8caa7;border-radius:12px 12px 28px 28px;padding:10px 8px 8px;box-shadow:0 4px 0 #d9e2cd}.sim-bowl-number{display:block;font-size:calc(10px * var(--mw-font-scale,1));line-height:1.7;color:#6b7a60}.sim-bowl-lights{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:24px;max-width:115px;margin:5px 0}.sim-sharing-bowl>strong{font:calc(21px * var(--mw-font-scale,1))/1.2 Georgia,serif;color:var(--sim-green)}
.sim-fraction-graphic{display:flex;align-items:center;justify-content:center;gap:27px}.sim-fraction-pie{display:block;flex:0 1 235px;width:235px;height:auto;max-width:58%;filter:drop-shadow(0 7px 0 #d1bc8838)}.sim-fraction-pie path{transition:fill .2s}.sim-fraction-readout{display:flex;flex-direction:column;align-items:center;gap:9px}.sim-fraction-number{font:bold calc(39px * var(--mw-font-scale,1))/1.2 Georgia,serif;color:#967329}.sim-fraction-number.is-violet{color:var(--sim-purple)}.sim-fraction-equals{font:calc(24px * var(--mw-font-scale,1))/1 Georgia,serif;color:#9a9a82}.sim-fraction-slices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-width:520px;margin:16px auto 0}.sim-fraction-slice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;min-width:0;padding:6px 4px;background:#f5efdd;border:1px solid #d6c9a5;border-radius:7px;color:#857751;transition:background .15s}.sim-fraction-slice[aria-pressed="true"]{background:#efd18a;border-color:#ba9648;color:#684b1b;box-shadow:inset 0 -3px #c8a35125}.sim-slice-mark{font:bold calc(18px * var(--mw-font-scale,1))/1.1 Georgia,serif}.sim-fraction-slice small{font-size:calc(10px * var(--mw-font-scale,1));line-height:1.5;margin-top:4px}
.sim-percent-layout{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:26px;align-items:center}.sim-receipt{position:relative;padding:19px 17px 23px;border:1px solid #e0d8bf;background:#fffdf6;box-shadow:0 7px 0 #d9d3bd36;border-radius:6px;text-align:center}.sim-receipt::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:9px;background:linear-gradient(135deg,#fffdf6 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#fffdf6 25%,transparent 25%) -5px 0/10px 10px}.sim-receipt-eyebrow{display:block;color:#77836b;font-size:calc(9px * var(--mw-font-scale,1));letter-spacing:.07em;line-height:1.8}.sim-discount-ticket{display:inline-block;margin:14px auto 18px;padding:5px 13px;border:1px dashed #9070a4;color:#75528d;background:#efe6f3;border-radius:6px;font:bold calc(32px * var(--mw-font-scale,1))/1.3 Georgia,serif;transform:rotate(-5deg)}.sim-receipt-line{display:flex;justify-content:space-between;gap:7px;text-align:left;font-size:calc(10px * var(--mw-font-scale,1));line-height:1.8;color:#748068;margin:9px 0}.sim-receipt-line strong{font-size:calc(13px * var(--mw-font-scale,1));color:#566a4b;font-variant-numeric:tabular-nums}.sim-receipt-total{padding-top:13px;margin-top:13px;border-top:1px dashed #c9d0ba;align-items:center}.sim-receipt-total strong{font-size:calc(20px * var(--mw-font-scale,1));color:var(--sim-green)}.sim-hundred-wrap{min-width:0}.sim-hundred-wrap>.sim-model-label{font-size:calc(10px * var(--mw-font-scale,1));justify-content:center;text-align:center}.sim-hundred-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px;row-gap:0;max-width:325px;margin:auto}.sim-percent-block{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;align-items:center;min-height:44px;min-width:0;padding:0 1px;background:transparent;border:0;border-radius:4px}.sim-percent-block:hover{background:#e8e6d7}.sim-percent-cell{display:block;aspect-ratio:1;border:1px solid #d2d9c4;background:#f1f1e7;border-radius:3px;max-height:30px;transition:background .2s}.sim-percent-cell.is-filled{border-color:#8b6ca0;background:#bda3cf;box-shadow:inset -2px -2px #74538e16}
.sim-map-stage{position:relative;border:1px solid #d1ddc3;border-radius:13px;background:#edf3e5;overflow:hidden}.sim-map-caption{position:absolute;top:10px;left:12px;z-index:1;padding:3px 7px;border:1px solid #d9e2c9;border-radius:4px;background:#fffdf4d9;font-size:calc(9px * var(--mw-font-scale,1));line-height:1.8;letter-spacing:.06em;color:#5f7452}.sim-scale-map{display:block;width:100%;height:auto;min-height:145px}.sim-map-ruler{display:flex;justify-content:space-between;margin:0 10% 0;padding-top:7px;border-top:2px solid #bbc8a9;color:#879376;font:calc(11px * var(--mw-font-scale,1))/1.6 Georgia,serif}.sim-map-ruler span{position:relative;min-width:12px;text-align:center;transform:translateX(-50%)}.sim-map-ruler span:last-child{transform:translateX(50%)}.sim-map-ruler span::before{content:"";position:absolute;top:-9px;left:50%;height:7px;border-left:1px solid #7e9370}.sim-map-ruler .is-measured{color:#694b84;font-weight:bold}.sim-map-stage>.sim-visual-note{font-size:calc(9px * var(--mw-font-scale,1));margin:4px 0 11px}.sim-map-stats{display:flex;align-items:center;justify-content:center;gap:28px;margin:20px 0 0}.sim-map-stats .sim-visual-metric strong{font-size:calc(29px * var(--mw-font-scale,1))}.sim-map-arrow{font:calc(28px * var(--mw-font-scale,1))/1 Georgia,serif;color:#a3a98d}
/* The controller owns an outer scene mount; only its rendered model needs padding. */
#sim-scene.sim-scene{padding:0;background:transparent}
.math-simulator-shell>.sim-toolbar{margin:0 0 21px;border:1px solid #d9dfcc;border-radius:11px;background:#f0f3e7}
.sim-toolbar>.sim-progress{margin:0;padding:0;font-size:calc(11px * var(--mw-font-scale,1))}
.sim-scene-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.sim-scene-heading>div{min-width:0}.sim-scene-heading>.sim-badge{flex-shrink:0;margin-top:7px;font-size:calc(9px * var(--mw-font-scale,1))}
.sim-room-button[data-sim-room="fractions"] .sim-room-symbol,.sim-room-button[data-sim-room="percent"] .sim-room-symbol{color:var(--sim-purple);background:#f0e7f1;border-color:#e4d8e8}
.sim-room-button[data-sim-room="fractions"][aria-pressed="true"] .sim-room-symbol,.sim-room-button[data-sim-room="percent"][aria-pressed="true"] .sim-room-symbol{background:var(--sim-purple);color:#fff8ef}
.sim-room-count{position:absolute;top:5px;right:7px;border-radius:5px;background:#f3d777;color:#624e20;font-size:calc(9px * var(--mw-font-scale,1));line-height:1.6;padding:1px 4px}.sim-room-count:empty{display:none}
.sim-room-copy .sim-room-short{display:none}
.sim-grade-note{font-size:calc(10px * var(--mw-font-scale,1));line-height:1.9;color:#79826b;margin:13px 11px 0;grid-column:1/-1}
.sim-mission{margin-top:17px;border-bottom:1px solid #e6d6a5}.sim-mission-feedback.retry{color:#8b345d}.sim-hint{border-left:3px solid #bd9b47;padding:7px 12px;background:#fff7df;border-radius:0 5px 5px 0}
.sim-slice-parts{display:flex;gap:2px;width:28px;margin-top:5px}.sim-slice-parts>span{height:7px;flex:1;background:#e4dcc3;border:1px solid #c9bc95;border-radius:1px}.sim-fraction-slice[aria-pressed="true"] .sim-slice-parts>span{background:#aa7d2f;border-color:#8d6624}
.sim-dot-array{transition:width .4s,height .4s}
@media(min-width:1100px){.sim-scene-percent{padding-top:20px;padding-bottom:24px}.sim-scene-percent .sim-percent-block:focus-visible{outline-offset:1px}}
@media(max-width:1000px){.sim-main-layout{grid-template-columns:170px minmax(0,1fr);gap:17px}.sim-room-button{padding:10px;gap:9px}.sim-room-copy strong{font-size:calc(12px * var(--mw-font-scale,1))}.sim-room-copy small{font-size:calc(9px * var(--mw-font-scale,1))}.sim-room-symbol{width:33px;height:36px;font-size:calc(24px * var(--mw-font-scale,1))}.sim-scene{padding-left:19px;padding-right:19px}.sim-addition-bench{gap:8px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.sim-ten-frame{padding:5px;gap:2px}.sim-light-cell{min-height:38px}.sim-percent-layout{gap:15px;grid-template-columns:minmax(140px,.85fr) minmax(0,1fr)}.sim-receipt{padding:15px 12px}.sim-array-stage{--sim-unit:35px}}
@media(max-width:800px){.sim-main-layout{grid-template-columns:minmax(0,1fr);gap:15px}.sim-room-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:0}.sim-room-nav>h2,.sim-room-nav>.sim-nav-label{grid-column:1/-1;margin-bottom:2px}.sim-room-button{min-height:61px;gap:8px;padding:8px}.sim-room-button[aria-pressed="true"]{box-shadow:inset 0 -3px var(--sim-green)}.sim-room-copy strong{font-size:calc(12px * var(--mw-font-scale,1))}.sim-room-copy small{font-size:calc(9px * var(--mw-font-scale,1))}.sim-room-symbol{width:30px;height:33px;font-size:calc(23px * var(--mw-font-scale,1));border-radius:8px}.sim-addition-bench{max-width:620px;gap:13px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.sim-light-cell{min-height:45px}.sim-ten-frame{padding:8px;gap:4px}.sim-percent-layout{grid-template-columns:minmax(140px,.8fr) minmax(0,1fr);gap:30px}.sim-receipt{padding:20px}.sim-array-stage{--sim-unit:39px}}
@media(max-width:520px){.math-simulator-shell{padding-top:6px}.math-simulator-entry{padding:18px 15px;gap:12px}.math-simulator-entry strong{font-size:calc(17px * var(--mw-font-scale,1))}.math-simulator-entry small,.math-simulator-entry p{font-size:calc(10px * var(--mw-font-scale,1))}.math-simulator-entry>span:first-child,.sim-entry-symbol{font-size:calc(28px * var(--mw-font-scale,1))}.sim-hero{padding:21px 19px 24px;margin-bottom:17px;border-radius:16px 16px 4px 4px;min-height:0}.sim-hero h1{font-size:calc(29px * var(--mw-font-scale,1));line-height:1.55}.sim-hero p{font-size:calc(12px * var(--mw-font-scale,1));line-height:1.9}.sim-hero .eyebrow,.sim-hero>.sim-eyebrow{font-size:calc(9px * var(--mw-font-scale,1));letter-spacing:.09em}.sim-hero .sim-back{font-size:calc(10px * var(--mw-font-scale,1));min-height:44px;padding:6px 11px}.sim-room-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sim-room-button{min-height:76px;flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:7px 3px;border-color:#dce3d1;background:#f3f5eb;border-radius:9px}.sim-room-symbol{width:30px;height:30px;font-size:calc(22px * var(--mw-font-scale,1));background:transparent!important;border:0!important;color:var(--sim-green)!important}.sim-room-button[aria-pressed="true"] .sim-room-symbol{color:var(--sim-green)!important}.sim-room-copy strong{font-size:calc(10px * var(--mw-font-scale,1));line-height:1.6}.sim-room-copy small{display:none}.sim-workspace{border-radius:12px}.sim-toolbar{padding:12px 14px;gap:9px}.sim-mode-switch{flex:1}.sim-mode-switch button{flex:1;min-height:41px;padding:6px 10px;font-size:calc(11px * var(--mw-font-scale,1))}.sim-badge{font-size:calc(9px * var(--mw-font-scale,1));padding:5px 7px}.sim-scene-heading{padding:18px 17px 0}.sim-scene-heading h2{font-size:calc(22px * var(--mw-font-scale,1));line-height:1.7}.sim-scene-heading p{font-size:calc(11px * var(--mw-font-scale,1));margin-top:3px}.sim-scene{padding:18px 16px 17px}.sim-equation{font-size:calc(28px * var(--mw-font-scale,1));margin:0 16px;min-height:71px;padding:14px 5px;line-height:1.5;gap:5px}.sim-explanation{font-size:calc(11px * var(--mw-font-scale,1));padding:0 17px 18px;text-align:left}.sim-controls{gap:16px 12px;padding:18px 16px}.sim-control>label{font-size:calc(11px * var(--mw-font-scale,1));margin-bottom:7px}.sim-stepper button{flex-basis:38px;width:38px;min-height:44px;font-size:calc(21px * var(--mw-font-scale,1))}.sim-stepper output{font-size:calc(18px * var(--mw-font-scale,1));padding:2px 3px}.sim-actions{padding:0 16px 19px;gap:7px}.sim-button{min-height:45px;padding:9px 12px;font-size:calc(11px * var(--mw-font-scale,1))!important}.sim-mission{padding:18px 17px 20px}.sim-mission h3{font-size:calc(19px * var(--mw-font-scale,1))}.sim-mission p,.sim-mission-feedback{font-size:calc(12px * var(--mw-font-scale,1))}.sim-mission .eyebrow{font-size:calc(9px * var(--mw-font-scale,1))}.sim-mission-actions{gap:7px}.sim-progress{font-size:calc(10px * var(--mw-font-scale,1));gap:6px;margin:14px 0}.sim-model-label{font-size:calc(11px * var(--mw-font-scale,1))}.sim-model-label strong{font-size:calc(24px * var(--mw-font-scale,1))}.sim-addition-bench{grid-template-columns:minmax(0,1fr);gap:12px;max-width:310px}.sim-addition-bench>.sim-model-operator{height:16px;line-height:16px;font-size:calc(23px * var(--mw-font-scale,1))}.sim-ten-frame-wrap .sim-model-label{margin-bottom:5px}.sim-ten-frame{padding:6px 8px;gap:4px}.sim-light-cell{min-height:44px;aspect-ratio:auto}.sim-light-orb{max-width:34px}.sim-visual-summary{gap:15px;margin-top:17px}.sim-visual-summary>.sim-visual-note{font-size:calc(10px * var(--mw-font-scale,1));max-width:180px}.sim-visual-metric strong{font-size:calc(31px * var(--mw-font-scale,1))}.sim-visual-metric>span{font-size:calc(10px * var(--mw-font-scale,1))}.sim-visual-note{font-size:calc(10px * var(--mw-font-scale,1));line-height:1.9}.sim-subtraction-counts{gap:36px;margin:0 0 15px}.sim-subtraction-tray{gap:4px;padding:12px 8px}.sim-subtract-token{min-height:45px}.sim-subtract-token .sim-light-orb{width:32px}.sim-token-cross{font-size:calc(32px * var(--mw-font-scale,1))}.sim-array-stage{--sim-unit:29px;gap:7px;margin-bottom:20px}.sim-array-readout{gap:12px;font-size:calc(12px * var(--mw-font-scale,1));margin-bottom:18px}.sim-array-readout>span{font-size:calc(20px * var(--mw-font-scale,1))}.sim-dot-array{box-shadow:0 0 0 5px #eef1e4,0 0 0 6px #dce3cf}.sim-array-row-labels{min-width:10px;font-size:calc(9px * var(--mw-font-scale,1))}.sim-division-depot{gap:11px;margin-bottom:20px}.sim-dispenser{grid-template-columns:34px 1fr;padding:12px;gap:0 10px;min-height:84px}.sim-dispenser-emblem{width:34px;height:34px;font-size:calc(28px * var(--mw-font-scale,1))}.sim-dispenser-count{font-size:calc(28px * var(--mw-font-scale,1))}.sim-dispenser-label{font-size:calc(9px * var(--mw-font-scale,1))}.sim-remainder{min-width:76px;padding:10px}.sim-remainder>strong{font-size:calc(26px * var(--mw-font-scale,1))}.sim-remainder .sim-model-label{font-size:calc(9px * var(--mw-font-scale,1))}.sim-sharing-bowls{gap:13px 8px}.sim-sharing-bowl{min-height:96px;padding:9px 5px 7px;border-radius:9px 9px 20px 20px}.sim-bowl-number{font-size:calc(9px * var(--mw-font-scale,1))}.sim-bowl-lights{gap:4px;max-width:80px;min-height:22px}.sim-mini-light{width:12px;height:12px}.sim-sharing-bowl>strong{font-size:calc(19px * var(--mw-font-scale,1))}.sim-fraction-graphic{gap:17px}.sim-fraction-pie{width:185px;max-width:64%}.sim-fraction-readout{gap:7px}.sim-fraction-number{font-size:calc(31px * var(--mw-font-scale,1))}.sim-fraction-equals{font-size:calc(21px * var(--mw-font-scale,1))}.sim-fraction-slices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px}.sim-fraction-slice{min-height:52px}.sim-slice-mark{font-size:calc(17px * var(--mw-font-scale,1))}.sim-fraction-slice small{font-size:calc(9px * var(--mw-font-scale,1))}.sim-percent-layout{grid-template-columns:minmax(0,1fr);gap:21px}.sim-receipt{width:100%;max-width:300px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:0 16px;padding:16px}.sim-receipt-eyebrow{grid-column:1/-1;font-size:calc(9px * var(--mw-font-scale,1));margin-bottom:9px}.sim-discount-ticket{grid-column:1;grid-row:2/5;align-self:center;margin:5px auto 8px;font-size:calc(28px * var(--mw-font-scale,1));padding:6px 10px}.sim-receipt-line{grid-column:2;font-size:calc(9px * var(--mw-font-scale,1));margin:3px 0;line-height:1.8}.sim-receipt-line strong{font-size:calc(12px * var(--mw-font-scale,1))}.sim-receipt-total{padding-top:6px;margin-top:5px;gap:7px;align-items:center}.sim-receipt-total strong{font-size:calc(18px * var(--mw-font-scale,1))}.sim-hundred-grid{max-width:280px;column-gap:5px}.sim-percent-block{gap:3px;min-height:44px}.sim-percent-cell{max-height:23px}.sim-hundred-wrap>.sim-model-label{font-size:calc(9px * var(--mw-font-scale,1))}.sim-map-caption{font-size:calc(8px * var(--mw-font-scale,1));left:9px;top:8px}.sim-scale-map{min-height:137px}.sim-map-ruler{font-size:calc(10px * var(--mw-font-scale,1))}.sim-map-stage>.sim-visual-note{font-size:calc(8px * var(--mw-font-scale,1));margin-bottom:8px}.sim-map-stats{gap:16px;margin-top:17px}.sim-map-stats .sim-visual-metric strong{font-size:calc(24px * var(--mw-font-scale,1))}.sim-map-stats .sim-visual-metric>span{font-size:calc(9px * var(--mw-font-scale,1))}.sim-map-arrow{font-size:calc(24px * var(--mw-font-scale,1))}}
@media(max-width:360px){.sim-hero h1{font-size:calc(25px * var(--mw-font-scale,1))}.sim-scene-heading h2{font-size:calc(20px * var(--mw-font-scale,1))}.sim-toolbar{padding:11px}.sim-controls{gap:15px 10px;padding:17px 12px}.sim-scene{padding-left:12px;padding-right:12px}.sim-stepper button{flex-basis:32px;width:32px}.sim-stepper output{font-size:calc(16px * var(--mw-font-scale,1))}.sim-array-stage{--sim-unit:25px;gap:5px}.sim-fraction-number{font-size:calc(28px * var(--mw-font-scale,1))}.sim-map-stats{gap:11px}.sim-map-stats .sim-visual-metric strong{font-size:calc(21px * var(--mw-font-scale,1))}.sim-division-depot{gap:8px}.sim-dispenser{padding:10px;gap:0 8px}.sim-sharing-bowls{gap:12px 6px}.sim-bowl-lights{max-width:65px;gap:3px}.sim-mini-light{width:11px;height:11px}}
@media(max-width:800px){.sim-grade-note{margin:6px 3px 0}.sim-room-nav>p.sim-grade-note{padding-left:0}}
@media(max-width:520px){.math-simulator-shell>.sim-toolbar{margin-bottom:15px}.sim-toolbar>.sim-progress{font-size:calc(10px * var(--mw-font-scale,1))}.sim-scene-heading{display:block}.sim-scene-heading>.sim-badge{margin-top:3px;margin-bottom:2px}.sim-grade-note{font-size:calc(9px * var(--mw-font-scale,1))}.sim-room-count{top:2px;right:3px;font-size:calc(8px * var(--mw-font-scale,1));padding:0 3px}.sim-mission{margin-top:13px}.sim-fraction-slice{min-height:65px}.sim-fraction-slice small{margin-top:3px}.sim-slice-parts{height:6px}}
@media(max-width:520px){.sim-room-copy .sim-room-full{display:none}.sim-room-copy .sim-room-short{display:block;font-size:calc(12px * var(--mw-font-scale,1));line-height:1.6}}
/* Keep the text children read and every primary touch target comfortably sized. */
.sim-room-count{font-size:calc(11px * var(--mw-font-scale,1));padding:1px 4px}
.sim-room-copy small,.sim-grade-note,.sim-visual-note,.sim-visual-metric>span,.sim-bowl-number,.sim-dispenser-label,.sim-remainder .sim-model-label,.sim-hundred-wrap>.sim-model-label,.sim-receipt-line,.sim-receipt-eyebrow,.sim-map-caption,.sim-map-stage>.sim-visual-note,.sim-fraction-slice small,.sim-scene-heading>.sim-badge{font-size:calc(11px * var(--mw-font-scale,1))}
.sim-stepper button{min-width:44px;min-height:44px;flex-basis:44px;width:44px}.sim-mode-switch button{min-height:44px}.sim-fraction-slice small{font-family:Georgia,Tahoma,serif}
@media(max-width:650px){.sim-addition-bench{grid-template-columns:minmax(0,1fr);gap:12px;max-width:310px}.sim-addition-bench>.sim-model-operator{height:16px;line-height:16px;font-size:calc(23px * var(--mw-font-scale,1))}.sim-ten-frame-wrap .sim-model-label{margin-bottom:5px}.sim-light-cell{min-height:44px}}
@media(max-width:400px){.sim-controls{grid-template-columns:minmax(0,1fr)}.sim-stepper output{font-size:calc(20px * var(--mw-font-scale,1))}}
@media(prefers-reduced-motion:reduce){.math-simulator-entry,.sim-room-button,.sim-light-orb,.sim-array-token,.sim-dot-array,.sim-percent-cell,.sim-fraction-pie path,.sim-dispenser,.sim-fraction-slice{transition:none!important}.math-simulator-entry:hover,.sim-dispenser:hover:not(:disabled),.sim-dispenser:active:not(:disabled),.sim-subtract-token:hover .sim-light-orb{transform:none}}
@media(min-width:801px){.sim-room-copy{min-width:0;padding-right:24px}}


/* Keep labels and controls readable at larger type sizes without scaling the models. */
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-toolbar>.sim-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;flex:1 1 100%}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-mode-switch button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-toolbar>.sim-progress{width:100%;flex:1 1 100%;margin:0}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-main-layout{grid-template-columns:minmax(0,1fr)}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-room-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) :is(.sim-room-nav>h2,.sim-room-nav>.sim-nav-label,.sim-room-nav>.sim-grade-note){grid-column:1/-1}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-room-button{flex-direction:column;justify-content:center;gap:7px;text-align:center;min-width:0;max-width:100%}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-room-copy{padding-right:0;max-width:100%;overflow-wrap:break-word}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-room-symbol{width:1.65em;height:1.65em;min-height:44px}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) :is(.sim-mode-switch,.sim-visual-summary,.sim-model-label,.sim-array-readout,.sim-map-stats,.sim-division-depot,.sim-fraction-graphic,.sim-fraction-readout){flex-wrap:wrap;min-width:0}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) :is(.sim-mode-switch button,.sim-visual-metric,.sim-visual-note,.sim-model-label>*,.sim-scene-heading>*,.sim-dispenser,.sim-remainder,.sim-fraction-readout){min-width:0;max-width:100%;overflow-wrap:break-word}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-scene-heading{flex-wrap:wrap}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-stepper button{width:auto;min-width:44px;flex:0 0 2.2em;min-height:44px}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-control input[type="range"]{height:44px;min-height:44px}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-addition-bench>.sim-model-operator{height:auto;line-height:1.2}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) :is(.sim-receipt-line,.sim-receipt-total){flex-wrap:wrap;gap:5px 9px}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-dispenser{grid-template-columns:minmax(0,1fr)}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-dispenser>*{grid-column:auto;grid-row:auto}
:root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-fraction-slice{height:auto;min-height:80px;padding:9px 5px}
@media(max-width:1050px){
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) :is(.sim-controls,.sim-percent-layout){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-room-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-room-copy small{display:none}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-addition-bench{grid-template-columns:minmax(0,1fr);gap:12px}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-sharing-bowls{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-fraction-slices{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-receipt{display:block;max-width:100%}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-stepper button{flex-basis:2em}
  :root:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-badge{max-width:100%;overflow-wrap:break-word}
}

html:is([data-font-scale="150"],[data-font-scale="175"],[data-font-scale="200"]) .sim-addition-bench>.sim-model-operator{height:auto;line-height:1.2}