:root{--navy:#101d42;--navy-2:#1d2b5d;--orange:#ff5a36;--orange-dark:#d9411f;--yellow:#f2c94c;--cream:#fff8e8;--cream-2:#fffdf4;--blue:#187ea8;--green:#2e7d32;--shadow:0 10px 26px #101d4221;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:auto!important}body{background:radial-gradient(circle at top left, #fff2bd 0 8rem, transparent 8.1rem), radial-gradient(circle at bottom right, #fff2bd 0 10rem, transparent 10.1rem), var(--cream);color:var(--navy);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.45}button,a,input,select{font:inherit}button,a.link-button{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:50px;padding:.8rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:4px solid #2d9cdb}.skip-link{color:var(--navy);z-index:10;background:#fff;padding:.8rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.app-header{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8e8f2;border-bottom:2px solid #101d421a;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem .85rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:.45rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:800;display:flex}.brand-flame{font-size:1.4rem}.lang-select{border:2px solid var(--navy);max-width:44vw;color:var(--navy);background:#fff;border-radius:999px;padding:.45rem .6rem}.progress-wrap{background:#fff;border-bottom:1px solid #101d421a;padding:.65rem 1rem}.progress-text{margin-bottom:.35rem;font-size:.95rem}.progress-bar{background:#e5e7eb;border:1px solid #cbd5e1;border-radius:999px;height:.7rem;overflow:hidden}.progress-bar>div{background:linear-gradient(90deg,var(--orange),var(--yellow));border-radius:999px;height:100%}.main{width:min(100%,760px);margin:0 auto;padding:1rem 1rem 1.4rem}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf4f0;border:2px solid #101d421f;margin:0 0 1rem;padding:1rem}.card.warm{border-color:#ff5a3647}h1,h2,h3{margin:.2rem 0 .75rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.12}h1{color:var(--orange-dark);font-size:clamp(1.7rem,8vw,3rem)}h2{font-size:1.28rem}h3{font-size:1.05rem}.lead{font-size:1.08rem}.language-page{text-align:center;flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.language-grid{gap:.8rem;display:grid}.hero{text-align:left;justify-items:center;gap:.7rem;display:grid}.mascot{filter:drop-shadow(0 8px 10px #101d421f);width:clamp(132px,42vw,180px);height:auto;display:block}.mascot-small{width:clamp(116px,34vw,160px);margin-inline:auto}.joanino-says{border-left:6px solid var(--orange);background:#fff3c4;border-radius:14px;padding:.8rem;font-weight:700}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.primary:hover{background:var(--navy-2)}.secondary{color:var(--navy);border-color:var(--blue);background:#fff}.ghost{color:var(--navy);background:#fff;border-color:#101d4259}.full{width:100%;margin:.35rem 0}.map-list{gap:.7rem;display:grid}.map-item{background:#fff;border:2px solid #e5e7eb;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.map-item span{font-size:.94rem;display:block}.map-icon{background:#fff3c4;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:1.7rem;display:grid}.map-item.done{border-color:var(--green)}.map-item.available{border-color:var(--orange)}.map-item.locked{opacity:.72}.map-item em{font-size:.83rem;font-style:normal;font-weight:800}.search-panel{text-align:left}.riddle{white-space:pre-wrap;border:2px dashed var(--orange);color:var(--navy);background:#fff;border-radius:18px;padding:1rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.16rem;font-weight:700;line-height:1.5;overflow:auto}.unlock-panel{gap:.6rem;display:grid}.note{background:#eff6ff;border-radius:12px;padding:.65rem;font-size:.9rem}.video{border:3px solid var(--navy);object-fit:cover;background:#000;border-radius:18px;width:100%;max-height:45vh}.keyword-box{background:#fff;border:2px solid #101d4226;border-radius:18px;gap:.6rem;padding:.9rem;display:grid}label{font-weight:800}input{border:2px solid var(--navy);border-radius:14px;width:100%;min-height:50px;padding:.75rem;font-size:1rem}.status{border-left:6px solid var(--green);background:#eaf7ef;border-radius:14px;padding:.75rem;font-weight:800}.hint{background:#fff7db;border:2px solid #f2c94ca6;border-radius:18px;padding:.8rem}.keyword-hint{background:#fff7db;border:2px solid #f2c94ca6;border-radius:18px;margin:.2rem 0;padding:.85rem}.keyword-hint h2{color:var(--navy);margin:.1rem 0 .5rem;font-size:1.05rem}.anagram-help{background:#fff;border:2px solid #101d4229;border-radius:16px;margin:.8rem 0;padding:.8rem}.anagram-help strong{letter-spacing:.12em;background:var(--navy);color:#fff;border-radius:999px;margin:.25rem 0;padding:.35rem .7rem;font-size:1.18rem;display:inline-block}.footer-home{border-color:var(--orange);color:var(--navy);background:#fff;margin-top:.65rem}.pill{color:#0f5132;background:#eaf7ef;border:2px solid #badbcc;border-radius:999px;padding:.45rem .7rem;font-weight:800;display:inline-flex}.info-card{background:#fff;border:2px solid #101d421f;border-radius:18px;margin:.8rem 0;padding:.9rem}.info-card h2{color:var(--navy)}.rhythm{justify-content:center;gap:1rem;margin:.8rem 0;font-size:2rem;display:flex}.rhythm span{animation:1.4s infinite pulse}.rhythm span:nth-child(2){animation-delay:.2s}.rhythm span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.charm-row{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.8rem 0;display:grid}.charm-row button{background:#fff;border:2px solid #101d4233;border-radius:18px;font-size:1.8rem}.charm-row button.selected{border-color:var(--orange);background:#fff3c4}.downloads{gap:.6rem;margin-top:1rem;display:grid}.link-button{width:100%}.final{text-align:center}.footer{width:min(100%,760px);margin:0 auto;padding:0 1rem 2rem}.disclosure{background:#fff;border:1px solid #101d421f;border-radius:16px;margin:.45rem 0;overflow:hidden}.disclosure>button{width:100%;color:var(--navy);text-align:left;background:#fff;border:0;border-radius:0;justify-content:space-between}.disclosure-body{white-space:pre-wrap;padding:.2rem .9rem 1rem}.disclosure-body p{margin:.5rem 0}.test-links div{flex-wrap:wrap;gap:.4rem;display:flex}.test-links a{color:var(--navy);background:#eff6ff;border:1px solid #93c5fd;border-radius:999px;padding:.35rem .65rem}@media (width>=680px){.hero{grid-template-columns:auto 1fr;align-items:center}.language-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.rewards-progress h2{margin-bottom:.8rem}.reward-row{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.reward-chip{background:#fff;border:2px solid #101d421f;border-radius:16px;align-items:center;gap:.45rem;min-height:58px;padding:.6rem;display:flex}.reward-chip span{background:#fff3c4;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.35rem;display:grid}.reward-chip small{font-weight:800;line-height:1.15}.reward-chip.hidden{opacity:.78}.reward-chip.hidden span{color:#4b5563;background:#e5e7eb}.reward-chip.done{border-color:var(--green);background:#f0fff4}@media (width>=520px){.reward-row{grid-template-columns:repeat(5,1fr)}.reward-chip{text-align:center;flex-direction:column}}.qr-reader{background:#fff7e8;border-radius:18px;width:min(100%,320px);margin:.75rem auto;overflow:hidden}.qr-reader video,.qr-reader canvas{border-radius:18px}.hidden-reader{display:none}.mode-card h2{margin-bottom:.45rem}.mode-grid{gap:.75rem;margin-top:.85rem;display:grid}.mode-option{min-height:128px;color:var(--navy);text-align:center;background:#fff;border:3px solid #101d4229;border-radius:22px;align-content:center;justify-items:center;gap:.35rem;padding:1rem;display:grid}.mode-option strong{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.12rem}.mode-option small{font-weight:700;line-height:1.25}.mode-option.selected{border-color:var(--orange);background:#fff3c4;box-shadow:0 0 0 4px #ff5a3621}.mode-icon{font-size:2.4rem;line-height:1}.mode-selected{border-left:6px solid var(--green);background:#eaf7ef;border-radius:14px;margin:.85rem 0 0;padding:.7rem}.footer-link{border:2px solid var(--blue);min-height:50px;color:var(--navy);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin:.45rem 0;padding:.8rem 1rem;font-weight:800;text-decoration:none;display:flex}.footer-note{background:#eff6ff;border-radius:12px;margin:.25rem 0 .7rem;padding:.65rem;font-size:.9rem}@media (width>=560px){.mode-grid{grid-template-columns:repeat(2,1fr)}}.nav-controls{grid-template-columns:1fr 1fr;gap:.55rem;width:min(100%,760px);margin:.65rem auto 0;padding:0 1rem;display:grid}.nav-button{min-height:44px;padding:.65rem .75rem;font-size:.94rem}.nav-controls+.main{padding-top:.8rem}@media (width<=380px){.nav-controls{grid-template-columns:1fr}.nav-button{width:100%}}.start-card{text-align:center}.footer-reset{border-color:var(--orange);color:var(--navy);background:#fff;margin-top:.75rem}.keyword-status{color:#7f1d1d;background:#fff1f1;border-left-color:#dc2626;margin:.2rem 0}.visible-footer{margin-top:.75rem;padding:0 1rem 2rem}.footer-panel{box-shadow:var(--shadow);background:#fff;border:2px solid #101d4224;border-radius:22px;margin:.65rem 0;padding:1rem}.footer-panel h2{color:var(--orange-dark);margin-bottom:.5rem}.footer-section{border-top:1px solid #101d421f;margin-top:.85rem;padding-top:.85rem}.footer-section h3{color:var(--navy);margin-bottom:.45rem}.footer-section p{white-space:pre-wrap;margin:.45rem 0}.standalone-reset{border-color:var(--orange);color:var(--navy);background:#fff;margin-top:.85rem}.visible-footer .footer-link{width:100%}
.qr-step-page{text-align:left}.qr-step-page>.mascot{margin-inline:auto}.unlock-says{font-size:1.02rem}.qr-find-card{border-color:#ff5a3640}.mascot-happy{animation:joanino-hop .82s ease-in-out 0s 4;transform-origin:50% 100%}@keyframes joanino-hop{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-14px) scale(1.05)}65%{transform:translateY(0) scale(1.02)}}.joanino-reaction{position:relative;text-align:center;background:#fff7db;border:2px solid #f2c94ca6;border-radius:18px;margin:.8rem 0;padding:.85rem}.joanino-reaction .mascot{margin:0 auto .35rem;width:clamp(120px,34vw,165px)}.joanino-reaction p{margin:.35rem 0 0;font-weight:800}.joanino-reaction.is-error{background:#fff1f1;border-color:#fecaca;color:#7f1d1d}.reaction-badge{position:absolute;right:1rem;top:.7rem;background:#fff;border:2px solid #101d4224;border-radius:999px;padding:.25rem .55rem;font-size:1.25rem;font-weight:900}