@media(max-width:1240px){.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-layout{grid-template-columns:220px minmax(0,1fr)}.lab-controls-grid{grid-template-columns:minmax(0,1fr)}.detail-columns{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:66px;padding:0 18px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900}.mobile-brand .brand-mark{width:35px;height:35px;border-radius:11px;font-size:21px}.topbar-left>.desktop-heading{display:none}.content{padding:22px 18px 92px}.app-footer{padding:0 18px 82px}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e3eaf5;box-shadow:0 -7px 25px #1c315508;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:30;justify-content:space-around;gap:3px}.bottom-nav .nav-btn{display:flex;flex-direction:column;justify-content:center;gap:1px;min-height:54px;flex:1;border-radius:13px;padding:5px 3px;text-align:center;color:#7b89a1;font-size:9px}.bottom-nav .nav-btn .nav-icon{font-size:19px;width:auto}.bottom-nav .nav-btn.active{background:#edf1ff;color:#465fce;box-shadow:none}.hero-panel{grid-template-columns:minmax(0,1fr) 180px}.hero-art{height:170px}.hero-shapes{transform:scale(.8)}.lab-layout{grid-template-columns:1fr}.lab-chooser{position:relative;top:auto;max-height:unset;display:flex;gap:5px;flex-wrap:wrap}.lab-chooser h3{width:100%;margin-top:7px}.lab-shape-btn{width:auto;flex:0 0 auto;padding:6px 8px}.lab-shape-btn .s-icon{width:29px;height:29px}.detail-hero{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:620px){body{font-size:14px}.topbar-right .greeting-pill{padding:5px}.topbar-right .greeting-pill .greet-text{display:none}.hero-panel{grid-template-columns:1fr;padding:24px 21px}.hero-art{display:none}.hero-copy h1{font-size:30px}.hero-copy p{font-size:13px}.hero-actions .btn{flex:1;min-width:130px}.stat-grid{gap:9px}.stat-card{padding:13px;gap:9px}.stat-icon{width:39px;height:39px;font-size:20px;border-radius:12px}.stat-card strong{font-size:21px}.stat-card small{font-size:10px}.journey-grid{grid-template-columns:1fr;gap:10px}.journey-card{min-height:132px;padding:14px 15px}.journey-card .land-icon{width:41px;height:41px;margin-bottom:8px}.journey-card .land-progress{left:15px;bottom:17px}.section-heading{margin:23px 0 12px}.section-heading h2{font-size:17px}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shape-card{padding:9px;border-radius:16px}.shape-illustration{border-radius:11px;margin-bottom:8px}.shape-card .shape-title{font-size:12px}.shape-card .shape-meta{font-size:9px}.shape-card-bottom button{font-size:10px;min-height:30px}.detail-hero{grid-template-columns:1fr;padding:15px;gap:13px}.detail-hero .shape-illustration{max-width:300px}.detail-hero h2{font-size:23px}.detail-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.field label{font-size:11px}.field input,.field select{min-height:45px;padding:9px}.lab-top-panel,.panel-card{padding:15px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-tile{padding:11px}.result-tile strong{font-size:17px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.formula-card{padding:9px;border-radius:16px}.formula-card h3{font-size:12px}.formula-row{padding:8px}.formula-row .math{font-size:13px}.formula-symbols{font-size:10px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-grid{grid-template-columns:1fr}.question-card{padding:17px}.question-title{font-size:19px}.answer-option{min-height:50px;padding:10px 11px}.answer-actions .btn{flex:1}.split-layout{grid-template-columns:1fr}.progress-item{grid-template-columns:38px minmax(0,1fr) auto;padding:10px;gap:9px}.progress-icon{width:38px;height:38px}.search-field{width:100%;min-width:0}.filter-row .search-field{flex-basis:100%}.continue-card{padding:14px}.continue-icon{width:48px;height:48px;font-size:25px;border-radius:15px}.app-footer{font-size:9px}}
@media(max-width:360px){.content{padding-left:12px;padding-right:12px}.topbar{padding:0 12px}.shape-grid,.book-grid{gap:7px}.shape-card{padding:7px}.shape-card .shape-title{font-size:11px}.shape-card-bottom{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.stat-card{padding:10px}.hero-copy h1{font-size:27px}.bottom-nav .nav-btn{font-size:8px}}
@media(max-width:620px){
 .adventure-map-grid{gap:12px}
 .adventure-map-grid .journey-card{min-height:190px;padding:15px 16px 16px}
 .adventure-map-grid .journey-card h3{font-size:15px}
 .adventure-map-grid .journey-card p{font-size:12px;max-width:none;padding-right:2px}
 .adventure-map-grid .journey-card .land-progress{width:calc(100% - 30px)}
}