.touch-target{min-width:44px;min-height:44px}@media (hover:none) and (pointer:coarse){.card-hover:active{transition:transform .1s;transform:scale(.98)}.btn:active{transition:transform .1s;transform:scale(.95)}}@media screen and (max-width:1280px){[class*=ml-24]{margin-left:0!important}.flex-1.flex.flex-col.items-center.justify-center{padding-left:1rem;padding-right:1rem}}@media screen and (min-width:768px) and (max-width:1024px){.page-wrap{padding:1rem 2rem}.stack-lg>*+*{margin-top:2rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.flex.flex-col.items-center.gap-8,.flex.flex-col.items-center.gap-6{transform-origin:50%;transform:scale(.85)}.w-7.h-7{width:1.5rem!important;height:1.5rem!important}.w-8.h-8{width:1.75rem!important;height:1.75rem!important}.p-6{padding:1rem!important}.p-4{padding:.75rem!important}.gap-8{gap:1.5rem!important}.w-80{width:260px!important}}@media screen and (min-width:1024px) and (max-width:1200px){[class*=ml-24]{margin-left:2rem!important}.flex.flex-col.items-center.gap-8{transform-origin:50%;transform:scale(.9)}}@media screen and (max-width:900px){.flex.flex-col.items-center.gap-8,.flex.flex-col.items-center.gap-6,.flex.flex-col.items-center.gap-12{transform-origin:50%;transform:scale(.75)!important}.text-4xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.25rem!important;line-height:1.75rem!important}.w-80{width:220px!important}}@media screen and (max-width:850px){.w-16.h-16{width:3rem!important;height:3rem!important}.text-2xl{font-size:1.25rem!important}}.min-h-screen.w-full,.h-dvh.w-screen,.flex-1.flex.flex-col.items-center.justify-center.w-1\/2{max-width:100vw!important;overflow-x:hidden!important}@media screen and (max-width:1100px){.w-1\/2.h-dvh{width:50%!important;min-width:0!important;overflow:hidden!important}}@media screen and (max-width:1024px){.bg-white.p-6.rounded-xl.shadow-lg.border-2.border-gray-200,.bg-white.p-4.rounded-xl.shadow-lg.border-2.border-gray-200{transform-origin:50%;transform:scale(.85);padding:.75rem!important}}.text-4xl.font-bold.text-slate-600.text-center,.text-3xl.font-bold.text-black{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}@media screen and (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.page-wrap{padding:1rem 3rem}.lesson-grid-landscape{grid-template-columns:repeat(6,1fr)}}.stats-table{position:relative}.stats-table thead th:first-child{z-index:20;background:inherit;position:sticky;left:0}.stats-table tbody td:first-child{z-index:10;background:inherit;position:sticky;left:0}.overflow-x-auto{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.overflow-x-auto::-webkit-scrollbar{height:8px}.overflow-x-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media screen and (min-width:768px){.text-muted{color:#64748b}.panel{padding:2rem}.card{padding:1.5rem}}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media screen and (min-width:768px){.btn-md{padding:.75rem 1.5rem;font-size:1rem}}.btn:focus-visible,.touch-target:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media screen and (max-width:1024px){.stats-table th,.stats-table td{padding:.75rem .5rem}.stats-table th:first-child,.stats-table td:first-child{min-width:120px}}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}@media screen and (max-width:768px){.legend-grid{grid-template-columns:1fr}}