/* Mundo de Lola · universo de juegos */
:root{--arc-ink:#f7f4ff;--arc-muted:#c3bdd3;--arc-panel:#171524;--arc-accent:#c0a7ff}
body[data-page="home"]{background:#030308!important}
body[data-page="home"] nav{background:#10101be8!important;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff20!important;box-shadow:none!important;color:var(--arc-ink)!important}
body[data-page="home"] nav :is(.brand-text,.nav-links a){color:#f7f4ff!important}
body[data-page="home"] .lola-play-heading h1{font-size:clamp(34px,4.5vw,58px);letter-spacing:-.05em}
body[data-page="home"] .lola-spotlight{max-width:1240px;margin-top:30px}
body[data-page="home"] #more{max-width:1240px;margin:auto}
body[data-page="home"] #more-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
body[data-page="home"] #more-grid .game-card{background:#161423!important;border:1px solid #ffffff29!important;border-radius:22px!important;box-shadow:0 10px 32px #0003!important;transition:border-color .2s,box-shadow .2s!important}
body[data-page="home"] #more-grid .game-card:hover{border-color:var(--arc-accent)!important;box-shadow:0 12px 35px #0007,0 0 0 2px color-mix(in srgb,var(--arc-accent) 25%,transparent)!important}
body[data-page="home"] #more-grid .game-card:focus-visible{outline:3px solid #ffe293;outline-offset:5px}
body[data-page="home"] #more-grid .game-thumb{height:auto!important;min-height:0!important;aspect-ratio:1.16!important;background:#242039!important;position:relative}
body[data-page="home"] #more-grid .game-name{color:#f9f5ff!important;font-size:22px!important;line-height:1.15!important;letter-spacing:-.035em}
body[data-page="home"] #more-grid .game-name::after{content:none!important}
body[data-page="home"] #more-grid .game-desc{color:#c6bfd7!important;font-size:14px!important;line-height:1.5!important;margin:9px 0 18px!important}
body[data-page="home"] #more-grid .game-body{padding:18px!important}
body[data-page="home"] #more-grid .game-meta{gap:10px;flex-wrap:wrap}
body[data-page="home"] #more-grid .status-ready{background:var(--arc-accent)!important;color:#21132d!important;padding:11px 16px!important;font-size:13px!important;font-weight:800;border:0!important;box-shadow:none!important}
body[data-page="home"] #more-grid .reward{color:#e8d8a4!important;font-size:13px!important}
body[data-page="home"] #more-grid .lola-skill{color:var(--arc-accent);font-size:12px;line-height:1.4;margin-top:7px}
.arc-cover{height:100%;width:100%;background-image:var(--arc-cover);background-size:var(--arc-size,300% 300%);background-position:var(--arc-position);position:relative;overflow:hidden}
.arc-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12102080,transparent 45%);pointer-events:none}
.arc-cover-label{position:absolute;left:12px;bottom:12px;border:1px solid #ffffff30;background:#171323d9;backdrop-filter:blur(7px);color:#fff1d3;font-size:12px;font-weight:700;padding:6px 9px;border-radius:8px;z-index:1}
.arc-card-number{position:absolute;right:12px;top:12px;width:31px;height:31px;display:grid;place-items:center;background:#0808139c;color:#fff;font-size:12px;font-weight:800;border-radius:50%;border:1px solid #fff4}
.arc-mini-art{display:block!important;width:100%;height:100%;min-height:100px;background-image:var(--arc-cover);background-size:var(--arc-size,300% 300%);background-position:var(--arc-position);border-radius:17px}
.lola-mini-pick.arc-mini{grid-template-columns:110px 1fr;padding:13px;overflow:hidden}
.arc-mini small{font-size:12px;letter-spacing:.03em}.arc-mini h2{font-size:22px}.arc-mini b{font-size:15px}
.arc-cover-ready.lola-adventure-card::before{background-image:var(--arc-cover);background-size:var(--arc-size,300% 300%);background-position:var(--arc-position)}
.arc-cover-ready.lola-adventure-card .lola-cover-puki{display:none}
.arc-cover-ready.lola-adventure-card h2,.arc-cover-ready.lola-adventure-card p{max-width:350px;text-shadow:0 2px 15px #0009}
body[data-page="game"]{background:#030308!important;color:var(--arc-ink);--game-soft:#15131f;--game-accent:var(--arc-accent)}
body[data-page="game"] .back-btn-wrap{background:#10101cf2!important;color:#faf7ff!important;border-bottom:1px solid #ffffff26!important;box-shadow:0 7px 28px #0004!important;backdrop-filter:blur(14px)}
body[data-page="game"] :is(.back-btn,#game-page-name){color:#f8f4ff!important}
body[data-page="game"] .back-btn{border-radius:12px!important;background:#ffffff0a!important;border:1px solid #ffffff22!important}
body[data-page="game"] .game-page.active{background:transparent!important;border:0!important;box-shadow:none!important}
body[data-page="game"] .game-page.active>.game-wrap{border:1px solid #ffffff25!important;background:#13111c!important;border-radius:23px!important;box-shadow:0 14px 45px #0006!important;overflow:hidden}
body[data-page="game"] .game-page.active canvas{border-radius:15px}
body[data-page="game"] :is(.play-btn,.btn-primary,.overlay-content .btn-primary){background:var(--arc-accent)!important;color:#251630!important;border:0!important;border-radius:14px!important;box-shadow:0 4px 0 color-mix(in srgb,var(--arc-accent) 60%,#251630)!important;font-family:inherit!important;font-weight:800!important;min-height:48px;padding:13px 22px!important;animation:none!important}
body[data-page="game"] .game-page.active button:focus-visible{outline:3px solid #ffe293!important;outline-offset:3px}
body[data-page="game"] :is(.tetris-btn,.manejar-arrow-btn,.gloton-arrow,.lad-btn,.adv-btn,.bici-btn,.speed-btn){background:#29223e!important;color:#fff!important;border:1px solid #b9a3e780!important;border-radius:14px!important;box-shadow:0 4px 0 #08050e!important;min-width:48px;min-height:48px;touch-action:manipulation}
body[data-page="game"] :is(.tetris-btn,.manejar-arrow-btn,.gloton-arrow,.lad-btn,.adv-btn,.bici-btn,.speed-btn):active{background:#5d467e!important;transform:translateY(2px)}
body[data-page="game"] .arc-intro{isolation:isolate;background:#11101c!important;border:0!important;overflow:auto!important;color:#fff7ff!important}
body[data-page="game"] .arc-intro.arc-art-ready::before{content:''!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;transform:none!important;z-index:-2!important;background-image:var(--arc-cover)!important;background-size:var(--arc-size,300% 300%)!important;background-position:var(--arc-position)!important;border-radius:inherit!important;opacity:1!important;pointer-events:none}
body[data-page="game"] .arc-intro::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b091bea,#100d2480),linear-gradient(0deg,#0a081eea,transparent);pointer-events:none}
body[data-page="game"] .arc-intro :is(h2,h3,.overlay-title,[class$="-overlay-title"]){color:#fff6ff!important;text-shadow:0 2px 22px #0006!important;letter-spacing:-.035em!important;font-size:clamp(26px,4vw,46px)!important;line-height:1.1!important}
body[data-page="game"] .arc-intro :is(p,.overlay-text,[class$="-overlay-text"]){color:#e0d5f0!important;font-size:clamp(14px,1.5vw,17px)!important;line-height:1.5!important}
body[data-page="game"] .arc-intro :is([class$="-overlay-content"],.overlay-content){background:#100c21b8!important;border:1px solid #fff3!important;border-radius:23px!important;box-shadow:0 12px 40px #0005!important;padding:26px!important;max-width:min(520px,calc(100% - 26px))!important;backdrop-filter:blur(8px)}
body[data-page="game"] .arc-intro :is([class$="-overlay-icon"],.overlay-icon){display:none!important}
.arc-instruction{border-top:1px solid #fff3;margin:15px auto 0;padding-top:12px;color:#ece1fb!important;max-width:420px;font-size:14px!important;line-height:1.5;text-wrap:pretty}
.arc-tag{display:block;color:var(--arc-accent);font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}
@media(max-width:1000px){body[data-page="home"] #more-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body[data-page="home"] #more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body[data-page="home"] #more-grid .game-body{padding:13px!important}body[data-page="home"] #more-grid .game-name{font-size:19px!important}body[data-page="home"] #more-grid .game-desc{font-size:13px!important}body[data-page="home"] #more-grid .status-ready{width:100%;font-size:13px!important}body[data-page="home"] .lola-spotlight{margin-top:22px}.lola-mini-pick.arc-mini{grid-template-columns:1fr;padding:10px;gap:12px}.arc-mini-art{min-height:110px;aspect-ratio:1.4}.arc-mini h2{font-size:19px}.arc-mini small{font-size:11px}.arc-mini>div{padding:0 4px 5px}.arc-cover-label{font-size:11px;left:8px;bottom:8px;padding:5px 7px}.arc-card-number{right:8px;top:8px;width:25px;height:25px;font-size:11px}body[data-page="game"] .arc-intro :is([class$="-overlay-content"],.overlay-content){padding:17px!important}body[data-page="game"] .arc-intro :is(h2,h3,.overlay-title,[class$="-overlay-title"]){font-size:27px!important}.arc-instruction{font-size:13px!important;margin-top:9px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.game-card,.arc-cover{transition:none!important}}
/* Marcadores, tableros y espacios creativos. */
body[data-page="game"] :is(.stat-box,.tiro-stat,.penales-stat,.tetris-stat-block,.galaxia-hud-item,.avion-hud-item,.ttt-stats .stat,.ttt-turn){background:#211b32!important;border:1px solid #ffffff25!important;border-radius:14px!important;color:#fff5ff!important;box-shadow:none!important}
body[data-page="game"] :is(.stat-label,.tiro-stat-label,.penales-stat-label,.tetris-stat-label,.galaxia-hud-label,.avion-hud-label){color:#c9bedb!important;font-size:12px!important;letter-spacing:.06em!important}
body[data-page="game"] :is(.stat-num,.tiro-stat-num,.penales-stat-num,.tetris-stat-num,.galaxia-hud-value,.avion-hud-value){color:var(--arc-accent)!important}
body[data-page="game"] :is(.adv-hud,.bici-hud,.lad-hud,.gloton-hud,.box-hud,.box-subhud,.galaxia-hud,.avion-hud){background:#211b32!important;color:#f8f0ff!important;border:1px solid #ffffff25!important;border-radius:12px!important;box-shadow:none!important}
body[data-page="game"] :is(.tetris-wrap,.sopa-wrap,.piano-wrap,.ttt-wrap,.vestir-wrap,.colorear-wrap,.mascota-wrap){background:transparent!important}
body[data-page="game"] :is(.ttt-info,.tetris-info){color:#f4eaff!important}
body[data-page="game"] #tictactoe .ttt-board{background:linear-gradient(135deg,#433054,#211b37)!important;border:1px solid #e7b4f044!important;border-radius:25px!important;box-shadow:0 18px 35px #0005!important;padding:14px!important}
body[data-page="game"] #tictactoe .ttt-grid{gap:10px!important}
body[data-page="game"] #tictactoe .ttt-cell{background:linear-gradient(145deg,#fffaff,#dfd5ed)!important;border:0!important;border-radius:18px!important;box-shadow:0 5px 0 #9480a3!important;transition:transform .15s,box-shadow .15s!important}
body[data-page="game"] #tictactoe .ttt-cell:not(.taken):hover{background:#fff2c6!important;transform:translateY(-2px)!important;box-shadow:0 7px 0 #ae9270!important}
body[data-page="game"] #tictactoe .ttt-cell.lola-hint{outline:4px solid #ffe079!important;outline-offset:0!important}
body[data-page="game"] .lola-ttt-tools{background:#201a30!important;border:1px solid #ac8bd74d!important;border-radius:17px;color:#e9dff6!important}
body[data-page="game"] .lola-ttt-tools :is(p,label){color:#e9dff6!important}
body[data-page="game"] .lola-ttt-tools select{border:1px solid #c5ace36b!important;border-radius:10px;background:#342646;color:#fff;padding:10px;min-height:44px;font:inherit}
body[data-page="game"] .ttt-mode-overlay .mode-card{background:#f8efff!important;color:#29143d!important;border:0!important;border-radius:19px!important;box-shadow:0 5px 0 #bda3cf!important}
body[data-page="game"] .ttt-mode-overlay .mode-card .mode-label{color:#29143d!important}
body[data-page="game"] #sopa .sopa-grid-wrap{background:#252033!important;border:1px solid #ffffff29!important;border-radius:22px!important;padding:12px!important;box-shadow:0 12px 28px #0005!important}
body[data-page="game"] #sopa .sopa-cell{background:#f6effe;border:0!important;border-radius:9px!important;color:#39274d;box-shadow:0 2px 0 #a393b0;min-width:0}
body[data-page="game"] #sopa .sopa-cell.selecting{background:#f9cf7e!important;color:#342043!important}
body[data-page="game"] #sopa .sopa-cell.found{box-shadow:inset 0 0 0 2px #2f805b!important}
body[data-page="game"] #sopa .sopa-words-wrap{background:#211b32!important;border:1px solid #ffffff26!important;color:#f5eaff!important;border-radius:18px!important;box-shadow:none!important}
body[data-page="game"] #sopa .sopa-words-title{color:#f7dfa0!important}
body[data-page="game"] #sopa .sopa-word{background:#393048!important;color:#f4ebff!important;border:0!important;border-radius:9px!important;padding:7px 12px!important}
body[data-page="game"] #sopa .sopa-word.found{background:#20553e!important;color:#c4ffe1!important}
body[data-page="game"] :is(.vestir-stage,.colorear-stage,.mascota-stage){background:linear-gradient(140deg,#fff9ff,#e9e0f8)!important;border:1px solid #c7b4df!important;border-radius:24px!important;box-shadow:0 12px 28px #0004!important}
body[data-page="game"] :is(.vestir-panel,.colorear-side){background:#211b30!important;border:1px solid #ffffff26!important;border-radius:20px!important;padding:14px!important;color:#f7eeff!important;box-shadow:none!important}
body[data-page="game"] :is(.vestir-section-label,.piano-status,.mascota-hint,.mascota-name){color:#f1e7ff!important}
body[data-page="game"] :is(.vestir-act,.colorear-act,.mascota-act,.piano-mode-btn,.colorear-page-btn,.vestir-tab,.vestir-item,.bloques-tool-btn){border:1px solid #b6a1cf77!important;border-radius:13px!important;box-shadow:0 3px 0 #090512!important;min-height:46px;font-size:14px!important;font-family:inherit!important}
body[data-page="game"] :is(.vestir-act,.colorear-act,.piano-mode-btn,.colorear-page-btn,.vestir-tab,.bloques-tool-btn){background:#322740!important;color:#f9f0ff!important}
body[data-page="game"] :is(.vestir-act.primary,.colorear-act.primary,.piano-mode-btn.active,.colorear-page-btn.active,.vestir-tab.active){background:var(--arc-accent)!important;color:#301b40!important;border-color:transparent!important}
body[data-page="game"] :is(.colorear-sw,.vestir-sw){border-radius:50%!important;border:3px solid #fff8!important;box-shadow:none!important}
body[data-page="game"] :is(.colorear-sw.sel,.vestir-sw.sel){outline:3px solid #ffe089!important;outline-offset:2px}
body[data-page="game"] #piano .piano-key{border-radius:16px!important;border:1px solid #ffffffa6!important;box-shadow:0 8px 0 #655478,0 12px 20px #0004!important;min-height:95px;transition:transform .12s,filter .12s!important}
body[data-page="game"] #piano .piano-key.lit,body[data-page="game"] #piano .piano-key:active{transform:translateY(5px)!important;box-shadow:0 3px 0 #655478,0 0 22px #ffe28188!important}
body[data-page="game"] #mascota .mascota-bar{background:#272034!important;border:1px solid #ffffff29!important;border-radius:12px!important;color:#f7edff!important}
body[data-page="game"] #mascota .mascota-bar .lbl{color:#f4eaff!important;font-size:13px!important}
body[data-page="game"] :is(#calc,#tablas,#argentina,#palabras,#cuerpo,#solar,#reloj,#galleta,#geomapa) button{border-radius:13px!important;min-height:44px;font-family:inherit!important;box-shadow:0 3px 0 #0003!important}
body[data-page="game"] :is(.calc-wrap,.tb-wrap,.ar-wrap,.lp-wrap,.ci-wrap,.ss-wrap,.rj-wrap){border-radius:24px!important;background:#f6f0ff!important;box-shadow:0 15px 35px #0005!important;border:1px solid #d7c6ea!important;color:#2d1d3d!important}
body[data-page="home"] .arc-activity{overflow:hidden;border:1px solid #ffffff2e!important;background:#191524!important;color:#f5ebff!important;border-radius:22px!important;box-shadow:0 10px 24px #0004!important}
body[data-page="home"] .arc-activity :is(.mundo-title,.mundo-desc){color:#f7f0ff!important}
body[data-page="home"] .arc-activity .mundo-ico{width:100%!important;height:150px!important;border:0!important;border-radius:14px!important;background-image:var(--arc-cover)!important;background-size:var(--arc-size,300% 300%)!important;background-position:var(--arc-position)!important;box-shadow:none!important;font-size:0!important}
body[data-page="home"] .arc-activity .mundo-go{border:0!important;box-shadow:none!important;border-radius:11px!important;background:var(--arc-accent)!important;color:#241531!important;min-height:44px}
@media(max-width:760px){body[data-page="game"] :is(.stat-label,.tiro-stat-label,.penales-stat-label,.tetris-stat-label,.galaxia-hud-label,.avion-hud-label){font-size:10px!important}body[data-page="game"] #tictactoe .ttt-board{padding:10px!important}body[data-page="game"] #tictactoe .ttt-grid{gap:8px!important}body[data-page="game"] #tictactoe .ttt-cell{border-radius:13px!important}body[data-page="game"] #sopa .sopa-grid-wrap{padding:8px!important}body[data-page="game"] #sopa .sopa-cell{border-radius:6px!important}body[data-page="game"] :is(.vestir-panel,.colorear-side){padding:10px!important}body[data-page="game"] :is(.vestir-act,.colorear-act,.mascota-act,.piano-mode-btn,.colorear-page-btn,.vestir-tab,.bloques-tool-btn){font-size:13px!important}body[data-page="home"] .arc-activity .mundo-ico{height:120px!important}}
body[data-page="game"] #tictactoe .ttt-grid{grid-template-rows:repeat(3,minmax(0,1fr))!important;aspect-ratio:1}
body[data-page="game"] #tictactoe .ttt-cell{height:100%!important;min-height:0!important;aspect-ratio:auto!important}
body[data-page="home"] .mundo-edu .arc-activity{display:flex!important;flex-direction:column!important;text-align:left!important}
body[data-page="home"] .mundo-edu .arc-activity .mundo-ico{order:-1;margin:0 0 8px!important;flex-shrink:0}
body[data-page="home"] .mundo-edu .arc-activity .mundo-go{margin-top:auto}
body[data-page="game"] #tetris .arc-intro .overlay-content{padding:12px!important;max-width:calc(100% - 18px)!important}
body[data-page="game"] #tetris .arc-intro h3{font-size:23px!important}
body[data-page="game"] #tetris .arc-intro p{font-size:13px!important;line-height:1.4!important}