:root{--mm-navy-950:#062643;--mm-navy-900:#06345f;--mm-blue-800:#07599c;--mm-blue-700:#0875c9;--mm-blue-500:#19a9e5;--mm-cyan-400:#42d5f5;--mm-green-700:#238e32;--mm-green-600:#35b83f;--mm-green-400:#74d943;--mm-yellow-500:#ffc928;--mm-orange-500:#f7941d;--mm-red-500:#e94b4b;--mm-red-100:#ffe4e4;--mm-cream:#fffaf0;--mm-white:#fff;--mm-bg:#f3f8fc;--mm-border:#b9d4e8;--mm-text:#102d49;--mm-muted:#5d7285;--sidebar-width:300px}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{max-width:100%;overflow-x:hidden}body{background:var(--mm-bg);color:var(--mm-text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mm-yellow-500);outline-offset:3px}.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);width:100%;min-height:100vh;display:grid}.pixel-sidebar{background:linear-gradient(180deg, var(--mm-navy-950), var(--mm-navy-900));color:var(--mm-white);z-index:20;border-right:4px solid #0b75bd;flex-direction:column;min-height:100dvh;padding:1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;padding:0;display:flex}.sidebar-logo img{object-fit:contain;width:clamp(150px,18vw,230px);max-width:100%;height:auto}.sidebar-nav{z-index:2;gap:.75rem;min-height:0;display:grid;position:relative}.sidebar-nav button{color:var(--mm-white);cursor:pointer;font:inherit;text-align:left;background:0 0;border:2px solid #0b75bd;border-radius:8px;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.75rem .9rem;font-weight:900;text-decoration:none;transition:transform .12s,filter .12s;display:flex;box-shadow:inset 0 -4px #0003,0 4px #00000047}.sidebar-nav button:hover{filter:brightness(1.08);transform:translateY(-1px)}.sidebar-nav button.active{background:linear-gradient(180deg, var(--mm-green-600), var(--mm-green-700));border-color:var(--mm-green-400)}.sidebar-nav img{width:34px;height:28px}.sidebar-nav-mark{background:linear-gradient(180deg, var(--mm-yellow-500), var(--mm-orange-500));color:var(--mm-navy-950);border:2px solid #06345f;border-radius:6px;flex:none;justify-content:center;align-items:center;width:34px;height:28px;font-family:Arial Black,Arial,Helvetica,sans-serif;display:inline-flex;box-shadow:inset 0 -3px #0000003d}.sidebar-session{border-top:2px solid #42d5f559;gap:.4rem;margin-top:auto;padding-top:1rem;display:grid}.sidebar-session span,.sidebar-session small{overflow-wrap:anywhere}.sidebar-session small{color:var(--mm-cyan-400);text-transform:capitalize;font-weight:700}.sidebar-session button{min-height:38px;padding:.45rem .75rem}.pixel-main{width:100%;min-width:0}.mobile-menu-button{z-index:35;background:0 0;border:0;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:none;position:fixed;top:.75rem;left:.75rem}.mobile-menu-button img{width:48px;height:48px}.sidebar-overlay{opacity:0;pointer-events:none;z-index:25;background:#0626438c;transition:opacity .16s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.page{padding:clamp(1rem,2.2vw,2rem)}.auth-page{background:linear-gradient(180deg, #e8f7ff, var(--mm-bg));justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:#fffaf0fa;border:2px solid #72b6e5;border-radius:10px;gap:.85rem;width:100%;max-width:430px;padding:clamp(1.1rem,3vw,1.6rem);display:grid;box-shadow:0 5px #07599c47,0 18px 32px #0626431f}.auth-logo{justify-self:center;width:58%;max-width:180px}.auth-card h1{text-align:center;margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif}.auth-welcome{color:#34516b;text-align:center;margin:0;font-weight:800;line-height:1.45}.auth-card label{color:var(--mm-text);gap:.35rem;font-weight:900;display:grid}.auth-card a,.auth-text-button{color:var(--mm-blue-800);justify-self:center;font-weight:900}.auth-text-button{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.auth-link-group{color:#34516b;text-align:center;justify-self:center;gap:.35rem;font-weight:800;display:inline-flex}.password-field{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.password-toggle,.login-input-wrap .password-toggle{border:2px solid var(--mm-blue-700);color:var(--mm-blue-800);background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.65rem .8rem;font-weight:900;display:inline-flex}.auth-error{background:var(--mm-red-100);color:#a92222;border:2px solid #f2a0a0;border-radius:8px;padding:.75rem;font-weight:900}.auth-error.neutral{color:var(--mm-blue-800);background:#e8f7ff;border-color:#72b6e5}.login-page{background:linear-gradient(#19a9e5e0,#74d9432e 52%,#ffc92829),radial-gradient(circle at 18% 18%,#ffffffc7,#0000 22%),linear-gradient(135deg,#07599c 0%,#19a9e5 42%,#f3f8fc 100%);grid-template-columns:minmax(0,1.1fr) minmax(320px,430px);gap:clamp(1.1rem,4vw,4rem);width:100vw;min-height:100dvh;padding:clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.login-page:before{content:none}.login-symbols{pointer-events:none;z-index:0;position:absolute;inset:0}.login-symbol{color:#ffffffb8;text-shadow:0 3px #06264347;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.7rem,3vw,3.8rem);animation:7s ease-in-out infinite loginFloat;position:absolute}.symbol-1{top:13%;left:8%}.symbol-2{animation-delay:.6s;top:10%;left:31%}.symbol-3{animation-delay:1.2s;top:22%;left:48%}.symbol-4{animation-delay:1.8s;top:68%;left:5%}.symbol-5{animation-delay:2.4s;top:74%;left:42%}.symbol-6{animation-delay:3s;top:15%;right:7%}.symbol-7{animation-delay:3.6s;bottom:14%;right:19%}.symbol-8{animation-delay:4.2s;bottom:19%;left:22%}.login-visual,.login-card{z-index:1;position:relative}.login-visual{color:var(--mm-white);text-align:center;place-items:center;gap:clamp(.8rem,2vw,1.4rem);min-width:0;animation:.52s both loginSlideIn;display:grid}.login-logo{filter:drop-shadow(0 12px #0626432e)drop-shadow(0 20px 26px #0626434d);width:100%;max-width:min(420px,62vw);animation:5s ease-in-out infinite loginLogoPulse}.login-character-row{grid-template-columns:1fr auto 1fr;place-items:end center;width:min(100%,420px);max-width:420px;display:grid}.login-character{filter:drop-shadow(0 12px #06264338);object-fit:contain;max-height:clamp(110px,22dvh,190px);animation:2.1s ease-in-out infinite loginIdle}.character-girl{animation-delay:.28s}.login-orbit{grid-template-columns:repeat(3,1fr);align-self:center;gap:.35rem;display:grid}.login-orbit span{background:linear-gradient(180deg, var(--mm-yellow-500), var(--mm-orange-500));border:2px solid var(--mm-navy-900);color:var(--mm-navy-950);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Arial Black,Arial,Helvetica,sans-serif;display:inline-flex;box-shadow:inset 0 -4px #0000002e,0 4px #0626434d}.login-copy{max-width:600px}.login-copy h1,.login-card-heading h2{letter-spacing:0;margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif}.login-copy h1{color:var(--mm-white);text-shadow:0 5px #0626435c;font-size:clamp(2rem,4.6vw,4.4rem);line-height:1.02}.login-copy p{color:#fffffff0;text-shadow:0 2px #06264333;margin:.75rem 0;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:900;line-height:1.45}.login-copy strong{color:var(--mm-blue-800);background:#fffaf0eb;border:2px solid #06264359;border-radius:8px;padding:.55rem .8rem;font-family:Arial Black,Arial,Helvetica,sans-serif;animation:.52s both loginPhrase;display:inline-flex;box-shadow:0 4px #06264333}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg, #fffffffa, #fffaf0f5), var(--mm-cream);border:3px solid #0b75bd;border-radius:14px;align-self:center;max-width:430px;animation:.52s 80ms both loginCardIn;box-shadow:inset 0 0 0 4px #ffffff8c,0 7px #06264366,0 24px 46px #06264347}.login-card.has-error{animation:.28s both loginShake}.login-card-heading{text-align:left;gap:.35rem;display:grid}.login-card-badge{background:linear-gradient(180deg, var(--mm-green-400), var(--mm-green-600));border:2px solid var(--mm-green-700);color:var(--mm-navy-950);text-transform:uppercase;border-radius:8px;justify-self:start;padding:.35rem .55rem;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:.78rem;box-shadow:inset 0 -3px #0000002e}.login-card-heading h2{color:var(--mm-navy-950);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.05}.login-card-heading p{color:var(--mm-muted);margin:0;font-weight:900}.login-field{gap:.5rem}.login-field>span:first-child{color:var(--mm-navy-900)}.login-input-wrap{background:#f7fbff;border:2px solid #72b6e5;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:54px;padding:.3rem .45rem .3rem .7rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:inset 0 -3px #07599c14}.login-input-wrap:focus-within{border-color:var(--mm-blue-700);transform:translateY(-1px);box-shadow:0 0 0 4px #19a9e52e,inset 0 -3px #07599c24}.login-input-wrap.password-field{grid-template-columns:auto minmax(0,1fr) auto}.login-input-icon{background:linear-gradient(180deg, var(--mm-yellow-500), var(--mm-orange-500));color:var(--mm-navy-950);border:2px solid #06264373;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Arial Black,Arial,Helvetica,sans-serif;display:inline-flex}.login-input-wrap input{color:var(--mm-text);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:.65rem .25rem;font-size:1rem;font-weight:800}.login-input-wrap input::placeholder{color:#5d7285c7}.login-input-wrap .password-toggle{background:linear-gradient(#fff,#e8f7ff);min-height:38px;padding:.45rem .65rem;transition:transform .12s,filter .12s}.login-input-wrap .password-toggle:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-submit{background:linear-gradient(180deg, var(--mm-green-400), var(--mm-green-700));border:3px solid var(--mm-navy-900);color:var(--mm-white);cursor:pointer;text-transform:uppercase;border-radius:10px;min-height:54px;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:1rem;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:inset 0 -5px #00000038,0 6px #0626436b}.login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.login-submit:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 -2px #00000038,0 3px #0626436b}.login-submit:disabled{cursor:wait;filter:grayscale(.2)brightness(.92);opacity:.82}.login-actions{color:var(--mm-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;font-weight:900;display:flex}.login-forgot{justify-self:center}.login-caps-warning{color:#a65f00;font-weight:900}@keyframes loginFloat{0%,to{opacity:.35;transform:translate(0,0)rotate(0)}50%{opacity:.78;transform:translateY(-18px)rotate(4deg)}}@keyframes loginSlideIn{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes loginCardIn{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes loginIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loginLogoPulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.015)}}@keyframes loginPhrase{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.onboarding-card{max-width:620px}.onboarding-group{gap:.7rem;display:grid}.onboarding-group strong{font-family:Arial Black,Arial,Helvetica,sans-serif}.check-row{border:2px solid var(--mm-border);border-radius:8px;align-items:center;gap:.65rem;min-height:44px;padding:.55rem .75rem;display:flex}.check-row input{width:20px;height:20px}.institution-actions{flex-wrap:wrap;gap:.6rem;display:flex}.institution-results{border:2px solid var(--mm-border);border-radius:8px;gap:.45rem;padding:.6rem;display:grid}.institution-selected{border:2px solid var(--mm-green-700);color:var(--mm-text);background:#e9f9df;border-radius:6px;padding:.65rem .75rem;font-weight:900}.institution-results button{color:var(--mm-blue-900);cursor:pointer;text-align:left;background:#fff;border:2px solid #74b4de;border-radius:6px;padding:.55rem .7rem;font-weight:800}.teacher-grade-config{gap:.5rem;display:grid}.teacher-section-options{grid-template-columns:repeat(4,minmax(56px,1fr));gap:.45rem;padding-left:.75rem;display:grid}.compact-check{justify-content:center;min-height:38px;padding:.4rem}.disabled-check{cursor:not-allowed;opacity:.58}.disabled-check input{cursor:not-allowed}.institution-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.institution-summary article{border:2px solid var(--mm-border);border-radius:8px;gap:.25rem;padding:.75rem;display:grid}.institution-summary strong{color:var(--mm-blue-900)}.onboarding-character{justify-self:center;width:auto;max-height:110px}.character-options.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.character-options.compact .character-option{min-height:96px}.character-options.compact img{max-height:58px}.content{width:100%;min-width:0;max-width:1180px;margin:0 auto}.header-row,.seccion-form,.table-section{background:#fffaf0f5;border:2px solid #72b6e5;box-shadow:0 4px #07599c2e,0 10px 24px #06264314}.header-row{border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:clamp(1rem,2vw,1.5rem);display:flex}.header-row h1{color:var(--mm-text);margin:0 0 .35rem;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.15}.header-row p{color:var(--mm-muted);margin:0;font-size:clamp(.98rem,1.4vw,1.12rem)}button,.pixel-primary-button{background:linear-gradient(180deg, var(--mm-blue-700), var(--mm-blue-800));color:var(--mm-white);cursor:pointer;border:2px solid #06345f;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.68rem 1rem;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 4px #06345f}button:hover:not(:disabled),.pixel-primary-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}button:active:not(:disabled),.pixel-primary-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #06345f}button:disabled{cursor:not-allowed;opacity:.65}.pixel-primary-button.success{background:linear-gradient(180deg, var(--mm-green-600), var(--mm-green-700));border-color:#176b26;box-shadow:0 4px #176b26}button.secondary{border-color:var(--mm-blue-800);box-shadow:0 3px 0 var(--mm-blue-800);color:var(--mm-text);background:linear-gradient(#f7fbff,#d9ecfb)}button.secondary.edit{background:linear-gradient(180deg, var(--mm-yellow-500), var(--mm-orange-500));color:#3b2500;border-color:#9d560d;box-shadow:0 3px #9d560d}button.secondary.state{background:linear-gradient(180deg, var(--mm-cyan-400), var(--mm-blue-500));border-color:var(--mm-blue-800);box-shadow:0 3px 0 var(--mm-blue-800);color:var(--mm-navy-950)}button.danger{background:linear-gradient(180deg, #ff6b6b, var(--mm-red-500));border-color:#8f1d15;box-shadow:0 3px #8f1d15}.pixel-alert{border-radius:10px;align-items:center;gap:.85rem;min-height:58px;margin-bottom:1rem;padding:.85rem 1rem;font-weight:900;display:flex}.pixel-alert.error{background:var(--mm-red-100);color:#7a1717;border:2px solid #f19696}.pixel-alert.success{border:2px solid var(--mm-green-600);color:#145d21;background:#e2f9dc}.alert-icon{color:var(--mm-white);background:currentColor;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:.8rem;display:inline-flex}.seccion-form,.table-section{border-radius:10px;margin-bottom:1.25rem;padding:clamp(1rem,2vw,1.35rem)}.seccion-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.35rem;display:grid}.seccion-form h2,.table-section h2{color:var(--mm-text);grid-column:1/-1;align-items:center;gap:.5rem;margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.2;display:flex}.seccion-form label{color:#173e62;gap:.42rem;min-width:0;font-weight:900;display:grid}.seccion-form input,.seccion-form select,.seccion-form textarea{background:var(--mm-white);color:var(--mm-text);border:2px solid #5aa3dc;border-radius:7px;width:100%;min-width:0;min-height:50px;padding:.72rem .82rem}.seccion-form textarea{resize:vertical;min-height:108px}.field-error{color:#a82020;font-size:.9rem;font-weight:900}.form-actions{grid-column:1/-1;gap:.75rem;display:flex}.table-section h2{margin-bottom:.9rem}.table-section{min-width:0;overflow:hidden}.table-wrapper{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px}th,td{border-bottom:1px solid var(--mm-border);text-align:left;vertical-align:middle;padding:.85rem}th{color:var(--mm-blue-800);background:#dff3ff;font-weight:900}tr:nth-child(2n) td{background:#42d5f514}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.actions button{padding-inline:.75rem}.badge{text-transform:capitalize;border:2px solid;border-radius:999px;padding:.28rem .65rem;font-size:.84rem;font-weight:900;display:inline-block}.badge.activo{color:#365314;background:#d9f99d}.badge.inactivo{color:#374151;background:#e5e7eb}.pin-code-list{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.pin-code{color:#17345d;background:#fff7d6;border:2px solid #d9971b;border-radius:6px;flex-direction:column;min-width:7rem;padding:.35rem .55rem;font-weight:900;line-height:1.1;display:inline-flex}.pin-code small,.pin-empty{color:#64748b;font-size:.78rem;font-weight:700}.pixel-empty-state{justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,2rem);min-height:150px;display:flex}.pixel-empty-state img{flex:none;width:clamp(120px,18vw,200px);height:auto}.pixel-empty-state p{color:var(--mm-text);margin:0 0 .35rem;font-size:1.1rem;font-weight:900}.pixel-empty-state span{color:var(--mm-muted);font-weight:800}.pixel-loader{color:var(--mm-blue-800);align-items:center;gap:.85rem;min-height:80px;font-weight:900;display:flex}.pixel-spinner{border:4px solid var(--mm-border);border-top-color:var(--mm-green-600);box-shadow:0 3px 0 var(--mm-blue-800);width:34px;height:34px;animation:.9s steps(8,end) infinite pixel-spin;display:inline-block}@keyframes pixel-spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;background:#06264399;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--mm-cream);border:3px solid #72b6e5;border-radius:10px;width:100%;max-width:460px;max-height:calc(100dvh - 24px);padding:1.25rem;overflow-y:auto;box-shadow:0 6px #06345f59}.modal h2{margin:0 0 .75rem;font-family:Arial Black,Arial,Helvetica,sans-serif}.modal p{margin:0 0 1rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.panel{background:#fffaf0f5;border:2px solid #72b6e5;border-radius:10px;padding:clamp(1rem,2vw,1.35rem);box-shadow:0 4px #07599c2e,0 10px 24px #06264314}.generated-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.generated-example{background:#fffdf8;border:2px solid #72b6e5;border-radius:8px;gap:.35rem;padding:.85rem;display:grid}.generated-example p{color:var(--mm-text);margin:0;font-weight:900}.generated-example span{color:var(--mm-muted);font-weight:800}.template-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.template-form label{gap:.45rem;display:grid}.template-form span{color:var(--mm-text);font-weight:900}.template-form input,.template-form select,.template-form textarea{color:var(--mm-text);font:inherit;background:#fffdf8;border:2px solid #72b6e5;border-radius:6px;width:100%;padding:.75rem;font-weight:800}.template-form textarea{min-height:160px;font-family:Consolas,Courier New,monospace}.template-form-wide{grid-column:1/-1}.group-detail{margin-top:1rem}.group-detail h2,.group-detail h3{margin:0 0 .75rem;font-family:Arial Black,Arial,Helvetica,sans-serif}.group-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.group-columns>div{gap:.75rem;display:grid}.group-columns label:not(.check-row){gap:.45rem;display:grid}.pin-list{gap:.75rem;display:grid}.pin-card{background:#fffdf8;border:2px solid #72b6e5;border-radius:8px;gap:.35rem;padding:.85rem;display:grid}.pin-card strong{color:var(--mm-blue-800);letter-spacing:0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:1.45rem}.pin-card div{flex-wrap:wrap;gap:.5rem;display:flex}.pin-card button{min-height:36px;padding:.45rem .7rem}td button+button{margin-left:.4rem}.game-page{gap:1rem;display:grid}.game-page-active{touch-action:manipulation;z-index:1000;background:#06132a;width:100dvw;height:100dvh;padding:0;position:fixed;inset:0;overflow:hidden}.game-pseudo-fullscreen{max-width:none;max-height:none;margin:0}html.game-session-active,body.game-session-active,#root.game-session-active{overscroll-behavior:none;height:100%;margin:0;padding:0}.game-start-panel{background:#fffaf0f5;border:2px solid #72b6e5;border-radius:10px;padding:clamp(1rem,2vw,1.35rem);box-shadow:0 4px #07599c2e,0 10px 24px #06264314}.game-start-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:1rem;display:grid}.game-start-grid.activity-start{grid-template-columns:auto;justify-content:start}.game-start-grid label{gap:.45rem;display:grid}.game-start-grid span{color:var(--mm-text);font-weight:900}.game-start-grid select,.numeric-question input{color:var(--mm-text);font:inherit;background:#fffdf8;border:2px solid #72b6e5;border-radius:6px;width:100%;min-height:48px;padding:.75rem;font-weight:800}.game-start-panel h2{margin:0 0 .45rem;font-family:Arial Black,Arial,Helvetica,sans-serif}.game-start-panel p{color:var(--mm-muted);margin:0;font-weight:800;line-height:1.5}.update-grade-panel{max-width:680px}.update-grade-panel form,.update-grade-confirmation{gap:1rem;display:grid}.update-grade-panel label{color:var(--mm-text);gap:.45rem;font-weight:900;display:grid}.update-grade-panel input{color:var(--mm-text);font:inherit;background:#fffdf8;border:2px solid #72b6e5;border-radius:6px;min-height:48px;padding:.75rem;font-weight:900}.update-grade-confirmation{border-top:2px solid var(--mm-border);margin-top:1rem;padding-top:1rem}.update-grade-confirmation dl{grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:0;display:grid}.update-grade-confirmation dt{color:var(--mm-muted);font-weight:900}.update-grade-confirmation dd{color:var(--mm-text);margin:0;font-weight:900}.game-fullscreen-container{background:#06132a;place-items:center;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.game-loading-screen{color:#fffdf8}.game-loading-panel,.game-blocking-overlay{border:3px solid var(--mm-blue-800);color:var(--mm-text);text-align:center;background:#fffdf8f5;border-radius:8px;padding:clamp(1rem,3vw,2rem);font-family:Arial Black,Arial,Helvetica,sans-serif;box-shadow:0 5px #06264357}.game-loading-panel{font-size:clamp(1.35rem,3vw,2.4rem)}.game-board{box-shadow:none;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;overflow:hidden}.game-board-inner{aspect-ratio:1983/793;width:auto;max-width:100vw;height:min(100%,39.9899vw);max-height:100%;margin:0 auto;position:relative}.game-map{object-fit:contain;border:0;border-radius:0;width:100%;height:100%;display:block}.character-position{pointer-events:none;will-change:transform;z-index:5;position:absolute;top:0;left:0}.character-sprite-box{height:var(--character-height);transform:translate(calc(-1 * var(--feet-anchor-x)), calc(-1 * var(--feet-anchor-y)));transform-origin:var(--feet-anchor-x) var(--feet-anchor-y);width:var(--character-width);position:relative}.character-animation-layer{width:100%;height:100%}.character-sprite{filter:drop-shadow(0 8px #06264338);object-fit:contain;object-position:center bottom;height:100%;transform:translate(var(--frame-offset-x), var(--frame-offset-y));width:100%;transition:filter .12s;display:block}.character-sprite.error{filter:drop-shadow(0 8px #7a171738)}.debug-position-point{color:#17243a;z-index:8;background:#ffef45;border:2px solid #17243a;border-radius:999px;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.65rem;font-weight:900;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.game-controls{flex-wrap:wrap;gap:.75rem;display:flex}.game-controls button{min-width:150px}.question-panel{pointer-events:none;z-index:10;position:absolute;inset:0}.game-hud-top{left:max(env(safe-area-inset-left), clamp(.75rem, 2vw, 1.5rem));right:max(env(safe-area-inset-right), clamp(.75rem, 2vw, 1.5rem));top:max(env(safe-area-inset-top), clamp(.5rem, 1.5vw, 1rem));grid-template-columns:minmax(150px,.7fr) minmax(260px,1.45fr) minmax(110px,.7fr);align-items:start;gap:clamp(.5rem,1.5vw,1rem);display:grid;position:absolute}.question-card,.game-answer-panel{border:3px solid var(--mm-blue-800);color:var(--mm-text);pointer-events:auto;background:#fffdf8f0;border-radius:8px;box-shadow:0 4px #06264347}.game-lives-panel{box-shadow:none;pointer-events:none;background:0 0;border:0;place-self:start;gap:.35rem;padding:0;display:grid}.game-lives-panel>span{color:#fffdf8;text-shadow:2px 0 #062643,-2px 0 #062643,0 2px #062643,0 -2px #062643;font-size:clamp(.7rem,1vw,.95rem);font-weight:900;line-height:1}.lives-indicator{gap:clamp(.18rem,.5vw,.4rem);display:flex}.life-heart{filter:drop-shadow(0 3px #06264347);object-fit:contain;width:clamp(28px,3.3vw,54px);height:clamp(28px,3.3vw,54px);display:block}.visually-hidden{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.question-card{place-self:start center;min-width:min(560px,48vw);max-width:min(780px,54vw);max-height:min(24dvh,190px);padding:clamp(.55rem,1.4vw,1.1rem);display:grid;overflow:hidden}.question-kicker{color:var(--mm-blue-800);text-transform:uppercase;font-size:.85rem;font-weight:900}.question-card h2{overflow-wrap:anywhere;text-align:center;margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.05rem,2.1vw,2.45rem);line-height:1.15}.question-card p{color:var(--mm-muted);margin:0;font-weight:800}.question-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.45rem,.9vw,.75rem);display:grid}.question-option-button{border-color:var(--mm-blue-800);color:var(--mm-text);background:linear-gradient(#f7fbff,#d9ecfb);min-height:clamp(44px,5.2dvh,58px);padding:clamp(.55rem,1vw,.85rem);font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1rem,1.6vw,1.55rem)}.numeric-question{grid-template-columns:minmax(0,1fr) auto;gap:clamp(.45rem,.9vw,.75rem);display:grid}.game-bottom-controls{bottom:max(env(safe-area-inset-bottom), clamp(.2rem, .7vw, .55rem));left:max(env(safe-area-inset-left), clamp(1rem, 6vw, 7rem));pointer-events:none;right:max(env(safe-area-inset-right), clamp(1rem, 3vw, 2rem));grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:clamp(.6rem,1.5vw,1rem);display:grid;position:absolute}.game-answer-panel{justify-self:center;gap:clamp(.3rem,.65vw,.45rem);min-width:min(560px,54vw);max-width:min(720px,58vw);padding:clamp(.4rem,.85vw,.65rem);display:grid}.game-answer-label{color:var(--mm-blue-800);font-size:clamp(.72rem,1vw,.95rem);font-weight:900;line-height:1}.game-page-active .question-options{gap:clamp(.25rem,.55vw,.4rem)}.game-page-active .question-option-button{min-height:clamp(38px,4.8dvh,50px);padding:clamp(.3rem,.65vw,.45rem);font-size:clamp(.95rem,1.35vw,1.35rem)}.game-exit-button{color:#fffdf8;pointer-events:auto;background:linear-gradient(#ff9c52,#db4d30);border-color:#7a1717;align-self:end;min-width:clamp(88px,9vw,128px);min-height:clamp(48px,6dvh,64px);box-shadow:0 4px #7a1717}.game-inline-alert{color:#8b1d1d;pointer-events:none;text-align:center;z-index:12;background:#ffededf5;border:3px solid #d96363;border-radius:8px;max-width:min(640px,72vw);padding:.75rem 1rem;font-weight:900;position:absolute;top:27%;left:50%;transform:translate(-50%);box-shadow:0 4px #7a171742}.game-blocking-overlay{pointer-events:auto;z-index:30;gap:.75rem;max-width:min(520px,84vw);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-blocking-overlay strong{font-size:clamp(1.25rem,2.4vw,2rem)}.game-blocking-overlay span{color:var(--mm-muted);font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1.35}.game-overlay-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.game-selector-modal{max-width:720px}.character-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.character-option{border-color:var(--mm-blue-800);color:var(--mm-text);background:linear-gradient(#f7fbff,#d9ecfb);place-items:center;gap:.75rem;min-height:190px;display:grid}.character-option.selected{border-color:var(--mm-green-700);box-shadow:0 4px 0 var(--mm-green-700);background:linear-gradient(#e2f9dc,#b7ed9d)}.character-option img{object-fit:contain;width:auto;height:120px}.character-option span{text-align:center;font-family:Arial Black,Arial,Helvetica,sans-serif}.student-dashboard{gap:1rem;display:grid}.student-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.student-stat-card,.topic-progress-card{background:#fffaf0f5;border:2px solid #72b6e5;border-radius:8px;box-shadow:0 4px #07599c2e,0 10px 24px #06264314}.student-stat-card{gap:.35rem;min-width:0;padding:.9rem;display:grid}.student-stat-card span,.topic-progress-card span,.topic-progress-card dt{color:var(--mm-muted);font-size:.9rem;font-weight:900}.student-stat-card strong{color:var(--mm-blue-800);overflow-wrap:anywhere;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.1}.student-section{gap:1rem;display:grid}.student-section h2{margin:0;font-family:Arial Black,Arial,Helvetica,sans-serif}.topic-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.topic-progress-card{gap:.85rem;padding:.9rem;display:grid}.topic-progress-card strong{color:var(--mm-text);font-family:Arial Black,Arial,Helvetica,sans-serif;line-height:1.2;display:block}.topic-progress-card dl{grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem;margin:0;display:grid}.topic-progress-card dd{color:var(--mm-text);text-align:right;margin:0;font-weight:900}.assignments-page,.activities-page{gap:1rem;display:grid}.panel h2{margin:0 0 1rem;font-family:Arial Black,Arial,Helvetica,sans-serif}.assignment-topic-list{gap:.7rem;display:grid}.assignment-topic-list strong{font-family:Arial Black,Arial,Helvetica,sans-serif}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.activity-card{background:#fffaf0f5;border:2px solid #72b6e5;border-radius:8px;gap:.85rem;padding:clamp(1rem,2vw,1.25rem);display:grid;box-shadow:0 4px #07599c2e,0 10px 24px #06264314}.activity-card strong{color:var(--mm-text);font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:1.2rem;line-height:1.2;display:block}.activity-card span,.activity-card p,.activity-card dt{color:var(--mm-muted);font-weight:900}.activity-card p{margin:0;line-height:1.45}.activity-card dl{grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem;margin:0;display:grid}.activity-card dd{color:var(--mm-text);text-align:right;margin:0;font-weight:900}.activity-topics{flex-wrap:wrap;gap:.45rem;display:flex}.activity-topics span{color:var(--mm-blue-800);background:#dff3ff;border:2px solid #72b6e5;border-radius:999px;padding:.35rem .65rem}.reports-page{gap:1rem;display:grid}.reports-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reports-filter-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.reports-filter-actions{align-self:end}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.report-bars,.report-list,.alerts-grid{gap:.75rem;display:grid}.report-bar,.report-list li,.alert-card{background:#fffaf0f5;border:2px solid #72b6e5;border-radius:8px;box-shadow:0 3px #07599c29}.report-bar,.report-list li{color:var(--mm-text);justify-content:space-between;align-items:center;padding:.75rem .9rem;font-weight:900;display:flex}.report-list{margin:0;padding:0;list-style:none}.report-bar.aumentar{border-color:var(--mm-green-700)}.report-bar.reducir,.report-bar.reforzar{border-color:#d96363}.report-bar.mantener{border-color:var(--mm-blue-800)}.alerts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alert-card{gap:.55rem;padding:1rem;display:grid}.alert-card strong{color:var(--mm-text);font-family:Arial Black,Arial,Helvetica,sans-serif}.alert-card span,.alert-card p,.alert-card dt{color:var(--mm-muted);font-weight:900}.alert-card p{margin:0}.alert-card dl{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .65rem;margin:0;display:grid}.alert-card dd{color:var(--mm-text);margin:0;font-weight:900}.admin-page{gap:1rem;display:grid}.admin-stats-grid,.admin-role-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-tabs{flex-wrap:wrap;gap:.65rem;display:flex}.admin-tabs button{color:var(--mm-text);background:linear-gradient(#f7fbff,#d9ecfb);border-color:#72b6e5}.admin-tabs button.active{border-color:var(--mm-green-700);box-shadow:0 4px 0 var(--mm-green-700);background:linear-gradient(#e2f9dc,#b7ed9d)}.admin-form,.admin-filter-form{gap:1rem;display:grid}.admin-form{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.admin-filter-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:1rem}.admin-form-wide{grid-column:1/-1}.admin-role-grid,.admin-links-grid{gap:1rem;margin-top:1rem;display:grid}.admin-links-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-links-grid a{color:var(--mm-text);text-align:center;background:linear-gradient(#f7fbff,#d9ecfb);border:2px solid #72b6e5;border-radius:8px;padding:.9rem;font-weight:900;text-decoration:none;box-shadow:0 3px #07599c29}@media (width<=1023px){.login-page{grid-template-columns:minmax(0,.9fr) minmax(320px,410px);gap:1.2rem;padding:1rem}.login-logo{max-width:320px}.login-character{max-height:130px}.login-copy h1{font-size:clamp(1.8rem,4.5vw,3rem)}.pixel-shell{display:block}.page{padding-top:5rem}.mobile-menu-button{display:inline-flex}.pixel-sidebar{box-sizing:border-box;z-index:30;width:min(86vw,320px);max-width:320px;height:100vh;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(calc(-100% - 24px))}.pixel-sidebar.open{transform:translate(0)}.student-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-grid{grid-template-columns:1fr}.alerts-grid,.admin-form,.admin-filter-form,.admin-links-grid,.admin-role-grid,.admin-stats-grid,.reports-filter-form,.reports-grid,.reports-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.login-page{min-height:100dvh;padding:max(.85rem, env(safe-area-inset-top)) .85rem max(1rem, env(safe-area-inset-bottom));grid-template-columns:1fr;align-content:start;gap:.9rem;overflow-y:auto}.login-visual{gap:.55rem}.login-logo{max-width:min(260px,76vw)}.login-character-row{max-width:250px}.login-character{max-height:84px}.login-orbit span{width:32px;height:32px}.login-copy h1{font-size:clamp(1.55rem,8vw,2.4rem)}.login-copy p{margin:.45rem 0;font-size:.95rem}.login-copy strong{padding:.45rem .6rem;font-size:.82rem}.login-card{border-width:2px;max-width:none;padding:.95rem;box-shadow:inset 0 0 0 3px #ffffff8c,0 5px #06264359}.login-card-heading h2{font-size:1.45rem}.login-input-wrap{min-height:48px}.login-input-wrap.password-field{grid-template-columns:auto minmax(0,1fr)}.login-input-wrap.password-field .password-toggle{grid-column:1/-1;justify-self:stretch}.login-symbol{font-size:clamp(1.1rem,8vw,2rem)}.page{padding:5rem .85rem .85rem}.header-row,.form-actions,.modal-actions{flex-direction:column;align-items:stretch}.seccion-form{grid-template-columns:1fr}.table-wrapper{width:100%;max-width:100%;overflow-x:auto}.game-start-grid,.generated-examples,.group-columns,.alerts-grid,.admin-form,.admin-filter-form,.admin-links-grid,.admin-role-grid,.admin-stats-grid,.reports-filter-form,.reports-grid,.reports-stats-grid,.student-stats-grid,.template-form,.topic-progress-grid,.numeric-question,.question-options{grid-template-columns:1fr}.game-controls{grid-template-columns:1fr;display:grid}.game-controls button{width:100%}.character-options{grid-template-columns:1fr}table{min-width:720px}.pixel-empty-state{text-align:center;flex-direction:column-reverse;align-items:center}.actions{grid-template-columns:1fr;display:grid}th,td{padding:.75rem}}@media (prefers-reduced-motion:reduce){.login-card,.login-character,.login-copy strong,.login-logo,.login-symbol,.login-visual{animation:none}.login-input-wrap,.login-submit,.password-toggle{transition:none}}@media (orientation:landscape) and (height<=600px){.game-hud-top{left:max(env(safe-area-inset-left), .5rem);right:max(env(safe-area-inset-right), .5rem);top:max(env(safe-area-inset-top), .35rem);grid-template-columns:minmax(112px,.6fr) minmax(240px,1.7fr) minmax(72px,.4fr)}.game-lives-panel{padding:.35rem}.life-heart{width:clamp(22px,4vw,32px);height:clamp(22px,4vw,32px)}.question-card{min-width:min(360px,50vw);max-width:min(520px,55vw);max-height:27dvh;padding:.45rem .6rem}.question-card h2{font-size:clamp(.82rem,2.45vw,1.2rem)}.game-bottom-controls{bottom:max(env(safe-area-inset-bottom), .15rem);left:max(env(safe-area-inset-left), .65rem);right:max(env(safe-area-inset-right), .65rem);grid-template-columns:minmax(260px,1fr) auto}.game-answer-panel{min-width:min(380px,58vw);max-width:min(560px,62vw);padding:.4rem}.game-page-active .question-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.game-page-active .numeric-question{grid-template-columns:minmax(0,1fr) auto}.question-option-button{min-height:40px;padding:.4rem;font-size:clamp(.85rem,2.4vw,1.05rem)}.numeric-question input{min-height:44px;padding:.45rem .65rem}.game-exit-button{min-width:82px;min-height:44px}.game-fullscreen-container{grid-template-rows:minmax(0,1fr);place-items:center}.game-fullscreen-container .game-board{grid-row:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;min-height:0}.game-fullscreen-container .game-board-inner{max-width:100%;height:min(100%,39.9899vw)}.game-bottom-controls{bottom:max(env(safe-area-inset-bottom), .4rem);box-sizing:border-box;grid-row:2;grid-template-columns:minmax(0,48vw) clamp(76px,12vw,104px);justify-content:center;align-items:center;gap:clamp(.35rem,1vw,.55rem);width:62vw;min-height:0;padding:0;position:absolute;left:50%;right:auto;transform:translate(-50%)}.game-answer-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf8d6;border-width:2px;align-self:center;gap:.15rem;width:100%;min-width:0;max-width:none;padding:clamp(2px,.65dvh,4px) clamp(4px,.8vw,6px);box-shadow:0 2px #0626433d}.game-answer-label{font-size:clamp(.62rem,1.55vw,.76rem);line-height:.95}.game-page-active .question-option-button{background:linear-gradient(#f7fbfffa,#d9ecfbfa);min-height:clamp(34px,8.5dvh,44px);padding:.15rem .3rem;font-size:clamp(1rem,3.5dvh,1.3rem)}.game-page-active .question-options{gap:clamp(3px,.7dvh,5px)}.game-page-active .numeric-question{grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.game-page-active .numeric-question input{min-height:clamp(36px,8.5dvh,44px);padding:.25rem .45rem}.game-exit-button{align-self:center;width:100%;min-width:0;min-height:clamp(38px,9dvh,48px);padding:.25rem .4rem;box-shadow:0 3px #7a1717}}@media (width<=900px) and (orientation:portrait){.game-blocking-overlay{max-width:min(420px,86vw)}}.student-page-heading,.child-welcome,.personalizacion-section,.child-progress-section,.store-carousel,.store-maps{background:#f8fcff;border:3px solid #0d5ca8;box-shadow:0 4px #083c70}.student-page-heading,.child-welcome{justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.student-page-heading h1,.child-welcome h1,.personalizacion-section h2,.store-maps h2{margin:0}.student-page-heading p,.child-welcome p,.child-progress-section p{margin:.4rem 0 0}.coin-balance{color:#543200;background:#ffe16c;border:2px solid #9a5a00;align-items:center;gap:.32rem;min-height:42px;padding:.3rem .65rem;font-weight:800;display:inline-flex}.coin-balance img{object-fit:contain;width:30px;height:30px;image-rendering:pixelated}.coin-balance-medium{min-height:58px;font-size:1.35rem}.coin-balance-medium img{width:46px;height:46px}.child-dashboard,.personalizacion-page,.tienda-page{gap:1.25rem;display:grid}.child-welcome{background:#e8f7ff}.child-kicker{color:#0d5ca8;text-transform:uppercase;font-weight:800}.child-play-button{min-width:170px;margin-top:0}.child-play-hud{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.child-character-showcase{justify-items:center;gap:.4rem;min-width:180px;display:grid}.child-character-showcase img{object-fit:contain;width:150px;height:150px}.child-progress-section,.personalizacion-section,.store-maps{padding:1.1rem}.child-topic-list{gap:.55rem;margin-top:.9rem;display:grid}.child-topic{background:#fff;border:2px solid #bad4ed;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.child-topic span{color:#f6b400;white-space:nowrap;font-size:1.25rem}.child-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.child-quick-actions button{text-align:left;background:#e8f7ff;border:3px solid #0d5ca8;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .65rem;padding:1rem;display:grid}.child-quick-actions button>span{color:#fff;background:#2b86d0;border:2px solid #083c70;grid-row:span 2;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.child-quick-actions small{color:#466278}.personalizacion-grid,.store-map-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin-top:.9rem;display:grid}.personalizacion-card,.store-map-card{text-align:center;background:#fff;border:2px solid #9bc5e6;justify-items:center;gap:.65rem;padding:.8rem;display:grid}.personalizacion-card.selected{border-color:#2f9e44;box-shadow:inset 0 -4px #78c850}.personalizacion-character{object-fit:contain;width:150px;height:150px}.map-preview{aspect-ratio:1983/793;object-fit:cover;border:2px solid #0d5ca8;width:100%}.map-mode-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.7rem;display:flex}.store-carousel{grid-template-columns:minmax(82px,.45fr) minmax(220px,1fr) minmax(82px,.45fr);align-items:center;gap:1rem;padding:1rem;display:grid}.carousel-control{color:#07386c;background:#e1f2ff;border:2px solid #083c70;min-height:48px;font-weight:800}.store-character-card{text-align:center;justify-items:center;gap:.65rem;padding:.8rem;display:grid}.store-character-card h2{margin:0}.store-character-preview{object-fit:contain;width:min(240px,58vw);height:min(240px,58vw)}.store-price{min-height:30px}.purchase-modal-backdrop{z-index:200;background:#062643ad}.purchase-confirm-modal{gap:.8rem;width:min(92vw,520px);max-width:520px;display:grid}.purchase-confirm-modal p{margin:0}.purchase-confirm-item{text-align:center;background:#fffdf5;border:2px solid #0d5ca8;justify-items:center;gap:.4rem;padding:.8rem;display:grid}.purchase-confirm-preview{object-fit:contain;width:min(200px,58vw);height:130px}.purchase-confirm-preview.map-preview{height:auto;max-height:130px}.purchase-confirm-balances{background:#fff4bd;border:2px solid #d88900;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .8rem;padding:.75rem;font-weight:800;display:grid}.purchase-confirm-error{color:#8b241c;background:#ffe9e5;border:2px solid #c84035;padding:.65rem;font-weight:800}.purchase-confirm-actions{justify-content:stretch}.purchase-confirm-actions button{flex:1}.game-explanation-panel{z-index:12;top:max(env(safe-area-inset-top), 1rem);right:max(env(safe-area-inset-right), 1rem);background:#fffef1;border:3px solid #0d5ca8;flex-direction:column;gap:.55rem;width:min(360px,34vw);min-height:0;max-height:min(440px,100% - 2rem,100dvh - 2rem);padding:1rem;display:flex;position:absolute;overflow:hidden;box-shadow:0 5px #083c70}.game-explanation-panel h2,.game-explanation-panel p{margin:0}.game-explanation-header,.game-explanation-footer{flex-shrink:0}.game-explanation-header{gap:.3rem;display:grid}.game-explanation-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;gap:.55rem;min-height:0;padding:0 .2rem;display:grid;overflow:hidden auto}.game-explanation-content span{color:#426673;overflow-wrap:anywhere;font-size:.9rem}.game-explanation-footer{background:#fffef1}.game-explanation-footer .pixel-primary-button{width:100%;min-height:44px}.game-correct-answer{color:#153c66;font-size:1.02rem}.game-correct-answer strong{overflow-wrap:anywhere;font-size:1.15rem}.game-procedure{background:#edf8ff;border:2px solid #9ac6e9;gap:.35rem;padding:.65rem .7rem;display:grid}.game-procedure h3,.game-procedure ol{margin:0}.game-procedure h3{color:#0d5ca8;font-size:.98rem}.game-procedure ol{gap:.25rem;padding-left:1.35rem;display:grid}.game-procedure li{color:#193a5b;overflow-wrap:anywhere;font-size:.88rem;line-height:1.3}.game-reward{background:#fff4bd;border:2px solid #d88900;justify-items:center;gap:.4rem;padding:.7rem;display:grid}.game-balance-after{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}@media (prefers-reduced-motion:no-preference){.game-reward .coin-balance-medium{animation:.7s ease-out both coin-reward-bounce}}@keyframes coin-reward-bounce{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@media (width<=767px){.student-page-heading,.child-welcome{flex-direction:column;align-items:stretch}.child-character-showcase{grid-template-columns:96px 1fr;justify-items:start;min-width:0}.child-character-showcase img{grid-row:span 2;width:96px;height:96px}.child-quick-actions{grid-template-columns:1fr}.store-carousel{grid-template-columns:1fr 1fr}.store-character-card{grid-area:1/1/auto/-1}.carousel-control{min-height:42px}.game-explanation-panel{width:min(340px,100vw - 1.25rem);max-height:min(90dvh,100dvh - 1rem);padding:.75rem;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.game-explanation-content{gap:.4rem}}label,.panel,.header-row,.content,.form-actions,.reports-filter-actions{min-width:0}input,select,textarea,.responsive-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}input[type=date],input[type=datetime-local]{min-width:0}.responsive-select{position:relative}.responsive-select-trigger{box-shadow:none;color:var(--mm-text);font:inherit;text-align:left;background:#fffdf8;border:2px solid #72b6e5;border-radius:7px;justify-content:space-between;align-items:center;gap:.7rem;width:100%;min-height:50px;padding:.72rem .82rem;font-weight:800;display:flex;overflow:hidden}.responsive-select-trigger>span:first-child{overflow-wrap:anywhere;min-width:0}.responsive-select-options{border:2px solid var(--mm-blue-800);z-index:60;background:#fffdf8;border-radius:8px;width:100%;max-width:min(100%,100vw - 24px);max-height:min(60dvh,380px);display:grid;position:absolute;top:calc(100% + .35rem);left:0;overflow-y:auto;box-shadow:0 6px #06345f3d,0 14px 28px #06264333}.responsive-select-options.open-up{top:auto;bottom:calc(100% + .35rem)}.responsive-select-options button{border:0;border-bottom:1px solid var(--mm-border);box-shadow:none;color:var(--mm-text);overflow-wrap:anywhere;text-align:left;background:#fffdf8;border-radius:0;justify-content:flex-start;min-height:44px;padding:.65rem .75rem;line-height:1.3}.responsive-select-options button:hover,.responsive-select-options button:focus-visible,.responsive-select-options button.selected{color:var(--mm-blue-800);filter:none;background:#dff3ff;transform:none}.responsive-select-options button:active{box-shadow:none;transform:none}.responsive-select-group{color:#176b26;background:#e2f9dc;padding:.45rem .75rem;font-size:.82rem;font-weight:900}.responsive-modal-backdrop{z-index:100;background:#062643ad;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.responsive-modal{background:var(--mm-cream);border:3px solid #72b6e5;border-radius:8px;width:min(100%,460px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:clamp(1rem,3vw,1.5rem);overflow-y:auto;box-shadow:0 6px #06345f59}.responsive-modal h2{margin:0 0 .7rem;font-family:Arial Black,Arial,Helvetica,sans-serif}.responsive-modal p{margin:0 0 1rem;line-height:1.5}.responsive-modal a{color:var(--mm-blue-800);overflow-wrap:anywhere;font-weight:900}.report-export-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=1023px){.pixel-sidebar{width:min(280px,85vw);height:100dvh;max-height:100dvh;overflow-y:auto}.sidebar-nav{padding-right:.2rem;overflow-y:auto}}@media (width<=767px){.responsive-select-options{max-width:calc(100vw - 24px)}.report-export-actions,.report-export-actions button{width:100%}}@media (orientation:landscape) and (height<=550px){.pixel-sidebar{gap:.45rem;padding:.6rem}.sidebar-logo{margin-bottom:.25rem}.sidebar-logo img{width:auto;max-height:82px}.sidebar-nav{gap:.4rem}.sidebar-nav button{min-height:42px;padding:.45rem .65rem}.sidebar-session{margin-top:.4rem;padding-top:.5rem}}.classification-page{gap:1rem;display:grid}.classification-controls{grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr);align-items:end;gap:1rem;display:grid}.classification-controls label,.classification-score{gap:.45rem;display:grid}.classification-controls label>span,.classification-score>span{color:var(--mm-blue-800);font-weight:900}.classification-score{background:#e7f8df;border:2px solid #57a73d;min-height:50px;padding:.7rem .85rem}.classification-score strong{color:#176b26;font-size:1.25rem}.classification-tabs{border-bottom:2px solid var(--mm-border);gap:.3rem;display:flex}.classification-tabs button{border:2px solid var(--mm-border);box-shadow:none;color:var(--mm-blue-800);background:#eaf6ff;border-bottom:0;border-radius:7px 7px 0 0;min-height:44px}.classification-tabs button.is-active{color:#176b26;background:#e2f9dc;border-color:#57a73d}.classification-results{gap:1rem;display:grid}.classification-results h2{margin:0}.classification-table-wrap{overflow-x:auto}.classification-table{border-collapse:collapse;width:100%;min-width:680px}.classification-table th,.classification-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #b9d9ef;padding:.75rem}.classification-table th{color:var(--mm-blue-800);background:#eaf6ff}.classification-character{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.classification-character img{object-fit:contain;width:44px;height:44px}.classification-cards{display:none}.classification-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.classification-pagination span{font-weight:800}@media (width<=767px){.classification-controls{grid-template-columns:1fr}.classification-table-wrap{display:none}.classification-cards{gap:.7rem;display:grid}.classification-cards article{background:#fffdf8;border:2px solid #9ac6e9;gap:.4rem;padding:.8rem;display:grid}.classification-cards article>strong{color:#176b26;font-size:1.1rem}.classification-pagination{justify-content:space-between}}