.conflicting-measurements-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;gap:40px;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;animation:fadeIn .5s ease-in-out}.measurement-display{display:flex;justify-content:center;align-items:center;gap:40px}.measurement-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 40px;border-radius:20px;background-color:#fff3;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0000001a;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);transition:transform .3s ease}.measurement-box:hover{transform:scale(1.05)}.measurement-label{font-size:1.5rem;font-weight:700;color:gold}.measurement-value{font-size:2.5rem;font-weight:700;margin-top:10px}.question-mark-container{display:flex;align-items:center;justify-content:center}.question-mark-icon{font-size:5rem;color:#ff4136;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.question-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.question-text{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-align:center;margin:0}.choices-container{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px}.choice-button{padding:15px 25px;font-size:1.4rem;font-weight:700;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;border:3px solid rgba(255,255,255,.6);border-radius:15px;background-color:#fff3;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease;text-align:center}.choice-button:hover{background-color:#ffffff4d;border-color:#fffc;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.choice-button.selected{background-color:#4caf50cc;border-color:#4caf50;box-shadow:0 6px 20px #4caf5066}.crayon{display:flex;justify-content:center;align-items:center;padding:2rem}.crayon-icon{font-size:4rem;color:#4a90e2}.farm-map-container{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;position:relative}.farm-map-image{width:100%;max-width:500px;height:auto}.farm-map-fallback{width:100%;padding:2rem;display:none}.farm-rectangle{width:300px;height:200px;border:4px solid #666;border-radius:8px;position:relative;margin:0 auto;background:#e5e5e5}.farm-square{width:250px;height:250px;border:4px solid #666;border-radius:8px;position:relative;margin:0 auto;background:#e5e5e5}.farm-interior{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.farm-elements{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.farmer{font-size:2rem}.sheep-cluster{display:flex;gap:.3rem;flex-wrap:wrap}.sheep{font-size:1.2rem}.barn{font-size:1.5rem}.dimension-label{position:absolute;background:white;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;color:#333;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.top-label{top:-20px;left:50%;transform:translate(-50%)}.bottom-label{bottom:-20px;left:50%;transform:translate(-50%)}.left-label{left:-30px;top:50%;transform:translateY(-50%) rotate(-90deg)}.right-label{right:-30px;top:50%;transform:translateY(-50%) rotate(90deg)}.map-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.map-title h3{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.map-title p{font-size:1rem;margin:0;opacity:.9;font-weight:500}.farmer-intro-container{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.farmer-video{width:100%;max-width:100%;height:auto}.farmer-fallback{display:flex;flex-direction:column;align-items:center;gap:1rem}.farmer-emoji{font-size:4rem;margin-bottom:.5rem}.sheep-group{display:flex;gap:.5rem;margin-top:.5rem}.sheep{font-size:1.5rem;animation:bounce 2s infinite ease-in-out}.sheep:nth-child(2){animation-delay:.3s}.sheep:nth-child(3){animation-delay:.6s}.farmer-intro-text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.farmer-intro-text h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.farmer-intro-text p{font-size:1.1rem;font-weight:500;margin:0;opacity:.9}.farmer-celebration-container{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.celebration-video{width:100%;max-width:100%;height:auto}.celebration-fallback{display:flex;align-items:center;justify-content:center;gap:1rem}.celebration-emoji{font-size:3rem;animation:celebrate 1.5s infinite ease-in-out}.farmer-emoji{font-size:4rem;animation:bounce 2s infinite ease-in-out}.celebration-emoji:nth-child(1){animation-delay:.2s}.celebration-emoji:nth-child(3){animation-delay:.4s}@keyframes celebrate{0%,20%,50%,80%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-8px) rotate(10deg)}60%{transform:translateY(-5px) rotate(-5deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.fox-threat-container{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.fox-video{width:100%;max-width:100%;height:auto}.video-fallback{width:100%;padding:2rem}.threat-fallback{display:flex;justify-content:space-between;align-items:center;min-height:120px}.fox-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.fox-emoji{font-size:3rem;display:inline-block}.tree{font-size:2rem;margin-left:-1rem}.sheep-section{display:flex;align-items:center}.worried-sheep-group{display:flex;flex-direction:column;gap:.3rem;align-items:center}.worried-sheep{font-size:1.8rem;display:block}.danger-alert{background:rgba(239,68,68,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(239,68,68,.4);border-radius:15px;padding:1rem 1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.alert-icon{font-size:1.5rem;margin-right:.5rem}.danger-alert h3{font-size:1.3rem;font-weight:700;margin:.5rem 0;color:#fef2f2}.danger-alert p{font-size:1rem;margin:0;opacity:.9}.help-button{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;color:#fff;border-radius:25px;cursor:pointer;box-shadow:0 5px 20px #ef444466;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.help-button:hover{box-shadow:0 7px 25px #ef444499;transform:translateY(-2px)}.meter-stick-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Poppins,sans-serif}.meter-stick-visuals{position:relative;height:400px;width:100px;display:flex;justify-content:center}.meter-stick{position:absolute;bottom:0;width:40px;height:400px;border-radius:5px}.meter-mark-container{position:absolute;left:0;width:100%}.meter-mark-line{position:absolute;left:-10px;height:2px;width:10px;background-color:#37474f}.meter-mark-number{position:absolute;left:-45px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:#fff}.visuals-container{display:flex;justify-content:center;align-items:center;gap:50px}.door-container{display:flex;flex-direction:column;align-items:center;gap:10px}.door-icon{height:400px;width:auto}.meter-ruler{position:absolute;height:400px;width:auto;left:50%;transform:translate(-50%)}.measurement-label-container{display:inline-flex;padding:13px 27px 12px;justify-content:center;align-items:center;border-radius:12px;background:#2C2C2C}.measurement-label-meter-stick{color:#b3bdd2;font-size:20px;font-style:normal;font-weight:700}.mission-readiness-container{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:300px}.tool-item{display:flex;align-items:center;justify-content:center;padding:1.5rem}.tool-icon{font-size:3rem;display:flex;align-items:center;justify-content:center}.emoji-icon{font-size:3rem}.ready-button{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);border:none;padding:1rem 3rem;font-size:1.3rem;font-weight:700;color:#fff;border-radius:25px;cursor:pointer;box-shadow:0 5px 20px #ff6b6b66;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.ready-button:hover{box-shadow:0 7px 25px #ff6b6b99;transform:translateY(-2px)}.ready-button:active{transform:translateY(0)}.perimeter-definition-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;position:relative}.farm-image-container{position:relative;width:100%;max-width:500px;margin-bottom:2rem}.farm-map-perimeter{width:100%;height:auto;border-radius:10px}.perimeter-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.perimeter-svg{position:absolute;top:0;left:0;width:100%;height:100%}.animated-border{filter:drop-shadow(0 0 8px rgba(251,191,36,.8));animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}to{filter:drop-shadow(0 0 15px rgba(251,191,36,1))}}.perimeter-title{text-align:center;color:#333;margin-top:1rem}.perimeter-word{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(45deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;text-transform:uppercase;letter-spacing:2px}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.next-button{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;color:#7c3aed;border-radius:25px;cursor:pointer;box-shadow:0 5px 20px #fbbf2466;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.next-button:hover{box-shadow:0 7px 25px #fbbf2499;transform:translateY(-2px)}.next-button:active{transform:translateY(0)}@media (max-width: 480px){.perimeter-word{font-size:2.2rem}.farm-rectangle-perimeter{width:250px;height:160px}.dimension-label-perimeter{font-size:.7rem;padding:.3rem .6rem}}.rectangle-solution-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.farm-image-container{position:relative;width:100%;max-width:500px;margin:0 auto}.farm-map-solution{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00000026}.solution-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.side-label{position:absolute;z-index:3;pointer-events:none}.label-content{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 4px 12px #f59e0b4d;border:2px solid rgba(255,255,255,.8);min-width:50px;text-align:center}.top-label .label-content{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d;border:2px solid rgba(255,255,255,.8)}.right-label .label-content{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d;border:2px solid rgba(255,255,255,.8)}.bottom-label .label-content{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d;border:2px solid rgba(255,255,255,.8)}.left-label .label-content{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px #8b5cf64d;border:2px solid rgba(255,255,255,.8)}.equation-display{position:absolute;z-index:4}.equation{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:12px 24px;border-radius:25px;font-size:18px;font-weight:600;box-shadow:0 6px 20px #1e40af66;border:3px solid rgba(255,255,255,.9);text-align:center;min-width:280px}.equation strong{color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.farm-image-container{max-width:90%}.label-content{padding:6px 12px;font-size:14px}.equation{font-size:16px;padding:10px 20px;min-width:250px}.equation-display{bottom:-50px}}.room-illustration-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:20px;font-family:Poppins,sans-serif;animation:fadeIn .5s ease-in-out}.counters-container{display:flex;justify-content:center;width:100%;margin-bottom:10px}.room-svg-container{position:relative;width:500px;height:314px}.room-svg{width:100%;height:100%}.room-inner-wall{position:absolute;top:33px;left:33px;width:434px;height:134px;background-color:#f6efe2;border:1px solid #aa6c47}.room-corner-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.corner-line{position:absolute;width:1.44px;background-color:#aa6c47;transform-origin:top}.corner-line.top-left{top:0;left:0;height:66px;transform:rotate(45deg)}.corner-line.top-right{top:0;right:0;height:66px;transform:rotate(-45deg)}.corner-line.bottom-left{bottom:0;left:0;height:66px;transform:rotate(-45deg)}.corner-line.bottom-right{bottom:0;right:0;height:66px;transform:rotate(45deg)}.room-door{position:absolute;top:8px;left:188px;width:124px;height:16px;background-color:#fff;border-radius:0 0 2px 2px}.room-window{position:absolute;bottom:8px;left:230px;width:40px;height:32px;background-color:#fff;border-radius:2px 2px 0 0}.room-red-line{position:absolute;top:50%;left:42px;right:42px;height:2px;background-color:#eb5757;transform:translateY(-50%);z-index:5}.room-measurement-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:22px;background-color:#f6efe2;z-index:6;display:flex;align-items:center;justify-content:center;font-size:8px;color:#eb5757;font-weight:700}.dimension-line{position:absolute;top:20px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:1px}.question-mark{font-size:4rem;color:#ff6b6b;font-weight:700;animation:pulse 2s infinite;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.feet-container{position:absolute;top:0;left:0;width:100%;height:100%}.foot{position:absolute;top:90px;transform:translateY(-50%);z-index:10}.foot.friend-foot-regular{top:190px}.step-counter{font-size:2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:10px 20px;border-radius:20px;box-shadow:0 4px 15px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.previous-step-counter{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:1.2rem;font-weight:700;color:#666;background:rgba(255,255,255,.9);padding:5px 15px;border-radius:15px;border:2px solid #ddd}.interactive-controls{display:flex;justify-content:center;margin-top:20px}.step-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:400;color:#fff;background:#2c2c2c;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:49px}.step-button:hover{background:#3c3c3c;transform:translateY(-2px)}.step-button:active{transform:translateY(0);background:#1c1c1c}.step-button.completed{background:#4caf50;animation:completionGlow .6s ease-in-out}.step-button.completed:hover{background:#45a049}.step-button-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#484d5c;border-radius:8px;font-size:20px}.step-button.completed .step-button-icon{background:#2e7d32;color:#fff}.step-counters-container{display:flex;justify-content:center;gap:40px;margin-top:20px}.step-counter-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.step-counter-display{display:flex;align-items:center;justify-content:center;padding:12px 20px;font-size:16px;font-weight:400;background:#2c2c2c;border:none;border-radius:12px;min-height:49px;min-width:143px}.step-counter-display.you,.step-counter-display.friend{color:#fff}.step-counter-label{font-size:14px;font-weight:400;color:#667399}.completion-message{display:flex;justify-content:center;margin-top:20px}.completion-text{font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ffe66d 100%);padding:15px 25px;border-radius:20px;box-shadow:0 4px 15px #ff6b6b4d;text-align:center;margin:0}.room-label{font-size:1.1rem;color:#fff;text-align:center;margin:15px 0 0;padding:10px;background:rgba(0,0,0,.3);border-radius:10px;font-style:italic;color:#888}.interaction-controls{margin-top:20px;display:flex;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes completionGlow{0%{box-shadow:0 0 5px #4caf5066}50%{box-shadow:0 0 20px #4caf50cc,0 0 30px #4caf5099;transform:translateY(-2px)}to{box-shadow:0 0 5px #4caf5066;transform:translateY(0)}}.footstep-label{position:absolute;font-size:1.2rem;font-weight:700;color:#fff;background:rgba(0,0,0,.7);padding:5px 10px;border-radius:8px;z-index:20}.your-label{top:20px;left:10px}.friend-label{top:90px;left:10px}.footstep-counter{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.flashing-question-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#ff6b6b;z-index:15}.ruler-measurement-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;font-family:Poppins,sans-serif}.ruler-zoom-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.ruler-container{position:relative;width:578px;height:98px;display:flex;justify-content:center;align-items:center}.ruler-svg{width:100%;height:100%}.paperclip-container{position:absolute;top:-70px;left:3px;width:150px;height:40px;display:flex;align-items:center;justify-content:center}.paperclip-icon{font-size:134px;object-fit:contain;margin-left:-41px;margin-top:52px}.measurement-text{font-size:1.2rem;font-weight:500;color:#fff;background-color:#000c;padding:12px 24px;border-radius:20px;border:none;margin-top:30px}.measurement-arrows{position:absolute;top:-85px;left:48px;width:80px;height:20px;display:flex;align-items:center;justify-content:space-between;margin-left:-30px}.arrow-left,.arrow-right{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-top:30px}.arrow-left{border-right:12px solid #E63946}.arrow-right{border-left:12px solid #E63946}.measurement-label{font-size:14px;font-weight:600;color:#e63946;background:transparent;padding:2px 8px;text-align:center;margin-top:30px}.standard-units-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,Verdana,sans-serif}.standard-units-text{color:#82b0ff;text-shadow:0 0 10px #26ADEB;font-size:64px;font-style:normal;font-weight:700;line-height:24px}.shape-measurement-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative;background:transparent;color:#fff;transform:translateY(-100px)}.shape-area{width:90%;height:70%;position:relative;display:flex;align-items:center;justify-content:center}.rectangle{position:relative}.rect-object{position:relative;display:inline-block}.rect-object-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.controls-area{display:flex;align-items:center;gap:10px}.controls-area label{font-weight:700;color:#fff}.controls-area input{width:80px;padding:8px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:rgba(255,255,255,.1);color:#fff}.controls-area input::placeholder{color:#fff9}.controls-area button{padding:8px 16px;border:none;background-color:#00bcd4;color:#fff;border-radius:4px;cursor:pointer;font-weight:700}.controls-area button:hover{background-color:#00acc1}.interactive-ruler{position:absolute;height:75px;cursor:grab;display:flex;align-items:center;justify-content:center;z-index:10}.interactive-ruler:active{cursor:grabbing}.interactive-ruler-rotating{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.interactive-ruler-body{width:100%;height:48px;background:linear-gradient(180deg,#f3e7c9 0%,#e6d3a7 100%);border:2px solid #5b4636;border-radius:6px;position:relative;box-sizing:border-box;box-shadow:0 6px 12px #00000040,inset 0 2px 4px #ffffff4d}.interactive-ruler-tick{position:absolute;bottom:0;height:100%;display:flex;flex-direction:column;align-items:center}.interactive-ruler-tick-mm{position:absolute;bottom:0;height:100%}.interactive-ruler-tick-line{position:absolute;bottom:0;left:0;width:2px;height:18px;background-color:#3b2d22}.interactive-ruler-tick-mm .interactive-ruler-tick-line{width:1px;height:6px;background-color:#5a4a3b}.interactive-ruler-tick-mm.half .interactive-ruler-tick-line{height:10px;background-color:#4a3a2c}.interactive-ruler-number{position:absolute;bottom:24px;left:-1px;transform:translate(-50%);color:#2b1f17;font-size:12px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.7)}.interactive-rotate-handle,.interactive-resize-handle{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#3498db;border:2px solid white;box-shadow:0 0 5px #0000004d;cursor:pointer;z-index:11}.interactive-rotate-handle{left:-10px;top:50%;transform:translateY(-50%)}.interactive-resize-handle{right:-10px;top:50%;transform:translateY(-50%);cursor:col-resize}.game-shape{width:60px;height:60px;border-radius:8px;border:3px solid transparent;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:grab;transition:opacity .2s ease,filter .2s ease;-webkit-user-select:none;user-select:none;position:relative;box-shadow:0 2px 4px #0003,0 1px 2px #0000001a;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,rgba(0,0,0,.05) 100%)}.game-shape:active{cursor:grabbing}.game-shape.disabled{cursor:not-allowed;opacity:.3;filter:grayscale(50%);transition:opacity .2s ease,filter .2s ease!important}.game-shape.demo-active{opacity:1!important;filter:none!important;cursor:not-allowed;border-color:gold!important;box-shadow:0 0 15px #ffd70066!important;animation:demo-glow 2s infinite alternate}@keyframes demo-glow{0%{box-shadow:0 0 15px #ffd70066}to{box-shadow:0 0 25px #ffd70099}}.game-shape.highlighted{border-color:#4caf50!important;border-width:4px!important;box-shadow:0 0 0 4px #4caf5066,0 0 20px #4caf5099,0 0 40px #4caf5066,0 4px 12px #0006;animation:recapPulse 2s infinite;transform:scale(1.1);background-color:#4caf501a!important}@keyframes recapPulse{0%{box-shadow:0 0 0 4px #4caf5066,0 0 20px #4caf5099,0 0 40px #4caf5066,0 4px 12px #0006}50%{box-shadow:0 0 0 6px #4caf5099,0 0 30px #4caf50cc,0 0 60px #4caf5099,0 6px 16px #00000080}to{box-shadow:0 0 0 4px #4caf5066,0 0 20px #4caf5099,0 0 40px #4caf5066,0 4px 12px #0006}}.game-shape.bouncing{animation:shapeBounceback .6s ease-out}@keyframes shapeBounceback{0%{transform:scale(1)}25%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(.95) rotate(-3deg)}75%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}.game-shape.triangle{border-radius:0;clip-path:polygon(50% 0%,0% 100%,100% 100%);width:60px;height:52px}.game-shape.triangle.right{clip-path:polygon(0% 0%,0% 100%,100% 100%)}.game-shape.triangle.isosceles{clip-path:polygon(50% 0%,15% 100%,85% 100%)}.game-shape.circle{border-radius:50%;width:60px;height:60px}.game-shape.rectangle{width:80px;height:50px;border-radius:6px}.game-shape.square{width:60px;height:60px;border-radius:4px}.game-shape.thin{border-width:1px}.game-shape.normal{border-width:3px}.game-shape.thick{border-width:5px}.shape-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;position:relative}.shape-label{font-size:20px;font-weight:700;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.7);line-height:1}.shape-details{font-size:8px;color:#ffffffb3;text-transform:capitalize;margin-top:2px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.triangle-content .shape-label{margin-bottom:-8px}.triangle-content .shape-details{margin-top:-4px}.rectangle-content .shape-label{font-size:18px}.shape-debug-info{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:gold;font-size:9px;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;font-family:monospace;opacity:0;transition:opacity .2s}.game-shape:hover .shape-debug-info{opacity:1}.debug-id{color:#4caf50;font-weight:700}.debug-details{color:orange;margin-top:1px}@media (max-width: 768px){.game-shape{width:50px;height:50px}.game-shape.rectangle{width:65px;height:40px}.game-shape.triangle{width:50px;height:43px}.shape-label{font-size:16px}.shape-details{font-size:7px}}@media (prefers-contrast: high){.game-shape{border-width:4px}.game-shape.disabled{opacity:.5;filter:none}}@media (prefers-reduced-motion: reduce){.game-shape{transition:none}.game-shape.highlighted{animation:none;border-color:gold!important}.game-shape.bouncing{animation:none}}.game-shape.recap-size{width:100px;height:100px}.game-shape.recap-size.triangle{width:100px;height:87px}.game-shape.recap-size.circle{width:100px;height:100px}.game-shape.recap-size.rectangle{width:120px;height:80px}.game-shape.recap-size.square{width:100px;height:100px}.sorting-bin{position:relative;width:100px;height:120px;max-width:100px;max-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:visible;flex-shrink:0;aspect-ratio:1 / 1.2;transform-origin:center}.container-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container-image{width:100%;height:100%;object-fit:contain;object-position:center;transition:filter .3s ease,transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.container-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.container-icon{font-size:32px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.container-label{font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.shape-counter{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);padding:2px 6px;border-radius:10px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:24px;min-height:24px;z-index:2}.counter-number{font-size:14px;font-weight:700;color:#ffffffe6;line-height:1}.counter-label{display:none}.drop-zone-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#ffffffe6;padding:8px 12px;border-radius:20px;font-size:11px;font-weight:500;text-align:center;opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sorting-bin:hover,.sorting-bin.hovering{filter:brightness(1.1)}.sorting-bin:hover .container-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) brightness(1.1)}.sorting-bin:hover .drop-zone-indicator,.sorting-bin.hovering .drop-zone-indicator{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.sorting-bin.drag-over{filter:brightness(1.2) drop-shadow(0 0 10px rgba(76,175,80,.5));transform:scale(1.05)}.sorting-bin.drag-over .drop-zone-indicator{opacity:1;background:rgba(76,175,80,.9);color:#fff;transform:translate(-50%,-50%) scale(1.1)}.sorting-bin.has-shapes .shape-counter{background:rgba(76,175,80,.9);border-color:#4caf50}.sorting-bin.has-shapes .counter-number{color:#fff}.sorting-bin.glowing .container-image{animation:imageGlow 2s infinite alternate}@keyframes imageGlow{0%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 10px var(--shape-color)) drop-shadow(0 0 20px var(--shape-color))}to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 20px var(--shape-color)) drop-shadow(0 0 30px var(--shape-color)) brightness(1.2)}}.sorting-bin.triangle{--shape-color: #E74C3C}.sorting-bin.circle{--shape-color: #3498DB}.sorting-bin.rectangle{--shape-color: #2ECC71}.sorting-bin.square{--shape-color: #F39C12}.sorting-bin.glowing{color:var(--shape-color)}.bin-debug-info{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:gold;font-size:9px;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;font-family:monospace;opacity:0;transition:opacity .2s;z-index:10}.sorting-bin:hover .bin-debug-info{opacity:1}.debug-type{color:#4caf50;font-weight:700}.debug-count{color:#2196f3;margin-top:1px}.debug-states{display:flex;gap:4px;margin-top:2px}.debug-states span{background:rgba(255,255,255,.1);padding:1px 3px;border-radius:2px;font-size:7px}.state-glow{color:gold!important}.state-drag{color:#4caf50!important}.state-hover{color:#2196f3!important}@media (max-width: 768px){.sorting-bin{width:100px;height:120px}.container-icon{font-size:28px}.container-label{font-size:10px}.shape-counter{bottom:6px;padding:3px 6px}.counter-number{font-size:14px}.counter-label{font-size:7px}.drop-zone-indicator{font-size:10px;padding:6px 10px}}@media (prefers-contrast: high){.sorting-bin{border-width:3px}.container-image{filter:contrast(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.shape-counter{background:rgba(0,0,0,.9);border-width:2px}}@media (prefers-reduced-motion: reduce){.sorting-bin,.container-image,.drop-zone-indicator{transition:none}.sorting-bin.glowing{animation:none;box-shadow:0 0 10px var(--shape-color)}}.shape-sorter-game{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:12px;color:#ffffffde;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 8px 32px #0000004d}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.game-title{font-size:24px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-stats{display:flex;gap:20px;font-size:14px;color:#ffffffb3}.game-stats span{background:rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.current-phase{color:#4caf50!important;font-weight:500}.game-content{width:100%;height:100%;position:relative;background:transparent;border-radius:0;padding:0;border:none;overflow:hidden;display:flex;flex-direction:column}.phase-container{width:100%;height:100%;display:flex;flex-direction:column}.play-area{position:relative;width:100%;height:100%;flex:1;z-index:0;box-sizing:border-box}.phase-intro,.phase-tools,.phase-modeling,.phase-guided,.phase-guided-success,.phase-practice-setup,.phase-practice,.phase-intervention,.phase-correction,.phase-challenge-setup,.phase-challenge,.phase-completion,.phase-default{width:100%;height:100%;display:flex;flex-direction:column}.tutor-message{grid-row:1;text-align:center;background:rgba(79,172,254,.1);border:2px solid rgba(79,172,254,.3);border-radius:12px;padding:16px 24px;max-width:600px;justify-self:center}.tutor-message p{font-size:18px;margin:0;color:#fff;line-height:1.4}.shapes-pile{position:relative;width:400px;height:100%;min-height:200px;background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;justify-self:center;overflow:visible;z-index:1}.shapes-container{position:relative;width:100%;height:100%}.pile-placeholder{text-align:center;color:#fff9}.pile-placeholder p{margin:8px 0;font-size:16px}.help-button{background:linear-gradient(45deg,#4CAF50,#45a049);color:#fff;border:none;padding:16px 32px;font-size:18px;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #4caf504d;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.help-button:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.help-button:active{transform:translateY(0)}.containers-area{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:15px;flex-wrap:nowrap;z-index:2;padding:0 10px 20px;box-sizing:border-box;pointer-events:none}.containers-area>*{pointer-events:auto}.container-placeholder{width:120px;height:140px;border:3px solid rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;text-align:center;transition:all .3s ease;background:rgba(255,255,255,.05);cursor:pointer}.container-placeholder:hover{transform:scale(1.05);border-color:#ffffff80;background:rgba(255,255,255,.1)}.container-placeholder.triangles{border-color:#e74c3c80;color:#e74c3c}.container-placeholder.circles{border-color:#3498db80;color:#3498db}.container-placeholder.rectangles{border-color:#2ecc7180;color:#2ecc71}.container-placeholder.squares{border-color:#f39c1280;color:#f39c12}.phase-default{text-align:center}.implementation-status{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;max-width:400px;margin-top:20px}.implementation-status h4{color:#fff;margin:0 0 12px;font-size:16px}.implementation-status ul{list-style:none;padding:0;margin:0;text-align:left}.implementation-status li{padding:4px 0;color:#ffffffb3;font-size:14px}.debug-panel{margin-top:24px;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px}.debug-panel h4{margin:0 0 12px;color:gold;font-size:14px}.debug-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.debug-info p{margin:0;color:#fff9;background:rgba(255,255,255,.05);padding:6px 10px;border-radius:4px;font-family:monospace}.debug-info strong{color:#fffc}@media (max-width: 768px){.shape-sorter-game{padding:16px}.game-header{flex-direction:column;gap:12px;text-align:center}.game-stats{justify-content:center;flex-wrap:wrap;gap:12px}.shapes-pile{width:320px;height:240px}.containers-area{gap:16px}.container-placeholder{width:100px;height:120px;font-size:12px}.debug-info{grid-template-columns:1fr}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.phase-container{animation:slideIn .3s ease-out}.phase-recap{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.recap-shapes-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:80px;width:500px;height:500px;align-items:center;justify-items:center}.recap-shape-container{display:flex;align-items:center;justify-content:center;width:160px;height:160px}.shape-designer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.shape-designer__target{margin-bottom:16px;text-align:center}.shape-designer__target-title{font-size:18px;font-weight:700;color:#dae0ed;margin-bottom:4px}.shape-designer__current-perimeter{font-size:14px;margin-top:4px}.shape-designer__current-perimeter--correct{color:#059669}.shape-designer__current-perimeter--incorrect{color:#2563eb}.shape-designer__grid-container{position:relative}.shape-designer__grid-svg{position:absolute;top:0;left:0}.shape-designer__side-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;fill:#374151;-webkit-user-select:none;user-select:none}.shape-designer__drag-handle{cursor:pointer;transition:all .2s ease}.shape-designer__drag-handle:hover{transform:scale(1.05)}.shape-designer__drag-handle--highlighted{stroke:#f59e0b;stroke-width:3;animation:pulse 2s infinite}.shape-designer__drag-handle--disabled{cursor:default}.shape-designer__drag-icon{pointer-events:none;stroke:#4079da;stroke-width:1.5;stroke-linecap:round}.shape-designer__rectangle{fill:none;stroke:#4079da;stroke-width:3;transition:stroke .2s ease;shape-rendering:crispEdges}.shape-designer__rectangle--dragging{stroke:#1d4ed8;stroke-width:4;transition:none}.shape-designer__checkmark{animation:checkmark-appear .5s ease-out}.shape-designer__validation-button{margin-top:16px;padding:8px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease}.shape-designer__validation-button:hover{background-color:#1d4ed8}.shape-designer__validation-button:active{transform:translateY(1px)}.shape-designer__success-message{margin-top:16px;text-align:center}.shape-designer__success-title{font-size:20px;font-weight:700;color:#059669;margin-bottom:4px}.shape-designer__success-subtitle{color:#6b7280;font-size:14px}@keyframes pulse{0%{stroke-width:2;stroke-opacity:1}50%{stroke-width:4;stroke-opacity:.7}to{stroke-width:2;stroke-opacity:1}}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.shape-designer__grid-cell{fill:#dae0ed;stroke:#b3bdd2;stroke-width:1}@media (max-width: 768px){.shape-designer{padding:10px}.shape-designer__grid-container{transform:scale(.8);transform-origin:center}.shape-designer__target-title{font-size:16px}}.toast-container{z-index:9999}.toast-container>div{max-width:420px;font-family:inherit;font-weight:500;line-height:1.4}.toast-container [data-type=success]{background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,rgba(34,197,94,.05) 100%)}.toast-container [data-type=error]{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,.05) 100%)}.toast-container [role=img]{flex-shrink:0;margin-right:8px}.toast-container button{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .2s ease}.toast-container button:hover{opacity:1}.toast-container>div{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-enter-right{0%{transform:translate3d(100%,0,0) scale(.95);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes toast-exit-right{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(100%,0,0) scale(.95);opacity:0}}@keyframes toast-enter-left{0%{transform:translate3d(-100%,-100%,0) scale(.95);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes toast-enter-bottom-right{0%{transform:translate3d(100%,100%,0) scale(.95);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes toast-enter-bottom-left{0%{transform:translate3d(-100%,100%,0) scale(.95);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}.toast-container[data-position=top-right]>div{animation:toast-enter-right .4s cubic-bezier(.16,1,.3,1)}.toast-container[data-position=top-left]>div{animation:toast-enter-left .4s cubic-bezier(.16,1,.3,1)}.toast-container[data-position=bottom-right]>div{animation:toast-enter-bottom-right .4s cubic-bezier(.16,1,.3,1)}.toast-container[data-position=bottom-left]>div{animation:toast-enter-bottom-left .4s cubic-bezier(.16,1,.3,1)}.toast-container>div:hover{transform:scale(1.02);box-shadow:0 8px 25px #0009}@media (max-width: 640px){.toast-container>div{max-width:calc(100vw - 32px);margin:0 16px;font-size:13px;padding:10px 14px}}@media (prefers-contrast: high){.toast-container>div{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){.toast-container>div{transition:none;animation:none}.toast-container>div:hover{transform:none}}.toast-container>div:focus-visible{outline:2px solid #3182ce;outline-offset:2px}.interactive-lesson-playground{width:100%;height:100%;background-color:#2a2a2a;color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.shape-measurement-container,.room-illustration-container,.ruler-measurement-container,.meter-stick-container,.crayon-measurement-container,.conflicting-measurements-container,.standard-units-container{background:transparent;color:#fff}.shape-measurement-container input,.crayon-measurement-container input{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.shape-measurement-container input::placeholder,.crayon-measurement-container input::placeholder{color:#fff9}.shape-measurement-container button,.crayon-measurement-container button{background:#00bcd4;color:#fff;border:none}.shape-measurement-container button:hover,.crayon-measurement-container button:hover{background:#00acc1}.interactive-lesson-container{width:100%;height:100vh;display:flex;position:relative;background-color:#f5f7fa;font-family:Fustat,Inter,sans-serif;font-weight:500;overflow:hidden}.fullscreen-view{justify-content:center;align-items:center}.left-panel{width:30%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;box-shadow:2px 0 10px #0000001a}.fullscreen-welcome-panel{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.right-panel{width:70%;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.content-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.tutor-speech-bubble{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:25px;margin:25px 0;box-shadow:0 8px 32px #0000001a;flex:1;max-height:400px;overflow-y:auto}.tutor-speech-bubble p{margin:0;font-size:1.1rem;line-height:1.6;color:#fff;font-family:Fustat,Inter,sans-serif;font-weight:500}.controls-panel{margin-top:20px}.lesson-button{background:#2281E4;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2281e466;letter-spacing:1px;width:100%;font-family:Fustat,Inter,sans-serif}.lesson-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2281e499}.welcome-button{background:#2281E4;box-shadow:0 4px 15px #2281e466;font-size:1.2rem;padding:20px 40px;font-family:Fustat,Inter,sans-serif;font-weight:700}.welcome-button:hover{box-shadow:0 6px 20px #2281e499}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;overflow-x:auto}#root{width:100%;min-height:100vh;margin:0;padding:0}.card{padding:2em}.read-the-docs{color:#888}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}