/* Diseño de juego aprobado: componentes reales, ajustados a la pantalla. */
#gameScreen.approved-game{--game-gap:clamp(4px,.7dvh,10px);--cyan:#37eaff;box-sizing:border-box;height:var(--game-vh,100dvh);min-height:0!important;padding:clamp(6px,1dvh,15px)!important;position:relative;background:radial-gradient(ellipse at 0 80%,#163cc655,transparent 40%),radial-gradient(ellipse at 100% 60%,#7a2aff44,transparent 38%),linear-gradient(130deg,#020719,#051945 50%,#02091d)!important;overflow:hidden}
#gameScreen.approved-game:before{content:'✦ ◇ + ✧ △ × ✦ ◇';position:absolute;inset:12% 0 0;word-spacing:6vw;font-size:clamp(40px,8vw,100px);line-height:2.7;color:#ffce3088;text-shadow:0 0 15px #ffb327;transform:rotate(-12deg);pointer-events:none;opacity:.6}
#gameScreen.approved-game .game-layout{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1080px;height:100%;min-height:0;gap:var(--game-gap);display:flex;flex-direction:column;overflow:hidden}
#gameScreen.approved-game .game-brand-header{flex:0 0 9%;min-height:44px;display:flex;align-items:center;gap:12px;padding:3px 10px;border:2px solid var(--cyan);border-radius:24px;background:linear-gradient(120deg,#081336,#054daf55);box-shadow:inset 0 0 14px #0b84ff77,0 0 10px #10cfff88;overflow:hidden}
#gameScreen.approved-game .game-brand-header img{width:49%;height:100%;object-fit:contain;object-position:left center;min-width:0}
#gameScreen.approved-game .game-brand-header h1{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-width:0;height:85%;margin:0;padding:3px 12px;border:2px solid #ffd64b;border-radius:18px;background:linear-gradient(130deg,#041134,#073275);box-shadow:0 0 8px #ffb52b77;font-size:clamp(16px,3.5vw,42px);text-transform:uppercase;text-align:center;line-height:1.05;overflow:hidden}
#gameScreen.approved-game #gameTopicTitle{font-size:inherit;overflow-wrap:anywhere}
#gameScreen.approved-game #gameLevelTitle{color:#ffe34b;white-space:nowrap;font-size:inherit;text-shadow:0 2px 2px #000}
#gameScreen.approved-game .game-hud-zone{flex:0 0 7%;min-height:46px;display:block;padding:0;border:0;background:transparent;box-shadow:none!important;overflow:visible}
#gameScreen.approved-game .game-hud-zone .game-topbar{width:100%;height:100%;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:var(--game-gap)!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#gameScreen.approved-game .game-hud-zone .game-topbar>div{position:relative;display:grid;grid-template-columns:30% 1fr;grid-template-rows:1fr 1.3fr;align-items:center;justify-items:center;gap:0;padding:4px!important;border:1.5px solid #28bfff!important;border-radius:16px!important;background:linear-gradient(135deg,#082965,#020c25)!important;box-shadow:inset 0 0 9px #0868db66!important;min-width:0}
#gameScreen.approved-game .game-topbar i{grid-column:1;grid-row:1/3;font-style:normal;font-size:clamp(22px,4vw,50px);color:#40deff;text-shadow:0 0 10px #12bcff}
#gameScreen.approved-game .game-hud-zone .game-topbar b{grid-column:2;font-size:clamp(8px,1.3vw,16px)!important;letter-spacing:0;color:#fff}
#gameScreen.approved-game .game-hud-zone .game-topbar span{grid-column:2;font-size:clamp(15px,2.8vw,32px)!important;line-height:1;color:#ffe448}
#gameScreen.approved-game .game-topbar .hud-correct i,#gameScreen.approved-game .game-topbar .hud-correct span{color:#50ff47!important}
#gameScreen.approved-game .game-topbar .hud-wrong i,#gameScreen.approved-game .game-topbar .hud-wrong span{color:#ff5b63!important}
#gameScreen.approved-game .game-topbar .hud-skipped i{color:#ffdb43}
#gameScreen.approved-game .game-feedback-slot{flex:0 0 11%;min-height:58px;position:relative;display:flex!important;align-items:center;padding:0 10px!important;gap:8px;border:2px solid var(--cyan)!important;border-radius:22px;background:radial-gradient(ellipse at 10% 100%,#ff9d0055,transparent 40%),linear-gradient(120deg,#0c204c,#031129)!important;box-shadow:inset 0 0 12px #126ee655!important;overflow:hidden!important}
#gameScreen.approved-game .game-feedback-slot .anime-message.compact{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;flex:1;min-width:0;width:auto!important;max-width:none!important;height:100%;padding:0!important;margin:0!important;background:none!important;border:0!important;overflow:hidden;pointer-events:none}
#gameScreen.approved-game .anime-message.compact img{width:clamp(64px,12vw,130px)!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:30% 14%;border-radius:16px;flex:none;filter:drop-shadow(0 0 8px #ffb43388)}
#gameScreen.approved-game #animeText{margin:0!important;min-width:0;color:#ffe156!important;font-weight:950;font-size:clamp(15px,3vw,34px)!important;line-height:1.12;text-align:center;text-shadow:0 2px 2px #000,0 0 8px #ffb62b44;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#gameScreen.approved-game.feedback-mistake #animeText{color:#ff9dc1!important}
#gameScreen.approved-game .game-feedback-slot .answer-feedback{display:none!important}
#gameScreen.approved-game .game-feedback-slot .streak-fire{position:static!important;inset:auto!important;transform:none!important;display:flex;align-items:center;gap:5px;flex:0 0 22%;height:88%;padding:4px 8px!important;border-radius:18px;border:2px solid #ffcf39;background:linear-gradient(120deg,#742207,#180d26);box-shadow:0 0 14px #ff870099!important;animation:game-flame-glow .9s ease-in-out infinite alternate;min-width:0}
#gameScreen.approved-game .streak-fire .fire-emoji{font-size:clamp(28px,5vw,65px)!important;filter:drop-shadow(0 0 8px #ff5b00)!important}
#gameScreen.approved-game .streak-fire small{display:block;text-transform:uppercase;font-size:clamp(9px,1.5vw,16px);color:#fff}
#gameScreen.approved-game #streakFireText{font-size:clamp(25px,5vw,57px);line-height:1;color:#ffdf30}
#gameScreen.approved-game .game-question-zone{flex:1 1 17%;min-height:70px;position:relative;display:flex!important;flex-direction:column!important;justify-content:center;gap:4px;padding:6px 12px!important;border:2px solid var(--cyan)!important;border-radius:22px;background:radial-gradient(ellipse at top,#13489c66,transparent 65%),linear-gradient(135deg,#04163d,#031027)!important;box-shadow:inset 0 0 15px #0c70dc55!important;overflow:hidden}
#gameScreen.approved-game .game-question-zone .question-box{display:flex;align-items:center;justify-content:center;flex:1;min-height:0!important;max-height:65%;width:100%;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:clamp(24px,6dvh,82px)!important;line-height:1.06;color:#fff;text-shadow:0 0 12px #21bbff77;overflow-wrap:anywhere;text-align:center}
#gameScreen.approved-game .question-box:after{content:' = ?';white-space:pre;color:#45e6ff}
#gameScreen.approved-game .question-box.question-wordy{font-size:clamp(18px,3dvh,40px)!important}
#gameScreen.approved-game .question-box.question-wordy:after{content:none}
#gameScreen.approved-game .game-answer-line{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 32%;min-height:32px;margin:0;width:100%;color:#e3eeff;font-weight:800;font-size:clamp(11px,1.8vw,22px)}
#gameScreen.approved-game .game-answer-line #answerInput{grid-area:auto!important;width:55%;height:100%!important;min-height:30px!important;padding:0 8px!important;margin:0!important;border:2px solid var(--cyan)!important;border-radius:15px!important;background:linear-gradient(120deg,#02091f,#092a58)!important;box-shadow:0 0 12px #0dbfff66!important;color:#fff!important;font-size:clamp(22px,4dvh,50px)!important;text-align:center;font-weight:900}
#gameScreen.approved-game .game-secondary-stats{display:flex;justify-content:center;gap:18px;font-size:clamp(8px,1vw,11px);color:#a5c7ed;line-height:1.1}
#gameScreen.approved-game .game-question-zone .options-grid{position:relative!important;grid-area:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px!important;margin:0!important;max-height:34%;flex-shrink:1;overflow:auto}
#gameScreen.approved-game .options-grid .option-btn{padding:3px!important;font-size:16px!important;min-height:28px}
#gameScreen.approved-game .game-powers-zone{display:none!important;flex:0 0 38px;min-height:0;padding:2px 4px!important;border-radius:12px;background:#051b39!important;box-shadow:none!important}
#gameScreen.approved-game.has-powers .game-powers-zone{display:flex!important}
#gameScreen.approved-game .game-powers-zone .power-row{min-height:0;height:100%;gap:4px!important}
#gameScreen.approved-game .game-powers-zone .power-chip{min-height:0!important;height:100%;flex-basis:125px;padding:2px 4px!important;font-size:10px;grid-template-columns:26px 1fr;gap:4px}
#gameScreen.approved-game .game-powers-zone .power-chip img{width:26px!important;height:26px!important}
#gameScreen.approved-game .game-powers-zone .power-chip small{font-size:8px!important}
#gameScreen.approved-game .game-powers-zone .power-chip small[id]{display:none}
#gameScreen.approved-game .game-powers-zone .game-mini-action{position:static;transform:none;flex:none;width:28px;height:28px;margin-left:4px}
#gameScreen.approved-game .game-keyboard-zone{flex:0 0 50%;min-height:0;display:block!important;padding:0 4px 4px!important;border:0;background:none!important;box-shadow:none!important;overflow:visible}
#gameScreen.approved-game .game-keyboard-zone .keyboard-grid{width:100%;max-width:none;margin:0;height:100%;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:var(--game-gap)!important;min-height:0}
#gameScreen.approved-game .game-keyboard-zone .keyboard-grid.hidden{display:none!important}
#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-key{grid-column:span 2;grid-row:auto;height:100%;min-height:0!important;padding:0 4px!important;border:2px solid #48e8ff!important;border-radius:clamp(10px,1.8dvh,21px);background:linear-gradient(145deg,#0754c8,#073078 55%,#041947)!important;box-shadow:inset 0 1px 6px #35b6ff99,0 0 7px #12d6ff88!important;color:white!important;font-size:clamp(25px,5dvh,58px)!important;font-weight:950;line-height:1;touch-action:none;user-select:none;text-shadow:0 2px 1px #001443;contain:layout paint}
#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-action{grid-column:span 3!important;display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(11px,1.9vw,25px)!important;white-space:nowrap}
#gameScreen.approved-game .game-action span{font-size:1.6em}
#gameScreen.approved-game .game-action.key-ok{border-color:#88ff73!important;background:linear-gradient(130deg,#2eec1b,#0c920d)!important;box-shadow:inset 0 2px 5px #ecffc599,0 0 12px #6aff5288!important;font-size:clamp(15px,2.9vw,35px)!important}
#gameScreen.approved-game .game-action.key-quit{border-color:#ff6b78!important;background:linear-gradient(130deg,#571230,#240d28)!important;box-shadow:inset 0 1px 5px #ff456666,0 0 9px #ff3d6655!important;color:#ff9da5!important}
#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-key.key-pressed,#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-key:active{transform:scale(.98)!important;filter:brightness(1.4);box-shadow:inset 0 0 10px #45caff!important}
#gameScreen.approved-game button:focus-visible{outline:3px solid #fff76d;outline-offset:-5px}
#gameScreen.approved-game .native-keyboard-actions{position:static!important;height:100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;background:none;padding:0;box-shadow:none;border:0}
#gameScreen.approved-game .native-keyboard-actions.hidden{display:none!important}
#gameScreen.approved-game .native-keyboard-actions button{margin:0;border-radius:12px;border:1px solid #41dfff;background:#063d88;color:#fff;font-weight:800;min-height:0;padding:4px}
#gameScreen.approved-game .native-keyboard-actions .native-submit{background:#159c19;border-color:#83ff72}
#gameScreen.approved-game .native-keyboard-actions .native-surrender{background:#4b1232;border-color:#ff7591}
body.native-keyboard-mode #gameScreen.approved-game .game-keyboard-zone{flex-basis:25%}
@keyframes game-flame-glow{from{filter:brightness(1)}to{filter:brightness(1.25)}}
@media(max-width:600px){#gameScreen.approved-game .game-brand-header{padding:2px 5px;gap:4px;border-radius:15px}#gameScreen.approved-game .game-brand-header h1{padding:3px 5px;gap:4px;font-size:clamp(12px,3.6vw,20px);border-radius:12px}#gameScreen.approved-game .game-hud-zone .game-topbar>div{grid-template-columns:1fr;grid-template-rows:1fr 1.3fr;padding:2px!important;border-radius:11px!important}#gameScreen.approved-game .game-topbar i{display:none}#gameScreen.approved-game .game-hud-zone .game-topbar b,#gameScreen.approved-game .game-hud-zone .game-topbar span{grid-column:1}#gameScreen.approved-game .game-feedback-slot{padding:0 5px!important;border-radius:15px}#gameScreen.approved-game .anime-message.compact{gap:5px!important}#gameScreen.approved-game .anime-message.compact img{width:64px!important}#gameScreen.approved-game .game-feedback-slot .streak-fire{gap:1px;padding:3px!important}#gameScreen.approved-game .streak-fire .fire-emoji{font-size:25px!important}#gameScreen.approved-game #streakFireText{font-size:25px}#gameScreen.approved-game .game-action{gap:5px!important}#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-action{font-size:12px!important}#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.key-ok{font-size:18px!important}}
@media(orientation:landscape) and (max-height:700px){#gameScreen.approved-game .game-layout{max-width:1320px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:15% 15% 19% minmax(0,1fr);gap:6px}#gameScreen.approved-game .game-brand-header{grid-column:1;grid-row:1;min-height:0}#gameScreen.approved-game .game-hud-zone{grid-column:1;grid-row:2;min-height:0}#gameScreen.approved-game .game-feedback-slot{grid-column:1;grid-row:3;min-height:0}#gameScreen.approved-game .game-question-zone{grid-column:1;grid-row:4;min-height:0}#gameScreen.approved-game .game-keyboard-zone{grid-column:2;grid-row:1/5;height:100%;min-height:0}#gameScreen.approved-game.has-powers .game-question-zone{padding-bottom:43px!important}#gameScreen.approved-game.has-powers .game-powers-zone{position:absolute;bottom:0;left:0;width:47%;height:38px;z-index:3}#gameScreen.approved-game .game-brand-header h1{font-size:18px}#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-key{font-size:clamp(24px,6dvh,38px)!important}#gameScreen.approved-game .game-keyboard-zone .keyboard-grid button.game-action{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){#gameScreen.approved-game .streak-fire{animation:none!important}}
body:has(#gameScreen.approved-game.active) #app{width:100%;max-width:none;padding:0;margin:0}
body:has(#gameScreen.approved-game.active)>.legal-footer{display:none!important}
#gameScreen.approved-game .game-hud-zone .game-topbar>div:nth-child(n){display:grid!important}
#gameScreen.approved-game #keyboardGrid button.key-ok{border-color:#88ff73!important;background:linear-gradient(130deg,#2eec1b,#0c920d)!important;box-shadow:inset 0 2px 5px #ecffc599,0 0 12px #6aff5288!important;font-size:clamp(15px,2.9vw,35px)!important}
#gameScreen.approved-game #keyboardGrid button.key-quit{border-color:#ff6b78!important;background:linear-gradient(130deg,#571230,#240d28)!important;box-shadow:inset 0 1px 5px #ff456666,0 0 9px #ff3d6655!important;color:#ff9da5!important}
#gameScreen.approved-game .game-feedback-slot .streak-fire .fire-emoji{display:block;width:clamp(28px,5vw,58px);height:85%;flex:none}
#gameScreen.approved-game .fire-emoji svg{width:100%;height:100%;overflow:visible}
@media(max-width:600px){#gameScreen.approved-game #keyboardGrid button.key-ok{font-size:18px!important}}
#gameScreen.approved-game .game-wordmark{width:49%;height:100%;min-width:0;display:flex;align-items:center;gap:4px}
#gameScreen.approved-game .game-wordmark img{width:42%;height:100%;object-fit:contain;object-position:center}
#gameScreen.approved-game .game-wordmark>div{display:flex;flex-direction:column;line-height:.95;color:#fff;min-width:0;text-shadow:0 2px 1px #000;font-style:italic}
#gameScreen.approved-game .game-wordmark strong{font-size:clamp(12px,2.8vw,29px);white-space:nowrap}
#gameScreen.approved-game .game-wordmark em{font-size:1.45em;color:#ffdf26}
#gameScreen.approved-game .game-wordmark b{font-size:clamp(16px,3.2vw,35px);letter-spacing:.03em}
#gameScreen.approved-game .game-wordmark small{color:#ffdf26;font-size:clamp(11px,1.9vw,21px);line-height:1.1}
#gameScreen.approved-game .game-character-frame{display:block;height:100%;width:clamp(64px,12vw,130px);flex:none;overflow:hidden;border-radius:16px}
#gameScreen.approved-game .anime-message.compact .game-character-frame img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(2);transform-origin:30% 28%}
@media(orientation:landscape) and (max-height:700px){#gameScreen.approved-game .game-wordmark strong{font-size:13px}#gameScreen.approved-game .game-wordmark b{font-size:17px}#gameScreen.approved-game .game-wordmark small{font-size:11px}}