:root{--ink: #1c1613;--muted: #4a3b34;--paper: #fff6ea;--card: #ffffff;--coral: #c4452e;--coral-bright: #e2573d;--teal: #187a6c;--line: rgba(28, 22, 19, .16);--shadow: 0 18px 40px rgba(28, 22, 19, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#ffe1c4 0%,transparent 55%),radial-gradient(900px 480px at 100% 0%,#d9f5ef 0%,transparent 50%),var(--paper)}button{font:inherit}a,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.hidden{display:none!important}.eyebrow{font-family:Fredoka,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--coral);font-weight:600;margin-bottom:8px}h1,h2,h3,.quiz-brand,.play-cta,.primary-button,.card-tag{font-family:Fredoka,sans-serif}h1{font-size:clamp(40px,7vw,72px);margin:8px 0 12px}h2{font-size:clamp(24px,4vw,36px)}.landing,.consent,.quiz,.result,.room-game,.maze-game,.type-game,.bug-game{min-height:100vh;padding:28px 24px 48px}.topline,.quiz-header,.question-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:800}.status-dot{color:var(--teal)}.hub-heading{max-width:920px;margin:28px auto 8px;text-align:center}.hub-intro{color:var(--muted);font-size:18px;line-height:1.5;max-width:640px;margin:0 auto}.game-cards{max-width:1180px;margin:32px auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.game-card{appearance:none;border:2px solid var(--line);background:var(--card);border-radius:28px;padding:16px 18px 22px;text-align:left;cursor:pointer;box-shadow:var(--shadow);color:var(--ink);transition:transform .18s ease,border-color .18s ease;position:relative}.game-card:hover:not(:disabled){transform:translateY(-6px);border-color:var(--coral)}.game-card:disabled{cursor:default;background:#d8d6d2;border-color:#a8a6a2;box-shadow:none;filter:grayscale(1)}.game-card-art{position:relative;margin-bottom:14px}.game-card-art canvas,.card-canvas{width:100%;height:150px;display:block;border-radius:18px;background:linear-gradient(#ccefff,#f7ffe8)}.placeholder-art{height:150px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(#c4c4c4,#dcdcdc)}.placeholder-art strong{color:#6a6864;font-size:28px}.card-number,.card-tag{position:absolute;top:12px;left:12px;background:#fff7e8;border-radius:999px;padding:4px 10px;font-size:12px;z-index:1}.card-state{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;color:var(--teal)}.game-card:disabled .card-state{color:#6a6864}.game-card-copy h2{margin:4px 0 8px}.game-card-copy p:not(.eyebrow){color:var(--muted);line-height:1.45;min-height:44px;margin-bottom:12px}.play-cta,.card-cta{display:inline-block;margin-top:4px;background:var(--ink);color:#fff;border-radius:999px;padding:8px 16px;font-size:15px}.game-card:disabled .play-cta,.game-card:disabled .card-cta{background:#6e6e6e;color:#ececec}.site-footer{max-width:920px;margin:40px auto 0;padding:16px 8px 8px;text-align:center;color:var(--muted);font-size:14px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:center;margin-bottom:8px}.site-footer a{color:var(--muted)}.cookie-banner{position:fixed;right:16px;bottom:16px;left:16px;max-width:560px;margin:0 auto;background:#1c1613;color:#fff8f2;border-radius:18px;padding:16px 18px;z-index:50;box-shadow:var(--shadow)}.cookie-banner p{margin-bottom:10px;line-height:1.4}.cookie-banner a{color:#ffd7c8}.cookie-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.cookie-actions button{font-family:Fredoka,sans-serif;border:0;background:#ffd7c8;color:#1c1613;border-radius:999px;padding:8px 16px;cursor:pointer}.consent-card.is-caracol h2{font-size:clamp(48px,10vw,88px);margin:12px 0 8px}.consent{display:grid;place-items:center}.consent-card,.result-grid,.question-panel,.quiz-aside{background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#241c1859;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.overlay.hidden,.countdown.hidden{display:none!important}.overlay-card{background:#fff;border-radius:24px;padding:28px 28px 24px;width:min(460px,calc(100% - 32px));text-align:center;box-shadow:var(--shadow)}.overlay-card h3{font-size:32px;margin:8px 0}.overlay-card p:not(.eyebrow){color:var(--muted);line-height:1.5;margin-bottom:16px}.countdown{position:fixed;inset:0;display:grid;place-items:center;z-index:40;pointer-events:none;background:#1c16131f}.countdown-circle{width:168px;height:168px;border-radius:50%;background:#8d8d8d;color:#fff;display:grid;place-items:center;font-family:Fredoka,sans-serif;font-size:72px;font-weight:700;letter-spacing:.02em;box-shadow:0 18px 40px #1c16132e}.consent-card{width:min(100%,520px);text-align:center}.warning-mark{width:48px;height:48px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--coral-bright);color:#fff;font-family:Fredoka,sans-serif;font-size:24px}.consent-text,.result-copy{color:var(--muted);line-height:1.55;margin:12px 0 20px}.consent-check{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;cursor:pointer}.consent-check input{width:18px;height:18px}.primary-button{border:0;background:var(--coral-bright);color:#fff;border-radius:999px;padding:12px 28px;font-size:18px;cursor:pointer}.primary-button:disabled{opacity:.4;cursor:not-allowed}.primary-button.full{width:100%}.text-button{margin-top:16px;border:0;background:transparent;color:var(--muted);cursor:pointer;text-decoration:underline}.quiz-header{max-width:1080px;margin:0 auto}.icon-button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:8px 16px;cursor:pointer;font-size:16px}.quiz-brand{font-size:18px}.quiz-brand span{color:var(--coral)}.round-counter strong{font-family:Fredoka,sans-serif;font-size:22px}.progress-track{max-width:1080px;height:8px;margin:16px auto 24px;background:var(--line);border-radius:999px;overflow:hidden}.progress-track div{height:100%;width:0;background:var(--coral-bright);transition:width .3s ease}.quiz-layout{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:24px;max-width:1080px;margin:0 auto;align-items:start}.quiz-aside{text-align:center}.aside-label{color:var(--muted);font-size:12px;letter-spacing:.08em}.subject-name{font-family:Fredoka,sans-serif;font-size:28px;margin-bottom:10px}.quiz-aside canvas{width:100%;height:auto;border-radius:18px;background:linear-gradient(#ccefff,#f7ffe8)}.lives{margin:12px 0 6px;color:var(--coral);letter-spacing:8px;font-size:18px}.lives .lost{color:#cfc4bb}.quiz-aside p{color:var(--muted);font-weight:800}.question-panel h2{margin:8px 0 20px;line-height:1.15}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{min-height:88px;display:flex;align-items:flex-start;gap:12px;border:2px solid var(--line);background:#fffaf3;border-radius:18px;padding:14px;text-align:left;cursor:pointer;color:var(--ink);position:relative}.option:hover:not(:disabled){border-color:var(--coral);transform:translateY(-3px)}.option-letter,.option span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-family:Fredoka,sans-serif}.option b{padding-top:4px;line-height:1.35}.option small{position:absolute;right:12px;bottom:10px;color:var(--teal);font-size:11px;font-weight:800}.option.correct{border-color:#2cbf7f;background:#e7f8ee}.option.wrong{border-color:var(--coral);background:#ffe8e1}.question-foot{margin-top:18px}.room-game .quiz-header,.maze-game .quiz-header,.vero-stage{max-width:1100px;margin:0 auto}.vero-stage{text-align:center}.vero-stage p:not(.eyebrow){color:var(--muted)}.vero-hint{margin-top:8px}.vero-hint b{display:inline-block;min-width:28px;margin:0 3px;font-family:Fredoka,sans-serif;color:var(--coral);font-size:22px}.vero-stage canvas{display:block;width:100%;height:auto;margin-top:18px;border-radius:24px;background:linear-gradient(#ffe0c7,#fff7e2)}.type-game .quiz-header,.gaby-stage{max-width:1100px;margin:0 auto}.gaby-stage{text-align:center}.gaby-stage p:not(.eyebrow){color:var(--muted)}.gaby-editor{position:relative;margin-top:16px;background:#241c18;color:#f4ece4;border-radius:22px;padding:18px 20px;text-align:left;min-height:150px;box-shadow:var(--shadow)}.gaby-code{font-family:Source Code Pro,ui-monospace,monospace;font-size:clamp(15px,2.2vw,20px);line-height:1.55;font-weight:500}.gaby-line{margin:0 0 6px;white-space:nowrap;overflow-x:auto}.gaby-line.is-next{opacity:.38}.gaby-line .ok{color:#7dce6e}.gaby-line .bad{color:#ff8a72;background:#c4452e47}.gaby-line .rest{color:#cbb9aa}.gaby-line .cursor{color:#fff8f0;background:#2fa38a;border-radius:3px}.gaby-input{position:absolute;inset:0;opacity:0;cursor:text}#gaby-canvas{display:block;width:100%;height:auto;margin-top:16px;border-radius:24px;background:linear-gradient(#dce8e4,#fff6ea)}.bug-list{margin-top:16px;display:grid;gap:10px;text-align:left}.bug-line{appearance:none;width:100%;display:flex;align-items:center;gap:14px;background:#241c18;color:#f4ece4;border:2px solid transparent;border-radius:16px;padding:12px 16px;cursor:pointer;text-align:left}.bug-line span{font-family:Fredoka,sans-serif;color:#cbb9aa;min-width:28px}.bug-line code{font-family:Source Code Pro,ui-monospace,monospace;font-size:clamp(15px,2vw,18px)}.bug-line.is-ok{border-color:#7dce6e;background:#1d2a1c}.bug-line.is-bad{border-color:#ff8a72;background:#3a221c}#bug-canvas,#hospital-canvas,#deploy-canvas,#tickets-canvas{display:block;width:100%;height:auto;margin-top:16px;border-radius:24px}.result{display:grid;place-items:center}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;width:min(100%,960px);align-items:center}.score-block{margin:20px 0}.score-block span{color:var(--muted);font-size:12px;letter-spacing:.08em}.score-block strong{display:block;font-family:Fredoka,sans-serif;font-size:72px;line-height:1;color:var(--coral)}.result-stage canvas{width:100%;height:auto;border-radius:18px;background:linear-gradient(#ccefff,#f7ffe8)}.stamp{margin-top:10px;display:inline-block;border:2px solid var(--coral);color:var(--coral);border-radius:12px;padding:8px 12px;font-family:Fredoka,sans-serif;font-size:13px;transform:rotate(-4deg)}@media(max-width:760px){.quiz-layout,.result-grid,.options{grid-template-columns:1fr}.landing,.consent,.quiz,.result,.room-game,.maze-game,.type-game,.bug-game{padding:20px 16px 36px}}