/* One invitation, with the illustration and Byeolha doing the storytelling. */
.origin-entry11>.dialog-header>div,.origin-entry11 .mission-top,.origin-entry11 .mission-footer{display:none}
.origin-entry11>.dialog-header{position:absolute;right:12px;top:12px;z-index:12;border:0;padding:0}
.origin-entry11 .dialog-close{background:#fff5dbe6;color:#264c41;box-shadow:0 2px 12px #152f3130}
.origin-entry11>.dialog-body{padding:0}
.origin-entry11 .origin-adventure,.origin-entry11 .mission-cinema{border:0;border-radius:20px;margin:0}
.origin-entry11 .origin-prologue{min-height:0;aspect-ratio:16/9;display:flex;align-items:end;justify-content:center}
.origin-entry11 .prologue-shade{background:linear-gradient(0deg,#0b282bbf,transparent 65%)}
.origin-invite11{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:30px 20px;gap:15px}
.origin-invite11 .origin-hero{width:auto;height:clamp(180px,42vh,355px);filter:drop-shadow(0 14px 16px #0b252f80)}
.origin-invite11 .gold-button{font-size:19px;min-height:58px;padding:16px 30px;box-shadow:0 5px 22px #0c282b55}
.hold-retry11{position:absolute;z-index:5;left:50%;top:45%;transform:translate(-50%,-50%);background:#f5dc9c;color:#183f36;padding:18px;border-radius:15px}
/* Hanyang clips use the original cinema sizing and contain fit from v5.css. */
#dialog:has(.landmarks11 .mission-cinema) .mission-top,#dialog:has(.landmarks11 .mission-cinema) .mission-footer{display:none}
#dialog:has(.landmarks11 .mission-cinema) .dialog-body{padding:12px 20px}
#dialog:has(.landmarks11 .mission-cinema) .dialog-header{padding:12px 24px}
#dialog:has(.landmarks11 .mission-cinema) .dialog-header .eyebrow{display:none}
#dialog:has(.landmarks11 .mission-cinema) .dialog-header h2{margin:0}
.landmarks11 .link-art{width:100%;flex:0 0 auto;height:auto;aspect-ratio:1;max-height:none}
.landmarks11 .link-column:last-child .link-node{display:grid;grid-template-columns:minmax(100px,160px) 1fr;align-items:center;gap:18px}

/* Light once, gently; never an ongoing strobe. */
.learning-flash11{position:fixed;inset:0;pointer-events:none;background:#fff4d0;z-index:100;opacity:0;animation:learning-light11 .8s ease-out both}
@keyframes learning-light11{0%{opacity:0}24%{opacity:.2}100%{opacity:0}}
.chapter-flash.time-travel11{overflow:hidden;background:radial-gradient(ellipse at center,#284b4ee8,#101f36df);color:#fff3c5;animation:time-cross11 1.8s ease both;isolation:isolate}
.time-label11{position:relative;z-index:2;max-width:80vw;padding:25px;font-size:clamp(23px,3.4vw,36px);text-shadow:0 2px 18px #eed39366}
.time-ring11{position:absolute;width:36%;aspect-ratio:1;left:32%;top:50%;border:1px solid #ead69b80;border-radius:50%;box-shadow:0 0 30px #eacf8840,inset 0 0 30px #eacf8830;transform:translateY(-50%);animation:time-ring11 1.8s ease-out both}
.time-ring11.second{border:1px dashed #baddcf90;animation-delay:.15s}
@keyframes time-cross11{0%{opacity:0}16%,70%{opacity:1}100%{opacity:0}}
@keyframes time-ring11{0%{transform:translateY(-50%) scale(.65) rotate(0);opacity:0}22%{opacity:1}100%{transform:translateY(-50%) scale(3.5) rotate(35deg);opacity:0}}
.observatory-scene.sunny11{padding:0;background:#dcebdc;display:grid;grid-template-columns:minmax(0,.85fr) minmax(240px,1.35fr);min-height:0;color:#244b40;overflow:hidden;filter:none;align-items:center}
.observatory-scene.sunny11>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.weather-copy11{padding:24px}
.weather-copy11>span{font-size:13px;font-weight:700;color:#487058}
.weather-copy11 h3{font-size:24px;line-height:1.5;margin:12px 0}
.weather-copy11 p{font-size:16px;line-height:1.7;margin:0}
.order-paper:has(.crop-order11){border:2px solid #bca55c;background:#fff6d9;padding:18px 22px}
.crop-order11{display:flex;align-items:center;justify-content:center;gap:18px;font-size:22px;font-weight:800;margin:16px 0 0!important;color:#244c3f}
.crop-order11>span{display:grid;grid-template-columns:38px 1fr;column-gap:12px;row-gap:4px;align-items:center;background:#fffdf5;border:2px solid #d2c48d;border-radius:14px;padding:12px 20px;flex:1}
.crop-order11 i{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;color:#fff9df;background:#967b40}
.crop-order11 b{font-size:21px}.crop-order11 small{font-size:13px;font-weight:500;color:#60735c}.crop-order11 em{font-style:normal}.crop-order11 .ready{border-color:#5d876a;background:#edf6e8}.crop-order11 .ready i{background:#437054}
.reduce-motion .learning-flash11{display:none}.reduce-motion .time-ring11{display:none}.reduce-motion .time-travel11{animation:none}
@media(prefers-reduced-motion:reduce){.learning-flash11,.time-ring11{display:none}.chapter-flash.time-travel11{animation:none}}
@media(max-width:650px){.origin-entry11 .origin-prologue{aspect-ratio:4/5}.origin-invite11{padding:24px 12px}.origin-invite11 .origin-hero{height:280px}.origin-invite11 .gold-button{font-size:16px}.observatory-scene.sunny11{grid-template-columns:1fr}.weather-copy11{padding:16px}.weather-copy11 h3{font-size:20px;margin:6px 0}.crop-order11{gap:8px}.crop-order11>span{padding:10px 8px;grid-template-columns:24px 1fr;gap:5px}.crop-order11 i{width:24px;height:24px;font-size:15px}.crop-order11 b{font-size:15px}.crop-order11 small{font-size:11px}.landmarks11 .link-column:last-child .link-node{display:flex;gap:5px}.landmarks11 .link-art{width:100%;height:auto}}
@media(orientation:landscape) and (max-height:600px){.origin-invite11 .origin-hero{height:210px}.origin-invite11{padding:20px;gap:8px}.origin-invite11 .gold-button{min-height:48px;padding:12px 24px}.weather-copy11{padding:16px}.weather-copy11 h3{font-size:21px}}
