.tema-page{--ta:#58cc02;--ta-deep:#3a8800;--ta-soft:#d7ffb8;--ta-soft2:#b8efcd;--ta-text:#14441a;--c-deep:#1a3553;--c-mute:#637fa6;--c-line:#e2eef8;--c-soft:#f0f9ff;max-width:1100px;margin:0 auto;padding:16px clamp(16px,4vw,32px) 64px}.tema-crumb{font-family:var(--font-display);color:var(--c-mute);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 4px 14px;font-size:13px;font-weight:700;display:flex}.tema-crumb a{color:var(--c-mute);border-radius:10px;padding:4px 10px;text-decoration:none;transition:background .14s,color .14s}.tema-crumb a:hover{background:var(--c-soft);color:var(--c-deep)}.tema-crumb__sep{color:#c4d0e0}.tema-crumb__current{color:var(--c-deep);padding:4px 10px;font-weight:900}.tema-hero{background:radial-gradient(ellipse 60% 90% at 88% 50%, #ffffff73, transparent 60%), linear-gradient(135deg, var(--ta-soft) 0%, var(--ta-soft2) 60%, color-mix(in srgb, var(--ta-soft2) 50%, #fff) 100%);border:3px solid var(--ta);box-shadow:0 5px 0 var(--ta-deep), 0 14px 28px #001e501a;isolation:isolate;border-radius:26px;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;margin-bottom:32px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.tema-hero:before{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);border-radius:20px 20px 0 0;height:32%;position:absolute;inset:6px 6px auto}.tema-hero__body{z-index:1;min-width:0;position:relative}.tema-hero__badge{font-family:var(--font-display);background:#ffffffd9;border:1.5px solid #fffffff2;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:6px 14px 7px 6px;display:inline-flex;box-shadow:0 2px #0000000f}.tema-hero__badge-emoji{background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid}.tema-hero__badge-label{color:var(--ta-text);opacity:.65;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.tema-hero__badge-name{color:var(--ta-text);font-size:15px;font-weight:900;display:block}.tema-hero__title{font-family:var(--font-display);color:var(--ta-text);letter-spacing:-.02em;text-shadow:0 2px #ffffff73;margin:0 0 10px;font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.05}.tema-hero__lede{color:var(--ta-text);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.tema-hero__tag{font-family:var(--font-display);background:#ffffffc7;border-radius:999px;align-items:center;padding:4px 10px 5px;font-size:12px;font-weight:800;display:inline-flex}.tema-hero__tag--quiz{color:#0e7eb8;border:1.5px solid #b8e0ff}.tema-hero__tag--activity{color:var(--ta-deep);border:1.5px solid color-mix(in srgb, var(--ta) 50%, #fff)}.tema-hero__tag--game{color:#8a5a00;border:1.5px solid #ffd84a}.tema-hero__counts{flex-wrap:wrap;gap:10px;display:flex}.tema-hero__count{font-family:var(--font-display);background:#ffffffc7;border:1.5px solid #fffffff2;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 6px 6px;display:inline-flex}.tema-hero__count strong{color:#fff;border-radius:999px;place-items:center;min-width:44px;height:26px;padding:0 8px;font-size:12px;font-weight:900;display:grid}.tema-hero__count--quiz strong{background:#1cb0f6}.tema-hero__count--activity strong{background:var(--ta)}.tema-hero__count--game strong{color:#5c3300;background:#ffd84a}.tema-hero__count small{color:var(--ta-text);letter-spacing:.02em;font-size:11px;font-weight:800}.tema-hero__visual{z-index:1;align-self:stretch;place-items:center;display:grid;position:relative}.tema-hero__visual-emoji{filter:drop-shadow(0 12px 18px #001e502e);font-size:110px;line-height:1;animation:4.5s ease-in-out infinite temaHeroBob}@keyframes temaHeroBob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@media (max-width:720px){.tema-hero{grid-template-columns:1fr;gap:14px;padding:22px 20px}.tema-hero__visual{justify-self:end}.tema-hero__visual-emoji{font-size:76px}}.tema-modes{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}@media (max-width:900px){.tema-modes{grid-template-columns:1fr;gap:14px}}.tema-mode{border:2px solid var(--c-line);box-shadow:0 4px 0 var(--c-line);color:var(--c-deep);isolation:isolate;background:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:22px 22px 20px;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tema-mode:before{content:"";background:radial-gradient(circle, var(--mode-c) 0%, transparent 65%);opacity:.16;pointer-events:none;border-radius:50%;width:140px;height:140px;transition:opacity .25s,transform .25s;position:absolute;top:-50px;right:-50px}.tema-mode:hover{border-color:var(--mode-c);box-shadow:0 8px 0 var(--mode-deep), 0 14px 26px #001e501a;transform:translateY(-4px)}.tema-mode:hover:before{opacity:.3;transform:scale(1.3)}.tema-mode--quiz{--mode-c:#1cb0f6;--mode-deep:#0e7eb8;--mode-soft:#e0f3ff}.tema-mode--activity{--mode-c:var(--ta);--mode-deep:var(--ta-deep);--mode-soft:var(--ta-soft)}.tema-mode--game{--mode-c:#ffd84a;--mode-deep:#c78a00;--mode-soft:#fff5cb}.tema-mode__top{align-items:center;gap:12px;display:flex}.tema-mode__icon{background:var(--mode-soft);border-radius:16px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:28px;line-height:1;transition:transform .3s;display:grid}.tema-mode:hover .tema-mode__icon{transform:rotate(-6deg)scale(1.06)}.tema-mode__head{min-width:0}.tema-mode__head h2{font-family:var(--font-display);color:var(--c-deep);margin:0 0 2px;font-size:18px;font-weight:900;line-height:1.2}.tema-mode__head p{color:var(--c-mute);font-size:12px;font-weight:700;font-family:var(--font-display);margin:0}.tema-mode__progress{flex-direction:column;gap:6px;display:flex}.tema-mode__progress-bar{background:var(--c-soft);border-radius:999px;height:8px;display:block;position:relative;overflow:hidden}.tema-mode__progress-fill{background:linear-gradient(90deg, var(--mode-c), var(--mode-deep));border-radius:999px;height:100%;transition:width .5s;display:block}.tema-mode__progress-text{font-family:var(--font-display);color:var(--c-mute);letter-spacing:.04em;font-size:11px;font-weight:800}.tema-mode__next{background:var(--mode-soft);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.tema-mode__next-label{font-family:var(--font-display);color:var(--mode-deep);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:900}.tema-mode__next strong{font-family:var(--font-display);color:var(--c-deep);font-size:14px;font-weight:900;line-height:1.2}.tema-mode__free{background:var(--mode-soft);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.tema-mode__free-emoji{color:var(--mode-deep);font-size:28px;line-height:1}.tema-mode__free strong{font-family:var(--font-display);color:var(--c-deep);font-size:14px;font-weight:900;display:block}.tema-mode__free-sub{font-family:var(--font-display);color:var(--c-mute);margin-top:2px;font-size:11px;font-weight:700}.tema-mode__cta{background:var(--mode-c);color:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 0 var(--mode-deep);border-radius:14px;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:10px 18px 12px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex}.tema-mode--game .tema-mode__cta{color:#5c3300}.tema-mode:hover .tema-mode__cta{box-shadow:0 5px 0 var(--mode-deep);transform:translateY(-1px)}.tema-mode.is-coming-soon,.tema-mode.is-empty{pointer-events:none;color:#6b7280;background:#f7f7f9;border-color:#e1e1e8;position:relative;box-shadow:0 3px #d9d9e0}.tema-mode.is-coming-soon .tema-mode__head h2,.tema-mode.is-empty .tema-mode__head h2{color:#4b5563}.tema-mode.is-coming-soon .tema-mode__head p,.tema-mode.is-empty .tema-mode__head p{color:#6b7280}.tema-mode.is-coming-soon .tema-mode__icon,.tema-mode.is-empty .tema-mode__icon{filter:grayscale(.6);opacity:.7}.tema-mode__badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#6b7280;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 2px #00000026}.tema-mode__coming-text{color:#4b5563;background:#fff;border:1px dashed #d1d5db;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.tema-coming-soon{text-align:center;border:2px solid var(--c-line);box-shadow:0 4px 0 var(--c-line);background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.tema-coming-soon__emoji{font-size:64px;line-height:1}.tema-coming-soon h1{color:var(--ta-text,#1f2937);margin:0;font-size:clamp(22px,4vw,30px);font-weight:800}.tema-coming-soon p{color:#4b5563;max-width:480px;margin:0;font-size:15px;line-height:1.55}.tema-coming-soon__cta{background:var(--ta,#58cc02);color:#fff;box-shadow:0 4px 0 var(--ta-deep,#3a8800);border-radius:14px;align-items:center;gap:8px;margin-top:8px;padding:12px 22px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.tema-coming-soon__cta:hover{box-shadow:0 6px 0 var(--ta-deep,#3a8800);transform:translateY(-2px)}.tema-coming-soon__cta:active{box-shadow:0 1px 0 var(--ta-deep,#3a8800);transform:translateY(2px)}.tema-coming-soon__link{color:#6b7280;font-size:14px;text-decoration:underline}.tema-coming-soon__link:hover{color:#1f2937}.tema-page--mode{padding-top:24px}.tema-mode-header{border:2px solid var(--c-line);box-shadow:0 3px 0 var(--c-line);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:28px;padding:14px 18px;display:grid}.tema-mode-header__back{background:var(--c-soft);color:var(--c-deep);font-family:var(--font-display);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:900;text-decoration:none;transition:background .14s,transform .14s;display:inline-flex}.tema-mode-header__back:hover{background:var(--c-line);transform:translate(-2px)}.tema-mode-header__back-text{letter-spacing:.02em}.tema-mode-header__theme{align-items:center;gap:10px;min-width:0;display:flex}.tema-mode-header__theme-emoji{background:var(--ta-soft);border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;line-height:1;display:grid}.tema-mode-header__theme-label{font-family:var(--font-display);color:var(--c-mute);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.tema-mode-header__theme strong{font-family:var(--font-display);color:var(--c-deep);font-size:15px;font-weight:900;display:block}.tema-mode-header__mode{background:var(--c-soft);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;display:flex}.tema-mode-header__mode-icon{font-size:22px;line-height:1}.tema-mode-header__mode strong{font-family:var(--font-display);color:var(--c-deep);font-size:13px;font-weight:900;display:block}.tema-mode-header__mode-meta{font-family:var(--font-display);color:var(--c-mute);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}@media (max-width:720px){.tema-mode-header{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.tema-mode-header__mode{grid-column:1/-1;justify-content:center}.tema-mode-header__back-text{display:none}}.tema-block{margin-bottom:44px}.tema-block__head{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:4px;display:grid}.tema-block__head h2{font-family:var(--font-display);color:var(--c-deep);letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:900}.tema-block__head p{color:var(--c-mute);margin:0;font-size:13px;line-height:1.4}.tema-block__icon{border-radius:14px;place-items:center;width:52px;height:52px;font-size:24px;line-height:1;display:grid}.tema-block__icon--quiz{background:#e0f3ff}.tema-block__icon--activity{background:var(--ta-soft)}.tema-block__icon--game{background:#fff5cb}.tema-block__counter{font-family:var(--font-display);color:var(--c-mute);background:var(--c-soft);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 12px 7px;font-size:11px;font-weight:800}.tema-quizmap{background:radial-gradient(ellipse 70% 100% at 50% 0%, var(--ta-soft) 0%, transparent 50%);border-radius:24px;padding:24px 0 16px;position:relative}.tema-quizmap__progress{text-align:center;font-family:var(--font-display);letter-spacing:.04em;color:var(--ta-deep,var(--c-deep));min-height:16px;margin-bottom:12px;font-size:13px;font-weight:900;display:block}.tema-quizmap__canvas{width:100%;position:relative;overflow:visible}.tema-quizmap__path-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tema-quizmap__path-flow{opacity:.4;animation:9s linear infinite quizmapPathFlow}@keyframes quizmapPathFlow{to{stroke-dashoffset:-32px}}@media (prefers-reduced-motion:reduce){.tema-quizmap__path-flow{animation:none}}.tema-quizmap__node-index{color:#6b6b6b;min-width:24px;height:24px;font-family:var(--font-display);z-index:3;background:#fff;border:2px solid #8d8d8d;border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px #00000026}.tema-quizmap__milestone{filter:drop-shadow(0 4px 6px #ffb40080);z-index:3;pointer-events:none;font-size:28px;animation:3s ease-in-out infinite quizmapMilestone;position:absolute;top:-34px;left:50%;transform:translate(-50%)}@keyframes quizmapMilestone{0%,to{transform:translate(-50%)translateY(0)rotate(-6deg)}50%{transform:translate(-50%)translateY(-4px)rotate(8deg)}}.tema-quizmap__step.is-milestone.is-completed .tema-quizmap__milestone{filter:drop-shadow(0 4px 8px #ffc800b3)}.tema-quizmap__step.is-milestone.is-locked .tema-quizmap__milestone{opacity:.55;filter:grayscale(.3)drop-shadow(0 3px 4px #9682004d)}.tema-quizmap__step{z-index:1;flex-direction:column;align-items:center;gap:6px;width:130px;display:flex;position:absolute;transform:translate(-50%,-50%)}.tema-quizmap__boundary{border:2px solid var(--ta,#1cb0f6);font-family:var(--font-display);color:var(--ta-deep,#0e7eb8);box-shadow:0 3px 0 var(--ta,#1cb0f6), 0 6px 12px #003c781f;white-space:nowrap;z-index:2;pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.tema-quizmap__boundary-icon{font-size:16px;line-height:1}.tema-quizmap__node{z-index:2;border-radius:50%;place-items:center;width:100px;height:100px;text-decoration:none;display:grid;position:relative}.tema-quizmap__node-bubble{width:100%;height:100%;font-family:var(--font-display);color:#fff;text-shadow:0 2px #001e5059;background:radial-gradient(70% 50% at 50% 18%,#ffffffbf 0%,#0000 70%),linear-gradient(#5fb3ff 0%,#2a7fd1 100%);border:5px solid #fff;border-radius:50%;place-items:center;font-size:38px;font-weight:900;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:grid;position:relative;box-shadow:0 6px #1b5c9e,0 12px 22px #1c5ab073,inset 0 -8px 14px #001e502e}.tema-quizmap__node:hover .tema-quizmap__node-bubble{transform:translateY(-6px)rotate(-4deg)scale(1.05);box-shadow:0 10px #0e7eb8,0 18px 32px #1cb0f680,inset 0 -8px 14px #001e5033}.tema-quizmap__node:active .tema-quizmap__node-bubble{transform:translateY(2px)scale(.98)}.tema-quizmap__step.is-locked .tema-quizmap__node-bubble{color:#6b6b6b;text-shadow:none;background:radial-gradient(70% 50% at 50% 18%,#ffffffbf 0%,#0000 65%),linear-gradient(#e8e8e8 0%,#b8b8b8 100%);border-color:#fff;font-size:32px;box-shadow:0 6px #8d8d8d,0 10px 16px #0000001f,inset 0 -8px 14px #0000001f}.tema-quizmap__step.is-locked .tema-quizmap__node{pointer-events:none}.tema-quizmap__step.is-completed .tema-quizmap__node-bubble{color:#5c3300;text-shadow:0 1px #fff0b4b3;background:radial-gradient(70% 50% at 50% 18%,#ffffffd9 0%,#0000 70%),linear-gradient(#ffeaa0 0%,#e9a700 100%);font-size:36px;box-shadow:0 6px #8a5a00,0 12px 22px #c78a0073,inset 0 -8px 14px #7846002e}.tema-quizmap__step.is-current .tema-quizmap__node-bubble{color:#fff;background:radial-gradient(70% 50% at 50% 18%,#ffffffd9 0%,#0000 70%),linear-gradient(#8aef4f 0%,#4cb800 100%);animation:1.6s ease-in-out infinite quizmapPulse;box-shadow:0 6px #2f7700,0 12px 26px #58cc028c,inset 0 -8px 14px #003c002e}.tema-quizmap__step.is-current .tema-quizmap__node:before,.tema-quizmap__step.is-current .tema-quizmap__node:after{content:"✨";z-index:3;pointer-events:none;filter:drop-shadow(0 0 4px #ffe65099);font-size:22px;animation:2.4s ease-in-out infinite quizmapSparkle;position:absolute}.tema-quizmap__step.is-current .tema-quizmap__node:before{animation-delay:0s;top:-8px;right:-10px}.tema-quizmap__step.is-current .tema-quizmap__node:after{animation-delay:1.2s;bottom:-4px;left:-10px}@keyframes quizmapSparkle{0%,to{opacity:.5;transform:scale(.7)rotate(-10deg)}50%{opacity:1;transform:scale(1.1)rotate(15deg)}}@keyframes quizmapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tema-quizmap__node-pulse{opacity:0;pointer-events:none;border:4px solid #58cc02;border-radius:50%;animation:1.8s ease-out infinite quizmapPulseRing;position:absolute;inset:-10px}@keyframes quizmapPulseRing{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.tema-quizmap__mascot{z-index:4;filter:drop-shadow(0 6px 10px #14441a4d);pointer-events:none;width:56px;height:56px;animation:3.2s ease-in-out infinite quizmapMascotBob;position:absolute;top:-28px;left:calc(50% + 36px)}@keyframes quizmapMascotBob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-4px)rotate(0)}}.tema-quizmap__info{font-family:var(--font-display);text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:180px;padding:0;display:flex}.tema-quizmap__info strong{color:var(--c-deep);font-size:15px;font-weight:900;line-height:1.2}.tema-quizmap__step.is-locked .tema-quizmap__info strong{color:#6b6b6b}.tema-quizmap__step.is-locked .tema-quizmap__meta{color:#8d8d8d}.tema-quizmap__step.is-pending .tema-quizmap__info{opacity:.4}.tema-quizmap__meta{color:var(--c-mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:14px;font-size:12px;font-weight:700;display:inline-flex}.tema-quizmap__stars{color:#c78a00;letter-spacing:.06em;font-size:14px;font-weight:900}.tema-quizmap__step.is-current .tema-quizmap__meta{color:var(--ta-deep);font-weight:900}.tema-quizmap__step.is-pending .tema-quizmap__node{pointer-events:none}.tema-quizmap__step.is-pending .tema-quizmap__node-bubble{color:#0000;background:linear-gradient(#f0f4f9,#d8e0eb);box-shadow:0 4px #b8c4d4}.tema-quizmap__step.is-shake .tema-quizmap__node-bubble{animation:.4s ease-in-out quizmapShake}@keyframes quizmapShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tema-quizmap__finale{font-family:var(--font-display);color:#5c3300;letter-spacing:.05em;text-transform:uppercase;text-align:center;z-index:1;background:linear-gradient(#ffe89a,#ffd84a);border:3px solid #c78a00;border-radius:999px;place-items:center;width:fit-content;margin:32px auto 0;padding:16px 24px;font-size:14px;font-weight:900;display:grid;position:relative;box-shadow:0 6px #8a5a00,0 12px 22px #8a5a004d}.tema-quizmap__finale span{vertical-align:middle;margin-right:6px;font-size:28px}@media (max-width:480px){.tema-quizmap{padding:16px 0 12px}.tema-quizmap__step{gap:4px;width:110px}.tema-quizmap__node{width:80px;height:80px}.tema-quizmap__node-bubble{border-width:4px;font-size:24px}.tema-quizmap__step.is-completed .tema-quizmap__node-bubble{font-size:28px}.tema-quizmap__info{max-width:110px}.tema-quizmap__info strong{font-size:13px}.tema-quizmap__mascot{width:44px;height:44px;top:-22px;left:calc(50% + 24px)}}.tema-activity-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tema-activity-card{border:2px solid var(--c-line);box-shadow:0 4px 0 var(--c-line);color:var(--c-deep);isolation:isolate;background:#fff;border-radius:22px;flex-direction:column;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tema-activity-card:hover{border-color:var(--ta);box-shadow:0 8px 0 var(--ta-deep), 0 14px 26px #001e501a;transform:translateY(-4px)}.tema-activity-card.is-locked{opacity:.55;pointer-events:none}.tema-activity-card.is-completed{background:linear-gradient(180deg, #fff, var(--ta-soft));border-color:var(--ta)}.tema-activity-card__art{aspect-ratio:3/1.6;background:linear-gradient(135deg, var(--ta-soft) 0%, color-mix(in srgb, var(--ta-soft) 50%, #fff) 100%);place-items:center;display:grid;position:relative}.tema-activity-card__num{border:2px solid var(--ta);min-width:28px;height:28px;font-family:var(--font-display);color:var(--ta-deep);box-shadow:0 2px 0 var(--ta-deep);background:#fff;border-radius:999px;place-items:center;padding:0 8px;font-size:13px;font-weight:900;display:grid;position:absolute;top:10px;left:10px}.tema-activity-card.is-completed .tema-activity-card__num{background:var(--ta);color:#fff}.tema-activity-card__emoji{filter:drop-shadow(0 4px 6px #001e501f);font-size:56px;line-height:1;transition:transform .3s}.tema-activity-card:hover .tema-activity-card__emoji{transform:scale(1.1)rotate(-5deg)}.tema-activity-card__lock,.tema-activity-card__check{background:#ffffffd9;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px #00000014}.tema-activity-card__check{background:var(--ta);color:#fff;font-weight:900}.tema-activity-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;padding:14px 16px 6px;display:flex}.tema-activity-card__body strong{font-family:var(--font-display);color:var(--c-deep);font-size:15px;font-weight:900;line-height:1.2}.tema-activity-card__meta{font-family:var(--font-display);color:var(--c-mute);font-size:12px;font-weight:700}.tema-activity-card__stars{color:#c78a00;letter-spacing:.05em;font-size:14px;font-weight:900}.tema-activity-card__cta{background:var(--ta);color:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 0 var(--ta-deep);text-align:center;border-radius:12px;margin:8px 16px 14px;padding:9px 14px 11px;font-size:12px;font-weight:900;display:inline-block}.tema-activity-card.is-locked .tema-activity-card__cta{background:var(--c-line);color:var(--c-mute);box-shadow:0 2px #c4d0e0}.tema-game-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.tema-game{border:2px solid var(--c-line);box-shadow:0 4px 0 var(--c-line);color:var(--c-deep);text-align:center;isolation:isolate;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px 18px;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tema-game:before{content:"";opacity:.18;pointer-events:none;background:radial-gradient(circle,#ffd84a 0%,#0000 65%);border-radius:50%;width:120px;height:120px;transition:opacity .3s,transform .3s;position:absolute;top:-40px;right:-40px}.tema-game:hover{border-color:#ffd84a;transform:translateY(-5px)rotate(-1deg);box-shadow:0 8px #c78a00,0 14px 26px #c78a0033}.tema-game:hover:before{opacity:.35;transform:scale(1.4)}.tema-game__emoji{filter:drop-shadow(0 4px 6px #001e5014);background:linear-gradient(135deg,#fff5cb 0%,#fffae5 100%);border-radius:24px;place-items:center;width:96px;height:96px;font-size:52px;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.tema-game:hover .tema-game__emoji{transform:scale(1.12)rotate(-6deg)}.tema-game__title{font-family:var(--font-display);color:var(--c-deep);align-items:center;min-height:2.4em;font-size:14px;font-weight:900;line-height:1.2;display:flex;position:relative}.tema-game__cta{font-family:var(--font-display);color:#5c3300;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#ffe89a,#ffd84a);border:1.5px solid #c78a00;border-radius:999px;padding:6px 14px 7px;font-size:11px;font-weight:900;display:inline-block;position:relative;box-shadow:0 2px #c78a00}@media (max-width:480px){.tema-game-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tema-game{padding:18px 12px 14px}.tema-game__emoji{width:76px;height:76px;font-size:42px}}.tema-empty{text-align:center;border:2px dashed var(--c-line);color:var(--c-mute);background:#fff;border-radius:18px;padding:36px 24px}.tema-empty span{margin-bottom:8px;font-size:36px;display:block}.tema-empty p{font-size:14px;font-family:var(--font-display);margin:0;font-weight:700}.tema-devnote{font-family:var(--font-display);color:#5c3300;background:#fff8e1;border:1.5px dashed #e9a700;border-radius:14px;margin-top:32px;padding:14px 20px;font-size:12px}.tema-devnote strong{margin-right:8px;font-weight:900;display:inline-block}.tema-devnote p{color:#8a5a00;margin:4px 0 0;font-size:12px;font-weight:600;line-height:1.5}.tema-devnote code{background:#c78a0026;border-radius:4px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:11px}@media (prefers-reduced-motion:reduce){.tema-hero__visual-emoji,.tema-quizmap__step.is-current .tema-quizmap__node-bubble,.tema-quizmap__node-pulse{animation:none!important}}