/* All visual rules are scoped to the optional Schorle-Mission. No external fonts or assets. */
.og-invitation{--og-cream:#f1f3e7;--og-green:#d7e3b2;position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;overflow:hidden;margin:60px auto;padding:clamp(28px,5vw,64px);width:min(1180px,calc(100% - 12vw));border:1px solid #d4e4ce38;border-radius:32px;background:radial-gradient(ellipse at 85% 30%,#9bb9a329,transparent 60%),linear-gradient(130deg,#153139,#0d252b);color:var(--og-cream);box-shadow:inset 0 1px 0 #ffffff24,0 24px 60px #0e242a14;font-family:var(--body,Manrope,Arial,sans-serif)}
.og-invitation::before{content:"";position:absolute;inset:12px;border:1px solid #eff5df0c;border-radius:23px;pointer-events:none}
.og-invitation-copy{position:relative;z-index:2;max-width:570px}
.og-eyebrow{font:600 10px/1.5 var(--body,Manrope,Arial,sans-serif);letter-spacing:1.8px;text-transform:uppercase;color:#c3d5ba;margin:0 0 18px}
.og-invitation h2{font:500 clamp(30px,4vw,48px)/1.12 var(--heading,Sora,Arial,sans-serif);letter-spacing:-1.8px;color:inherit;margin:0 0 20px}
.og-invitation h2 em{font-family:Georgia,serif;font-weight:400;color:var(--og-green)}
.og-invitation-copy>p:not(.og-eyebrow){max-width:470px;font-size:14px;line-height:1.8;color:#c8d4ce;margin:0 0 24px}
.og-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 23px;border:1px solid transparent;border-radius:100px;font:650 13px/1.45 var(--body,Manrope,Arial,sans-serif);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .18s,box-shadow .18s;touch-action:manipulation}
.og-button-primary{background:#d7e3b2;color:#162e31;box-shadow:inset 0 1px 0 #fff8,0 8px 24px #0002}
.og-button-primary:hover{background:#e5eecb;box-shadow:inset 0 1px 0 #fff9,0 9px 30px #0003}
.og-button-primary:disabled{opacity:.7;cursor:wait}
.og-button-primary span{font-size:20px;line-height:1}
.og-invitation-copy>.og-invitation-note{font-size:10px!important;color:#b7c6bd!important;margin:13px 0 0!important}
.og-invitation-copy>.og-load-status{font-size:12px!important;color:#dce8c9!important;margin:8px 0 0!important;min-height:0}
.og-invitation-art{position:relative;justify-self:center;width:min(100%,330px);aspect-ratio:1;transform:perspective(600px) rotateX(38deg) rotateZ(-25deg);transform-style:preserve-3d;pointer-events:none}
.og-invitation-art i{position:absolute;inset:3%;border:12px solid #d3e5cc0e;border-radius:50%;box-shadow:inset 0 1px 1px #fff9,inset 0 -3px 8px #eef6d54d,0 1px 0 #fff8,0 17px 18px #0003,0 0 1px 1px #d7e3b238}
.og-invitation-art i:nth-child(2){inset:21%;transform:translateZ(16px)}
.og-invitation-art i:nth-child(3){inset:38%;transform:translateZ(32px)}
.og-invitation-art i::before{content:"";position:absolute;top:-15px;left:50%;width:12px;height:12px;border-radius:50%;background:#e4edc8;box-shadow:0 0 20px #d7e3b294,inset 0 2px 3px #fff}
.og-invitation-art i:nth-child(2)::before{background:#e8b7b2;transform:rotate(80deg);transform-origin:0 70px}
.og-invitation-art i:nth-child(3)::before{background:#e4ceb0;transform:rotate(-80deg);transform-origin:0 18px}
.og-invitation-art>span{position:absolute;left:49%;top:44%;font-size:37px;font-weight:400;color:#eef3db;transform:translate(-50%,-50%) translateZ(45px)}

.og-dialog{box-sizing:border-box;width:min(980px,calc(100vw - 24px));max-width:980px;max-height:calc(100svh - 24px);padding:32px 34px 22px;border:1px solid #d5e7cf55;border-radius:30px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:radial-gradient(ellipse at 12% 55%,#6a96813b,transparent 55%),linear-gradient(135deg,#17353bf5,#0b2228fc);color:#f1f3e7;font-family:var(--body,Manrope,Arial,sans-serif);box-shadow:inset 0 1px 0 #fff3,0 30px 100px #03151c80;backdrop-filter:blur(20px)}
.og-dialog::backdrop{background:#061c24a8;backdrop-filter:blur(7px)}
.og-dialog *,.og-invitation *{box-sizing:border-box}
.og-dialog [hidden]{display:none!important}
.og-dialog button,.og-invitation button{font-family:var(--body,Manrope,Arial,sans-serif)}
.og-dialog button:focus-visible,.og-dialog a:focus-visible,.og-invitation button:focus-visible{outline:3px solid #f0c889;outline-offset:4px}
.og-dialog [tabindex="-1"]:focus{outline:none}
.og-close{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #d7e9d133;border-radius:50%;background:#eff6df0b;color:#eff3e6;font-size:29px;line-height:1;font-weight:300;cursor:pointer;touch-action:manipulation}
.og-close:hover{background:#eff6df1a}
.og-dialog-header{padding-right:30px}
.og-dialog .og-eyebrow{margin:0 0 9px;font-size:9px;color:#c3d5ba}
.og-dialog h2{font:500 clamp(26px,4vw,36px)/1.15 var(--heading,Sora,Arial,sans-serif);letter-spacing:-1.2px;margin:0 0 12px;color:#f1f3e7}
.og-dialog p{margin:0}
.og-dialog .og-dialog-header>p:not(.og-eyebrow){font-size:13px;line-height:1.7;color:#c5d3cc;max-width:700px;margin:0}
.og-mission-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;color:#9cb3aa}
.og-mission-progress li{position:relative;display:flex;align-items:center;gap:9px;padding-top:12px;border-top:1px solid #c6ddc52b;font-size:11px;line-height:1.45}
.og-mission-progress b{font-weight:500}
.og-planet-dot{flex:none;display:grid;place-items:center;width:25px;height:25px;border:1px solid #e4edd74a;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ffffff9c,var(--planet-color) 30%,#143038 100%);color:#10272e;font-size:11px;font-weight:700;box-shadow:inset -3px -3px 8px #001c296e,0 3px 10px #00171c33;opacity:.5}
.og-mission-progress [aria-current="step"]{color:#f1f4df;border-color:#d7e3b2a6}
.og-mission-progress [aria-current="step"] .og-planet-dot{opacity:1;box-shadow:0 0 0 4px #e4edcf12,0 0 18px #d7e3b229}
.og-mission-progress .og-is-done{color:#c5dab8;border-color:#c5dab8}
.og-mission-progress .og-is-done .og-planet-dot{opacity:1;font-size:0}
.og-mission-progress .og-is-done .og-planet-dot::after{content:"";width:5px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(45deg)}
.og-mission-layout{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:30px;align-items:center;padding-top:28px}
.og-mission-visual{position:relative;display:grid;place-items:center;isolation:isolate;width:100%;aspect-ratio:1;min-width:0}
.og-mission-visual::before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,#b7d3b324,transparent 65%)}
.og-mission-track{position:absolute;inset:12%;border:1px solid #e7eed441;border-radius:50%;box-shadow:inset 0 1px 0 #fff2,0 1px 0 #fff1;transform:rotate(-30deg) scaleY(.43)}
.og-track-two{inset:3%;transform:rotate(47deg) scaleY(.53);border-color:#c6ddcb24}
.og-mission-planet{--planet-color:#b8d490;position:relative;display:grid;place-items:center;width:52%;aspect-ratio:1;border:1px solid #e8f0dc59;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 27% 20%,#fff7 0%,transparent 29%),radial-gradient(circle at 34% 28%,var(--planet-color) 0%,#31534d 65%,#112c34 100%);box-shadow:inset 7px 7px 18px #d5f2dc1a,inset -18px -18px 29px #061b278c,0 20px 40px #001b265c,0 0 40px #e0ecc510;transition:background-color .3s}
.og-mission-planet::after{content:"";position:absolute;inset:-10%;border:18px solid #ffffff0b;border-radius:50%;transform:rotate(-40deg) scaleY(.45);pointer-events:none}
.og-mission-planet>span{position:relative;z-index:1;font:400 clamp(37px,5vw,63px)/1 var(--heading,Sora,Arial,sans-serif);letter-spacing:-4px;color:#f7fae9d9;text-shadow:0 2px 15px #0e2b3d54}
.og-mission-satellite{position:absolute;right:12%;top:24%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#fff1dd,#dabda8 40%,#415654);box-shadow:0 3px 8px #06282f5c}
.og-dialog .og-mission-coordinate{position:absolute;bottom:1%;text-align:center;font-size:9px;letter-spacing:2px;color:#a9c3b5}
.og-mission-console{min-width:0}
.og-dialog .og-level-number{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#baceac;margin:0 0 9px}
.og-dialog .og-mission-console h3{font:500 clamp(21px,3vw,25px)/1.3 var(--heading,Sora,Arial,sans-serif);color:#f0f3e7;margin:0 0 18px;letter-spacing:-.6px}
.og-answer-list{display:grid;gap:9px}
.og-answer{display:flex;align-items:center;gap:13px;width:100%;min-height:59px;padding:13px 16px;text-align:left;border:1px solid #ddeed02e;border-radius:16px;background:linear-gradient(120deg,#f3f9e60e,#ebf3e604);box-shadow:inset 0 1px 0 #fff1;color:#e8eee3;font-size:13px;line-height:1.5;cursor:pointer;touch-action:manipulation;transition:border-color .18s,background .18s}
.og-answer:not(:disabled):hover{border-color:#d9e9c67a;background:#e8f0d516}
.og-answer-letter{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;border:1px solid #dce9d138;color:#ccdbc6;font-size:10px;font-weight:600}
.og-answer:disabled{cursor:default;opacity:.62}
.og-answer[data-answer-state="correct"]{opacity:1;border-color:#d7e3b2a3;background:#bfd59b1b}
.og-answer[data-answer-state="correct"] .og-answer-letter{background:#d7e3b2;color:#173238;border-color:#d7e3b2}
.og-answer[data-answer-state="incorrect"]{border-color:#e1b49d8a;background:#dcb0990c}
.og-answer[data-answer-state="incorrect"] .og-answer-letter{color:#f2c9b1;border-color:#e1b49d8a}
.og-answer-feedback{margin-top:17px;padding:15px 17px;border:1px solid #d9c1a92b;border-radius:16px;background:#f0d6b109}
.og-answer-feedback.og-answer-correct{border-color:#c8dcae2e;background:#d6e9c208}
.og-answer-feedback h4{margin:0 0 6px;color:#e9ead8;font-size:12px;line-height:1.55;font-weight:650}
.og-dialog .og-answer-feedback p{font-size:12px;line-height:1.75;color:#d0ddce}
.og-dialog .og-answer-feedback .og-answer-help{font-size:11px;color:#ebcdb0;margin-top:7px}
.og-answer-help:empty{display:none}
.og-next{width:100%;margin-top:14px}
.og-dialog .og-mission-keyboard{font-size:9px;line-height:1.6;color:#a1b6a9;margin-top:12px}
.og-dialog .og-mission-incentive{font-size:11px;line-height:1.7;color:#d6e2c5;margin-top:24px;padding-top:17px;border-top:1px solid #dce8d214;text-align:center}
.og-dialog .og-dialog-note{font-size:10px;line-height:1.7;color:#aabeb1;margin:9px auto 0;text-align:center;max-width:750px}
.og-dialog-note a{color:inherit;text-underline-offset:3px}
.og-finish{text-align:center;max-width:590px;margin:24px auto;padding:6px 0 12px}
.og-finish-mark{display:grid;place-items:center;margin:0 auto 18px;width:85px;height:85px;border:1px solid #d8e6c15c;border-radius:50%;background:radial-gradient(circle at 25% 25%,#d7e3b23b,#d7e3b206 65%,#d7e3b230);color:#e3edbf;font:56px/1 Georgia,serif;box-shadow:inset 0 2px 6px #eff4d033,0 16px 40px #001c2626}
.og-dialog .og-finish h3{font:500 clamp(26px,4vw,35px)/1.25 var(--heading,Sora,Arial,sans-serif);letter-spacing:-1px;margin:0 0 14px;color:#f1f3e7}
.og-dialog .og-finish>p:not(.og-eyebrow){font-size:13px;line-height:1.8;color:#c8d7c9;max-width:490px;margin:0 auto}
.og-takeaways{list-style:none;display:grid;gap:9px;padding:17px 20px;margin:20px 0;text-align:left;border:1px solid #d3e4c829;border-radius:18px;background:#f4f7e608;color:#d2dfcc;font-size:12px;line-height:1.6}
.og-takeaways li{padding-left:18px;position:relative}
.og-takeaways li::before{content:"";position:absolute;left:2px;top:4px;width:5px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);color:#d7e3b2}
.og-mission-reward{padding:18px;border:1px solid #d5e5b94d;border-radius:18px;background:#d6e5b60a;margin-top:18px}
.og-mission-reward h4{font:500 21px/1.3 var(--heading,Sora,Arial,sans-serif);margin:0 0 10px;color:#eef2dd}
.og-dialog .og-mission-reward p{font-size:12px;line-height:1.8;margin-bottom:12px;color:#d4e0cd}
.og-mission-reward strong{display:inline-block;overflow-wrap:anywhere;font-size:15px;color:#edf2d8}
.og-reward-note{max-width:72ch;font-size:11px!important;line-height:1.7!important;color:#dce9e1!important}
.og-dialog .og-preview-note{font-size:12px!important;line-height:1.75!important}
.og-finish-actions{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:22px}
.og-text-button{min-height:44px;padding:8px 2px;border:0;background:transparent;color:#cad9c2;text-decoration:underline;text-decoration-color:#cad9c24d;text-underline-offset:4px;font-size:12px;line-height:1.5;cursor:pointer;touch-action:manipulation}
.og-text-button:hover{color:#f1f5e2;text-decoration-color:currentColor}
.og-reward-note a,.og-invitation-note a{color:inherit;text-underline-offset:3px}
.og-reward-note a:focus-visible,.og-invitation-note a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html.og-modal-open{overflow:hidden}
@media(max-width:680px){
.og-invitation{grid-template-columns:1fr;gap:4px;padding:28px 25px;margin:38px auto;width:calc(100% - 12vw);border-radius:24px}
.og-invitation-copy>p:not(.og-eyebrow){font-size:13px}
.og-invitation-art{width:210px;justify-self:end;margin-top:-15px;margin-bottom:-24px;opacity:.85}
.og-dialog{padding:26px 20px 18px;border-radius:24px;width:calc(100vw - 18px);max-height:calc(100svh - 18px)}
.og-dialog-header{padding-right:0}
.og-close{right:10px;top:10px;width:44px;height:44px}
.og-dialog .og-eyebrow{font-size:8px;letter-spacing:1.2px;padding-right:30px}
.og-dialog h2{font-size:28px;letter-spacing:-1px;padding-right:30px}
.og-dialog .og-dialog-header>p:not(.og-eyebrow){font-size:12px;line-height:1.7}
.og-mission-progress{gap:7px;margin-top:20px}
.og-mission-progress li{flex-direction:column;gap:6px;align-items:center;padding-top:9px;font-size:9px}
.og-planet-dot{width:24px;height:24px;font-size:10px}
.og-mission-layout{grid-template-columns:1fr;gap:8px;padding-top:14px}
.og-mission-visual{width:150px;height:93px;aspect-ratio:auto;justify-self:center;overflow:hidden}
.og-mission-planet{width:73px}
.og-mission-planet>span{font-size:30px;letter-spacing:-2px}
.og-mission-track{inset:3% 2%;transform:rotate(-25deg) scaleY(.44)}
.og-track-two{inset:0;transform:rotate(35deg) scaleY(.6)}
.og-mission-satellite{right:10%;top:15%;width:9px;height:9px}
.og-mission-coordinate{display:none}
.og-dialog .og-level-number{font-size:9px;margin-bottom:8px}
.og-dialog .og-mission-console h3{font-size:21px;margin-bottom:14px}
.og-answer{min-height:59px;padding:12px 13px;font-size:13px;gap:10px;border-radius:14px}
.og-answer-feedback{padding:13px 14px}
.og-next{font-size:12px;gap:12px}
.og-dialog .og-mission-keyboard{display:none}
.og-dialog .og-mission-incentive{font-size:10px;margin-top:20px;padding-top:15px}
.og-dialog .og-dialog-note{font-size:9px}
.og-finish{margin-top:18px}
.og-finish-mark{width:70px;height:70px;font-size:48px}
.og-takeaways{padding:15px;font-size:11px}
}
@media(max-width:350px){.og-invitation{padding:26px 20px;width:calc(100% - 24px)}.og-dialog{padding:25px 14px 16px}.og-dialog h2{font-size:25px}.og-mission-progress{gap:4px}.og-mission-progress li{font-size:8px}.og-dialog .og-mission-console h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.og-dialog *,.og-invitation *{transition:none!important;animation:none!important}}
.paused .og-dialog *,.paused .og-invitation *{transition:none!important;animation:none!important}
