/* TREININGO V3: immersive interactive excuses + orbital mission. Existing app art remains untouched. */
[hidden]{display:none!important}
body.exp-open{overflow:hidden;touch-action:none}
.topbar nav{gap:25px}
.cat-secret-hit{position:absolute;inset:6% 13% 5% 14%;z-index:11;border:0;border-radius:45% 45% 20% 20%;background:transparent;cursor:pointer}
.cat-secret-hit:focus-visible{outline:4px dashed var(--yellow);outline-offset:-10px}
.cat-secret-speech{z-index:12;position:absolute;top:4%;left:-21%;width:max-content;max-width:190px;line-height:1.1;font:900 17px/1.1 Outfit,sans-serif;background:#fff;color:var(--navy);padding:15px 16px;border-radius:15px;opacity:0;transform:translateY(14px) rotate(-6deg);pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:7px 7px 0 var(--yellow)}
.cat-secret-speech.show{opacity:1;transform:translateY(0) rotate(-6deg)}
.hero-cat.secret-nudge{animation:secretNudge .5s ease-out!important}
@keyframes secretNudge{0%,100%{translate:0 0;rotate:0}25%{translate:7px -13px;rotate:5deg}55%{translate:-8px 3px;rotate:-6deg}}
.excuse-chips{flex-wrap:wrap}
.excuse-chip{position:relative;isolation:isolate;transition:transform .22s,background .2s,color .2s,box-shadow .2s}
.excuse-chip:hover{background:var(--yellow);transform:translateY(-5px) rotate(-2deg);box-shadow:4px 5px 0 var(--navy)}
.excuse-chip .chip-check{display:none;position:absolute;right:-8px;top:-10px;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;background:var(--yellow);border:2px solid var(--navy);color:var(--navy);font-size:15px}
.excuse-chip.investigated .chip-check{display:flex}
.excuse-collection{border:2px dashed var(--navy);background:#fff0c6;padding:15px 16px;border-radius:16px;margin-top:18px;max-width:520px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-weight:900;font-size:12px;transform:rotate(-1deg)}
.excuse-collection button{background:var(--navy);border:0;border-radius:12px;padding:10px 13px;color:#fff;font-weight:900;font-size:11px}
/* FULL-SCREEN INTERACTIVE INVESTIGATIONS */
.excuse-experience{--exp-bg:#FEC931;position:fixed;inset:0;z-index:110;color:var(--navy);background:var(--exp-bg);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;isolation:isolate;animation:experienceWipe .58s cubic-bezier(.2,.78,.2,1) both}
.excuse-experience[data-active="chuva"]{--exp-bg:#84B4E3;color:#0B1C33}
.excuse-experience[data-active="depois"]{--exp-bg:#12253E;color:#fff}
.excuse-experience[data-active="certificado"]{--exp-bg:#FEE6C0;color:var(--navy)}
@keyframes experienceWipe{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.exp-progress{position:absolute;top:0;left:0;right:0;height:7px;background:#ffffff55;z-index:11}.exp-progress span{height:100%;display:block;width:0;background:var(--navy);transition:width .5s}.excuse-experience[data-active="depois"] .exp-progress span{background:var(--yellow)}
.exp-top{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:23px clamp(20px,5vw,90px);gap:20px}
.exp-logo{font:900 clamp(22px,2.4vw,36px)/1 Outfit,sans-serif;letter-spacing:-.085em}.exp-logo>span{color:#fff}.exp-logo small{letter-spacing:.13em;font:900 10px 'DM Sans',sans-serif;margin-left:24px;opacity:.65}
.exp-actions{display:flex;gap:10px;align-items:center}
.exp-icon-button,.exp-close{background:transparent;color:inherit;border:2px solid currentColor;border-radius:80px;padding:11px 17px;font-size:11px;font-weight:900;letter-spacing:.05em}.exp-close span{font-size:20px;margin-left:12px;line-height:0;vertical-align:middle}.exp-icon-button:hover,.exp-close:hover{background:#fff;color:var(--navy)}
.exp-canvas{min-height:0;position:relative;z-index:1;overflow:visible}
.exp-scene{position:absolute;inset:0;animation:sceneIn .65s ease both;overflow:hidden}
@keyframes sceneIn{0%{opacity:0;filter:blur(10px);transform:scale(1.06)}100%{opacity:1;filter:blur(0);transform:scale(1)}}
.exp-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 47% 48%,transparent 30%,#03101d24 100%)}
.exp-monday{background:radial-gradient(circle at 70% 46%,#FFE694 0%,#FEC931 56%,#EFB620 100%)}
.monday-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 3deg,#ffffff25 0 7deg,transparent 7deg 20deg);animation:slowRotate 40s linear infinite}
.calendar-flight{position:absolute;inset:0;perspective:900px}
.cal-sheet{width:clamp(105px,11vw,170px);height:clamp(125px,13vw,200px);position:absolute;top:13%;left:50%;border:5px solid var(--navy);border-radius:16px;background:var(--cream);box-shadow:11px 14px 0 #0b1c3340;display:flex;flex-direction:column;transform:rotate(var(--r));animation:calendarTornado 3.8s cubic-bezier(.33,.05,.34,1) both}
.cal-sheet b{font:900 25px Outfit,Arial,sans-serif;text-align:center;background:var(--navy);color:#fff;padding:6px;border-radius:9px 9px 0 0}.cal-sheet strong{font:900 clamp(60px,7vw,105px)/1 Outfit,Arial,sans-serif;text-align:center;padding-top:12px;letter-spacing:-.09em}
.cal-1{--tx:-170%;--ty:-27%;--r:-31deg;animation-delay:-.1s}.cal-2{--tx:-48%;--ty:-51%;--r:13deg;animation-delay:.1s}.cal-3{--tx:64%;--ty:-15%;--r:34deg;animation-delay:.27s}.cal-4{--tx:165%;--ty:7%;--r:-12deg;animation-delay:.34s}.cal-5{--tx:135%;--ty:81%;--r:24deg;animation-delay:.18s}.cal-6{--tx:-105%;--ty:95%;--r:11deg;animation-delay:.4s}.cal-7{--tx:25%;--ty:108%;--r:-27deg;animation-delay:.07s}
@keyframes calendarTornado{0%{opacity:0;transform:translate(-50%,240%) rotate(-110deg) scale(.15)}42%{opacity:1}78%,100%{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(1)}}
.exp-character{position:absolute;z-index:4;pointer-events:none;filter:drop-shadow(8px 18px 0 #0b1c3320)}.exp-character img{height:100%;width:100%;object-fit:contain}
.monday-cat{width:clamp(250px,27vw,440px);height:90%;bottom:-15%;left:6%;transform-origin:center bottom;animation:catMarch .9s 1.1s cubic-bezier(.2,.6,.25,1) both}
@keyframes catMarch{from{transform:translateX(-180%) rotate(-30deg)}to{transform:translateX(0) rotate(-4deg)}}
.monday-lever{position:absolute;left:27%;bottom:5%;width:125px;height:180px;z-index:3;transform:scale(.85)}.lever-shaft{position:absolute;bottom:22px;left:54px;height:145px;width:19px;background:var(--navy);border-radius:20px;transform-origin:bottom;animation:pullLever .8s 2s ease-in-out both}.lever-knob{position:absolute;top:-14px;left:-11px;width:40px;height:40px;background:var(--yellow);border:6px solid var(--navy);border-radius:50%}.lever-base{position:absolute;bottom:0;left:8px;width:114px;height:35px;border:7px solid var(--navy);background:#fff;border-radius:50% 50% 12px 12px}@keyframes pullLever{0%{transform:rotate(27deg)}80%,100%{transform:rotate(-45deg)}}
.exp-stamp{position:absolute;right:8%;top:45%;z-index:5;transform:rotate(-11deg);font:900 clamp(40px,6vw,105px)/.9 Outfit,sans-serif;border:9px solid var(--navy);background:#FDF6E4;color:var(--navy);padding:20px 28px;box-shadow:13px 17px 0 #0b1c332a;animation:stampSmash .52s 2.4s cubic-bezier(.17,.8,.28,1.2) both}
@keyframes stampSmash{0%{opacity:0;transform:rotate(-32deg) scale(4)}60%{opacity:1;transform:rotate(-11deg) scale(.9)}100%{opacity:1;transform:rotate(-11deg) scale(1)}}
.exp-rain{background:linear-gradient(150deg,#91C4F0,#5C89BE 72%,#395E8F)}
.rain-cloud{position:absolute;width:350px;height:125px;background:#263E5A;border-radius:85px;top:2%;left:45%;z-index:1;filter:drop-shadow(14px 17px 0 #1d334a25);animation:cloudBob 6s infinite ease-in-out}
.rain-cloud span{position:absolute;bottom:30px;border-radius:50%;background:#263E5A}.rain-cloud span:nth-child(1){width:150px;height:150px;left:30px}.rain-cloud span:nth-child(2){width:170px;height:170px;left:127px}.rain-cloud span:nth-child(3){width:120px;height:120px;right:-40px}.cloud-b{left:7%;top:16%;transform:scale(.68);opacity:.6;animation-delay:-3s}
@keyframes cloudBob{50%{translate:10px -12px}}
.rainfall{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.rain-drop{position:absolute;top:-18%;height:32px;width:3px;background:#D9EEFF;opacity:.6;border-radius:20px;transform:rotate(13deg);animation:fall var(--dur) var(--delay) linear infinite}
@keyframes fall{to{transform:translateY(115vh) translateX(-120px) rotate(13deg)}}
.rain-puddle{position:absolute;bottom:-20%;left:-10%;width:120%;height:36%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#B8E8FF95,#31689E);box-shadow:0 -15px 30px #d9f5ff70;animation:puddleRise 2s .3s both}
@keyframes puddleRise{from{transform:translateY(100%)}to{transform:translateY(0)}}
.rain-cat{height:76%;width:min(40%,480px);bottom:-5%;right:10%;animation:rainCatArrive 1.2s .4s both}
@keyframes rainCatArrive{from{transform:translateX(160%) rotate(10deg)}to{transform:translateX(0) rotate(-2deg)}}
.umbrella-prop{position:absolute;right:17%;top:-1%;width:min(29%,360px);z-index:6;transform:rotate(11deg);animation:umbrellaEnter .9s 1s both;pointer-events:none}.umbrella-prop svg{display:block;width:100%}
@keyframes umbrellaEnter{from{transform:translateY(-100%) rotate(50deg);opacity:0}to{transform:translateY(0) rotate(11deg);opacity:1}}
.rain-caption{font:900 clamp(45px,9vw,160px)/.85 Outfit,sans-serif;letter-spacing:-.09em;position:absolute;top:20%;left:4%;max-width:50%;z-index:3;animation:rise .8s .4s both}
.exp-later{background:radial-gradient(circle at 60% 33%,#244A70,var(--navy) 65%)}
.later-circle{position:absolute;top:2%;right:5%;width:min(62vw,650px);height:min(62vw,650px);border:2px dashed #6494ce55;border-radius:50%;animation:slowRotate 25s linear infinite}
@keyframes slowRotate{to{transform:rotate(360deg)}}
.clock-art{position:absolute;right:13%;top:10%;width:clamp(140px,17vw,300px);aspect-ratio:1;border:16px solid var(--yellow);border-radius:50%;background:#203C5C;box-shadow:15px 16px 0 #0004;animation:clockWobble 3s infinite}
.clock-art::after{content:"";position:absolute;inset:12%;border:4px dashed #ffffff35;border-radius:50%}
.clock-hand{position:absolute;background:white;width:9px;left:calc(50% - 4px);bottom:50%;border-radius:12px;transform-origin:center bottom}.hand-hour{height:23%;transform:rotate(85deg)}.hand-minute{height:36%;transform:rotate(0deg);animation:clockHand 1.6s linear infinite}.clock-hub{width:22px;height:22px;border-radius:50%;background:var(--yellow);position:absolute;z-index:2;left:calc(50% - 11px);top:calc(50% - 11px)}
@keyframes clockHand{to{transform:rotate(360deg)}}@keyframes clockWobble{50%{translate:0 8px;rotate:3deg}}
.later-loading{position:absolute;left:8%;top:28%;width:min(64vw,820px);z-index:4}.later-loading-label{font:900 clamp(22px,4vw,60px)/1 Outfit,sans-serif;letter-spacing:-.07em;color:#fff;margin-bottom:24px}.later-track{width:100%;height:58px;border-radius:100px;background:#314B68;border:5px solid #8CB6E2;position:relative;box-shadow:0 10px 0 #071525;overflow:visible}.later-fill{background:var(--yellow);border-radius:100px;height:100%;width:0;animation:toNinetyNine 2.5s .4s cubic-bezier(.14,.6,.22,1) forwards}.later-barrier{position:absolute;right:0;top:-45px;font-size:90px;color:var(--yellow);animation:barrierBounce .5s 2.7s both}
@keyframes toNinetyNine{to{width:99%}}@keyframes barrierBounce{from{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}
.later-loading>strong{display:inline-block;font:900 clamp(100px,13vw,220px)/.95 Outfit,Arial,sans-serif;letter-spacing:-.1em;color:var(--yellow);margin-top:15px}.later-loading>span{font:900 clamp(23px,4vw,54px)/1 Outfit,Arial,sans-serif;color:#fff;display:block;letter-spacing:-.06em}
.later-cat{right:-1%;bottom:-16%;height:65%;width:35%;animation:catMarch 1.15s 2.6s both}
.exp-certificate{background:radial-gradient(circle,#FFF6D5,#FEC931);display:flex;align-items:center;justify-content:center}
.certificate-paper{position:relative;border:9px solid var(--navy);outline:2px dashed var(--navy);outline-offset:-19px;background:#FAF8F3;width:min(72vw,840px);height:min(70vh,575px);padding:clamp(18px,4vw,46px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:20px 24px 0 #0b1c3340;transform:rotate(-3deg);animation:certPop .85s both}
@keyframes certPop{from{opacity:0;transform:rotate(13deg) scale(.2)}75%{opacity:1;transform:rotate(-5deg) scale(1.04)}to{transform:rotate(-3deg) scale(1)}}
.certificate-overline{font-weight:900;letter-spacing:.15em;font-size:10px}.certificate-mark{font-size:54px;color:var(--yellow);text-shadow:2px 2px 0 var(--navy)}.certificate-paper h3{font:900 clamp(29px,4.3vw,69px)/.96 Outfit,Arial,sans-serif;letter-spacing:-.065em;margin:8px 0 12px}.certificate-paper p{font:700 clamp(14px,1.3vw,19px)/1.4 'DM Sans',sans-serif}.certificate-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;width:100%;border-top:3px solid var(--navy);padding-top:17px;margin-top:14px;font-weight:900;font-size:10px}.certificate-footer b{font-size:15px}.certificate-cat{height:46%;position:absolute;right:0;bottom:-8%;transform:rotate(14deg);filter:drop-shadow(6px 6px 0 #0b1c3330);animation:celebrateHop 2s infinite}
.exp-bottom{z-index:8;position:relative;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,90px) 52px;pointer-events:none}
.exp-copy,.exp-nav{pointer-events:auto}.exp-copy{max-width:min(56vw,800px)}.exp-tag{font-size:11px;font-weight:900;letter-spacing:.14em;display:block;margin-bottom:10px}.exp-copy h2{font:900 clamp(48px,6vw,112px)/.88 Outfit,sans-serif;letter-spacing:-.07em;margin:0 0 13px}.exp-copy p{font-size:clamp(15px,1.5vw,22px);font-weight:700;line-height:1.35;max-width:550px;margin:0}
.exp-nav{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:250px}.exp-next,.exp-download{background:var(--navy);border:3px solid var(--navy);border-radius:100px;color:white;padding:18px 24px;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:22px;transition:transform .2s,background .2s}.exp-next:hover,.exp-download:hover{transform:translateY(-5px);background:#263e60}.exp-next span{font-size:21px}.exp-text-btn{border:0;background:transparent;color:inherit;font-size:10px;font-weight:900;letter-spacing:.12em;align-self:center;padding:12px}
.excuse-experience[data-active="depois"] .exp-next{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}
.exp-seen{position:absolute;bottom:10px;left:clamp(20px,5vw,90px);z-index:10;display:flex;gap:9px}.exp-seen span{width:22px;height:7px;background:#0b1c3340;border-radius:99px;transition:background .3s}.exp-seen span.seen{background:var(--navy)}.excuse-experience[data-active="depois"] .exp-seen span.seen{background:var(--yellow)}
.exp-esc-hint{position:absolute;bottom:13px;right:clamp(20px,5vw,90px);font-size:9px;font-weight:900;opacity:.6;letter-spacing:.1em;z-index:10}
/* THE AMBITIOUSLY MODEST MISSION */
.mission{height:240vh;min-height:1560px;background:#071527;color:white;position:relative;isolation:isolate}
.mission-scroll-zone{height:100%;position:relative}
.mission-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 66%,#193A60 0%,#0B1C33 42%,#050E1B 100%);isolation:isolate}
.mission-stars{position:absolute;inset:0;opacity:.88;background-image:radial-gradient(1px 1px at 15% 20%,white 98%,transparent 100%),radial-gradient(2px 2px at 84% 36%,#9dc3f6 98%,transparent 100%),radial-gradient(2px 2px at 66% 13%,#fff 98%,transparent 100%),radial-gradient(1px 1px at 23% 77%,#b2d8ff 98%,transparent 100%),radial-gradient(2px 2px at 90% 80%,white 98%,transparent 100%),radial-gradient(1px 1px at 42% 8%,#fff 98%,transparent 100%);background-size:270px 220px;animation:starsDrift 45s linear infinite}
@keyframes starsDrift{to{background-position:270px 130px}}
.mission-intro{position:absolute;z-index:7;top:14%;left:clamp(22px,5.4vw,88px);width:min(44vw,720px);opacity:clamp(0,calc(1 - var(--mission-progress, 0) * 4.4),1);transform:translateY(calc(var(--mission-progress,0) * -42px));pointer-events:none}
.mission-number,.mission-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--yellow)}
.mission-intro p{font:900 clamp(38px,5.3vw,82px)/.93 Outfit,sans-serif;letter-spacing:-.075em;margin:18px 0 8px;text-wrap:balance}
.mission-intro .mission-tease{font:700 clamp(16px,1.6vw,24px)/1.42 'DM Sans',sans-serif;letter-spacing:0;max-width:430px;color:#BCD1EC;margin-top:20px}
.mission-tease em{color:#FEC931;font-style:normal}
.universe{position:absolute;z-index:2;left:50%;top:52%;width:clamp(300px,34vw,560px);height:clamp(300px,34vw,560px);transform:translate(-50%,-50%) translateY(calc(var(--mission-progress,0) * -42px)) scale(calc(1.2 - var(--mission-progress, 0) * .18));transition:none;will-change:transform}
.universe-glow{position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,#3279BF66,transparent 66%);filter:blur(34px)}
.earth-button{position:absolute;inset:6%;z-index:4;background:none;border:0;border-radius:50%;padding:0;cursor:pointer;filter:drop-shadow(0 14px 42px #1d75c87a);transition:filter .2s;overflow:visible}
.earth-button:focus-visible{outline:4px dashed var(--yellow);outline-offset:7px}
.earth-button:hover{filter:drop-shadow(0 0 36px #FEC93188)}
.earth-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(8px 18px 14px #0005);animation:earthBreath 8s ease-in-out infinite}
.earth-light{position:absolute;inset:7%;z-index:3;border-radius:50%;background:linear-gradient(112deg,transparent 50%,#0510218f 96%);pointer-events:none}
@keyframes earthBreath{50%{filter:drop-shadow(5px 9px 16px #83ceff80);transform:scale(1.015)}}
.earth-check{position:absolute;z-index:10;left:50%;top:31%;border:5px solid var(--navy);background:var(--yellow);color:var(--navy);font:900 70px/1 Outfit,Arial,sans-serif;border-radius:50%;width:116px;height:116px;display:grid;place-items:center;opacity:0;transform:scale(.2) rotate(-35deg);pointer-events:none}
.earth-button.marked .earth-check{animation:earthMarked .9s cubic-bezier(.16,.86,.32,1.25) both}
@keyframes earthMarked{0%{opacity:0;transform:scale(.2) rotate(-35deg)}60%{opacity:1;transform:scale(1.5) rotate(11deg)}100%{opacity:1;transform:scale(1) rotate(-8deg)}}
.orbit-line{position:absolute;inset:-10%;border:2px dashed #9ed1ff55;border-radius:50%;transform:rotate(-24deg) scaleY(.42);pointer-events:none;opacity:clamp(.08,calc((var(--mission-progress,0) - .18) * 1.8),.34)}
.orbit-line-2{inset:-22%;transform:rotate(41deg) scaleY(.48);opacity:clamp(.04,calc((var(--mission-progress,0) - .34) * 1.3),.2)}
.orbit-note{position:absolute;z-index:5;background:var(--cream);color:var(--navy);padding:11px 14px;border-radius:100px;font-weight:900;font-size:clamp(9px,1vw,12px);box-shadow:4px 5px 0 #061427;border:2px solid var(--navy);animation:orbitFloat 5s ease-in-out infinite;white-space:nowrap;opacity:clamp(0,calc((var(--mission-progress,0) - .7) * 4.4),1)}
.orbit-note b{color:#2875CB;margin-left:7px}
.note-one{top:12%;right:-7%;transform:rotate(9deg)}
.note-two{top:66%;left:-18%;animation-delay:-2s}
.note-three{display:none}
@keyframes orbitFloat{50%{translate:0 -12px}}
.mission-cat{position:absolute;z-index:8;width:31%;left:34.5%;bottom:62%;object-fit:contain;filter:drop-shadow(8px 10px 0 #0005);transform:translateY(calc(var(--mission-progress,0) * -14px)) scale(calc(1.02 - var(--mission-progress, 0) * .04)) rotate(calc(var(--mission-progress,0) * -3deg));transform-origin:center bottom;pointer-events:none;animation:catInOrbit 3s ease-in-out infinite}
@keyframes catInOrbit{50%{translate:0 -8px}}
.mission-claim{position:absolute;z-index:6;left:50%;bottom:10%;width:min(92vw,1160px);text-align:center;opacity:clamp(0,calc((var(--mission-progress,0) - .5) * 2.15),1);transform:translateX(-50%) translateY(calc((1 - var(--mission-progress,0)) * 46px));pointer-events:none}
.mission-claim::before{content:"";position:absolute;inset:-22px -18px -18px;border-radius:32px;background:linear-gradient(180deg,#06102100 0%,#0610216b 20%,#061021b8 58%,#061021e8 100%);filter:blur(6px);z-index:-1}
.mission-claim.is-interactive{pointer-events:auto}
.mission-claim h2{font:900 clamp(40px,5.6vw,86px)/.9 Outfit,sans-serif;letter-spacing:-.07em;max-width:1120px;margin:14px auto 12px;text-wrap:balance}
.mission-claim h2 span{color:var(--yellow)}
.mission-claim .mission-period{color:var(--yellow)}
.mission-claim p{font:700 clamp(16px,1.45vw,23px)/1.4 'DM Sans',sans-serif;color:#D2E0F0;margin:0}
.mission-feedback{display:block;min-height:24px;color:var(--yellow);font-size:11px;font-weight:800;margin-top:16px}
.mission-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;border:1px solid #9bb0c3;border-radius:100px;padding:16px 28px;font-size:11px;letter-spacing:.08em;font-weight:900;background:#ffffff14;backdrop-filter:blur(6px)}
.mission-link:hover{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.mission-disclaimer{position:absolute;bottom:14px;left:20px;font-size:10px;opacity:.55;z-index:5}
/* Responsivity */
@media(max-width:940px){.exp-logo small{display:none}.monday-cat{left:-3%;bottom:-19%}.exp-stamp{right:3%;top:40%;font-size:clamp(36px,7vw,65px)}.cal-sheet{top:14%}.mission-intro{width:min(56vw,580px)}.mission-claim h2{font-size:clamp(38px,6vw,72px)}}
@media(max-width:760px){.topbar nav{display:none}.excuse-experience{grid-template-rows:auto 1fr auto}.exp-top{padding:17px 18px}.exp-logo{font-size:25px}.exp-icon-button,.exp-close{font-size:10px;padding:10px 12px}.exp-close span{margin-left:5px}.exp-canvas{min-height:290px}.exp-bottom{display:block;padding:0 19px 44px}.exp-copy{max-width:100%}.exp-tag{font-size:9px}.exp-copy h2{font-size:clamp(38px,12vw,74px);margin-bottom:9px}.exp-copy p{font-size:15px;line-height:1.35}.exp-nav{margin-top:19px;gap:2px;min-width:0}.exp-next,.exp-download{width:100%;padding:14px 17px;font-size:12px}.exp-text-btn{padding:10px}.exp-seen{left:20px;bottom:13px}.exp-esc-hint{display:none}.cal-sheet{width:100px;height:122px;top:8%;border-width:3px;border-radius:8px}.cal-sheet b{font-size:17px;padding:5px}.cal-sheet strong{font-size:65px;padding-top:3px}.cal-1{--tx:-155%;--ty:-5%}.cal-2{--tx:-40%;--ty:-45%}.cal-3{--tx:62%;--ty:-18%}.cal-4{--tx:142%;--ty:39%}.cal-5{--tx:100%;--ty:110%}.cal-6{--tx:-125%;--ty:115%}.cal-7{--tx:-1%;--ty:130%}.monday-cat{height:64%;width:55%;left:-10%;bottom:-6%}.monday-lever{left:25%;bottom:0;transform:scale(.55)}.exp-stamp{right:4%;top:49%;font-size:clamp(32px,9.2vw,75px);border-width:5px;padding:10px 9px;max-width:70%;text-align:center}.rain-cloud{width:220px;height:74px;left:40%;top:6%}.rain-cloud span:nth-child(1){width:95px;height:95px;left:15px}.rain-cloud span:nth-child(2){width:110px;height:110px;left:76px}.rain-cloud span:nth-child(3){width:85px;height:85px;right:-15px}.cloud-b{left:-20%;top:22%}.rain-cat{height:68%;width:65%;right:-4%;bottom:-7%}.umbrella-prop{right:8%;top:4%;width:43%}.rain-caption{left:5%;top:25%;font-size:clamp(40px,11vw,70px)}.later-circle{width:380px;height:380px;top:4%;right:-25%}.clock-art{right:5%;top:9%;width:130px;border-width:9px}.later-loading{left:7%;top:23%;width:87%}.later-loading-label{font-size:clamp(22px,6vw,37px)}.later-track{height:35px;border-width:3px}.later-barrier{font-size:55px;top:-26px}.later-loading>strong{font-size:clamp(93px,23vw,150px)}.later-loading>span{font-size:30px}.later-cat{right:-5%;bottom:-12%;height:52%;width:57%}.certificate-paper{height:80%;width:88%;padding:22px;box-shadow:9px 11px 0 #0b1c3340;border-width:5px}.certificate-overline{font-size:7px}.certificate-mark{font-size:28px}.certificate-paper h3{font-size:clamp(24px,7.4vw,43px)}.certificate-paper p{font-size:12px}.certificate-footer{font-size:7px;gap:7px}.certificate-footer b{font-size:10px}.certificate-cat{height:28%;right:-9%;bottom:-2%}
.mission{height:225vh;min-height:1450px}.mission-stage{min-height:580px}.mission-intro{left:24px;top:11%;width:min(82vw,540px)}.mission-number{font-size:10px}.mission-intro p{font-size:clamp(34px,9.2vw,64px);margin:16px 0 12px}.mission-intro .mission-tease{font-size:16px;max-width:330px}.universe{width:min(76vw,390px);height:min(76vw,390px);top:49%}.mission-cat{width:38%;left:31%;bottom:61%}.orbit-note{font-size:8px;padding:7px 9px}.note-one{right:-2%;top:9%}.note-two{left:-8%;top:71%}.mission-claim{left:50%;right:auto;bottom:9%;width:min(92vw,680px)}.mission-claim::before{inset:-14px -10px -12px}.mission-claim h2{font-size:clamp(34px,9vw,62px);line-height:.92}.mission-claim p{font-size:15px}.mission-feedback{font-size:9px;margin-top:10px}.mission-link{font-size:10px;margin-top:13px;padding:12px 20px}.mission-disclaimer{font-size:8px;left:15px;bottom:7px}
}
@media(max-width:400px){.exp-canvas{min-height:240px}.exp-copy h2{font-size:39px}.exp-copy p{font-size:14px}.monday-cat{height:55%}.mission-intro p{font-size:31px}.mission-claim h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.excuse-experience,.exp-scene,.calendar-flight *, .monday-cat,.exp-stamp,.rain-drop,.rain-cat,.rain-cloud,.umbrella-prop,.later-fill,.later-cat,.certificate-paper,.certificate-cat,.mission-stars,.earth-image,.mission-cat,.orbit-note{animation:none!important;transition:none!important}.cal-sheet{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(var(--r))}.exp-stamp{opacity:1}.later-fill{width:99%}.mission-intro,.mission-claim{opacity:1;transform:none}.earth-button.marked .earth-check{opacity:1;transform:scale(1)}}
/* Final polish: make typography deterministic in offline preview; align umbrella with mascot. */
.exp-rain .umbrella-prop{top:9%;right:8%;width:min(27%,345px)}
@media(max-width:760px){
  .exp-rain .umbrella-prop{top:19%;right:6%;width:43%}
  .later-loading-label{max-width:245px;font-size:clamp(19px,5.3vw,29px)}
  .mission .universe{transform:translate(-50%,-50%) translateY(calc(var(--mission-progress,0) * -16px)) scale(calc(1.12 - var(--mission-progress,0) * .1))}
}