/* Pulso: legibilidad, decisiones y autonomía, con altura natural. */
:root{--night:#f4f5ef;--ink:#132f3c;--muted:#526775;--cyan:#08757c;--cyan-soft:#d9f2ee;--gold:#a8691e;--lime:#18704f;--red:#aa3f43;--line:#d7e1de;--shadow:0 18px 50px #193c4610;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:var(--night)}
html{scroll-padding-top:20px;scroll-snap-type:none!important}body{color:var(--ink);background:radial-gradient(ellipse at 100% 0,#e5efdf 0,transparent 42rem),#f4f5ef;overflow-x:clip}button,a,input,select{touch-action:manipulation}button{font-size:1rem}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c08223;outline-offset:4px}[hidden]{display:none!important}
.topbar{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;min-height:94px;padding:14px max(22px,calc((100vw - 1300px)/2));background:#fffef9;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}.brand{gap:14px;color:#173b46}.collection-logo{width:100px;height:62px;object-fit:contain}.brand b{font-size:1.15rem;letter-spacing:.16em}.brand small{display:block;color:var(--muted);font-size:.75rem}.youth-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}.youth-links a,.youth-links button{color:#173b46;font-size:.9rem;font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;background:none;border:0;cursor:pointer}.youth-links a:hover{text-decoration:underline}.player-level{padding:8px 14px;border-radius:50px;background:#edf4ef}.player-level b{color:#173b46}.player-level small{color:var(--muted)}.level-ring{color:#0c6263;border:2px solid #318b7e;background:#fff;box-shadow:none}
.page{width:min(1300px,100%);padding:0 26px 64px}.youth-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center;padding:52px 0 42px}.youth-welcome h1{max-width:11ch;font-size:clamp(2.8rem,5.6vw,5.1rem);line-height:1.05;letter-spacing:-.055em;margin:16px 0 20px;color:#133b45}.youth-welcome h1 em{color:#14786f;font-style:normal}.youth-welcome p:not(.eyebrow){max-width:48ch;font-size:1.1rem;line-height:1.7;color:var(--muted)}.welcome-art{margin:0;border-radius:26px;overflow:hidden;border:1px solid #d6dfd4;background:#e6e6d8;box-shadow:0 18px 48px #173e4314}.welcome-art img{display:block;width:100%;height:auto}.welcome-art figcaption{padding:13px 18px;font-size:.8rem;color:#465f61;background:#fdfcf5}.eyebrow{color:#9b651e;font-size:.75rem;line-height:1.5;letter-spacing:.13em}.youth-welcome .welcome-tags{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.welcome-tags span{padding:7px 12px;background:#fffef8;border:1px solid var(--line);border-radius:50px;font-size:.8rem;font-weight:700}.primary-button,.next-button{color:white;background:#106c68;border-radius:12px;min-height:48px;box-shadow:none}.primary-button:hover,.next-button:hover{background:#0b5555}.secondary-button{color:#163e47;background:white;border:1px solid #bccfca;border-radius:12px}.welcome-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.welcome-actions a{text-decoration:none}.welcome-actions>a:not(.primary-button){color:#1c5d62;font-weight:700;padding:14px 0}.youth-method{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 34px;padding:18px 24px;background:#e8efea;border:1px solid #d5e2d7;border-radius:16px;line-height:1.5;color:#345b5c}.youth-method b{color:#163e47}.youth-method span{display:flex;align-items:center;gap:9px}.youth-method i{width:26px;height:26px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:.8rem;font-style:normal;color:#166b64}
.mission-browser{display:block;margin-bottom:28px}.browser-copy{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:17px}.browser-copy h2{font-size:clamp(1.45rem,2.6vw,2rem);letter-spacing:-.04em;margin:5px 0;color:#163e47}.browser-copy p{color:var(--muted);font-size:.9rem}.mission-rail{display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;overflow:visible;padding:0}.mission-tab{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 12px;align-content:center;min-height:114px;padding:18px 15px;border:1px solid #d3dfd7;border-radius:16px;background:#fffef9;color:#163a46;position:relative;box-shadow:0 3px 8px #173c4403}.mission-tab b{font-size:.95rem;line-height:1.35;letter-spacing:-.02em;align-self:auto}.mission-tab small{font-size:.77rem;color:#526775;align-self:auto}.mission-tab .mission-symbol{grid-row:1/4;width:40px;height:42px;background:#e7f1eb;border-radius:12px;color:#216c66;display:grid;place-items:center}.mission-symbol svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mission-tab.active{background:#123d46;color:#fff;border-color:#123d46;box-shadow:0 8px 20px #123d461c}.mission-tab.active small{color:#d0e3e0}.mission-tab.active .mission-symbol{background:#ffffff16;color:#b7e8d6}.mission-tab .mission-status{font-size:.67rem;font-weight:700;color:#597769;letter-spacing:.02em}.mission-tab.active .mission-status{color:#bde8c9}.mission-tab.completed{border-color:#72a58d}.mission-tab:hover{transform:translateY(-2px);border-color:#3c8c7c}.mobile-mission-picker{display:none}.mission-current-notice{font-size:.85rem;color:#52726c;margin:16px 0}
.game-shell{min-height:0;display:grid;grid-template-columns:minmax(250px,.67fr) minmax(0,1.5fr);border-radius:22px;border:1px solid #cedbd4;background:#fffefb;overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:18px}.mission-brief{min-height:0;padding:30px 26px;background:#123c46;color:white;border-right:0;overflow:visible}.grid-glow{display:none}.mission-number{font-size:1rem;font-weight:800;color:#b8d5cc;margin:0 0 30px;letter-spacing:.08em}.mission-number::before{content:"MISIÓN ";font-size:.7rem}.mission-brief .eyebrow{color:#e7be73;font-size:.7rem}.mission-brief h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.045em;max-width:12ch;margin:12px 0 16px;color:white}.mission-brief>p:not(.eyebrow){color:#d6e4e0;font-size:.95rem;line-height:1.65}.mission-meta{grid-template-columns:1fr 1fr;margin-top:26px;gap:8px}.mission-meta span{padding:10px;border:1px solid #ffffff21;background:#ffffff08}.mission-meta small{color:#bfd6d2;font-size:.65rem}.mission-meta b{color:white;font-size:.85rem}.mission-meta span:nth-child(2){display:none}.mission-brief blockquote{font:1rem/1.7 Georgia,serif;color:#f5f2e5;border-left-color:#dcb76b;margin:24px 0 0;padding:0 0 0 16px}.mission-brief cite{font:.75rem/1.5 "Segoe UI",sans-serif;color:#edcb8a;letter-spacing:.02em;text-transform:none}.bible-note{color:#b8d1cf!important;font-size:.75rem!important;margin-top:10px!important}.mission-guide{margin:24px 0 0;border-top:1px solid #ffffff25;padding-top:19px}.mission-guide h3{font-size:.9rem;margin:0 0 14px;color:#edcf93}.mission-guide ol{margin:0;padding-left:20px;display:grid;gap:12px;font-size:.87rem;line-height:1.55;color:#e0ebe5}.mission-guide li::marker{color:#edcf93;font-weight:700}.mission-brief>.learning-scene{display:none}.mission-workspace{min-width:0;padding:25px 28px 30px}.mission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.mission-toolbar p{margin:0;font-size:.77rem;color:var(--muted);line-height:1.5}.mission-toolbar strong{display:block;color:#234e57;font-size:.95rem}.mission-toolbar button{background:#edf3ec;color:#23514f;border:1px solid #cfdfd5;border-radius:10px;min-height:44px;padding:9px 14px;font-size:.83rem;font-weight:700;cursor:pointer}.play-panel{min-height:0;padding:0;display:block;background:none;outline:none;scroll-margin-top:22px}.game-head{margin-bottom:16px;gap:14px}.round-label{color:#4b7269;font-size:.72rem}.mini-track{background:#e3ece5;width:min(210px,42%);height:6px}.mini-track span{background:#448f7b}.prompt-card,.emotion-scene,.story-card,.feed-card,.chat-prompt{background:#edf3ea;border:1px solid #d8e3d6;color:#173c45;border-radius:16px;min-height:0;padding:25px 24px;box-shadow:none;overflow:visible}.prompt-card::after,.feed-card::before{display:none}.prompt-card p,.emotion-scene p,.story-card p,.feed-card p{max-width:none;font-family:inherit;font-size:clamp(1.08rem,1.65vw,1.35rem);font-weight:600;line-height:1.6;margin:0;color:#193f49}.chat-prompt{align-items:start;gap:14px}.chat-prompt p{font-size:1.05rem;line-height:1.65}.chat-avatar{color:#0e5f5f;background:#d5e8dc}.choice-grid{margin-top:17px;gap:10px}.answer-button,.story-options button,.habit-choice{color:#254653;background:#fff;border:1px solid #cbdad3;border-radius:12px;text-align:left;min-height:56px;font-weight:650;padding:15px 17px;line-height:1.5;box-shadow:0 3px 6px #244b4b05}.answer-button:hover,.story-options button:hover,.habit-choice:hover{color:#143f45;background:#edf4eb;border-color:#559a84}.answer-button span{display:block;font-size:.76rem;color:#60786f;font-weight:400;margin-top:5px}.answer-button[data-answer]{color:#254653}.answer-button[disabled]{opacity:.58}.answer-button.correct{color:#15543e;background:#e4f1e8;border-color:#70a785;opacity:1}.answer-button.wrong{color:#773c37;background:#faede4;border-color:#ce9f82;opacity:1}.answer-button.chosen{background:#edf0f7;border-color:#758bad;opacity:1}.feedback{color:#425d66;background:#f6f7f1;border-color:#dde5d9;min-height:0;font-size:.94rem;line-height:1.7;padding:17px 18px;margin-top:18px}.feedback b{color:#163f47;margin-bottom:5px}.feedback.good{border-left:3px solid #579879;border-color:#c5dbc9}.feedback.warn{border-left:3px solid #c28b44;border-color:#e4ccb0}.feedback p{margin:10px 0 0}.feedback details{margin-top:12px;border-top:1px solid #dce5d9;padding-top:10px}.feedback summary{cursor:pointer;font-weight:700;color:#245d58;min-height:30px}.feedback details p{font-size:.86rem}.feedback.good b,.feedback.warn b{color:#234d4e}.next-button{display:flex;width:100%;margin:18px 0 0}.result-card{background:#eef4eb;border:1px solid #cadfc9;min-height:0;padding:38px 25px;border-radius:18px}.result-card h3{color:#153e45;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.2;margin-top:7px}.result-card p{color:#48666a}.result-icon{background:#fff;color:#237456;border-color:#9ac7aa;box-shadow:none;width:65px;height:65px;margin-bottom:18px}.result-actions{gap:12px}.result-actions button{margin:0}.result-takeaway{margin:16px 0;padding:16px;text-align:left;border:1px solid #d4dfcf;border-radius:12px;background:#fffdf5}.result-takeaway strong{font-size:.85rem;color:#95631d}.result-takeaway p{margin:7px 0 0;font-size:.93rem}.feed-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feed-card{min-height:0}.feed-card::after{display:none}.energy-count{color:#136d64;font-size:2rem}.energy-total h3,.habit-builder h3{color:#193f49;font-size:1.5rem}.energy-item{background:#f1f5ee;border:1px solid #dae4d6;border-radius:14px;padding:16px}.energy-item-head{color:#2f575a}.energy-controls button{background:white;border:1px solid #c8dbd0;color:#16685f;min-width:44px;min-height:44px}.energy-controls button:disabled{opacity:.35;cursor:not-allowed}.energy-bar{background:#dde9df}.energy-bar i{background:#4c9682}.energy-help{font-size:.85rem;color:#58736c;line-height:1.6;margin:12px 0}.sequence-intro{font-size:1.08rem;line-height:1.7;color:#294d58}.sequence-slots{background:#edf4e9;border:1px dashed #a4c4a8;color:#607763;padding:14px;min-height:68px;border-radius:12px;gap:8px}.sequence-slots span{color:#254e43;background:#fff;border:1px solid #b9d1ba;border-radius:8px;font-size:.8rem;padding:8px}.sequence-option{color:#234954;background:#fff;border:1px solid #d0ded4;border-radius:12px;font-size:.95rem;padding:13px;min-height:52px}.sequence-option>span{background:#e8f0e3;color:#4e745d}.sequence-option:hover{border-color:#448b74;color:#153f43;background:#f2f7ef}.sequence-tools{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.sequence-tools button{padding:10px 15px;min-height:44px;border:1px solid #cfddd2;background:#fff;color:#386456;border-radius:9px;cursor:pointer}.emotion-grid{grid-template-columns:repeat(2,1fr)}.emotion-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.emotion-tools button{color:#215b58;background:#fff;border:1px solid #abcac0;border-radius:10px;padding:10px 12px;min-height:44px;cursor:pointer}.emotion-tools button[aria-pressed=true]{color:white;background:#1d7066;border-color:#1d7066}.story-tag{color:#537970;background:#dcebdd;font-size:.72rem;letter-spacing:.07em}.story-options{gap:10px}.habit-builder>p{color:#58716e;line-height:1.7}.habit-choice small{color:#59736a}.habit-choice.active{background:#e8f2e5;border-color:#529478}.habit-form label{color:#41625e;font-size:.85rem}.habit-form select{color:#224854;background:white;border-color:#bed3c8;font-size:.95rem;max-width:100%}.habit-day{color:#53746a;background:#f0f6ed;border-color:#c8ddca;min-height:44px;aspect-ratio:auto;padding:13px 5px;font-size:.83rem}.habit-day.done{color:#fff;background:#28765a;border-color:#28765a}.habit-practice-count{color:#51726a;font-size:.86rem}.progress-deck{background:#fffdf7;box-shadow:none;border-color:#d5dfd5;grid-template-columns:1fr 1fr;gap:16px;padding:24px;margin-top:28px}.progress-deck h2{color:#193f49;line-height:1.5}.progress-deck>p,#reset-progress{color:#4c6c68;font-size:.87rem;line-height:1.6}.progress-track{background:#e1eadd}.progress-track span{background:#41816b}#reset-progress{justify-self:start;min-height:44px}.youth-support{margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.youth-support article{background:#e9efea;border-radius:18px;padding:26px}.youth-support h2{color:#234b51;font-size:1.18rem;line-height:1.4;margin:8px 0}.youth-support p{color:#4b676b;font-size:.95rem;line-height:1.7}.youth-support a{display:inline-flex;color:#226b60;font-weight:750;min-height:44px;align-items:center}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#123b45;color:#d5e8e0;padding:28px max(26px,calc((100vw - 1248px)/2));font-size:.8rem;letter-spacing:0}.site-footer a{color:#e9d7a9}.site-footer .accessibility-preferences{color:#fff;width:100%}
@media(min-width:900px){.mission-brief{align-self:stretch}.mission-workspace{padding:28px 34px 34px}}
@media(max-width:1000px){.mission-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.mission-tab{grid-template-columns:1fr;padding:15px;gap:7px}.mission-tab .mission-symbol{grid-row:auto;width:34px;height:34px}.game-shell{grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr)}.mission-brief{padding:25px 21px}.youth-welcome{gap:28px}.youth-links{gap:12px}}
@media(max-width:760px){.topbar{padding:12px 18px;gap:12px}.collection-logo{width:75px;height:47px}.brand b{font-size:1rem}.brand small{font-size:.65rem}.player-level{margin-left:auto;padding:5px 8px}.player-level span:last-child{display:none}.level-ring{width:36px;height:36px}.youth-links{width:100%;justify-content:space-between;border-top:1px solid #e3e9df;padding-top:4px;gap:4px 12px}.youth-links a,.youth-links button{font-size:.78rem;min-height:38px}.page{padding:0 16px 40px}.youth-welcome{grid-template-columns:1fr;padding:30px 0 24px;gap:24px}.youth-welcome h1{font-size:clamp(2.75rem,10vw,4rem);max-width:11ch;margin:10px 0 14px}.youth-welcome p:not(.eyebrow){font-size:1rem}.welcome-art{display:none}.youth-welcome .welcome-tags{margin:16px 0;gap:6px}.welcome-tags span{font-size:.72rem;padding:6px 10px}.welcome-actions{gap:10px}.welcome-actions a{font-size:.88rem}.youth-method{display:grid;grid-template-columns:1fr;gap:10px;font-size:.85rem;padding:16px 18px;margin-bottom:27px}.browser-copy{display:block}.browser-copy>p{margin:8px 0;font-size:.85rem}.mission-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mission-tab{grid-template-columns:32px minmax(0,1fr);padding:13px 12px;gap:3px 8px;min-height:104px;border-radius:13px}.mission-tab .mission-symbol{grid-row:1/4;width:30px;height:34px;border-radius:9px}.mission-symbol svg{width:18px;height:18px}.mission-tab b{font-size:.85rem}.mission-tab small{font-size:.7rem}.mission-status{font-size:.6rem!important}.game-shell{display:block;border-radius:18px}.mission-brief{padding:24px 21px;border-bottom:0}.mission-number{margin:0 0 15px}.mission-brief h2{font-size:2rem;max-width:none;margin:7px 0 12px}.mission-meta{margin-top:18px;max-width:330px}.mission-brief blockquote{margin-top:19px;font-size:.95rem}.mission-guide{margin-top:18px;padding-top:16px}.mission-guide ol{gap:7px;font-size:.85rem}.mission-workspace{padding:21px 16px 24px}.mission-toolbar{gap:10px}.mission-toolbar button{font-size:.77rem;padding:8px 11px;flex-shrink:0}.mission-toolbar strong{font-size:.88rem}.play-panel{min-height:0}.game-head{flex-direction:row;align-items:center;gap:12px}.mini-track{width:40%}.prompt-card,.emotion-scene,.feed-card,.story-card{padding:22px 18px;min-height:0}.prompt-card p,.emotion-scene p,.feed-card p,.story-card p{font-size:1.05rem;line-height:1.65}.chat-prompt{padding:19px 16px;gap:10px}.chat-avatar{flex-basis:30px;width:30px;height:30px}.chat-prompt p{font-size:1rem}.choice-grid{grid-template-columns:1fr}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.answer-button{font-size:.96rem;padding:14px;min-height:52px}.answer-button span{font-size:.8rem}.feedback{font-size:.9rem;line-height:1.65;padding:15px}.feed-actions{grid-template-columns:1fr 1fr}.emotion-grid,.habit-options{grid-template-columns:1fr 1fr}.energy-board{grid-template-columns:1fr}.energy-total h3{font-size:1.25rem}.habit-form{grid-template-columns:1fr}.habit-day{padding:12px 2px;font-size:.76rem}.result-card{padding:28px 20px}.progress-deck,.youth-support{grid-template-columns:1fr}.progress-deck{padding:22px}.youth-support article{padding:22px}.site-footer{padding:25px 20px;text-align:left;display:flex}.mission-rail .mission-tab small{overflow-wrap:normal}.youth-support a{line-height:1.5}.emotion-tools{display:grid;grid-template-columns:1fr}.habit-choice{padding:13px 11px}}
@media(max-width:360px){.mission-tab{grid-template-columns:1fr}.mission-tab .mission-symbol{display:none}.brand small{display:none}.youth-links a,.youth-links button{font-size:.74rem}.feed-actions,.emotion-grid,.habit-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.topbar,.mission-browser,.youth-welcome,.youth-method,.mission-toolbar,.site-footer,.progress-deck{display:none}.page{padding:0;width:100%}.game-shell{display:block;box-shadow:none;border:0}.mission-brief{color:#111;background:white}.mission-brief h2,.mission-brief p,.mission-brief cite,.mission-guide li{color:#111!important}.play-panel button{border:1px solid #999}.youth-support{break-inside:avoid}}
.youth-welcome h1{max-width:14ch}.mission-tab .mission-status{font-size:.75rem!important}@media(max-width:760px){.youth-welcome h1{font-size:clamp(2.5rem,9.5vw,4rem);max-width:14ch}}