/* VIDA FINANCIERA · Adventure edition. Shared presentation only; admin content stays dynamic. */
:root{color-scheme:dark;--ink:#f8f6ff;--body:#bbb6d0;--bg:#100d20;--line:#ffffff18;--soft:#211b35;--lime:#d3ff74;--coral:#ff947f;--violet:#bda2ff;--grad:linear-gradient(115deg,#b69aff,#efb4ef);--shadow:0 24px 70px #0005;--plata:#d3ff74;--plata-bg:#34452b;--tranqui:#bda2ff;--tranqui-bg:#342a50}
body{background:radial-gradient(ellipse at 85% 5%,#38204d77,transparent 45%),radial-gradient(ellipse at 0 55%,#23204577,transparent 50%),#100d20;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#c9b5ff 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 85%)}
.app{max-width:780px;padding:0 28px;isolation:isolate}.app.app-home{max-width:1180px;padding:0 32px}.blobs{opacity:.2}
button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}input:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
button{ -webkit-tap-highlight-color:transparent}.btn3d,.next{border:1px solid transparent;border-bottom:4px solid #7c9842;color:#18210c;background:var(--lime);border-radius:17px;padding:19px 24px;box-shadow:0 7px 0 #0002,0 12px 32px #b5e66b17;transition:transform .18s,filter .18s,box-shadow .18s}
.btn3d.blue,.btn3d.green{background:var(--lime);color:#18210c}.btn3d.orange{background:var(--coral);color:#301a20;border-bottom-color:#b85852}.next.unlock,#share{background:var(--lime);color:#18210c}.btn-link{color:#c7bbeb;font-weight:600;padding:17px}.btn-ghost{background:#ffffff06;color:var(--ink);border-color:#ffffff25}.next.unlock~#share{background:#2c2341;color:var(--ink)}
@media(hover:hover){.btn3d:hover,.next:hover,.next.unlock:hover,#share:hover{background:var(--lime);color:#18210c;filter:brightness(1.06);transform:translateY(-3px);box-shadow:0 10px 32px #c3ff7425}.btn3d.orange:hover{background:var(--coral)}.btn-ghost:hover{background:#ffffff10}.btn-link:hover{color:var(--lime)}}
/* Opening world */
.screen.home{height:auto;min-height:100dvh;overflow:visible;display:grid;grid-template-columns:1.06fr 1fr;grid-template-rows:1fr auto;align-content:center;column-gap:38px;padding:72px 0 38px;text-align:left}.home-hero,.home-world{grid-column:2;grid-row:1 / 3;position:relative;align-self:center;overflow:visible;min-height:430px;height:clamp(430px,48vw,570px);margin:0;border-radius:48% 48% 38% 42%;background:radial-gradient(ellipse at 50% 55%,#8161ca66,transparent 67%);isolation:isolate}.home-hero::before,.home-world::before{content:"";position:absolute;inset:6% -3%;border:1px solid #c3a8ff38;border-radius:50%;transform:rotate(-20deg);z-index:-1}.home-hero::after,.home-world::after{content:"";position:absolute;inset:16% -9%;border:1px dashed #c3a8ff38;border-radius:50%;transform:rotate(22deg);z-index:-1}.home-hero>img,.home-world>img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:46% 46% 34% 34%;mask-image:linear-gradient(#000 78%,transparent);filter:saturate(.85);animation:worldFloat 6s ease-in-out infinite}.home-copy{padding:0;align-self:end;gap:20px}.home-brand{filter:brightness(0) invert(1);margin:0;width:50px;height:auto;opacity:.8}.home-kicker{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.home-kicker::before{content:"";width:7px;height:7px;flex-shrink:0;background:var(--lime);border-radius:50%;box-shadow:0 0 20px var(--lime)}.home-title{color:var(--ink);font-size:clamp(40px,5.5vw,68px);line-height:.99;letter-spacing:-.055em;text-wrap:balance;max-width:10ch}.home-title em,.home-title span{font-style:normal;color:var(--lime)}.home-text{font-size:17px;line-height:1.6;color:var(--body);margin:0;max-width:36ch}.home-text b{color:var(--ink)}.home-actions{padding:30px 0 0;align-self:start;max-width:380px;gap:4px}.home-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--body);font-size:12px;line-height:1.45;margin-top:7px}.home-stats>*{padding-right:15px;border-right:1px solid var(--line)}.home-stats>*:last-child{border:0}.home-stats b,.home-stats strong{display:block;font-size:20px;color:var(--ink);font-weight:800}.orbit-chip{position:absolute;padding:12px 18px;background:#29233fe8;backdrop-filter:blur(16px);border:1px solid #ffffff28;border-radius:17px;box-shadow:0 18px 40px #0004;z-index:2;font-weight:700;color:var(--ink);font-size:14px;animation:worldFloat 5s ease-in-out infinite}.orbit-chip:nth-of-type(1){left:-10%;top:24%;transform:rotate(-7deg)}.orbit-chip:nth-of-type(2){right:-4%;top:57%;animation-delay:-2s}.orbit-chip:nth-of-type(3){left:4%;bottom:5%;animation-delay:-3s}
@keyframes worldFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
/* Profile */
.screen.perfil{max-width:530px;margin:0 auto;width:100%;padding:40px 0 25px}.perfil-body{padding:32px 0}.perfil-title{color:var(--ink);font-size:42px;letter-spacing:-.04em}.perfil-intro{color:var(--body);line-height:1.55;max-width:40ch;margin-top:16px}.perfil-fields{gap:22px;margin-top:35px}.fld-lbl{color:#e0d8ee;font-size:14px}.fld{background-color:#241e36;border:1px solid #ffffff1f;color:var(--ink);border-radius:15px;height:60px}.fld:focus{box-shadow:0 0 0 4px #bda2ff20}select.fld option{background:#241e36;color:var(--ink)}.field input:focus,.field select:focus,.freetext input:focus{background:#302642}.form-err{color:#ffaaa0}
/* Map / adventure headquarters */
.mapa-home{background:transparent;padding-top:30px}.mh-menu{top:33px;gap:9px}.mh-menu-lines{gap:4px}.mh-menu-lines span{background:#b8acca;height:2px}.mh-menu-lines span:first-child{width:22px}.mh-menu-lines span:last-child{width:16px}.mh-menu-word{font-size:11px;letter-spacing:.15em;color:var(--body)}.mh-head{margin-top:61px}.mh-name{color:var(--ink);font-size:44px;letter-spacing:-.04em}.mh-hi{color:var(--body);font-weight:400;max-width:75%;line-height:1.5}.mh-block{background:linear-gradient(120deg,#332650,#241d3b);border:1px solid #ffffff20;border-radius:24px;padding:23px;margin-top:32px;margin-bottom:24px;box-shadow:var(--shadow)}.mh-medtitle{color:#c7b6e7;font-size:10px;letter-spacing:.15em}.mh-info{background:#ffffff16;color:#e5daff}.mh-tomi{right:24px;top:-101px;width:91px;filter:drop-shadow(0 6px 14px #0003);animation:worldFloat 6s ease-in-out infinite}.mh-block .hud{width:100%;gap:12px}.mh-block .hud-pill{background:#17132699;border:1px solid #ffffff14;box-shadow:none;border-radius:15px;padding:13px 17px}.hud{background:#100d20dc;backdrop-filter:blur(18px);padding:14px 0;gap:14px}.hud-pill{border-radius:15px;border:1px solid #ffffff12;min-width:145px}.hud-pill.dinero{background:#d3ff7412}.hud-pill.tranqui{background:#bda2ff15}.hud-pill.dinero .hp-val,.hud-pill.dinero .hp-max,.hud-pill.dinero .hp-lbl{color:var(--lime)}.hud-pill.tranqui .hp-val,.hud-pill.tranqui .hp-max,.hud-pill.tranqui .hp-lbl{color:#cbb3ff}.hp-val{font-size:24px}.hp-lbl{font-weight:500;opacity:.85}.hud-delta.up{color:var(--lime)}.hud-delta.down{color:var(--coral)}
.adventure-summary{position:relative;overflow:hidden;border:1px solid #bba1ff30;background:linear-gradient(120deg,#34264d,#211a33);border-radius:24px;padding:25px 27px;margin:24px 0}.adventure-summary::after{content:"✦";position:absolute;right:21px;top:1px;font-size:108px;line-height:1;color:#c9a8ff13;pointer-events:none}.adventure-summary h2{font-size:27px;letter-spacing:-.03em;line-height:1.15;margin:7px 0}.adventure-summary p{font-size:14px;color:var(--body);line-height:1.5}.adventure-summary .kicker,.mission-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--lime);text-transform:uppercase}.adventure-progress{height:6px;border-radius:20px;background:#ffffff10;margin-top:18px;overflow:hidden}.adventure-progress span{display:block;height:100%;background:linear-gradient(90deg,#ad8ce9,var(--lime));border-radius:20px;transition:width .6s}.collection-strip{display:flex;gap:10px;overflow-x:auto;padding:3px 0 16px}.collection-badge{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:600;padding:10px 13px;background:#2b243c;border:1px solid #ffffff17;border-radius:13px}.collection-badge.locked{opacity:.55}
.mh-tabs{background:#100d20ec;backdrop-filter:blur(18px);gap:8px;padding:13px 0;margin:4px 0 12px;border-bottom:1px solid var(--line);z-index:12}.mh-tab{color:#b2a8c7;font-size:13px;padding:10px 16px;border-radius:11px;background:#ffffff05}.mh-tab.active{background:var(--lime);color:#1a260d}.mh-tab.active::after{display:none}.mh-sec-title{color:var(--ink);font-size:25px;letter-spacing:-.03em;margin-top:30px}.mh-sec-sub{color:#a99cbe;font-size:14px;max-width:50ch;margin-top:7px;line-height:1.55}.mh-lessons{gap:19px;position:relative;margin-top:28px;padding:0 0 0 18px}.mh-lessons::before{content:"";position:absolute;left:0;top:30px;bottom:55px;width:1px;background:repeating-linear-gradient(to bottom,#8d70b9 0 5px,transparent 5px 12px);opacity:.5}.mh-lesson{border:1px solid #ffffff12;background:#221c33;border-radius:22px;padding:24px;margin:0 0 0 10px;min-height:125px;gap:22px;transition:transform .2s,border-color .2s,box-shadow .2s}.mh-lesson::before{content:"";position:absolute;left:-34px;width:9px;height:9px;background:#493758;border:2px solid #877293;border-radius:50%;box-shadow:0 0 0 5px var(--bg)}.mh-lesson.current{background:linear-gradient(110deg,#cee99c,#d3ff74);border-color:#e7ffb8;box-shadow:0 10px 40px #b1e65714;margin-top:12px}.mh-lesson.current::before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px var(--bg),0 0 20px #d3ff7480}.mh-lesson.current .mh-ltitle{color:#1c2812}.mh-lesson.current .mh-ldesc{color:#435333}.mh-lesson.current .mh-count{color:#3d5029}.mh-icon{width:64px;height:64px;border-radius:21px;background:#383047;font-size:31px}.mh-lesson.current .mh-icon{background:#f6ffe6;box-shadow:0 7px 0 #91a86944;rotate:-5deg}.mh-ltitle{color:var(--ink);font-size:21px;letter-spacing:-.02em}.mh-ldesc{color:var(--body);font-size:14px;margin-top:5px}.mh-count{color:#b7a9ce;font-size:10px;letter-spacing:.1em;margin-top:12px}.mh-lesson.done{background:#242c2533;border-color:#d3ff7426}.mh-lesson.done .mh-icon{background:#394c2e}.mh-lesson.next,.mh-lesson.locked{background:#1d182c;border-color:#ffffff0c}.mh-lesson.next .mh-ltitle,.mh-lesson.locked .mh-ltitle{color:#b4a7c8}.mh-lesson.next .mh-ldesc,.mh-lesson.locked .mh-ldesc{color:#9689a8}.mh-lesson.next .mh-count,.mh-lesson.locked .mh-count{color:#9789ac}.mh-lesson.next .mh-icon,.mh-lesson.locked .mh-icon{background:#2c253b}.mh-empezar{top:-14px;left:27px;background:#bca0fa;color:#28193d;border:0;border-radius:7px;padding:7px 12px;font-size:9px;letter-spacing:.12em;box-shadow:0 4px 15px #0002}.mh-empezar::after{background:#bca0fa;border:0;width:7px;height:7px;bottom:-3px;left:15px}.mh-lock{background:#51435e;border-color:#1d182c}.mh-check{background:var(--lime);color:#243215;border-color:#253122}.mh-empty{color:var(--body)}
@media(hover:hover){.mh-lesson:hover{transform:translateX(4px);border-color:#c4a9ff66}.mh-lesson.current:hover{transform:translateX(4px) translateY(-2px);box-shadow:0 15px 40px #d3ff7425}}
/* Decisions */
.lesson{max-width:660px;margin:0 auto;padding:24px 0 42px}.lb-top{gap:18px;padding-bottom:12px}.lb-x{font-size:23px;background:#ffffff09;color:#c1b5d6;border-radius:12px;width:39px;height:39px}.lb-bar{height:9px;background:#ffffff10}.lb-bar>span{background:linear-gradient(90deg,#b594f1,var(--lime))}.lb-count,.lb-count b{color:#beb1d1;font-size:12px;font-weight:500}.lesson-scene-head{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:16px}.scene-orb{display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:linear-gradient(145deg,#5e4377,#2b223f);border:1px solid #d0adff33;font-size:35px;box-shadow:0 10px 0 #0002;rotate:7deg;animation:worldFloat 6s ease-in-out infinite}.lesson-situ{margin-top:24px;color:var(--ink);font-size:clamp(27px,4.8vw,38px);line-height:1.18;letter-spacing:-.033em}.lesson-tip{background:#30263e66;border:1px solid #ffffff10;border-radius:17px;padding:12px 17px;margin-top:24px}.lt-av::before{background:#6c528442}.lt-tx{color:#c0b4d3;line-height:1.5;font-size:14px}.lt-tx b{color:#dfc5ff}.lesson-prompt{color:var(--lime);font-size:13px;letter-spacing:.03em;margin-top:28px}.lesson-opts{gap:12px}.lesson-opt{background:#241d35;border:1px solid #544263;border-bottom:4px solid #110c1b;border-radius:18px;padding:18px;font-size:16px;line-height:1.4;color:#eee6fb;box-shadow:0 5px 14px #0002;transition:transform .18s,background .18s,border-color .18s}.lo-radio{width:43px;height:43px;border-radius:13px;background:#ffffff0c;font-size:25px}.lesson-opt:nth-child(2) .lo-radio{background:#ff947f16}.lesson-opt:nth-child(3) .lo-radio{background:#d3ff7412}.lesson-opt.elegida{background:#463755;border-color:var(--lime);color:var(--ink);box-shadow:0 0 28px #d3ff7418}.lesson-opt:disabled{opacity:.58}.choice-hint{font-size:12px;color:#a99bbb;text-align:center;margin-top:18px;line-height:1.5}.lo-lock{white-space:normal;max-width:85px;color:#bbaeC8}.lesson-load p{color:var(--body)}.ll-av::before{background:#684a7733}.lesson-load{padding-top:65px}
@media(hover:hover){.lesson-opt:not(:disabled):hover{background:#352943;border-color:#bc9ed9;transform:translateY(-3px)}}
/* Outcomes & collection */
.result-screen{padding-bottom:28px}.rs-body{padding:35px 0 22px}.rs-av{height:145px;position:relative}.rs-av::before{content:"";position:absolute;inset:0 -30px;background:radial-gradient(ellipse,#aa84e643,transparent 70%);z-index:-1}.rs-av img{animation:worldFloat 5s ease-in-out infinite}.rs-chose{font-size:12px;color:#a898bb;letter-spacing:.02em;margin-top:17px}.rs-chose span{display:block;font-size:16px;color:#e5d9f7;margin-top:7px;font-weight:600}.rs-frase{color:var(--ink);font-size:clamp(25px,4.5vw,34px);max-width:24ch;margin-top:25px;line-height:1.25;letter-spacing:-.03em}.rs-stats{gap:14px;width:100%;max-width:360px;margin:26px auto 12px}.rs-stat{flex:1;background:#211b30;border:1px solid #ffffff13;border-radius:22px;padding:20px;flex-direction:row;justify-content:center;gap:12px}.rs-emoji{font-size:28px}.rs-delta.pos{color:var(--lime)}.rs-delta.neg{color:var(--coral)}.rs-delta.zero{color:#bbb1c9}.result-insight{max-width:45ch;margin:10px auto 22px;color:#b8abc9;font-size:13px;line-height:1.6;text-align:center}.result-insight strong{color:#e9def7}.freetext{max-width:480px}.freetext label{font-size:14px}.freetext input{border-color:#58436f}.cierre{max-width:660px;margin:auto;padding-top:20px}.cierre-hero{margin-top:22px}.cierre-tomi::before{background:radial-gradient(circle,#9674ca55,transparent 70%)}.cierre-eyebrow{color:var(--lime);font-size:10px;letter-spacing:.15em;margin-top:22px}.cierre-title{color:var(--ink);font-size:38px;margin-top:9px;letter-spacing:-.035em}.cierre-badge{background:linear-gradient(110deg,#ead1a3,#ffe5a9);color:#513613;font-size:13px;padding:10px 17px}.ccard{padding:22px;border:1px solid #ffffff10!important;background:#251d34!important;border-radius:21px}.ccard .ck{font-size:14px;color:#c9acfa!important;margin-bottom:10px}.ccard p{color:#c5b9d3;font-size:14px;line-height:1.6}.ccard.good .ck{color:var(--lime)!important}.ccard.alt .ck{color:var(--coral)!important}.cchips .chip{color:#d8cbea;background:#352a45;border:1px solid #ffffff13;font-size:12px;line-height:1.3}.cdelta.pos{color:var(--lime);background:#d3ff7410}.cdelta.neg{color:var(--coral);background:#ff947f12}.reward-vault{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;isolation:isolate;width:100%;margin:24px 0;padding:30px 24px;border:1px solid #d4b4ff55;border-radius:26px;background:radial-gradient(ellipse at 50% 15%,#66428680,transparent 75%),#251931;color:var(--ink);cursor:pointer;box-shadow:0 20px 60px #0003}.reward-vault::before{content:"";position:absolute;inset:10px;border:1px dashed #c9a8ff23;border-radius:19px;pointer-events:none}.reward-icon{font-size:54px;line-height:1.3;filter:drop-shadow(0 8px 20px #ffc38133);animation:worldFloat 4s ease-in-out infinite}.reward-vault strong{font-size:24px;letter-spacing:-.02em}.reward-vault small{color:#c4b1db;font-size:13px}.reward-reveal:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px;border:1px solid #d3ff7440;border-radius:24px;background:#d3ff740b;margin:24px 0;animation:cardIn .5s both}.reward-xp{display:inline-flex;align-items:center;border-radius:999px;padding:8px 14px;background:var(--lime);color:#283619;font-size:13px;font-weight:800}.reward-reveal strong{font-size:23px}.reward-reveal p{color:var(--body);font-size:14px;line-height:1.5}.cierre-cont{margin-top:24px}.screen.final{padding:55px 0 35px;max-width:640px;margin:auto}.final .bigcara{font-size:76px;margin:24px 0 18px}.final-kicker{color:var(--body);font-size:12px}.arqbadge{background:#b493dd33;border:1px solid #c6a2ff44;color:#e4cfff;box-shadow:none;font-size:13px}.final .title{font-size:37px;font-weight:800;line-height:1.12;letter-spacing:-.035em}.retrato,.bubble,.card,.result{background:#241d34;border-color:#ffffff15}.gancho{background:#312344;border:1px solid #b18be42e}.mini{background:#ffffff05}.final-passport{border-radius:24px;background:linear-gradient(135deg,#362347,#211b32);border:1px solid #d3b1ff44;padding:24px;margin:20px 0;box-shadow:var(--shadow)}.final-passport h2{font-size:24px;color:#f0d9ff}.final-passport p{font-size:14px;color:var(--body);margin-top:10px}.foot-note{color:#aa9dbd;line-height:1.5}
/* Overlays */
.modal-bg{background:#080510bb;backdrop-filter:blur(8px)}.modal-box{background:#261e36;border:1px solid #ffffff20;border-radius:25px}.modal-title{color:var(--ink)}.modal-text{color:#c6b8d7;line-height:1.6}.modal-btn.primary,.modal-btn.gris{color:#263515;background:var(--lime);box-shadow:0 4px 0 #91a857}.modal-btn.ghost{background:#3a2d49;color:#e6d9f6}.modal-btn.danger{background:var(--coral);color:#392020;box-shadow:0 4px 0 #b96458}.mh-drawer{background:#21192e;border-right:1px solid #ffffff20}.mh-drawer-h b{color:var(--ink)}.mh-menu-item{background:#332640;color:#e5d8f3}.toast{background:#e6d8ff;color:#291e38;border:1px solid #ffffff4a;box-shadow:0 14px 50px #0005;font-size:13px}.pop-in{animation:adventureEnter .42s cubic-bezier(.2,.8,.2,1) both}@keyframes adventureEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:900px){.mh-section .mh-lessons{margin-left:28px;margin-right:28px}.mh-lesson:nth-child(even){margin-left:42px}.mh-lesson:nth-child(even)::before{left:-66px}.mh-name{font-size:49px}.screen:not(.home):not(.perfil){padding-top:38px}}
@media(max-width:760px){.app{padding:0 20px}.app.app-home{padding:0 24px}.screen.home{display:flex;flex-direction:column;padding:28px 0 20px;gap:0;min-height:100dvh}.home-world,.home-hero{order:1;flex:none;width:100%;max-width:380px;height:290px;min-height:250px;margin:12px auto 26px}.home-copy{order:0;display:flex;width:100%;gap:15px;text-align:center;align-items:center}.home-brand{display:none}.home-title{font-size:clamp(39px,9.2vw,60px);max-width:12ch}.home-text{font-size:15px;line-height:1.5;max-width:37ch}.home-kicker{font-size:9px}.home-actions{order:2;width:100%;max-width:420px;padding:0;margin:0 auto}.home-stats{justify-content:center;gap:12px;margin-top:0}.home-stats strong,.home-stats b{font-size:17px}.home-stats>*{padding-right:12px}.orbit-chip{font-size:12px;padding:10px 13px}.orbit-chip:nth-of-type(1){left:-2%;top:20%}.orbit-chip:nth-of-type(2){right:-1%;top:59%}.orbit-chip:nth-of-type(3){left:7%;bottom:1%}.perfil-title{font-size:36px}.mh-name{font-size:37px}.mh-hi{font-size:14px}.mh-block{padding:18px}.mh-lesson{padding:22px 17px;gap:16px}.mh-icon{width:54px;height:54px;border-radius:17px;font-size:27px}.mh-ltitle{font-size:18px}.mh-ldesc{font-size:13px}.mh-sec-title{font-size:23px}.mh-lessons{padding-left:12px}.mh-lesson::before{left:-28px}.lesson{padding-top:13px}.lesson-situ{font-size:28px;margin-top:20px}.lesson-opt{padding:16px;font-size:16px;gap:12px}.lesson-scene-head{margin-top:15px}.scene-orb{width:55px;height:55px;font-size:27px;border-radius:18px}.cierre-title,.final .title{font-size:31px}.hud-pill{min-width:135px;padding:9px 13px}.hp-val{font-size:22px}.rs-frase{font-size:27px}.adventure-summary{padding:22px}.adventure-summary h2{font-size:24px}}
@media(max-width:380px){.app{padding:0 16px}.app.app-home{padding:0 19px}.home-title{font-size:39px}.home-world,.home-hero{height:250px;min-height:250px}.hud{gap:8px}.hud-pill{min-width:0;flex:1;padding:9px}.hp-ico{font-size:21px}.mh-block .hud-pill{padding:10px}.mh-lesson{gap:12px;padding:22px 14px}.mh-icon{width:44px;height:44px;font-size:23px}.mh-ltitle{font-size:17px}.mh-tomi{right:6px;width:75px;top:-89px}.mh-hi{max-width:72%}.lo-lock{max-width:60px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hud-delta.show{opacity:1!important}.home-hero>img,.home-world>img,.rs-av img,.mh-tomi,.scene-orb,.reward-icon{translate:none}.pop-in{opacity:1;transform:none}}
/* Dynamic journey widgets. */
.adventure-summary>.btn3d{margin-top:21px;position:relative;font-size:15px;padding:16px 20px}.adventure-summary>.adventure-progress+p{font-size:11px;margin-top:9px;color:#c5b9d3}.collection-strip{flex-wrap:wrap;overflow:visible;align-items:center;gap:9px;margin-bottom:15px}.collection-strip h2{flex-basis:100%;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bcb0ce;margin-bottom:3px}.collection-strip h2 span{color:var(--lime);margin-left:6px}.collection-strip>p{font-size:13px;color:#9f91b3}.collection-badge b{font-weight:600}.reward-reveal[hidden],.reward-vault[hidden]{display:none!important}.final-passport{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px;padding:18px}.final-passport>span{padding:5px 12px;border-right:1px solid #ffffff20;color:#e0d0f1}.final-passport>span:last-child{border:0}.reward-reveal .reward-xp{color:#283619}.home-stats{font-size:11px}.home-stats>span{display:flex;align-items:center;gap:5px}.home-stats img.emoji{flex-shrink:0}.mh-drawer,.mh-scrim{z-index:90}.mh-drawer{z-index:91}
@media(min-width:761px){.screen.home{grid-template-rows:auto auto;align-content:center;padding-top:56px;padding-bottom:56px}.home-copy{align-self:center}.home-title{max-width:none;font-size:clamp(43px,4.4vw,62px)}.home-world,.home-hero{max-height:550px}.home-title span{white-space:nowrap}}
/* Phone-first: decisions and the primary action precede decorative space. */
.lb-x,.mh-drawer-x,.mp-reset,.reset-mini{min-width:44px;min-height:44px}.mh-menu{min-height:44px}.mh-info{width:44px;height:44px;margin:-12px 0;position:relative;background:transparent}.mh-info::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#ffffff15;z-index:-1}.mh-tab{min-height:44px}.btn-link{min-height:44px}
@media(max-width:760px){
  .screen.home{min-height:calc(100dvh - 70px);padding:20px 0 28px}
  .home-copy{gap:13px}.home-title{font-size:clamp(34px,9vw,43px);max-width:none;width:100%;line-height:1.01;letter-spacing:-.045em}.home-title span{white-space:nowrap}.home-text{font-size:14px;line-height:1.5;max-width:38ch}.home-kicker{font-size:8px;letter-spacing:.15em}
  .home-stats{font-size:10px;gap:7px;margin-top:1px}.home-stats>*{padding-right:7px}
  .home-actions{order:1;margin:20px auto 0;gap:0}.home-actions .btn3d{padding:17px 18px;font-size:16px}.home-actions .btn-link{padding:13px 10px;font-size:13px}
  .home-world,.home-hero{order:2;width:min(83%,320px);height:245px;min-height:0;margin:16px auto 7px}
  .orbit-chip{font-size:10px;padding:9px 11px}.orbit-chip:nth-of-type(1){left:-8%;top:20%}.orbit-chip:nth-of-type(2){right:-8%;top:60%}
  .lesson{padding-top:5px;padding-bottom:24px}.lb-top{gap:12px;padding:0 0 5px}.lb-bar{height:8px}.hud{padding:8px 0;gap:10px}.hud-pill{padding:8px 12px}.hp-val{font-size:20px}.hp-ico{font-size:22px}.hp-lbl{font-size:10px}
  .lesson-scene-head{margin-top:10px;min-height:40px}.scene-orb{width:40px;height:40px;border-radius:13px;font-size:23px;box-shadow:0 4px 0 #0002}.mission-kicker{font-size:9px;max-width:75%;line-height:1.4}
  .lesson-situ{font-size:23px;line-height:1.23;letter-spacing:-.025em;margin-top:14px}.lesson-tip{margin-top:15px;padding:9px 12px;gap:9px;border-radius:15px}.lt-av{width:40px;height:49px}.lt-av::before{width:40px;height:40px}.lt-av img{height:49px}.lt-tx{font-size:13px;line-height:1.4}
  .lesson-prompt{margin-top:18px;font-size:13px}.choice-hint{font-size:11px;line-height:1.4;margin-top:9px}.lesson-opts{margin-top:12px;gap:10px}.lesson-opt{padding:13px 14px;min-height:64px;font-size:15px;line-height:1.35;border-radius:16px}.lo-radio{height:36px;width:36px;font-size:22px;border-radius:10px}
  .rs-body{padding:22px 0 17px}.rs-frase{font-size:24px;line-height:1.28}.cierre{padding-top:7px}.cierre-title{font-size:29px}.cierre-hero{margin-top:10px}.reward-vault{padding:24px 17px}.reward-vault strong{font-size:22px}.reward-vault small{font-size:12px;line-height:1.45}
}
@media(max-width:350px){
  .app.app-home{padding:0 16px}.screen.home{padding-top:14px}.home-title{font-size:32px}.home-copy{gap:11px}.home-text{font-size:13px;line-height:1.45}.home-stats{font-size:9px;gap:5px}.home-actions{margin-top:16px}.home-world,.home-hero{height:215px;margin-top:15px}.home-kicker{font-size:7px;letter-spacing:.12em}.lesson-situ{font-size:21px}.lesson-tip{padding:9px}.lt-tx{font-size:12px}.lesson-opt{font-size:14px;padding:12px}.lo-radio{width:32px;height:32px;font-size:21px}.mh-name{font-size:32px}.hud-pill{padding:8px 9px}.mh-ltitle{font-size:16px}
}
/* Sunshine edition: warm, open and playful, at every age. */
:root{color-scheme:light;--ink:#173450;--body:#587081;--bg:#fffaf0;--line:#dce8e6;--soft:#eff6f4;--lime:#ffcf4b;--coral:#ff937a;--violet:#538ce6;--grad:linear-gradient(115deg,#3c99e5,#60cfbf);--shadow:0 16px 42px #335e7512;--plata:#249579;--plata-bg:#e2f5e8;--tranqui:#4089ca;--tranqui-bg:#e4f3ff}
body{background:radial-gradient(ellipse at 5% 15%,#d9f3f377,transparent 42%),radial-gradient(ellipse at 95% 75%,#fff0ba77,transparent 45%),#fffaf0}
body::before{background-image:radial-gradient(#65a9a9 1px,transparent 1px);opacity:.14;mask-image:linear-gradient(#000,transparent 85%)}
button:focus-visible,a:focus-visible{outline-color:#14679d}input:focus-visible,select:focus-visible{outline-color:#2c8dbb}
.btn3d,.next,.btn3d.blue,.btn3d.green,.next.unlock,#share{background:#1677c7;color:#fff;border-bottom-color:#095791;box-shadow:0 6px 0 #15456210,0 12px 26px #1677c71b}.btn3d.orange{background:#ffb75c;color:#55300f;border-bottom-color:#d69239}.btn-link{color:#2d739d}.btn-ghost{color:#26516a;background:#fff;border-color:#c9dddf}.next.unlock~#share{color:#fff;background:#1677c7}.btn3d:disabled{opacity:.55}
@media(hover:hover){.btn3d:hover,.next:hover,.next.unlock:hover,#share:hover{background:#106caf;color:#fff;box-shadow:0 12px 28px #1677c730}.btn3d.orange:hover{background:#ffb75c;color:#55300f}.btn-link:hover{color:#124e78}.btn-ghost:hover{background:#edf6f5}}
/* A little living world, with sunlight, clouds and an animated guide. */
.home-world,.home-hero{background:radial-gradient(circle at 78% 20%,#ffe284 0 12%,transparent 12.4%),linear-gradient(145deg,#c8f0ff,#e6faf0 60%,#cae8b8);border-radius:45% 48% 38% 42%;border:3px solid #fff;box-shadow:0 25px 65px #4eacb31a;overflow:visible}
.home-world::before,.home-hero::before{inset:auto -8% 4%;height:20%;border:0;background:#96cb7c;border-radius:50%;transform:rotate(-3deg);box-shadow:0 15px 0 #c6dea8;z-index:-1}
.home-world::after,.home-hero::after{inset:15% auto auto -7%;width:42%;height:14%;border:0;background:#fff;border-radius:80px;transform:rotate(-8deg);opacity:.8;box-shadow:170px 65px 0 -12px #fff;z-index:0;animation:cloudDrift 8s ease-in-out infinite}
@keyframes cloudDrift{0%,100%{translate:0 0}50%{translate:14px -3px}}
.home-world>img,.home-hero>img{filter:none;mask-image:none;object-fit:contain;border-radius:0}.home-world .tomi-actor{position:absolute;inset:5% 6% 1%;z-index:1;transform-origin:50% 95%;animation:guideSway 5s ease-in-out infinite}.home-world .tomi-actor img{display:block;width:100%;height:100%;object-fit:contain;mask-image:none;filter:drop-shadow(0 12px 6px #3a684b14);border-radius:0;animation:none}.home-world .tomi-actor::after{content:"";position:absolute;bottom:-2%;left:25%;right:25%;height:7%;border-radius:50%;background:#4d785824;filter:blur(5px);z-index:-1}
@keyframes guideSway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
.home-brand{filter:none}.home-kicker{color:#287c76}.home-kicker::before{background:#43a497;box-shadow:0 0 0 4px #43a49715}.home-title{color:#173450}.home-title em,.home-title span{color:#147cba}.home-text{color:#577181}.home-text b{color:#173450}.home-stats{color:#617c86}.home-stats>*{border-color:#d8e5df}.home-stats strong,.home-stats b{color:#23465a}.orbit-chip{color:#275875;background:#fffffff5;border:1px solid #dceceb;box-shadow:0 10px 24px #346b8f16;backdrop-filter:blur(10px)}.orbit-chip:nth-of-type(1){background:#fff4c8;color:#88611e}.orbit-chip:nth-of-type(2){background:#fff;color:#216b80}.orbit-chip:nth-of-type(3){background:#ffe2d8;color:#985735}
/* Profile and navigation. */
.perfil-title,.fld-lbl,.mh-name,.mh-sec-title{color:#173450}.perfil-intro,.mh-hi{color:#587081}.fld{background-color:#fff;border-color:#c9dedf;color:#173450;box-shadow:0 4px 0 #e2eae733}.fld:focus{box-shadow:0 0 0 4px #349bd125}select.fld option{background:#fff;color:#173450}select.fld:invalid,.fld::placeholder{color:#728790}.field input:focus,.field select:focus,.freetext input:focus{background:#fff}.form-err,.perfil-fields .form-err{color:#b73734}.mh-menu-word{color:#4c7586}.mh-menu-lines span{background:#4c7586}.mh-block{background:linear-gradient(120deg,#e3f4ff,#e6f6ee);border-color:#c9e5e6;box-shadow:0 10px 35px #53898d12}.mh-medtitle{color:#32748b}.mh-info{color:#286c85}.mh-info::before{background:#ffffffb3}.mh-tomi{filter:drop-shadow(0 7px 6px #3a684b18)}.mh-block .hud-pill{background:#ffffffde;border-color:#fff}.hud{background:#fffaf0ed;backdrop-filter:blur(14px)}.hud-pill{border-color:#bddbdc55}.hud-pill.dinero{background:#fff2ce}.hud-pill.tranqui{background:#e7f2ff}.hud-pill.dinero .hp-val,.hud-pill.dinero .hp-max,.hud-pill.dinero .hp-lbl{color:#89630a}.hud-pill.tranqui .hp-val,.hud-pill.tranqui .hp-max,.hud-pill.tranqui .hp-lbl{color:#286d9e}.hud-delta.up{color:#217352}.hud-delta.down{color:#b95339}
.adventure-summary{background:linear-gradient(120deg,#fff0bd,#fff8e1);border-color:#f3dba0;box-shadow:0 7px 0 #e7b34e0d}.adventure-summary::after{color:#e4b02924}.adventure-summary h2{color:#664d23}.adventure-summary p,.adventure-summary>.adventure-progress+p{color:#856d42}.adventure-summary .home-kicker,.adventure-summary .kicker{color:#907024}.adventure-summary .home-kicker::before{background:#d8a530;box-shadow:none}.adventure-progress{background:#b8862520}.adventure-progress span{background:linear-gradient(90deg,#ffc64d,#ee9e3e)}.collection-strip h2{color:#5d7987}.collection-strip h2 span{color:#187585}.collection-strip>p{color:#6d838c}.collection-badge{background:#fff;border-color:#e8dcbd;color:#7c6331}.collection-badge.locked{opacity:.65}
.mh-tabs{background:#fffaf0ed;border-bottom-color:#dce8e6}.mh-tab{color:#637c88;background:#eaf1ed}.mh-tab.active{background:#1677c7;color:#fff}.mh-sec-sub{color:#6d838e}.mh-lessons::before{background:repeating-linear-gradient(to bottom,#64a6a5 0 5px,transparent 5px 12px);opacity:.55}.mh-lesson{background:#fff;border-color:#d8e7e5;box-shadow:0 5px 0 #dce9e540}.mh-lesson::before{background:#fff;border-color:#9abbb7;box-shadow:0 0 0 5px #fffaf0}.mh-lesson.current{background:linear-gradient(110deg,#d9f2ef,#c7eddf);border-color:#91d2bf;box-shadow:0 5px 0 #86c5b33b,0 16px 36px #6ab49b14}.mh-lesson.current::before{background:#2c9e85;border-color:#2c9e85;box-shadow:0 0 0 5px #fffaf0,0 0 0 8px #2c9e8515}.mh-lesson.current .mh-ltitle{color:#145d55}.mh-lesson.current .mh-ldesc,.mh-lesson.current .mh-count{color:#3f7a6e}.mh-icon{background:#e8f3f1}.mh-lesson.current .mh-icon{background:#fffdf1;box-shadow:0 6px 0 #a6d1c333}.mh-ltitle{color:#244d61}.mh-ldesc{color:#647d86}.mh-count{color:#60858d}.mh-lesson.done{background:#fff9e5;border-color:#ebdca8}.mh-lesson.done .mh-icon{background:#fff0b7}.mh-lesson.next,.mh-lesson.locked{background:#f0f4f1;border-color:#dde6e0}.mh-lesson.next .mh-ltitle,.mh-lesson.locked .mh-ltitle{color:#667d7b}.mh-lesson.next .mh-ldesc,.mh-lesson.locked .mh-ldesc{color:#6a7f7e}.mh-lesson.next .mh-count,.mh-lesson.locked .mh-count{color:#718782}.mh-lesson.next .mh-icon,.mh-lesson.locked .mh-icon{background:#e0eae2}.mh-empezar,.mh-empezar::after{background:#ffcd54;color:#73521c}.mh-lock{background:#fff;border-color:#e2e9e2}.mh-check{background:#45a385;color:#fff;border-color:#fff}.mh-empty{color:#637b85}
@media(hover:hover){.mh-lesson:hover{border-color:#7cbbbf}.mh-lesson.current:hover{box-shadow:0 10px 35px #49a78725}}
/* Decisions remain legible and calm; the choices carry the color. */
.lb-x{background:#e9f0ed;color:#64818b}.lb-bar{background:#deebe5}.lb-bar>span{background:linear-gradient(90deg,#58beae,#2d95c7)}.lb-count,.lb-count b{color:#63818b}.mission-kicker{color:#267f84}.scene-orb{background:linear-gradient(145deg,#fff0b2,#ffe29a);border-color:#f1d080;box-shadow:0 5px 0 #dcae5533}.lesson-situ{color:#173450}.lesson-tip{background:#eff6f1;border-color:#d8e9df}.lt-av::before{background:#fff}.lt-tx{color:#60786f}.lt-tx b{color:#417967}.lesson-prompt{color:#247794}.lesson-opt{background:#fff;border-color:#c8dfe4;border-bottom-color:#abc9d2;color:#234c64;box-shadow:0 4px 13px #3970870a}.lo-radio{background:#e7f5ff}.lesson-opt:nth-child(2) .lo-radio{background:#fff0d6}.lesson-opt:nth-child(3) .lo-radio{background:#e8f5e7}.lesson-opt.elegida{background:#e5f5ff;border-color:#2f91c5;box-shadow:0 0 0 3px #2f91c51b;color:#164d70}.choice-hint,.lo-lock{color:#6f8189}.lesson-load p{color:#5f7c87}.ll-av::before{background:#e0f0ed}.dots-load i{background:#5eafbe}
@media(hover:hover){.lesson-opt:not(:disabled):hover{background:#edf8ff;border-color:#64a9c7}}
/* Consequences, medals and the final passport. */
.rs-av::before{background:radial-gradient(ellipse,#ffe8a9aa,transparent 70%)}.rs-chose{color:#65828c}.rs-chose span{color:#29556a}.rs-frase{color:#173450}.rs-stat{background:#fff;border-color:#dbe7e3;box-shadow:0 6px 0 #c8dfd624}.rs-delta.pos{color:#268060}.rs-delta.neg{color:#b7543a}.rs-delta.zero{color:#73878a}.result-insight{color:#65818a}.result-insight strong{color:#285b71}.freetext input{border-color:#c6dedf;background:#fff}.cierre-tomi::before{background:radial-gradient(circle,#ffe7a8aa,transparent 70%)}.cierre-eyebrow{color:#258b73}.cierre-title{color:#173450}.cierre-badge{background:linear-gradient(120deg,#ffe794,#ffce68);color:#765018;box-shadow:0 8px 18px #e8b7471c}.ccard{background:#fff!important;border-color:#dde8e4!important;box-shadow:0 5px 0 #e1e9e329}.ccard .ck{color:#327b9e!important}.ccard p{color:#597580}.ccard.good{background:#eff8ed!important}.ccard.good .ck{color:#377d50!important}.ccard.alt{background:#fff5e7!important}.ccard.alt .ck{color:#a46730!important}.cchips .chip{color:#56717e;background:#f1f6f4;border-color:#dce9e1}.cdelta.pos{color:#297d59;background:#e4f5df}.cdelta.neg{color:#a9563e;background:#ffeadf}.reward-vault{background:radial-gradient(ellipse at 50% 10%,#fff3b9,transparent 80%),#fff9e5;border-color:#e8c679;color:#805a1c;box-shadow:0 8px 0 #e8ca872d,0 18px 45px #c8994412}.reward-vault::before{border-color:#d2ad6344}.reward-icon{filter:drop-shadow(0 7px 8px #e4a6462d)}.reward-vault small{color:#92743e}.reward-reveal:not([hidden]){background:#f0f8e9;border-color:#b8d79d}.reward-reveal p{color:#618051}.reward-reveal .reward-xp,.reward-xp{background:#ffda72;color:#77520d}.final-kicker{color:#66818c}.arqbadge{color:#26698e;background:#e0f2ff;border-color:#b4d9ed}.retrato,.bubble,.card,.result{background:#fff;border-color:#dce7e2;box-shadow:var(--shadow)}.gancho{background:#eef8ee;border-color:#cfE5cf}.mini{background:#f0f6f3}.final-passport{background:linear-gradient(135deg,#ecf7ff,#ecf6ec);border-color:#c8e1e2;box-shadow:0 8px 30px #57969e12}.final-passport>span{color:#3e7380;border-color:#bfdbdb}.final-passport h2{color:#26627e}.final-passport p,.foot-note{color:#65818a}.unlock-note{color:#64818a}
/* Light dialogs, not dark interruptions. */
.modal-bg{background:#264a5d66;backdrop-filter:blur(7px)}.modal-box{background:#fffdf5;border-color:#fff;box-shadow:0 30px 80px #193f5b30}.modal-title{color:#214e67}.modal-text{color:#5d7782}.modal-btn.primary,.modal-btn.gris{background:#1677c7;color:#fff;box-shadow:0 4px 0 #0d5c97}.modal-btn.ghost{background:#edf2ec;color:#50717b}.modal-btn.danger{background:#ffb38a;color:#6b351d;box-shadow:0 4px 0 #d58b64}.mh-drawer{background:#fffdf5;border-right-color:#d4e2dc}.mh-drawer-h b{color:#214e67}.mh-drawer-x{color:#547f8f}.mh-menu-item{background:#edf5ed;color:#3d716b}.mh-scrim{background:#254c6155}.toast{background:#214f6a;color:#fff;border-color:#ffffff4a;box-shadow:0 14px 40px #254a6a20}
@media(max-width:760px){.screen.home{min-height:100dvh;padding-top:28px}.home-world,.home-hero{margin-top:28px;height:240px}.home-world .tomi-actor{inset:1% 9% 0}.home-world::after,.home-hero::after{box-shadow:110px 60px 0 -9px #fff}.home-world::before,.home-hero::before{inset:auto -4% 3%;height:16%}.orbit-chip:nth-of-type(1){left:-12%;top:18%}.orbit-chip:nth-of-type(2){right:-10%;top:62%}.orbit-chip:nth-of-type(3){left:0;bottom:0}}
@media(max-width:350px){.screen.home{padding-top:22px}.home-world,.home-hero{height:215px}.home-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){.home-world .tomi-actor,.home-world::after,.home-hero::after{animation:none!important;transform:none}}
/* Readable secondary text on warm paper, including small phone labels. */
.home-stats,.mh-sec-sub,.choice-hint,.lo-lock,.collection-strip>p,.collection-strip h2,.mh-count,.result-insight,.final-kicker,.foot-note,.unlock-note{color:#526f7a}.mh-tab{color:#496c7a}.mh-tab.active{color:#fff}.mh-lesson.next .mh-ltitle,.mh-lesson.locked .mh-ltitle,.mh-lesson.next .mh-ldesc,.mh-lesson.locked .mh-ldesc,.mh-lesson.next .mh-count,.mh-lesson.locked .mh-count{color:#546f6b}.mh-lesson.current .mh-count{color:#3f7468}.home-world .tomi-actor{animation:none;transform:none}.home-world .tomi-actor>svg.tc-character{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 6px #3a684b14)}
/* Inline SVG actors sit above their decorative backplates, just as the original images did. */
.lt-av>svg.tc-character,.ll-av>svg.tc-character,.cierre-tomi>svg.tc-character,.rs-av>svg.tc-character{position:relative;z-index:1;flex-shrink:0}.lt-av>svg.tc-character{width:auto;height:65px;max-width:none}.ll-av>svg.tc-character{width:auto;height:158px;max-width:none}.cierre-tomi>svg.tc-character{width:auto;height:150px;max-width:none}.rs-av>svg.tc-character{width:auto;height:140px;max-width:none}
@media(max-width:760px){.lt-av>svg.tc-character{height:49px}}
/* Site typography: the same variable Inter family used by includes/web/arriba.php. */
:root{--display:'Inter',system-ui,-apple-system,sans-serif;--sans:'Inter',system-ui,-apple-system,sans-serif;--mp-f:'Inter',system-ui,-apple-system,sans-serif;--body:#4e647a;--plata:#bd7b08;--plata-bg:#ffe7ac;--tranqui:#7654c8;--tranqui-bg:#e5daff}
body{font-weight:500;background:radial-gradient(ellipse at 3% 10%,#ddecff88,transparent 43%),radial-gradient(ellipse at 98% 70%,#fff0bf77,transparent 45%),#fffcf6}body::before{background-image:radial-gradient(#7897c1 1px,transparent 1px)}
input,select,textarea,button{font-family:var(--sans)}.home-text,.perfil-intro,.mh-hi,.mh-ldesc,.lt-tx,.modal-text,.ccard p,.result-insight,.reward-reveal p,.retrato .frase p,.bubble p,.gancho p,.freetext input,.fld,.field input,.field select{font-weight:500}.home-stats,.home-stats span,.mh-sec-sub,.mh-count,.choice-hint,.foot-note,.unlock-note,.lb-count,.lb-count b,.hp-lbl,.collection-strip>p,.reward-vault small,.final-kicker,.final-passport>span{font-weight:600}.home-title,.perfil-title,.lesson-situ,.mh-name,.mh-ltitle,.cierre-title,.final .title,.modal-title,.adventure-summary h2{font-weight:800}.mh-sec-title,.lesson-opt,.rs-frase,.reward-vault strong,.ccard .ck{font-weight:700}.home-title{letter-spacing:-.055em}.home-text{color:#4d6275}.mh-sec-sub,.mh-ldesc,.choice-hint,.collection-strip>p,.foot-note,.unlock-note{color:#50677b}
.home-world,.home-hero{background:radial-gradient(circle at 78% 20%,#ffd565 0 12%,transparent 12.4%),linear-gradient(145deg,#cceaff,#e9f4ff 60%,#eee5ff)}.home-world::before,.home-hero::before{background:#b6a0e0;box-shadow:0 15px 0 #e0d2f6}.home-world .tomi-actor::after{background:#6f50a524}.home-kicker{color:#346ba6}.home-kicker::before{background:#3487c7;box-shadow:0 0 0 4px #3487c712}.home-stats{color:#4f6780}
/* Two resources, deliberately different in hue, icon framing and fill. */
.hud-pill{gap:10px;position:relative;padding:12px 14px 20px;border-width:1.5px;border-style:solid;box-shadow:0 4px 0 #233d5210;overflow:visible}.hud-pill.dinero,.mh-block .hud-pill.dinero{background:#ffe1a0;border-color:#e6b34e;box-shadow:0 4px 0 #daa03820}.hud-pill.tranqui,.mh-block .hud-pill.tranqui{background:#e2d5ff;border-color:#b092e7;box-shadow:0 4px 0 #8d65d120}.hud-pill .hp-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;font-size:24px}.hud-pill.dinero .hp-ico{background:#efb732;box-shadow:inset 0 0 0 1px #ce8d1740}.hud-pill.tranqui .hp-ico{background:#a782df;box-shadow:inset 0 0 0 1px #8052c240}.hp-txt{min-width:0;flex:1}.hud-pill.dinero .hp-val,.hud-pill.dinero .hp-max,.hud-pill.dinero .hp-lbl{color:#78500a}.hud-pill.tranqui .hp-val,.hud-pill.tranqui .hp-max,.hud-pill.tranqui .hp-lbl{color:#54318e}.hp-max{opacity:.72}.hp-lbl{opacity:1;margin-top:4px}.hp-track{position:absolute;left:14px;right:14px;bottom:8px;display:block;height:5px;border-radius:20px;overflow:hidden;background:#b5761926}.hp-track>span{display:block;height:100%;border-radius:20px;background:#b5770c;transition:width .6s cubic-bezier(.2,.8,.2,1)}.tranqui .hp-track{background:#7447b529}.tranqui .hp-track>span{background:#7b4dbb}.hud-delta{z-index:3;padding:3px 6px;border-radius:9px;background:#fff;box-shadow:0 3px 12px #24426022}.mini.plata{background:#ffedc2}.mini.tranqui{background:#ece2ff}.mini.plata .bar{background:#d6a74730}.mini.tranqui .bar{background:#9e7fce30}.mini.plata .bar>span{background:#bc810f}.mini.tranqui .bar>span{background:#8253c5}.mini.plata .lbl,.mini.plata .val{color:#79530f}.mini.tranqui .lbl,.mini.tranqui .val{color:#624098}
.mh-block{background:#fff;border-color:#d5e1f1;box-shadow:0 8px 25px #517aa911}.mh-medtitle{color:#406589}.mh-block .hud-pill{padding:13px 14px 21px}.hud{background:#fffcf6ed}.adventure-summary{background:linear-gradient(120deg,#e3efff,#f3f7ff);border-color:#bcd4f4;box-shadow:0 5px 0 #c5d9f325}.adventure-summary h2{color:#23588e}.adventure-summary p,.adventure-summary>.adventure-progress+p{color:#47729b}.adventure-summary .home-kicker{color:#3774a9}.adventure-summary .home-kicker::before{background:#418dd0}.adventure-summary::after{color:#4c8bc81c}.adventure-progress{background:#3c79ba18}.adventure-progress span{background:linear-gradient(90deg,#6aa9e4,#237dc5)}.lesson-tip{background:#f0f3fa;border-color:#dae3f1}.lt-tx{color:#576d83}.lt-tx b{color:#45658e}.lb-bar{background:#e3e9f3}.lb-bar>span{background:linear-gradient(90deg,#9775d1,#367fc5)}
/* Each chapter has its own color; status does not depend on color alone. */
.mh-section{--region:#b77a14;--region-ink:#785011;--region-soft:#fff3d4;--region-line:#edcc84;--region-icon:#ffe6a6;--region-edge:#e6be693b}
.mh-section:nth-of-type(3n+2){--region:#287fbe;--region-ink:#1c5689;--region-soft:#e6f2ff;--region-line:#a6cfed;--region-icon:#cce7ff;--region-edge:#85b8dd3b}
.mh-section:nth-of-type(3n+3){--region:#8653c4;--region-ink:#63418b;--region-soft:#f1e9ff;--region-line:#ccb2ec;--region-icon:#e3d2fa;--region-edge:#b092d33b}
.mh-sec-title{color:var(--region-ink);display:flex;align-items:center;gap:10px}.mh-sec-title::before{content:"";display:block;flex-shrink:0;width:7px;height:23px;border-radius:5px;background:var(--region)}.mh-lessons::before{background:repeating-linear-gradient(to bottom,var(--region) 0 5px,transparent 5px 12px)}.mh-lesson{border-color:var(--region-line);box-shadow:0 5px 0 var(--region-edge)}.mh-icon{background:var(--region-icon);transition:transform .2s,box-shadow .2s}.mh-lesson.current{background:var(--region-soft);border-color:var(--region-line);box-shadow:0 6px 0 var(--region-edge),0 14px 32px #4668810d}.mh-lesson.current .mh-icon{background:var(--region-icon);box-shadow:0 5px 0 var(--region-edge)}.mh-lesson.current .mh-ltitle{color:var(--region-ink)}.mh-lesson.current .mh-ldesc,.mh-lesson.current .mh-count{color:var(--region-ink)}.mh-lesson.current::before{background:var(--region);border-color:var(--region);box-shadow:0 0 0 5px #fffcf6,0 0 0 8px var(--region-soft)}.mh-empezar,.mh-empezar::after{background:var(--region);color:#fff}.mh-lesson.done{background:#fff;border-color:var(--region-line)}.mh-lesson.done .mh-icon{background:var(--region-icon)}.mh-check{background:var(--region);color:#fff}.mh-lesson.next,.mh-lesson.locked{background:#f5f7fa;border-color:#d7e0eb;box-shadow:0 4px 0 #dce4ed22}.mh-lesson.next .mh-icon,.mh-lesson.locked .mh-icon{background:#e5eaf2}.mh-lesson.next .mh-ltitle,.mh-lesson.locked .mh-ltitle{color:#51667c}.mh-lesson.next .mh-ldesc,.mh-lesson.locked .mh-ldesc,.mh-lesson.next .mh-count,.mh-lesson.locked .mh-count{color:#62758a}.mh-tabs{background:#fffcf6ed}.mh-tab{background:#edf1f7;color:#486785}.mh-tab.active{background:#267dbd;color:#fff}.collection-badge{background:#fff5d9;border-color:#e5c576;color:#7f5a17}.ccard.chose{background:#f6f8fc!important}.ccard.good{background:#f1ecfb!important}.ccard.good .ck{color:#70509b!important}.cchips .chip{background:#eef2f9;color:#516987;border-color:#d7e0ed}.gancho{background:#f0ebfa;border-color:#d8ccea}.gancho p{color:#5c467e}.final-passport{background:linear-gradient(135deg,#eaf3ff,#f1eaff);border-color:#ccd9ef}.final-passport>span{color:#526586;border-color:#c7d5ea}
/* Mouse, keyboard and touch all get the same visible response. */
.mh-lesson,.lesson-opt,.btn3d,.btn-ghost,.mh-tab,.reward-vault{transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.lo-radio{transition:transform .2s,background .2s}.lesson-opt.vf-engaged,.lesson-opt:focus-visible{background:#eaf5ff;border-color:#3488c0;box-shadow:0 5px 0 #266b9529,0 0 0 3px #3a94ca16;transform:translateY(-2px)}.lesson-opt.vf-engaged .lo-radio,.lesson-opt:focus-visible .lo-radio{transform:rotate(-9deg) scale(1.1);background:#c5e4fb}.mh-lesson.vf-engaged,.mh-lesson:focus-visible{border-color:var(--region);box-shadow:0 7px 0 var(--region-edge),0 12px 24px #33537217;transform:translateY(-3px)}.mh-lesson.vf-engaged .mh-icon,.mh-lesson:focus-visible .mh-icon{transform:rotate(8deg) translateY(-3px)}.btn3d.vf-engaged{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 7px 0 #15456216,0 16px 28px #1677c726}.reward-vault.vf-engaged{transform:translateY(-3px);border-color:#ce9a32;box-shadow:0 10px 0 #e8ca872d,0 20px 35px #c8994420}.reward-vault.vf-engaged .reward-icon{transform:rotate(-8deg)}.mh-tab.vf-engaged{transform:translateY(-2px);box-shadow:0 4px 0 #6191b71a}.mh-lesson:active,.lesson-opt:active{transform:translateY(2px);box-shadow:none}
@media(hover:hover){.mh-lesson:hover{border-color:var(--region);transform:translateY(-3px);box-shadow:0 7px 0 var(--region-edge),0 12px 24px #33537217}.mh-lesson:hover .mh-icon{transform:rotate(8deg) translateY(-3px)}.lesson-opt:not(:disabled):hover .lo-radio{transform:rotate(-9deg) scale(1.1)}}
@media(max-width:760px){.home-title{font-size:clamp(31px,8.3vw,40px);line-height:1.07}.home-text{font-size:14px;line-height:1.55}.home-stats{font-size:10px}.hud-pill,.mh-block .hud-pill{padding:10px 10px 20px;gap:8px}.hud-pill .hp-ico{width:30px;height:30px;border-radius:9px;font-size:22px}.hp-val{font-size:21px;letter-spacing:-.03em}.hp-max{font-size:10px}.hp-lbl{font-size:9px;letter-spacing:0}.hp-track{left:10px;right:10px;bottom:7px}.lesson-situ{font-size:22px;line-height:1.26}.lesson-opt{font-size:14px;line-height:1.4}.lt-tx{font-size:12px;line-height:1.5}.mh-ltitle{font-size:17px;line-height:1.25}.mh-ldesc{font-size:12px;line-height:1.55}.mh-sec-title{font-size:21px}.mh-sec-sub{font-size:12px;line-height:1.6}.mh-count{font-size:9px}.adventure-summary h2{font-size:22px;line-height:1.2}.cierre-title{font-size:27px;line-height:1.2}.ccard p{font-size:13px;line-height:1.7}.reward-vault strong{font-size:21px;line-height:1.3}.mh-block{padding:16px}.mh-name{font-size:34px;line-height:1.1}.mh-hi{font-size:13px;line-height:1.55}.mh-icon{width:50px;height:50px}.final .title{font-size:28px;line-height:1.2}}
@media(max-width:350px){.home-title{font-size:29px}.home-text{font-size:13px}.home-stats{font-size:9px}.lesson-situ{font-size:20px}.hud{gap:8px}.hud-pill,.mh-block .hud-pill{padding-left:8px;padding-right:8px;gap:6px}.hud-pill .hp-ico{width:26px;height:29px;font-size:20px}.hp-val{font-size:19px}.hp-lbl{font-size:8px}.hp-track{left:8px;right:8px}.mh-ltitle{font-size:15px}.mh-icon{width:40px;height:40px;font-size:22px}.mh-lesson{padding-left:12px;padding-right:12px;gap:11px}.mh-name{font-size:30px}.lesson-opt{font-size:13px}.reward-vault strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.vf-engaged,.vf-engaged .mh-icon,.vf-engaged .lo-radio{transform:none!important}.hp-track>span{transition:none}}
/* Resource labels remain readable even on a 320 px screen. */
.hp-lbl{font-size:10px;line-height:1.15;font-weight:600;white-space:nowrap}
@media(max-width:350px){.hp-lbl{font-size:10px}.hud-pill .hp-ico{width:24px;font-size:19px}.hp-max{font-size:10px}}
.adventure-summary{transition:transform .18s,box-shadow .18s,border-color .18s}.adventure-summary.vf-engaged,.adventure-summary:focus-within{transform:translateY(-3px);border-color:#6ba9dc;box-shadow:0 7px 0 #9bbfe531,0 15px 28px #3f75ad17}.adventure-summary.vf-engaged>.btn3d,.adventure-summary:focus-within>.btn3d{background:#096bb5;box-shadow:0 6px 0 #15456216,0 12px 24px #1677c723}.adventure-summary.vf-engaged::after{transform:rotate(15deg);transition:transform .25s}
@media(prefers-reduced-motion:reduce){.adventure-summary.vf-engaged,.adventure-summary:focus-within,.adventure-summary.vf-engaged::after{transform:none!important}}
/* Tomi reacts to the story, never grades the player. A compact stage keeps the next action close. */
.tomi-reaction-stage{--reaction-surface:#eaf3ff;--reaction-accent:#5188bd;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:17px;width:min(100%,390px);min-height:150px;padding:12px 18px;margin:0 auto 10px;border-radius:32px;background:radial-gradient(ellipse at 26% 75%,var(--reaction-surface),transparent 74%)}
.tomi-reaction-stage[data-reaction="surprise"]{--reaction-surface:#fff0c3;--reaction-accent:#b8872b}.tomi-reaction-stage[data-reaction="curious"]{--reaction-surface:#deefff;--reaction-accent:#4082b8}.tomi-reaction-stage[data-reaction="support"]{--reaction-surface:#ede3ff;--reaction-accent:#8b69b9}
.tomi-reaction-stage .rs-av{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:0 0 108px;height:138px;margin:0;transform-origin:50% 90%;animation:tomiWelcome .5s cubic-bezier(.22,.8,.3,1) both}.tomi-reaction-stage .rs-av::before{content:"";position:absolute;inset:auto -5px 0;height:16px;background:var(--reaction-accent);opacity:.13;border-radius:50%;z-index:-1}.tomi-reaction-stage .rs-av>img,.tomi-reaction-stage .rs-av>svg.tc-character{height:138px;width:auto;max-width:100%;animation:none;object-fit:contain;position:relative;z-index:1}
.tomi-reaction-line{position:relative;max-width:190px;margin:0;padding:13px 16px;border:1px solid color-mix(in srgb,var(--reaction-accent),#fff 64%);border-bottom-width:3px;border-radius:19px 19px 19px 6px;background:#fff;font:700 15px/1.4 var(--sans);color:#335674;text-align:left;box-shadow:0 6px 17px #4a6d8a0a;animation:tomiBubble .42s .12s both}.tomi-reaction-line::before{content:"";position:absolute;left:-7px;bottom:15px;width:12px;height:12px;background:#fff;border-left:1px solid color-mix(in srgb,var(--reaction-accent),#fff 64%);border-bottom:1px solid color-mix(in srgb,var(--reaction-accent),#fff 64%);transform:rotate(45deg)}
.tomi-reaction-glyph{position:absolute;top:8px;left:15px;z-index:2;color:var(--reaction-accent);font:800 26px/1 var(--sans);pointer-events:none;animation:tomiGlyph .55s .16s both}.tomi-reaction-stage[data-reaction="surprise"] .rs-av{animation:tomiSurprise .7s cubic-bezier(.2,.8,.2,1) both}.tomi-reaction-stage[data-reaction="curious"] .rs-av{animation:tomiCurious .9s ease-in-out both}.tomi-reaction-stage[data-reaction="support"] .rs-av{animation:tomiSupport .8s ease-in-out both}
@keyframes tomiWelcome{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes tomiBubble{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes tomiGlyph{0%{opacity:0;transform:scale(.5) rotate(-12deg)}70%{opacity:1;transform:scale(1.1) rotate(4deg)}100%{opacity:1;transform:none}}@keyframes tomiSurprise{0%{transform:translateY(5px) scale(.98)}35%{transform:translateY(-7px) scale(1.025)}70%{transform:translateY(2px)}100%{transform:none}}@keyframes tomiCurious{0%,100%{transform:none}42%{transform:rotate(-5deg)}72%{transform:rotate(2deg)}}@keyframes tomiSupport{0%,100%{transform:none}40%{transform:translateY(3px) rotate(2deg)}70%{transform:translateY(-2px)}}
@media(max-width:760px){.result-screen .rs-body{padding-top:14px}.tomi-reaction-stage{min-height:128px;gap:13px;padding:4px 8px;margin-bottom:6px;border-radius:24px}.tomi-reaction-stage .rs-av{flex-basis:90px;height:120px}.tomi-reaction-stage .rs-av>img,.tomi-reaction-stage .rs-av>svg.tc-character{height:120px;max-height:120px}.tomi-reaction-line{padding:11px 12px;font-size:13px;line-height:1.4;max-width:180px;border-radius:16px 16px 16px 5px}.tomi-reaction-glyph{font-size:21px;left:4px;top:4px}.result-screen .rs-chose{margin-top:7px}.result-screen .rs-frase{margin-top:17px}.result-screen .rs-stats{margin-top:18px;margin-bottom:10px}.result-screen .rs-stat{padding:15px}.result-screen .result-insight{margin:8px auto 15px}}
@media(max-width:350px){.tomi-reaction-stage{gap:10px;padding-left:3px;padding-right:3px}.tomi-reaction-stage .rs-av{flex-basis:82px}.tomi-reaction-line{font-size:12px;padding:10px;max-width:168px}}
@media(prefers-reduced-motion:reduce){.tomi-reaction-stage .rs-av,.tomi-reaction-line,.tomi-reaction-glyph{animation:none!important;transform:none!important;opacity:1}}
.tomi-reaction-stage[data-reaction="tradeoff"]{--reaction-surface:#ede3ff;--reaction-accent:#8b69b9}.tomi-reaction-stage[data-reaction="steady"]{--reaction-surface:#e7edfa;--reaction-accent:#637fad}.tomi-reaction-stage[data-reaction="discover"]{--reaction-surface:#deefff;--reaction-accent:#4082b8}.tomi-reaction-stage[data-reaction="tradeoff"] .rs-av{animation:tomiCurious .9s ease-in-out both}.tomi-reaction-stage[data-reaction="steady"] .rs-av{animation:tomiSupport .8s ease-in-out both}.tomi-reaction-stage[data-reaction="discover"] .rs-av{animation:tomiWelcome .5s cubic-bezier(.22,.8,.3,1) both}.selection-feedback{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:24px;color:#506f8c;font:600 12px/1.5 var(--sans);text-align:center}.selection-feedback::before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#7e65b1;animation:thinkingDot .75s ease-in-out infinite}@keyframes thinkingDot{50%{opacity:.4;transform:scale(.7)}}
@media(prefers-reduced-motion:reduce){.tomi-reaction-stage .rs-av,.selection-feedback::before{animation:none!important;transform:none!important}}
/* Explore together: compact chapters and optional reading. */
.mh-chapter{--region:#b77a14;--region-ink:#785011;--region-soft:#fff3d4;--region-line:#edcc84;--region-icon:#ffe6a6;--region-edge:#e6be693b;margin-top:14px;border:1px solid #e0e6ee;border-radius:20px;background:#ffffffa6;scroll-margin-top:80px}
.mh-chapter:nth-of-type(3n+2){--region:#287fbe;--region-ink:#1c5689;--region-soft:#e6f2ff;--region-line:#a6cfed;--region-icon:#cce7ff;--region-edge:#85b8dd3b}.mh-chapter:nth-of-type(3n+3){--region:#8653c4;--region-ink:#63418b;--region-soft:#f1e9ff;--region-line:#ccb2ec;--region-icon:#e3d2fa;--region-edge:#b092d33b}
.mh-chapter[open]{background:transparent;border-color:transparent}.mh-chapter>summary.mh-sec-title{position:relative;margin:0;min-height:58px;padding:15px 44px 15px 17px;font-size:19px;line-height:1.3;cursor:pointer;list-style:none}.mh-chapter>summary.mh-sec-title::-webkit-details-marker{display:none}.mh-chapter>summary.mh-sec-title::after{content:"+";position:absolute;right:18px;top:50%;translate:0 -50%;font:500 25px/1 var(--sans);color:var(--region)}.mh-chapter[open]>summary.mh-sec-title::after{content:"−"}.mh-chapter[open]>summary.mh-sec-title{padding-left:2px}.mh-chapter>.mh-sec-sub{margin:0 16px 12px}.mh-chapter[open]>.mh-sec-sub{margin-left:2px}.mh-chapter>.mh-lessons{margin-top:14px;margin-bottom:20px}.mh-chapter>summary:focus-visible,details.lesson-tip>summary:focus-visible,.cierre-details>summary:focus-visible,.pilot-recap>summary:focus-visible{outline:3px solid #247bb8;outline-offset:4px;border-radius:12px}
details.lesson-tip{display:block;padding:0;background:#f0f3fa;border:1px solid #dbe4f1}details.lesson-tip>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 38px 12px 14px;position:relative;list-style:none;cursor:pointer;color:#466789;font:600 13px/1.4 var(--sans)}details.lesson-tip>summary::-webkit-details-marker{display:none}details.lesson-tip>summary::after{content:"+";position:absolute;right:15px;font-size:23px;font-weight:500}details.lesson-tip[open]>summary::after{content:"−"}details.lesson-tip>.lt-tx,details.lesson-tip>p{padding:0 15px 14px;margin:0;color:#526b80;font-size:13px;line-height:1.6}details.lesson-tip>.lesson-tip-content{display:flex;align-items:center;gap:10px;padding:0 14px 13px}details.lesson-tip .lt-av{flex-shrink:0}
.cierre-reward-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px}.cierre-reward-actions .reward-vault{margin:12px 0 2px}.cierre-reward-actions .reward-reveal{margin:12px 0 2px}.cierre-reward-actions .cierre-cont{margin-top:0}.cierre-details{width:100%;text-align:left;border:1px solid #d9e2ee;border-radius:18px;background:#ffffff9c;margin:22px 0 0;overflow:visible}.cierre-details>summary,.pilot-recap>summary{list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;color:#426486;font:600 13px/1.5 var(--sans)}.cierre-details>summary::-webkit-details-marker,.pilot-recap>summary::-webkit-details-marker{display:none}.cierre-details>summary::after,.pilot-recap>summary::after{content:"+";font-size:23px;font-weight:500;line-height:1}.cierre-details[open]>summary::after,.pilot-recap[open]>summary::after{content:"−"}.cierre-details .cierre-cards{padding:0 12px 12px;gap:10px}.cierre-details .ccard{padding:17px}.cierre-details .cierre-deltas{margin:8px 0 18px}
/* A short, tactile pilot: choose a plan, distribute tokens, watch a consequence. */
.pilot-screen{width:100%;max-width:660px;margin:0 auto;padding:18px 0 34px;color:#1d3e5a;animation:adventureEnter .35s ease both}.pilot-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;color:#536f8b;font-size:11px;font-weight:700;letter-spacing:.03em}.pilot-top button{min-width:44px;min-height:44px;border:1px solid #d7e1ed;border-radius:12px;background:#edf2f9;color:#52718e;font:600 17px var(--sans);cursor:pointer}.pilot-top>span{max-width:70%;text-align:right}.pilot-progress{height:7px;border-radius:20px;background:#dfe8f2;overflow:hidden;margin:0 0 20px}.pilot-progress>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#9d7acb,#3489c9);transition:width .45s}
.pilot-kicker{margin:18px 0 8px;font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#427baa}.pilot-title{font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.16;letter-spacing:-.045em;text-wrap:balance;color:#1d3e5a}.pilot-text{font-size:15px;line-height:1.65;font-weight:500;color:#526c82;margin:13px 0 20px;max-width:52ch}.pilot-title+p.pilot-text{margin-top:12px}
.family-switch{display:flex;gap:5px;padding:5px;border:1px solid #dce4ef;background:#edf2f8;border-radius:15px;margin:18px 0 12px}.family-switch button{flex:1;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:#58718a;font:600 13px/1.25 var(--sans);padding:10px 12px;cursor:pointer}.family-switch button[aria-pressed="true"]{background:#fff;border-color:#adc9e3;color:#215d8d;box-shadow:0 3px 0 #aec5da33}.family-turn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;margin:12px 0;border:1px solid #d4c4e9;border-radius:12px;background:#f0e8fc;color:#67458d;font-size:12px;font-weight:700;line-height:1.5;text-align:center}.family-turn strong{color:#553775}
.pilot-world{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:10px;min-height:170px;overflow:hidden;margin:18px 0 24px;border:2px solid #fff;border-radius:26px;background:radial-gradient(circle at 85% 20%,#ffe092 0 9%,transparent 9.5%),linear-gradient(135deg,#d9edff,#f1f6ff 65%,#efe5fa);box-shadow:0 6px 0 #d7e4f533,0 16px 40px #5d86a00e;color:#366784;font-size:64px}.pilot-world::before{content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-35%;height:65%;background:#bfcdea;border-radius:50%}.pilot-world::after{content:"";position:absolute;z-index:-1;left:10%;top:15%;width:75px;height:24px;border-radius:40px;background:#ffffffc9;box-shadow:150px 35px 0 -5px #ffffffb8}.pilot-world[data-plan="parque"]{background:radial-gradient(circle at 85% 20%,#ffe092 0 9%,transparent 9.5%),linear-gradient(135deg,#ccecff,#eaf7ef)}.pilot-world[data-plan="parque"]::before{background:#a7cfaa}.pilot-world[data-plan="cine"]{background:radial-gradient(circle at 50% 45%,#fff0b5,transparent 35%),linear-gradient(135deg,#d9d4f7,#f0e8ff)}.pilot-world[data-plan="cine"]::before{background:#bda2d6}.pilot-world[data-plan="cine"]::after{background:#fff7df;box-shadow:150px 35px 0 -5px #ffffffaa}.pilot-world[data-plan="merienda"]{background:radial-gradient(circle at 85% 20%,#ffe092 0 9%,transparent 9.5%),linear-gradient(135deg,#ffe7d2,#fff4df)}.pilot-world[data-plan="merienda"]::before{background:#e9b799}.pilot-world img:not(.emoji),.pilot-world svg.tc-character{position:relative;max-height:160px;width:auto;max-width:48%;z-index:1}.pilot-world>.emoji{font-size:inherit;width:1em;height:1em}.pilot-world-decoration{display:flex;align-items:center;gap:8px;position:relative;min-height:40px;padding:8px 12px;margin:10px 0 2px;border:1px solid #ddc996;border-radius:12px;background:#fff5d9;color:#81602e;font:600 12px/1.4 var(--sans)}.pilot-world-decoration img.emoji{font-size:22px;flex-shrink:0}
.pilot-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.pilot-option{min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px 12px;border:1.5px solid #cadcec;border-bottom:4px solid #b6cee2;border-radius:19px;background:#fff;color:#325d7d;font:600 14px/1.4 var(--sans);cursor:pointer;transition:transform .16s,background .16s,border-color .16s}.pilot-option img.emoji{font-size:34px}.pilot-option strong{font-weight:700}.pilot-option.selected{background:#e3f2ff;border-color:#428bbd;box-shadow:0 0 0 3px #78b8e224}.pilot-option.selected::after{content:"✓";display:grid;place-items:center;height:21px;width:21px;font-size:12px;color:#fff;background:#3583b9;border-radius:50%}.pilot-option:active{transform:translateY(2px)}
.allocation-budget{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff0c8;border:1px solid #e7c57e;border-radius:17px;padding:16px 18px;margin:20px 0 15px;color:#876124;font-size:13px;font-weight:600;line-height:1.5}.allocation-budget strong{font-size:28px;line-height:1;letter-spacing:-.04em;color:#7c540e;flex-shrink:0;font-weight:800}.allocation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}.allocation-card{--bucket-bg:#e5f1ff;--bucket-border:#b7d5ee;--bucket-ink:#2e658f;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 13px 13px;border:1px solid var(--bucket-border);border-radius:20px;background:var(--bucket-bg);color:var(--bucket-ink);gap:10px}.allocation-card[data-bucket="dream"]{--bucket-bg:#f0e7fc;--bucket-border:#d4bde8;--bucket-ink:#78539c}.allocation-card[data-bucket="buffer"]{--bucket-bg:#fff0d5;--bucket-border:#e9c891;--bucket-ink:#8f642b}.allocation-card h3,.allocation-card strong{font-size:13px;line-height:1.5;font-weight:700}.allocation-card>img.emoji{font-size:28px}.allocation-count{font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.allocation-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:3px}.allocation-controls button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--bucket-border);border-bottom-width:3px;border-radius:12px;background:#fff;color:var(--bucket-ink);font:600 25px/1 var(--sans);cursor:pointer;transition:transform .12s,box-shadow .12s}.allocation-controls button:disabled{opacity:.4;cursor:default}.allocation-controls button:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}
.pilot-story{position:relative;padding:22px 24px;border:1px solid #d4dfed;border-radius:22px;background:#fff;box-shadow:0 6px 0 #d7e2f02b;margin:20px 0;color:#466580;font-size:15px;line-height:1.65;font-weight:500}.pilot-story h2,.pilot-story h3,.pilot-story strong{color:#2b5474;font-weight:700}.pilot-story h2,.pilot-story h3{font-size:20px;line-height:1.3;margin-bottom:10px}.pilot-recap{border:1px solid #d9e2ee;border-radius:17px;background:#ffffffa6;margin:16px 0;overflow:visible}.pilot-recap>div,.pilot-recap>p,.pilot-recap>ul{padding:0 18px 16px;color:#576f86;font-size:13px;line-height:1.65}.pilot-recap ul{padding-left:32px}.pilot-recap li+li{margin-top:8px}
.decoration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:22px 0}.decoration-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:130px;padding:17px 11px;border:1px solid #e3cea1;border-bottom:4px solid #d9bf88;border-radius:20px;background:#fffae9;color:#856328;cursor:pointer;font:600 13px/1.4 var(--sans);transition:transform .18s,background .18s,box-shadow .18s}.decoration-option>img.emoji,.decoration-option>span:first-child{font-size:38px}.decoration-option strong{font-size:13px;font-weight:700}.decoration-option.selected{background:#ffe8a3;border-color:#c89d3b;box-shadow:0 0 0 3px #e7c2672e}.decoration-option.selected::after{content:"✓";position:absolute;right:8px;top:8px;display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:#ae801c;color:#fff;font-size:12px}.pilot-actions{display:flex;flex-direction:column;gap:11px;margin-top:22px;padding-bottom:env(safe-area-inset-bottom,0px)}.pilot-actions .btn3d{font-size:15px}.pilot-status{font-size:12px;line-height:1.5;min-height:18px;text-align:center;color:#647a91;font-weight:600;margin:10px 0}.pilot-status:empty{min-height:0;margin:0}
@media(hover:hover){.pilot-option:hover,.pilot-option.vf-engaged{transform:translateY(-3px);border-color:#438ebe;box-shadow:0 7px 20px #438ebe1b}.decoration-option:hover,.decoration-option.vf-engaged{transform:translateY(-3px) rotate(-1deg);box-shadow:0 10px 24px #d1a3441c}.allocation-controls button:hover:not(:disabled){box-shadow:0 3px 12px #34597917}.family-switch button:hover{background:#fff}}
/* A phone gets generous controls, never three cramped +/- pairs. */
@media(max-width:760px){.pilot-screen{padding-top:10px}.pilot-top{margin-bottom:10px}.pilot-progress{margin-bottom:16px}.pilot-title{font-size:27px}.pilot-text{font-size:13px;line-height:1.65;margin:11px 0 16px}.pilot-kicker{font-size:9px;margin-top:15px}.pilot-world{min-height:134px;margin:16px 0 20px;border-radius:21px;font-size:50px}.pilot-world img:not(.emoji),.pilot-world svg.tc-character{max-height:130px}.pilot-options{gap:9px}.pilot-option{min-height:106px;padding:13px 8px;font-size:12px;border-radius:16px}.pilot-option img.emoji{font-size:30px}.allocation-grid{grid-template-columns:1fr;gap:10px}.allocation-card{display:grid;grid-template-columns:minmax(0,1fr) 38px 98px;align-items:center;gap:10px;padding:13px;text-align:left;border-radius:17px}.allocation-card h3,.allocation-card>strong{font-size:13px}.allocation-count{font-size:26px;text-align:center}.allocation-controls{gap:10px;margin:0}.allocation-budget{padding:14px 16px}.allocation-budget strong{font-size:25px}.pilot-story{padding:18px;font-size:13px;line-height:1.65}.pilot-story h2,.pilot-story h3{font-size:18px}.decoration-options{gap:9px}.decoration-option{min-height:117px;padding:16px 8px;border-radius:17px}.decoration-option>img.emoji,.decoration-option>span:first-child{font-size:32px}.decoration-option strong{font-size:11px}.family-switch button{font-size:12px;padding:10px 8px}.family-turn{font-size:11px}.pilot-actions{margin-top:18px}.mh-chapter>summary.mh-sec-title{font-size:17px;padding-left:13px;min-height:56px}.mh-chapter[open]>summary.mh-sec-title{padding-left:2px}.cierre-reward-actions .reward-vault{padding-top:22px;padding-bottom:22px}.pilot-world-decoration{font-size:11px}.cierre-details>summary,.pilot-recap>summary{font-size:12px;padding:14px}}
@media(max-width:350px){.pilot-title{font-size:24px}.pilot-text{font-size:12px}.pilot-options{gap:7px}.pilot-option{font-size:11px;padding:11px 6px}.allocation-card{grid-template-columns:minmax(0,1fr) 30px 94px;padding:12px 10px;gap:7px}.allocation-card h3,.allocation-card>strong{font-size:12px}.allocation-count{font-size:24px}.allocation-controls{gap:6px}.decoration-option strong{font-size:10px}.decoration-option{gap:10px;min-height:110px}.family-switch button{font-size:11px}.pilot-world{min-height:126px}.mh-chapter>summary.mh-sec-title{font-size:16px}.pilot-story{padding:16px}}
@media(prefers-reduced-motion:reduce){.pilot-screen,.pilot-option,.decoration-option,.allocation-controls button,.pilot-progress>span{animation:none!important;transition:none!important}.pilot-option:hover,.decoration-option:hover,.pilot-option.vf-engaged,.decoration-option.vf-engaged{transform:none!important}}
/* Pilot markup: icons, helper text and 44 px steppers keep a stable reading order. */
.allocation-icon{font-size:30px;line-height:1}.allocation-card h2{font-size:14px;line-height:1.35;font-weight:700;margin:0}.allocation-card>p{font-size:11px;line-height:1.5;font-weight:500;min-height:3em;max-width:18ch;margin:0}.allocation-card .allocation-count{font-size:32px;line-height:1.1;font-weight:800}.pilot-world{flex-direction:column;padding:20px;gap:10px}.pilot-world-icon{font-size:64px;line-height:1;display:block;filter:drop-shadow(0 6px 0 #6584a015)}.pilot-world>p{font-size:12px;line-height:1.45;font-weight:600;padding:7px 12px;border-radius:10px;background:#ffffffe0;color:#46647c;max-width:80%;text-align:center;margin:0;z-index:1}.pilot-world>.pilot-world-decoration{position:absolute;right:13px;bottom:18px;display:block;border:0;background:transparent;box-shadow:none;padding:0;margin:0;min-height:0;font-size:32px;line-height:1;rotate:8deg;z-index:2}.pilot-world>.pilot-world-decoration img.emoji{font-size:32px}.pilot-world-decoration:empty{display:none}
@media(max-width:760px){.allocation-card{grid-template-columns:32px minmax(0,1fr) 98px;grid-template-rows:auto auto;column-gap:10px;row-gap:5px}.allocation-icon{grid-column:1;grid-row:1;font-size:24px;text-align:center}.allocation-card h2{grid-column:2;grid-row:1;font-size:13px}.allocation-card>p{grid-column:2;grid-row:2;min-height:0;max-width:none;font-size:10px;line-height:1.45}.allocation-card .allocation-count{grid-column:1;grid-row:2;font-size:23px}.allocation-controls{grid-column:3;grid-row:1 / 3}.pilot-world{padding:17px;gap:9px}.pilot-world-icon{font-size:50px}.pilot-world>p{font-size:11px;padding:6px 10px}.pilot-world>.pilot-world-decoration{font-size:27px;right:12px;bottom:20px}.pilot-world>.pilot-world-decoration img.emoji{font-size:27px}}
@media(max-width:350px){.allocation-card{grid-template-columns:27px minmax(0,1fr) 94px;column-gap:8px}.allocation-card h2{font-size:12px}.allocation-card>p{font-size:10px}.allocation-icon{font-size:22px}.allocation-card .allocation-count{font-size:21px}.pilot-world-icon{font-size:45px}}
.allocation-card>p{font-size:12px}.pilot-option.vf-engaged{border-color:#438ebe;background:#edf7ff;box-shadow:0 5px 0 #adc9df33}.decoration-option.vf-engaged{border-color:#c89d3b;background:#fff0bd}.family-switch button.vf-engaged{background:#fff}.allocation-controls button.vf-engaged:not(:disabled){background:#fff;box-shadow:0 0 0 3px #ffffff88}
@media(max-width:760px){.allocation-card>p{font-size:11px;line-height:1.5}}
/* Compact does not mean tiny: pilot labels stay at least 12 px on phones. */
@media(max-width:760px){.pilot-option,.decoration-option,.decoration-option strong,.family-switch button,.family-turn,.pilot-world>p,.pilot-world-decoration,.allocation-card h2,.allocation-card>p,.cierre-details>summary,.pilot-recap>summary{font-size:12px}.pilot-world>.pilot-world-decoration{font-size:27px}.allocation-card>p{line-height:1.5}.pilot-text{font-size:13px}}
@media(max-width:400px){.pilot-options,.decoration-options{grid-template-columns:1fr;gap:10px}.pilot-option{flex-direction:row;justify-content:flex-start;gap:14px;min-height:70px;padding:12px 15px;text-align:left;font-size:13px}.pilot-option img.emoji{font-size:29px;flex-shrink:0}.pilot-option strong{font-size:13px}.pilot-option.selected::after{margin-left:auto;flex-shrink:0}.decoration-option{flex-direction:row;justify-content:flex-start;gap:16px;min-height:76px;padding:13px 42px 13px 16px;text-align:left}.decoration-option>img.emoji,.decoration-option>span:first-child{font-size:32px;flex-shrink:0}.decoration-option strong{font-size:13px}.decoration-option.selected::after{top:50%;translate:0 -50%;right:12px}.allocation-card h2,.allocation-card>p{font-size:12px}.family-switch button{font-size:12px}.pilot-world>p{max-width:88%}}
/* Pilot entry, selected keepsake and the real option structure. */
.pilot-top .btn-link{width:auto;flex:none;padding:10px 12px;font-size:12px}.pilot-option>span:first-child{font-size:32px;line-height:1}.pilot-option>small,.decoration-option>small{font:500 12px/1.55 var(--sans);color:#61778d}.pilot-option:disabled{opacity:.55;cursor:default;box-shadow:none}.pilot-option:disabled:hover{transform:none}.pilot-token-summary{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pilot-token-summary>span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d7e2ef;border-radius:12px;background:#f0f5fb;color:#506d89;font-size:12px;font-weight:500;line-height:1.5}.pilot-token-summary b{font-weight:800}.pilot-story>p+p{margin-top:12px}.pilot-entry{position:relative;border:1px solid #d1b9ee;border-radius:24px;background:linear-gradient(120deg,#f1e8ff,#f8f4ff);padding:25px;margin:20px 0 24px;box-shadow:0 5px 0 #bda1db19}.pilot-entry .pilot-kicker{color:#8060a6;margin:0 0 10px}.pilot-entry h2{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.2;color:#5e437c;margin-bottom:12px}.pilot-entry>p:not(.pilot-kicker):not(.choice-hint){font-size:14px;line-height:1.6;color:#775d8e}.pilot-entry>.btn3d{margin-top:20px}.pilot-entry>.choice-hint{margin-top:12px;color:#78608e}.map-decoration{display:flex;align-items:center;gap:15px;background:linear-gradient(115deg,#fff0ca,#fff8e9);border:1px solid #e6cb8e;border-radius:18px;padding:16px 18px;margin:17px 0}.map-decoration>.pilot-world-decoration{display:block;flex-shrink:0;margin:0;padding:0;min-height:0;border:0;background:transparent;font-size:39px;line-height:1}.map-decoration>.pilot-world-decoration img.emoji{font-size:39px}.map-decoration p{color:#85682e;font-size:12px;line-height:1.6}.map-decoration b{font-weight:700;font-size:14px}.pilot-actions input[data-invite-link]{width:100%;padding:14px;border:1px solid #adcbe5;border-radius:12px;background:#fff;color:#365f80;font:500 13px/1.5 var(--sans)}
@media(max-width:760px){.pilot-entry{padding:20px;border-radius:21px}.pilot-entry h2{font-size:23px}.pilot-entry>p:not(.pilot-kicker):not(.choice-hint){font-size:13px}.pilot-entry>.btn3d{font-size:14px}.pilot-entry .pilot-kicker{font-size:9px}.map-decoration{padding:14px}.map-decoration b{font-size:13px}.map-decoration p{font-size:12px}}
@media(max-width:400px){.pilot-option{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:13px;row-gap:5px;min-height:92px;padding:14px 33px 14px 13px}.pilot-option>span:first-child{grid-column:1;grid-row:1 / 3;font-size:28px;align-self:center}.pilot-option>strong{grid-column:2;grid-row:1;line-height:1.4}.pilot-option>small{grid-column:2;grid-row:2;line-height:1.5;color:#57718b;font-size:12px}.pilot-option.selected::after{position:absolute;right:7px;top:50%;translate:0 -50%;margin:0;width:18px;height:18px;font-size:10px}.pilot-option{position:relative}.decoration-option{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;row-gap:6px;min-height:88px;padding:14px 35px 14px 15px}.decoration-option>span:first-child{grid-column:1;grid-row:1 / 3;font-size:32px;align-self:center}.decoration-option>strong{grid-column:2;grid-row:1;line-height:1.4}.decoration-option>small{grid-column:2;grid-row:2;font-size:12px;color:#866b3b;line-height:1.5}.pilot-screen[data-pilot-phase="0"] .pilot-world{min-height:90px;padding:12px;gap:6px}.pilot-screen[data-pilot-phase="0"] .pilot-world-icon{font-size:33px}.pilot-screen[data-pilot-phase="0"] .pilot-world>p{font-size:12px;padding:4px 8px}.pilot-entry h2{font-size:21px}.pilot-entry .pilot-kicker{font-size:9px;letter-spacing:.05em}}
/* Tomi and shared play remain compact; the decision keeps the visual priority. */
.pilot-title[tabindex="-1"]:focus{outline:none}.pilot-guide{display:flex;align-items:center;gap:12px;padding:10px 13px;margin:12px 0 18px;border:1px solid #dce5f0;border-radius:16px;background:#f3f6fc}.pilot-guide .lt-av{flex-shrink:0;width:43px;height:51px}.pilot-guide .lt-av::before{width:42px;height:42px;background:#fff}.pilot-guide .lt-av img,.pilot-guide .lt-av>svg.tc-character{height:51px;width:auto;max-width:none}.pilot-guide p{font:600 12px/1.55 var(--sans);color:#54718d;margin:0}.pilot-option>.pilot-cost{display:inline-block;background:#eaf1f8;color:#40688b;border-radius:7px;font:700 12px/1.4 var(--sans);padding:4px 7px;margin-top:2px}.pilot-option.selected>.pilot-cost{background:#cee6f8}.family-handoff{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;background:#f1e9fc;border:1px solid #d8c6eb;border-radius:24px;padding:30px 24px;margin:23px 0;color:#765995}.family-handoff>span{font-size:64px;line-height:1.15}.family-handoff p{font:500 14px/1.7 var(--sans);max-width:35ch;margin:0}.family-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.family-comparison>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:20px 14px;border:1px solid #b8d5ec;border-bottom-width:4px;border-radius:21px;background:#eaf4ff;color:#366689}.family-comparison>div:nth-child(2){background:#f3eafc;border-color:#d2bce8;color:#7a579a}.family-comparison small{font:700 12px/1.4 var(--sans)}.family-comparison span{font-size:36px;line-height:1.1}.family-comparison strong{font:700 14px/1.4 var(--sans)}.scene-detail{border:1px solid #dbe4ee;border-radius:13px;background:#ffffff80;margin-top:14px}.scene-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-height:44px;padding:11px 13px;font:600 12px/1.5 var(--sans);color:#50718e;cursor:pointer}.scene-detail>summary::-webkit-details-marker{display:none}.scene-detail>summary::after{content:"+";font-size:22px;font-weight:500}.scene-detail[open]>summary::after{content:"−"}.scene-detail>p{font:500 13px/1.65 var(--sans);color:#536d84;padding:0 13px 14px;margin:0}.scene-detail>summary:focus-visible{outline:3px solid #247bb8;outline-offset:4px;border-radius:10px}
@media(max-width:760px){.pilot-guide{gap:10px;padding:8px 11px;margin:10px 0 15px}.pilot-guide .lt-av{width:36px;height:43px}.pilot-guide .lt-av::before{width:35px;height:35px}.pilot-guide .lt-av img,.pilot-guide .lt-av>svg.tc-character{height:43px}.pilot-guide p{font-size:12px;line-height:1.5}.family-comparison{gap:10px}.family-comparison>div{padding:17px 10px}.family-comparison strong{font-size:12px}.family-handoff{padding:25px 18px}.family-handoff p{font-size:13px}}
@media(max-width:400px){.pilot-option>span:first-child{grid-row:1 / 4}.pilot-option>.pilot-cost{grid-column:2;grid-row:3;justify-self:start;font-size:12px}.pilot-option>small:not(.pilot-cost){grid-column:2;grid-row:2}.family-comparison>div{border-radius:17px}.family-comparison span{font-size:31px}}
/* On a phone the plan cards ARE the preview; the large world appears after choosing. */
@media(max-width:760px){.pilot-screen[data-pilot-phase="0"] .pilot-world{display:none}.pilot-screen[data-pilot-phase="0"] .pilot-options{margin-top:16px}}
/* Reserve the guide's corner even with a long player name. */
.mh-head{padding-right:110px}.mh-hi{max-width:100%}.mh-name{overflow-wrap:anywhere}.pilot-screen:has(.family-handoff)>.family-turn{display:none}
@media(max-width:760px){.mh-head{padding-right:100px}.mh-tomi{right:16px}.mh-name{font-size:32px}.family-handoff{gap:14px;padding:23px 18px}.family-handoff>span{font-size:52px}}
@media(max-width:350px){.mh-head{padding-right:83px}.mh-name{font-size:27px}.mh-tomi{right:5px;width:75px}}