@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2)format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2)format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#fff7e6;--color-surface:#fff;--color-surface-edge:#e8dcc0;--color-line:#eadfc6;--color-ink:#2b2d42;--color-ink-muted:#6b6f80;--color-art-outline:#3b2a20;--color-primary:#ffb800;--color-primary-edge:#d18f00;--color-primary-tint:#fff0c2;--color-correct:#1fa38a;--color-correct-edge:#157a66;--color-correct-tint:#ddf5ee;--color-correct-ink:#0e6b59;--color-retry:#f28c5b;--color-retry-edge:#c9693b;--color-retry-tint:#ffede3;--color-retry-ink:#98451f;--color-terracotta:#c8553d;--color-terracotta-edge:#9e3f2b;--color-city-madrid:var(--color-terracotta);--color-city-madrid-edge:var(--color-terracotta-edge);--color-city-barcelona:#2a7bbf;--color-city-barcelona-edge:#1d5a8c;--color-sky:#8fd3f4;--color-sky-edge:#5fb0d8;--color-star:#ffb800;--color-star-empty:#e6dcc6;--color-locked:#ede3cb;--color-locked-edge:#d9ccab;--color-locked-ink:#8f866e;--color-line-future:#d0c3a3;--radius-s:16px;--radius-m:24px;--radius-l:32px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-display:"Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--text-es:32px;--text-es-l:40px;--text-title:28px;--text-heading:22px;--text-body:18px;--text-gloss:17px;--text-subtitle:20px;--text-small:16px;--text-tile:28px;--touch-min:64px;--card-min:140px;--content-max:560px;--content-wide:680px;--edge:5px;--progress-height:20px;--mic-size:112px;--dur-fast:.12s;--ease-press:cubic-bezier(.3, .7, .4, 1);--card-edge:0 5px 0 #3b2a2033;--dur-sheet:.25s;--shadow-soft:0 6px 18px #2b2d421f;--shadow-chip:0 4px 12px #2b2d421f}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink);background:var(--color-bg);-webkit-text-size-adjust:100%;line-height:1.4}body{background:var(--color-bg);min-height:100dvh;margin:0}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.15}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:4px solid var(--color-ink);outline-offset:3px}[lang=es]{font-family:var(--font-display)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lola{display:block;overflow:visible}.lola-breathe{transform-origin:150px 305px;animation:3.2s ease-in-out infinite lola-breathe}.lola-blink{transform-origin:150px 118px;animation:7s infinite lola-blink}.lola-tail{transform-origin:205px 270px;animation:2.6s ease-in-out infinite lola-wag}.lola-pupil{transition:transform .25s}.lola-talk .open{animation:.26s linear infinite lola-talk}.lola-talk .closed{animation:.26s linear infinite reverse lola-talk}@keyframes lola-breathe{50%{transform:scale(1.015,.985)}}@keyframes lola-blink{0%,33%,36%,88%,90.5%,92%,94.5%,to{transform:scaleY(1)}34.5%,89.2%,93.2%{transform:scaleY(.08)}}@keyframes lola-wag{0%,to{transform:rotate(0)}30%{transform:rotate(12deg)}45%{transform:rotate(4deg)}60%{transform:rotate(9deg)}}@keyframes lola-talk{0%,49%{opacity:1}50%,to{opacity:0}}.home{max-width:var(--content-max);padding:var(--space-5) var(--space-4);text-align:center;margin:0 auto}.home .lola{width:150px;margin:0 auto calc(-1 * var(--space-2))}.home h1{font-size:var(--text-es-l);margin-top:var(--space-2);font-weight:700}.subtitle{color:var(--color-ink-muted);font-size:var(--text-gloss);margin-top:var(--space-1)}.home h2{font-size:var(--text-heading);margin-top:var(--space-6)}.home-top{justify-content:flex-end;display:flex}.lessons{gap:var(--space-4);padding:0;list-style:none;display:grid}.lesson-card{align-items:center;gap:var(--space-4);text-align:left;width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--color-surface);min-height:80px;box-shadow:0 var(--edge) 0 var(--color-surface-edge);border:none;display:flex}.lesson-card:active{box-shadow:0 2px 0 var(--color-surface-edge);translate:0 3px}.lesson-card strong{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;display:block}.lesson-card small{color:var(--color-ink-muted);font-size:var(--text-small)}.lesson-num{border-radius:var(--radius-pill);background:var(--color-primary);width:48px;height:48px;font-family:var(--font-display);font-weight:700;font-size:var(--text-heading);flex:none;place-items:center;display:grid}.scene{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.backdrop{z-index:0;width:100%;height:100%;position:absolute;inset:0}.backdrop stop,.backdrop .stars,.backdrop .night-veil{transition:stop-color 1.2s,opacity 1.2s}.backdrop .celestial{transition:transform 1.4s ease-in-out}.backdrop .window{transition:fill 1.2s}.scene>:not(.backdrop){z-index:1;position:relative}.scene-stage{width:100%;max-width:calc(var(--content-max) + 2 * var(--space-4));flex-direction:column;flex:1;margin:0 auto;display:flex}.scene-middle{padding:var(--space-2) var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.scene-middle--say{padding-bottom:var(--space-6);justify-content:flex-start;align-items:flex-end}.scene-bottom{padding:0 var(--space-4) var(--space-3);align-items:flex-end;display:flex}.scene-lola{width:min(36vw,220px,24dvh)}@media (height<=700px){.scene-lola{width:96px}}.bubble{border:4px solid var(--color-art-outline);border-radius:var(--radius-l);background:var(--color-surface);max-width:480px;padding:var(--space-4) var(--space-5);gap:var(--space-1);text-align:center;box-shadow:0 var(--edge) 0 var(--color-surface-edge);transition:translate var(--dur-fast), box-shadow var(--dur-fast);flex-direction:column;display:flex;position:relative}.bubble:active{box-shadow:0 2px 0 var(--color-surface-edge);translate:0 3px}.bubble:before,.bubble:after{content:"";left:var(--space-7);border-style:solid;width:0;height:0;position:absolute}.bubble:before{border-width:24px 12px 0;border-color:var(--color-art-outline) transparent transparent transparent;bottom:-24px}.bubble:after{border-width:18px 8px 0;border-color:var(--color-surface) transparent transparent transparent;margin-left:4px;bottom:-17px}.bubble-es{font-size:var(--text-es);font-weight:700}.bubble-fr{margin-top:var(--space-2);padding-top:var(--space-2);border-top:2px solid var(--color-primary-tint);color:var(--color-ink);font-size:var(--text-subtitle);font-weight:600;line-height:1.35}.word-card{width:min(100vw - 2 * var(--space-4), 340px);cursor:pointer;border:4px solid var(--color-art-outline);border-radius:var(--radius-l);background:var(--color-surface);padding:var(--space-4);align-items:center;gap:var(--space-1);box-shadow:var(--shadow-soft);flex-direction:column;display:flex}.word-card .picture{aspect-ratio:1;width:min(70%,22dvh);height:auto}.word-card__label{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-tint);font-size:var(--text-small);font-weight:700}.word-row{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.word-es{font-size:var(--text-es);text-wrap:balance;font-weight:700;line-height:1.15}.word-fr{color:var(--color-ink);font-size:var(--text-subtitle);font-weight:600}.tip-card{width:min(100vw - 2 * var(--space-4), 440px);border:4px solid var(--color-art-outline);border-radius:var(--radius-l);background:var(--color-primary-tint);padding:var(--space-4);align-items:center;gap:var(--space-3);text-align:center;box-shadow:var(--shadow-soft);flex-direction:column;display:flex}.tip-card__label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-body);font-weight:600;display:inline-flex}.tip-card__rule{text-wrap:balance;color:var(--color-ink);font-size:var(--text-heading);font-weight:700;line-height:1.35}.tip-card__rule strong{font-weight:900}.tip-card__example{align-self:stretch;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-m);background:var(--color-surface);flex-direction:column;display:flex}.tip-card__es{text-wrap:balance;font-size:var(--text-tile);font-weight:700;line-height:1.35}.tip-card__mark{padding:0 var(--space-1);border-radius:var(--radius-s);background:var(--color-primary-tint);box-shadow:inset 0 -4px 0 var(--color-primary);color:inherit}.tip-card__fr{color:var(--color-ink);font-size:var(--text-gloss)}.drop-card .picture{width:min(52%,18dvh)}.drop-sentence{place-items:center;min-height:2.6em;line-height:1.3;display:grid}.drop-pronoun{vertical-align:bottom;white-space:nowrap;margin-right:.3em;display:inline-block;overflow:hidden}.drop-struck{-webkit-text-decoration:line-through 4px var(--color-retry);text-decoration:line-through 4px var(--color-retry);color:var(--color-ink-muted)}.drop-verb{padding:0 var(--space-1);border-radius:var(--radius-s);background:var(--color-primary-tint);box-shadow:inset 0 -4px 0 var(--color-primary)}.drop-hint{min-height:2.8em;margin-top:var(--space-1);color:var(--color-correct-ink);line-height:1.4;font-size:var(--text-gloss);font-weight:700}.gallery{max-width:1100px;padding:var(--space-5) var(--space-4);margin:0 auto}.gallery-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.gallery figure{margin:0}.gallery .picture{aspect-ratio:1;width:100%;height:auto}.gallery figcaption{font-size:var(--text-small);margin-top:var(--space-1);flex-direction:column;display:flex}.gallery code,.gallery-note{color:var(--color-ink-muted)}.gallery-grid--cast{margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gallery-grid--moods{margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.gallery-cast{background:var(--color-surface);border-radius:var(--radius-m);padding:var(--space-3);position:relative;box-shadow:0 2px #3b2a201f}.gallery-cast__big{aspect-ratio:300/330;width:100%;height:auto;display:block}.gallery-cast__small{top:var(--space-3);right:var(--space-3);background:var(--color-bg);border-radius:var(--radius-s);width:64px;height:70px;position:absolute}.dev-index section{margin-bottom:var(--space-5)}.dev-index ul{gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.dev-index a{color:var(--color-ink)}.dev-index__special a{color:var(--color-ink-muted);font-style:italic}.dev-nav{left:var(--space-2);bottom:var(--space-2);z-index:1000;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:#fff;font:700 13px/1 var(--font-body);opacity:.55;background:#2b2d42d9;transition:opacity .15s;display:flex;position:fixed}.dev-finish{bottom:auto;left:auto;right:var(--space-2);top:64px}.dev-finish button{width:auto;min-width:32px;color:var(--color-primary);padding:0 6px}.dev-nav:hover,.dev-nav:focus-within{opacity:1}.dev-nav a,.dev-nav button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.dev-nav button:disabled{opacity:.3;cursor:default}.module-host__loading{min-height:100dvh;font-family:var(--font-display);font-size:var(--text-heading);color:var(--color-ink-muted);place-items:center;display:grid}.module-host__message{max-width:var(--content-max);padding:var(--space-6) var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.module-host__message ul{padding-left:var(--space-5);color:var(--color-retry-ink)}.module-host__message button{min-height:var(--touch-min);padding:0 var(--space-5);border:3px solid var(--color-ink);border-radius:var(--radius-s);background:var(--color-primary);font:700 var(--text-body) var(--font-display);color:var(--color-ink);align-self:flex-start}.placeholder-audio-badge{right:var(--space-2);bottom:var(--space-2);z-index:100;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);opacity:.8;pointer-events:none;font-size:13px;position:fixed}.chip-button{min-width:var(--touch-min);height:var(--touch-min);cursor:pointer;background:0 0;border:none;place-items:center;margin:-10px;padding:0;display:grid}.chip-button__chip{min-width:44px;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-chip);color:var(--color-primary-edge);place-items:center;display:grid}.chip-button--round .chip-button__chip{color:var(--color-secondary);padding:0}.pack-unavailable{width:100%;max-width:var(--content-max);padding:var(--space-5) var(--space-4) var(--space-5);justify-content:space-between;gap:var(--space-5);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.pack-unavailable__scene{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.pack-unavailable__bubble{max-width:420px;min-height:120px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:3px solid var(--color-art-outline);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);justify-content:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex;position:relative}.pack-unavailable__bubble:after{content:"";background:var(--color-surface);border-right:3px solid var(--color-art-outline);border-bottom:3px solid var(--color-art-outline);width:20px;height:20px;position:absolute;bottom:-12px;left:calc(50% - 10px);transform:rotate(45deg)}.pack-unavailable__bubble--hidden{visibility:hidden}.pack-unavailable__es{font:700 var(--text-heading) / 1.25 var(--font-display);color:var(--color-ink)}.pack-unavailable__fr{font:600 var(--text-gloss) / 1.35 var(--font-body);color:var(--color-ink-muted)}.pack-unavailable__lola{aspect-ratio:1;width:min(42vw,200px)}.pack-unavailable__lola>*{width:100%;height:100%}.pack-unavailable__actions{gap:var(--space-3);flex-direction:column;display:flex}.pack-screen{flex-direction:column;min-height:100dvh;display:flex}.cal{gap:var(--space-4);flex-direction:column;display:flex}.cal__nav{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.cal__arrow--hidden{visibility:hidden}.cal__month{text-align:center;flex-direction:column;align-items:center;margin:0;display:flex}.cal__month-es{font:700 var(--text-es) / 1.1 var(--font-display);color:var(--color-ink)}.cal__month-gloss{font:600 var(--text-subtitle) / 1.3 var(--font-body);color:var(--color-ink)}.cal__card{padding:var(--space-3) var(--space-2);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:var(--shadow-soft);touch-action:pan-y}.cal-grid{table-layout:fixed;border-collapse:collapse;width:100%}.cal-grid th{padding-bottom:var(--space-2);font:700 var(--text-small) / 1 var(--font-body);color:var(--color-ink-muted);text-transform:uppercase}.cal-grid td{text-align:center;height:52px;padding:0}.cal-day{border-radius:var(--radius-pill);width:38px;height:38px;font:400 18px / 1 var(--font-body);color:var(--color-ink);place-items:center;margin:0 auto;display:grid;position:relative}.cal-day[data-state=before],.cal-day[data-state=future]{color:var(--color-ink-muted)}.cal-day[data-state=played],.cal-day[data-state=mission]{font-weight:700}.cal-day[data-state=played]{background:var(--color-primary-tint);box-shadow:inset 0 0 0 2px var(--color-primary)}.cal-day[data-state=mission]{background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-edge)}.cal-day[data-today]{outline:3px solid var(--color-ink);outline-offset:2px}.cal-day__flame{border-radius:var(--radius-pill);background:var(--color-surface);width:22px;height:22px;box-shadow:var(--shadow-chip);color:var(--color-terracotta);place-items:center;font-size:14px;display:grid;position:absolute;top:-8px;right:-8px}.cal-day__flame>svg{width:14px;height:14px}.cal-day__spark{border-radius:var(--radius-pill);background:var(--color-primary);width:6px;height:6px;position:absolute}.cal-layer{z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cal-backdrop{background:#2b2d4273;position:absolute;inset:0}.cal-sheet{width:100%;max-width:var(--content-max);max-height:96dvh;padding:0 var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--color-bg);position:relative;overflow-y:auto;box-shadow:0 -8px 24px #2b2d4224}.cal-sheet__top{min-height:var(--touch-min);justify-content:flex-end;align-items:center;display:flex;position:relative}.cal-sheet__grab{inset:0 var(--touch-min);padding-top:var(--space-3);touch-action:none;cursor:grab;justify-content:center;align-items:flex-start;display:flex;position:absolute}.cal-sheet__grip{border-radius:var(--radius-pill);background:var(--color-line);width:48px;height:5px}.cal-sheet__close{position:relative}@media (width>=560px){.cal-grid td{height:64px}.cal-day{width:48px;height:48px;font-size:20px}}.city-map{--station:72px;--terminus:92px;background:var(--color-bg);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;position:relative;overflow:hidden}.city-map__scroll{overscroll-behavior:contain;position:relative;overflow:hidden auto;container-type:inline-size}.city-map__journey{--stage-w:min(100cqw, 440px);padding-top:var(--space-6);flex-direction:column-reverse;min-height:100%;display:flex}.city-section{justify-content:center;display:flex;position:relative;overflow:clip visible}.city-section__stage .pack-unavailable{padding-bottom:var(--space-7,48px)}.city-section__ground{pointer-events:none;width:600%;height:100%;position:absolute;top:0;left:50%;translate:-50%}.city-section__stage{z-index:1;width:var(--stage-w);flex:none;display:flex;position:relative}.city-sign{z-index:2;min-height:40px;max-width:calc(var(--stage-w) - var(--space-5));padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:0 3px 0 var(--color-surface-edge);color:var(--color-ink);font:600 20px/1 var(--font-display);white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex;position:absolute;bottom:0;left:50%;translate:-50% 50%}.city-sign svg{flex:none}.city-sign__pin{color:var(--color-primary-edge)}.city-section:first-child{padding-bottom:var(--space-6)}.city-section:first-child .city-sign{bottom:var(--space-3);translate:-50%}.city-sign--locked,.city-sign--soon{color:var(--color-ink-muted)}.city-sign__soon{font:600 var(--text-small) / 1 var(--font-body)}.unit-plate{z-index:2;align-items:center;gap:var(--space-2);width:max-content;max-width:calc(var(--stage-w) - var(--space-5));min-height:48px;padding:var(--space-1) var(--space-5) var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:0 3px 0 var(--color-surface-edge);color:var(--color-ink);margin:0;display:flex;position:absolute;bottom:32px;left:50%;translate:-50%}.unit-plate:has(.unit-plate__seal){padding-left:var(--space-1)}.city-section:first-child .unit-plate{bottom:var(--space-3)}.unit-plate__text{flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:6px;min-width:0;line-height:1.15;display:flex}.unit-plate__label,.unit-plate__dot{font:600 var(--text-small) / 1.15 var(--font-body);color:var(--color-ink-muted)}.unit-plate__title{font:700 20px/1.15 var(--font-display)}.unit-plate__soon{top:0;right:var(--space-4);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-chip);font:700 13px/1.2 var(--font-body);color:var(--color-ink-muted);position:absolute;translate:0 -55%}.unit-plate__seal{background:var(--color-primary);width:38px;height:38px;box-shadow:0 3px 0 var(--color-primary-edge);color:var(--color-ink);border-radius:50%;flex:none;place-items:center;display:grid}.unit-plate--locked,.unit-plate--soon{background:color-mix(in srgb, var(--color-locked) 40%, var(--color-surface));box-shadow:0 3px 0 var(--color-locked-edge);color:var(--color-ink-muted)}.unit-plate__lock{flex:none}.city-map__track{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.city-map__rail,.city-map__future{fill:none;stroke-width:9px;stroke-linecap:round;stroke-dasharray:.1 19}.city-map__rail{stroke:var(--color-primary)}.city-map__future{stroke:var(--color-line-future)}.station{width:var(--station);height:var(--station);position:absolute;transform:translate(-50%,-50%)}.station--terminus{--station:var(--terminus)}.station__disc{width:100%;height:100%;color:var(--color-ink);cursor:pointer;font:700 calc(var(--station) * .42) / 1 var(--font-display);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.station__disc:focus-visible{outline:4px solid var(--color-ink);outline-offset:8px}.station__icon{width:46%;height:46%}.station--open .station__disc{background:var(--color-surface);box-shadow:0 0 0 6px var(--color-primary), 0 6px 0 6px var(--color-primary-edge), 0 0 0 14px color-mix(in srgb, var(--color-primary) 28%, transparent)}.station--open:before{content:"";background:var(--color-primary);opacity:.45;border-radius:50%;animation:1.6s ease-out infinite station-pulse;position:absolute;inset:-6px}.station--done .station__disc{background:var(--color-primary);box-shadow:inset 0 3px 0 #fff6, 0 6px 0 var(--color-primary-edge)}.station--locked .station__disc{background:var(--color-locked);box-shadow:inset 0 3px 0 #ffffff80, 0 6px 0 var(--color-locked-edge);color:var(--color-locked-ink)}.station__lock{background:var(--color-surface);width:26px;height:26px;box-shadow:var(--shadow-chip);color:var(--color-ink-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}@keyframes station-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.station--open:before{opacity:0;animation:none}}.station__label{width:max-content;max-width:calc(var(--stage-w) * .52);padding:3px var(--space-2);border-radius:var(--radius-s);background:color-mix(in srgb, var(--color-bg) 90%, transparent);pointer-events:none;flex-direction:column;line-height:1.1;display:flex;position:absolute;bottom:50%}.station--label-right .station__label{left:calc(100% + var(--space-2));text-align:left}.station--label-left .station__label{right:calc(100% + var(--space-2));text-align:right;align-items:flex-end}.station__title{font:700 21px/1.1 var(--font-display);color:var(--color-ink)}.station__gloss{font-size:var(--text-small);color:var(--color-ink-muted)}.station--locked .station__title{color:var(--color-ink-muted)}.station__stars{z-index:1;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-chip);gap:1px;padding:3px 7px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.station__star{color:var(--color-star-empty);display:block}.station__star svg{display:block}.station__star--on{color:var(--color-star)}.map-lola{z-index:3;pointer-events:none;width:84px;position:absolute;transform:translate(-50%,-100%)}.map-lola__body{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:100%;padding:0;display:block}.map-lola__body .lola{width:100%;height:auto;display:block}.map-bubble{bottom:calc(100% + var(--space-2));width:max-content;max-width:204px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-s);box-shadow:var(--shadow-chip);z-index:4;flex-direction:column;gap:2px;transition-property:none;display:flex;position:absolute}.map-bubble:after{content:"";background:var(--color-surface);border-radius:3px;width:14px;height:14px;position:absolute}.map-bubble[data-place^=above]:after{bottom:-6px;transform:rotate(45deg)}.map-bubble[data-place=above]{left:50%;translate:-50%}.map-bubble[data-place=above]:after{left:calc(50% - 7px - var(--dx,0px))}.map-lola--bubble-right .map-bubble[data-place=above-in],.map-lola--bubble-left .map-bubble[data-place=above-out]{left:-8px}.map-lola--bubble-left .map-bubble[data-place=above-in],.map-lola--bubble-right .map-bubble[data-place=above-out]{right:-8px}.map-lola--bubble-right .map-bubble[data-place=above-in]:after,.map-lola--bubble-left .map-bubble[data-place=above-out]:after{left:40px}.map-lola--bubble-left .map-bubble[data-place=above-in]:after,.map-lola--bubble-right .map-bubble[data-place=above-out]:after{right:40px}.map-bubble[data-place=side-in]{top:0;bottom:auto}.map-lola{--feet:30px;--disc-half:calc(var(--station) / 2)}.map-lola--terminus{--feet:40px;--disc-half:calc(var(--terminus) / 2)}.map-bubble[data-place=under]{bottom:auto;top:calc(100% + var(--feet) + 2px)}.map-lola--bubble-right .map-bubble[data-place=under]{left:calc(50% + var(--disc-half) + 14px)}.map-lola--bubble-left .map-bubble[data-place=under]{right:calc(50% + var(--disc-half) + 14px)}.map-bubble[data-place=under]:after{top:14px}.map-lola--bubble-right .map-bubble[data-place=under]:after{left:-6px;transform:rotate(45deg)}.map-lola--bubble-left .map-bubble[data-place=under]:after{right:-6px;transform:rotate(45deg)}.map-lola--bubble-right .map-bubble[data-place=side-in]{left:calc(100% + 12px)}.map-lola--bubble-left .map-bubble[data-place=side-in]{right:calc(100% + 12px)}.map-bubble[data-place=side-in]:after{top:28px}.map-lola--bubble-right .map-bubble[data-place=side-in]:after{left:-6px;transform:rotate(45deg)}.map-lola--bubble-left .map-bubble[data-place=side-in]:after{right:-6px;transform:rotate(45deg)}.map-bubble__es{font:700 19px/1.15 var(--font-display);white-space:nowrap;color:var(--color-ink)}.map-bubble__fr{font-size:var(--text-small);color:var(--color-ink-muted)}.city-map__actions{padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:3px solid var(--color-line);background:var(--color-bg)}.city-map__actions-inner{max-width:var(--content-max);margin:0 auto}.city-map__go{flex-direction:column;align-items:center;min-width:0;line-height:1.05;display:flex}.city-map__go-next{font:600 var(--text-small) / 1.2 var(--font-body);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.city-map__bar{z-index:2;top:calc(var(--space-3) + env(safe-area-inset-top));left:calc(var(--space-4) + env(safe-area-inset-left));right:calc(var(--space-4) + env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.city-map__bar>*{pointer-events:auto}.city-map__chips{align-items:center;gap:var(--space-2);display:flex}.coin-harvest{z-index:4;pointer-events:none;position:fixed;inset:0}.coin-harvest__coin{width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:0;left:0}.coin-harvest__spin{width:100%;height:100%;display:block}.coin-harvest__glint{display:flex;position:absolute;top:-3px;left:-2px}.coin-harvest__burst{width:0;height:0;position:absolute;top:0;left:0}.coin-harvest__ring{border:5px solid var(--color-star);border-radius:50%;width:64px;height:64px;position:absolute;top:-32px;left:-32px}.coin-harvest__spark{display:flex;position:absolute;top:0;left:0;translate:-50% -50%}.coin-harvest__spin svg{width:100%;height:100%;display:block}.course-plan__chapters,.plan-chapter__units{margin:0;padding:0;list-style:none}.course-plan__chapters{gap:var(--space-5);flex-direction:column;display:flex}.plan-chapter{padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:0 var(--edge) 0 var(--color-surface-edge);border:3px solid #0000}.plan-chapter--current{border-color:var(--color-primary);box-shadow:0 var(--edge) 0 var(--color-primary-edge)}.plan-chapter--soon{border:2px dashed var(--color-locked-edge);box-shadow:none;background:#fff9}.plan-chapter__head{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.plan-chapter__label{font:700 var(--text-small) / 1.2 var(--font-body);color:var(--color-ink-muted)}.plan-chapter__name{align-items:center;gap:var(--space-2);font:800 var(--text-title) / 1.1 var(--font-body);color:var(--color-ink);flex-wrap:wrap;margin:0;display:flex}.plan-chapter__summary{font:600 var(--text-gloss) / 1.35 var(--font-body);color:var(--color-ink);text-wrap:pretty;margin:0}.plan-unit{align-items:start;gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:40px minmax(0,1fr);display:grid;position:relative}.plan-unit:not(:last-child):after{content:"";border-left:4px dotted var(--color-line-future);position:absolute;top:60px;bottom:-12px;left:18px}.plan-unit__disc{margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);width:40px;height:40px;box-shadow:inset 0 0 0 3px var(--color-line);place-items:center;font-size:22px;display:grid;position:relative}.plan-unit--done .plan-unit__disc{background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-edge);color:var(--color-ink)}.plan-unit--current .plan-unit__disc{box-shadow:inset 0 0 0 4px var(--color-primary);color:var(--color-terracotta)}.plan-unit--locked .plan-unit__disc{background:var(--color-locked);box-shadow:none}.plan-unit--soon .plan-unit__disc{box-shadow:none;border:3px dashed var(--color-locked-edge);background:0 0}.plan-unit__text{flex-direction:column;min-width:0;display:flex}.plan-unit__number{align-items:center;gap:var(--space-2);font:600 var(--text-small) / 1.2 var(--font-body);color:var(--color-ink-muted);flex-wrap:wrap;display:flex}.plan-unit__title{font:800 var(--text-subtitle) / 1.2 var(--font-body);color:var(--color-ink)}.plan-unit__theme{font:600 var(--text-small) / 1.3 var(--font-body);color:var(--color-ink);text-wrap:pretty}.plan-unit--soon .plan-unit__title,.plan-chapter--soon .plan-chapter__name{color:var(--color-ink-muted)}.plan-tag{padding:2px var(--space-2);border-radius:var(--radius-pill);font:700 14px / 1.4 var(--font-body);white-space:nowrap;flex:none}.plan-tag--soon{background:var(--color-locked);color:var(--color-ink)}.plan-tag--here{background:var(--color-primary);color:var(--color-ink)}.hub{overscroll-behavior:contain;background:var(--color-bg);height:100dvh;overflow:hidden auto}.hub__column{max-width:var(--content-max);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.hub__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:relative}.hub__avatar{width:var(--touch-min);height:var(--touch-min);cursor:pointer;background:0 0;border:0;border-radius:50%;margin:-6px;padding:6px;position:relative}.hub__avatar:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px}.hub__avatar-art{width:100%;height:100%;box-shadow:var(--shadow-chip);border-radius:50%;display:block}.hub__chips{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.hub__note{z-index:5;top:calc(100% + var(--space-2));width:max-content;max-width:min(100%,280px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);background:var(--color-surface);box-shadow:var(--shadow-chip);flex-direction:column;gap:2px;display:flex;position:absolute;left:0}.hub__note-es{font:700 var(--text-subtitle) / 1.2 var(--font-display);color:var(--color-ink)}.hub__note-fr{font:600 var(--text-gloss) / 1.25 var(--font-body);color:var(--color-ink)}.hub__block{gap:var(--space-2);flex-direction:column;display:flex}.hub__journey{border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-soft);overflow:hidden}.hub__map{position:relative}.hub__map-art{width:100%;height:100%;display:block}.hub__route{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--color-primary-edge);stroke-width:4px;stroke-linecap:round;position:absolute;inset:0}.hub__route--closed{stroke:var(--color-ink-muted);stroke-dasharray:0 11;stroke-width:5px;opacity:.6}.hub__dot{background:var(--color-surface);opacity:.85;border-radius:50%;width:10px;height:10px;position:absolute;translate:-50% -50%}.hub__here{padding:var(--space-4);align-items:center;gap:var(--space-4);border-top:2px solid var(--color-surface-edge);border-inline:none;width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-bottom:none;grid-template-columns:minmax(0,1fr);margin:0;display:grid}.hub__here:focus-visible{outline-offset:-4px}.hub__here--done{grid-template-columns:auto minmax(0,1fr)}.hub__next{--progress-height:10px;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.hub__next .progress-bar{flex:none}.hub__next-label{font:600 var(--text-small) / 1.2 var(--font-body);color:var(--color-ink-muted)}.hub__next-unit{font:700 var(--text-subtitle) / 1.15 var(--font-display);color:var(--color-ink)}.hub__next-title{font:500 var(--text-small) / 1.2 var(--font-display);color:var(--color-ink);margin-bottom:var(--space-1)}.hub__count{font:600 var(--text-small) / 1.2 var(--font-body);color:var(--color-ink-muted)}.hub__cheer{flex:none;width:72px}.hub__cheer .lola{width:100%;height:auto;display:block}.hub-mission{width:100%;margin-top:var(--space-2);align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:2px dashed var(--color-primary-edge);border-radius:var(--radius-m);background:var(--color-primary-tint);color:var(--color-ink);text-align:left;cursor:pointer;display:flex;position:relative}.hub-mission:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px}.hub-mission__tag{top:-11px;left:var(--space-4);max-width:calc(100% - 2 * var(--space-4));border-radius:var(--radius-pill);background:var(--color-primary);font:700 var(--text-small) / 22px var(--font-body);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;padding:0 10px;position:absolute;overflow:hidden}.hub-mission__badge{background:var(--color-surface);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.hub-mission__icon{width:28px;height:28px;color:var(--color-primary-edge)}.hub-mission__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hub-mission__goal{font:700 var(--text-body) / 1.2 var(--font-display)}.hub-mission__theme{font:600 var(--text-small) / 1.25 var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hub-mission__theme [lang=es]{font-family:var(--font-display);font-weight:700}.hub-mission__score{align-items:center;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.hub-mission__pips{gap:var(--space-1);display:flex}.hub-mission__pip{background:var(--color-surface);border:2px solid var(--color-primary-edge);border-radius:50%;width:14px;height:14px;transition:background-color .3s ease-out,transform .3s ease-out}.hub-mission__pip--on{background:var(--color-primary);transform:scale(1.1)}.hub-mission__count{font:700 var(--text-small) / 1 var(--font-display)}.hub-mission--done{border-style:solid;border-color:var(--color-correct);background:var(--color-correct-tint)}.hub-mission--done .hub-mission__tag{background:var(--color-correct-tint);box-shadow:inset 0 0 0 2px var(--color-correct);color:var(--color-correct-ink)}.hub-mission--done .hub-mission__theme{white-space:normal}.hub-mission--done .hub-mission__icon{color:var(--color-correct)}.hub-mission--done .hub-mission__pip{border-color:var(--color-correct-edge)}.hub-mission--done .hub-mission__pip--on{background:var(--color-correct)}@media (prefers-reduced-motion:reduce){.hub-mission__pip{transition:background-color .3s}.hub-mission__pip--on{transform:none}}.city-pin{--pin:44px;--pad:10px;z-index:1;translate:-50% calc(var(--pin) / -2 - var(--pad));min-width:var(--touch-min);padding:var(--pad) var(--space-1) var(--space-1);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.city-pin--current{z-index:2}.city-pin__disc{width:var(--pin);height:var(--pin);color:var(--color-ink);border-radius:50%;place-items:center;margin-bottom:4px;display:grid;position:relative}.city-pin:focus-visible{outline:none}.city-pin:focus-visible .city-pin__disc{outline:4px solid var(--color-ink);outline-offset:6px}.city-pin__icon{width:52%;height:52%}.city-pin__count{font:700 14px / 1 var(--font-display)}.city-pin--current .city-pin__disc{background:var(--color-primary);color:var(--color-surface);box-shadow:0 0 0 4px var(--color-surface), 0 4px 0 4px var(--color-primary-edge)}.city-pin--current .city-pin__disc:before{content:"";z-index:-1;background:var(--color-primary);opacity:0;border-radius:50%;animation:1.8s ease-out infinite hub-pulse;position:absolute;inset:-4px}@keyframes hub-pulse{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.city-pin--current .city-pin__disc:before{opacity:.25;animation:none;transform:scale(1.35)}}.city-pin--open .city-pin__disc{background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary), 0 4px 0 3px var(--color-primary-edge)}.city-pin--done .city-pin__disc{background:var(--color-primary);box-shadow:inset 0 3px 0 #fff6, 0 4px 0 var(--color-primary-edge)}.city-pin--next-locked .city-pin__disc,.city-pin--soon .city-pin__disc{background:var(--color-locked);box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--color-locked-edge);color:var(--color-locked-ink)}.city-pin--next-locked,.city-pin--soon{--pin:34px}.city-pin__lock{background:var(--color-surface);width:22px;height:22px;box-shadow:var(--shadow-chip);color:var(--color-ink-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-8px}.city-pin__lock svg{width:12px;height:12px}.city-pin__name{font:600 var(--text-small) / 1.15 var(--font-display);color:var(--color-ink);white-space:nowrap;text-shadow:0 0 3px var(--color-surface), 0 0 3px var(--color-surface), 0 0 6px var(--color-surface)}.city-pin--next-locked .city-pin__name,.city-pin--soon .city-pin__name{color:var(--color-ink-muted)}.city-pin__soon{font:700 14px / 1 var(--font-body);color:var(--color-ink-muted);text-shadow:0 0 3px var(--color-surface), 0 0 3px var(--color-surface)}.city-pin__stars{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-chip);color:var(--color-star-empty);gap:1px;padding:2px 5px;display:flex}.city-pin__stars svg{width:12px;height:12px}.city-pin__star--on{color:var(--color-star)}.hub__tiles{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.hub__tiles .hub__note{top:auto;bottom:calc(100% + var(--space-2))}.hub-tile{min-height:80px;padding:var(--space-3);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:0 var(--edge) 0 var(--color-surface-edge);margin-bottom:var(--edge);color:var(--color-ink);cursor:pointer;border:0;place-items:center;display:grid;position:relative}.hub-tile:focus-visible{outline:4px solid var(--color-ink);outline-offset:3px}.hub-tile__icon{width:44px;height:44px;color:var(--color-primary-edge)}.hub-tile--soon .hub-tile__icon{color:var(--color-locked-ink)}.hub-tile__soon{top:var(--space-2);right:var(--space-2);background:var(--color-primary-tint);width:24px;height:24px;color:var(--color-ink-muted);border-radius:50%;place-items:center;display:grid;position:absolute}.hub-tile__soon svg{width:14px;height:14px}.hub__plan{cursor:pointer;background:0 0;border:none;place-items:center;width:56px;height:56px;padding:0;display:grid;position:absolute;bottom:0;right:0}.hub__plan-face{border-radius:var(--radius-pill);background:var(--color-surface);width:36px;height:36px;box-shadow:var(--shadow-chip);color:var(--color-ink-muted);place-items:center;font-size:20px;display:grid}.hub__plan:focus-visible{outline:none}.hub__plan:focus-visible .hub__plan-face{outline:3px solid var(--color-ink);outline-offset:2px}.avatar-picker{gap:var(--space-3);flex-direction:column;width:100%;max-width:400px;margin-inline:auto;display:flex}.avatar-picker__row{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.avatar-picker__choice{aspect-ratio:1;min-width:var(--touch-min);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.avatar-picker__art{border-radius:50%;width:100%;height:100%;display:block}.avatar-picker__choice[aria-pressed=true] .avatar-picker__art{box-shadow:0 0 0 5px var(--color-primary), 0 0 0 7px var(--color-ink)}.avatar-picker__choice:focus-visible{outline:4px solid var(--color-ink);outline-offset:8px}.avatar-screen{background:var(--color-bg);grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid}.avatar-screen__middle{justify-content:safe center;align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.avatar-screen__hello{font:700 var(--text-es) / 1.1 var(--font-display);color:var(--color-ink);text-align:center;overflow-wrap:anywhere;margin:0}.avatar-screen__ask{margin:0 0 var(--space-3);font:600 var(--text-subtitle) / 1.2 var(--font-body);color:var(--color-ink);text-align:center}.profile{min-height:100dvh;max-width:var(--content-max);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.profile__top{align-items:center;gap:var(--space-3);display:flex}.profile__title{font:700 var(--text-title) / 1.1 var(--font-display);color:var(--color-ink);margin:0}.profile__me{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.profile__avatar{width:140px;height:140px;margin-bottom:var(--space-2);border-radius:50%;display:block}.profile__name{width:100%;max-width:400px}.profile__avatars{gap:var(--space-4);flex-direction:column;display:flex}.profile__heading{font:600 var(--text-heading) / 1.2 var(--font-display);color:var(--color-ink);text-align:center;margin:0}.language-picker{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:400px;margin-inline:auto;display:grid}.language-picker__choice{align-items:center;gap:var(--space-2);min-height:var(--card-min,140px);padding:var(--space-3);border:3px solid var(--color-art-outline);border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-ink);cursor:pointer;flex-direction:column;display:flex}.language-picker__art{width:100%;max-width:120px}.language-picker__art .picture{width:100%;height:auto;display:block}.language-picker__name{font:700 var(--text-subtitle) / 1.2 var(--font-display)}.language-picker__choice[aria-pressed=true]{box-shadow:0 0 0 5px var(--color-primary), 0 0 0 7px var(--color-ink)}.language-picker__choice:focus-visible{outline:4px solid var(--color-ink);outline-offset:8px}.language-select,.language-select__option{width:100%;min-height:var(--touch-min);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:3px solid var(--color-art-outline);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-ink);cursor:pointer;display:flex}.language-select{max-width:400px;margin-inline:auto}.language-select__flag{flex:none;width:48px}.language-select__flag .picture{width:100%;height:auto;display:block}.language-select__name{text-align:left;font:700 var(--text-subtitle) / 1.2 var(--font-display);flex:1}.language-select__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.language-select__option[aria-pressed=true]{box-shadow:0 0 0 4px var(--color-primary), 0 0 0 6px var(--color-ink)}.language-select:focus-visible,.language-select__option:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px}.profile-items{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.profile-items__count{font:700 var(--text-body) var(--font-body);color:var(--color-ink);margin:0}.profile-items__thumbs{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.profile-items__thumb,.profile-items__more{width:56px;height:56px}.profile-items__thumb .picture{width:100%;height:100%}.profile-items__more{border-radius:var(--radius-s);background:var(--color-surface);border:2px solid var(--color-surface-edge);font:800 var(--text-body) var(--font-body);color:var(--color-ink);place-items:center;display:grid}.speech-bubble{--bubble-edge:var(--color-art-outline);align-items:center;gap:var(--space-3);max-width:min(460px,100%);padding:var(--space-3) var(--space-4);border:4px solid var(--bubble-edge);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:0 var(--edge) 0 var(--color-surface-edge);display:flex;position:relative}.speech-bubble:after{content:"";background:var(--color-surface);border:4px solid var(--bubble-edge);border-top:none;border-right:none;width:22px;height:22px;position:absolute}.speech-bubble--tail-left:after{top:calc(50% - 11px);left:-13px;transform:rotate(45deg)}.speech-bubble--tail-right:after{top:calc(50% - 11px);right:-13px;transform:rotate(-135deg)}.speech-bubble--tail-bottom:after{bottom:-13px;left:calc(50% - 11px);transform:rotate(-45deg)}.speech-bubble--tail-top:after{top:-13px;left:calc(50% - 11px);transform:rotate(135deg)}.speech-bubble__text{flex:1;min-width:0}.speech-bubble__es{font-family:var(--font-display);font-size:var(--text-es);color:var(--color-ink);font-weight:700;line-height:1.15}.speech-bubble__support{margin-top:var(--space-1);font-size:var(--text-gloss);color:var(--color-ink-muted)}.speech-bubble__replay{border:3px solid var(--color-ink);background:var(--color-primary);width:56px;height:56px;color:var(--color-ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.speech-bubble__replay:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.speech-bubble[data-playing] .speech-bubble__replay{animation:.8s ease-in-out infinite bubble-playing}@keyframes bubble-playing{50%{transform:scale(1.08)}}@media (width<=719px){.speech-bubble__es{font-size:28px}}@media (prefers-reduced-motion:reduce){.speech-bubble[data-playing] .speech-bubble__replay{animation:none}}.name-screen{background:var(--color-bg);grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid}.name-screen__middle{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.name-screen__stage{justify-content:center;align-items:center;gap:var(--space-3);max-width:var(--content-max);width:100%;display:flex}.name-screen__lola{flex:none;width:130px}.name-screen__lola .lola{width:100%;height:auto;display:block}.name-screen__form{width:100%;max-width:var(--content-max);gap:var(--space-2);flex-direction:column;display:flex}.name-screen__label{font:600 var(--text-heading) / 1.2 var(--font-display);text-align:center}.name-screen__input{min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border:3px solid var(--color-art-outline);border-radius:var(--radius-m);background:var(--color-surface);font:700 var(--text-es) / 1.2 var(--font-display);color:var(--color-ink);text-align:center}.name-screen__input:focus-visible{outline:4px solid var(--color-primary);outline-offset:2px}.name-screen__preview{min-height:1.4em;font-size:var(--text-body);color:var(--color-ink-muted);text-align:center}@media (width<=480px){.name-screen__lola{width:92px}.name-screen__stage{gap:var(--space-2)}}.section-screen{min-height:100dvh;max-width:var(--content-max);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.section-screen__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.section-screen__chips{align-items:center;gap:var(--space-2);display:flex}.section-screen--bare{gap:0;max-width:none;padding:0}