/* Just Imagine V18. Interior pages ONLY. V12 homepage and courtyard are intentionally untouched. */
body.v18-interior{background:#031626!important;color:#f9edd3}
body.v18-interior .nav{display:flex!important;position:relative!important;z-index:30!important;min-height:68px!important;max-height:none!important;align-items:center!important;flex-wrap:nowrap!important;background:linear-gradient(180deg,#031429,#073450)!important;box-shadow:0 3px 18px #0009;border-bottom:2px solid #dfb760!important;padding:3px clamp(12px,3vw,30px)!important;gap:10px!important}
body.v18-interior .wordmark{display:flex!important;align-items:center!important;justify-content:start!important;flex:0 0 auto!important;width:clamp(175px,20vw,285px)!important;max-width:42vw!important;height:65px!important;overflow:visible!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;white-space:nowrap!important;border:0!important;text-shadow:none!important;background:transparent!important}
body.v18-interior .v18-mark{display:block!important;width:100%!important;height:auto!important;max-height:66px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 2px 7px #e5ad3f55)}
body.v18-interior .nav nav{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin-left:auto!important;gap:clamp(8px,1vw,22px)!important;flex-wrap:nowrap!important;min-width:0}
body.v18-interior .nav nav button{font-size:clamp(12px,1.15vw,16px)!important;letter-spacing:0!important;white-space:nowrap!important;padding:9px 8px!important;color:#ffedca!important}
body.v18-interior .nav-action{display:none!important}
body.v18-interior #app{max-width:none!important;width:100%!important;padding:0 0 54px!important;min-height:72vh!important;background-image:linear-gradient(180deg,#031827ef 0%,#041c2be8 25%,#031522d9 75%,#031320ee 100%),var(--v18-backdrop)!important;background-position:center top,center top!important;background-size:cover!important;background-repeat:no-repeat!important;overflow:hidden!important}
body.v18-interior #app>.back,body.v18-interior #app>.section-head,body.v18-interior #app>.maphero{display:none!important}
body.v18-interior .v18-stage{position:relative;isolation:isolate;display:block;width:100%;min-height:clamp(420px,42vw,640px);overflow:hidden;background:#062440;border:0;margin:0}
body.v18-interior .v18-illustration{position:absolute;inset:0;overflow:hidden}
body.v18-interior .v18-illustration img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(1.12) contrast(1.06)}
body.v18-interior .v18-glaze{position:absolute;inset:0;background:linear-gradient(90deg,#021421d9 0%,#04182767 36%,transparent 67%),linear-gradient(180deg,#03131f44 0%,transparent 28%,#031b29e6 100%)}
body.v18-interior .v18-overlay{position:relative;z-index:1;width:100%;height:clamp(420px,42vw,640px);padding:clamp(16px,2.7vw,35px) clamp(18px,6vw,95px);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
body.v18-interior .v18-return{border:1px solid #ffdf92!important;border-radius:999px!important;color:#ffe3a2!important;background:#032238e6!important;padding:11px 18px!important;box-shadow:0 2px 12px #0008;letter-spacing:.01em;font-size:14px!important}
body.v18-interior .v18-heading{max-width:min(560px,92vw);padding:clamp(12px,2.8vw,28px) clamp(14px,2.8vw,30px);margin-bottom:8px;background:linear-gradient(105deg,#031927eb,#02233d99 76%,transparent);border-left:3px solid #ffd67c;box-shadow:0 0 30px #00203088;backdrop-filter:blur(1px)}
body.v18-interior .v18-eyebrow{color:#ffe3a4;font-size:clamp(9px,1vw,12px);letter-spacing:.2em;font-weight:800}
body.v18-interior .v18-heading h1{color:#ffe4a1!important;font:700 clamp(36px,5.1vw,72px)/1.05 Georgia,serif!important;text-shadow:0 3px 10px #00111e;margin:9px 0!important;letter-spacing:-.03em}
body.v18-interior .v18-heading p{color:#f6f4e5!important;font:italic clamp(16px,1.7vw,22px)/1.4 Georgia,serif!important;margin:7px 0 15px!important}
body.v18-interior .v18-open{background:linear-gradient(120deg,#ffe79e,#ddb057)!important;color:#082b3e!important;border:1px solid #fff3b9!important;border-radius:60px!important;padding:12px 22px!important;font-weight:850!important;box-shadow:0 3px 15px #001827aa,0 0 20px #ffd16b44;cursor:pointer}
body.v18-interior .v18-place-marker{max-width:1200px;margin:22px auto 0;padding:10px 20px;display:flex;flex-wrap:wrap;gap:9px 25px;justify-content:space-between;border-top:1px solid #f4c56f88;border-bottom:1px solid #f4c56f88;color:#ffdd8e;background:linear-gradient(90deg,#021521e6,#10617660,#021521e6);font-size:clamp(10px,1.25vw,13px);letter-spacing:.12em;font-weight:700}
body.v18-interior #app> .panel,body.v18-interior #app> .section,body.v18-interior #app> .grid,body.v18-interior #app> .atlas,body.v18-interior #app> .exp-wrap,body.v18-interior #app> .mission,body.v18-interior #app> .museum-head,body.v18-interior #app> .museum-grid,body.v18-interior #app> .passport-grid{max-width:1180px!important;width:calc(100% - 40px)!important;margin:22px auto!important;box-sizing:border-box}
body.v18-interior #app> .panel,body.v18-interior #app .panel,body.v18-interior #app .tile,body.v18-interior #app .mission,body.v18-interior #app .exp-scene,body.v18-interior #app .exhibit,body.v18-interior #app .result,body.v18-interior #app .museum-head{background:linear-gradient(110deg,#041d2de8,#063c4bdf 63%,#032333ed)!important;border:1px solid #edc878a8!important;box-shadow:0 14px 40px #0007,inset 0 1px #ffffe511!important;border-radius:18px!important;color:#e9f3f2!important;overflow:hidden}
body.v18-interior #app .panel,body.v18-interior #app .exp-scene,body.v18-interior #app .result{padding:clamp(18px,3vw,38px)!important}
body.v18-interior #app .v18-primary-activity{scroll-margin-top:20px}
body.v18-interior #app .v18-primary-activity:is(.panel,.exp-wrap,.mission,.atlas,.grid){position:relative;border-top:3px solid #ffd16e!important}
body.v18-interior #app h2,body.v18-interior #app h3{font-family:Georgia,serif!important;color:#ffe2a0!important;text-shadow:0 3px 12px #0008}
body.v18-interior #app p{line-height:1.58;color:#dcf0f0}
body.v18-interior #app .eyebrow,body.v18-interior #app .chip{color:#f9d78c!important}
body.v18-interior #app button.primary,body.v18-interior #app .primary{background:linear-gradient(105deg,#ffe7a3,#e8b55d)!important;color:#052436!important;border-radius:45px!important;border:1px solid #fff0ba!important;box-shadow:0 0 15px #dca44445;font-weight:800!important}
body.v18-interior #app button.secondary,body.v18-interior #app .secondary,body.v18-interior #app .choice,body.v18-interior #app .exp-option{border:1px solid #edc471!important;border-radius:19px!important;background:linear-gradient(105deg,#06354fe8,#06525be8)!important;color:#ffe2a8!important;font-weight:700;box-shadow:0 4px 14px #00111b66}
body.v18-interior #app button:is(.primary,.secondary,.choice,.exp-option):hover{filter:brightness(1.12);transform:translateY(-1px)}
body.v18-interior #app select,body.v18-interior #app input,body.v18-interior #app textarea{background:#062a42!important;color:#f7ead1!important;border:1px solid #edc77b!important;box-shadow:inset 0 2px 7px #021019;color-scheme:dark;min-height:48px;border-radius:12px}
body.v18-interior #app label{color:#ffe3b4!important}
body.v18-interior #app .v18-graphic{font-size:0!important;line-height:0!important;color:transparent!important;display:block!important;min-height:180px!important;height:180px!important;width:100%;background-image:linear-gradient(0deg,#041c2b,transparent 70%),var(--v18-graphic)!important;background-size:cover!important;background-position:center!important;border-radius:14px;border:1px solid #d4b36f66;margin:0 0 20px!important}
body.v18-interior #app .exp-illustration.v18-graphic{height:210px!important;min-height:210px!important;margin:0 0 16px!important}
body.v18-interior #app .tile{padding:0 18px 22px!important;display:flex;flex-direction:column;gap:5px}
body.v18-interior #app .v18-card-art{height:clamp(130px,14vw,210px);margin:0 -18px 13px;background-size:cover;background-position:center;border-bottom:2px solid #e5c378}
body.v18-interior #app .tile .emoji.v18-graphic{display:none!important}
body.v18-interior #app .tile p{flex:1}
body.v18-interior #app .exp-wrap{margin-top:20px!important;background:linear-gradient(130deg,#062a3caa,#071c2b77);border-radius:20px!important;overflow:hidden}
body.v18-interior #app .exp-scene{position:relative;max-width:none!important;margin:0!important;background-image:linear-gradient(90deg,#031c2bf5,#04233dc4),url('assets/v18-expedition.webp')!important;background-size:cover!important;background-position:50% 47%!important;border:1px solid #f3c979!important;min-height:350px}
body.v18-interior #app .exp-progress{padding:15px 22px 9px;color:#f7d58b!important;letter-spacing:.1em}
body.v18-interior #app .exp-track{margin:0 22px 22px!important}
body.v18-interior #app .exp-track i{border:1px solid #eed18b!important;background:#0b4862!important;height:11px;border-radius:40px;box-shadow:inset 0 2px 4px #0006}
body.v18-interior #app .exp-track i.filled{background:linear-gradient(90deg,#fff1a8,#e3b458)!important;box-shadow:0 0 14px #ffcc69aa}
body.v18-interior #app .exp-scene h2{font-size:clamp(27px,3.4vw,42px)!important}
body.v18-interior #app .atlas{height:clamp(320px,47vw,550px);border:2px solid #e7c574!important;border-radius:24px;background-image:linear-gradient(0deg,#021b2bae,#052f3e28),url('assets/v18-atlas.webp')!important;background-size:cover!important;background-position:center 48%!important}
body.v18-interior #app .atlas-glow{background:none!important}
body.v18-interior #app .atlas-pin{box-shadow:0 0 0 2px #ffe5a6,0 0 14px #00a8db;background:#063a56ee!important;border-radius:50%!important}
body.v18-interior #app .atlas-pin span{font-size:0!important}
body.v18-interior #app .atlas-pin span:before{content:'✦';font-size:19px;color:#ffe4a1}
body.v18-interior #app .atlas-pin small{font-size:12px!important;color:#fff5dd!important;text-shadow:0 2px 5px #000}
body.v18-interior #app .stamp{border-color:#d1ad65!important;background:linear-gradient(120deg,#093d49bb,#06283dcb)!important}
body.v18-interior #app .passport-grid{gap:12px!important}
body.v18-interior footer{background:linear-gradient(90deg,#042739,#05182d)!important;border-top:1px solid #c9a25c;color:#d9d8ce}
body.v18-interior #app .formrow{gap:14px}
body.v18-interior #app .sky-board{background-image:linear-gradient(180deg,#06152633,#04192c78),url('assets/v18-stars.webp')!important;background-size:cover!important;background-position:center}
body.v18-interior #app .museum-grid .exhibit{background-image:linear-gradient(130deg,#05243aee,#063a46dc),url('assets/v18-archives.webp')!important;background-size:cover!important}
@media(max-width:720px){
 body.v18-interior .nav{min-height:62px!important;padding:3px 9px!important;gap:4px!important}
 body.v18-interior .wordmark{height:56px!important;width:clamp(152px,47vw,195px)!important;max-width:49vw!important}
 body.v18-interior .v18-mark{max-height:52px!important}
 body.v18-interior .nav nav{gap:3px!important}
 body.v18-interior .nav nav button{font-size:12px!important;padding:6px 4px!important}
 body.v18-interior .nav nav button:first-child,body.v18-interior .nav nav button:last-child{display:none!important}
 body.v18-interior .v18-stage{min-height:395px}
 body.v18-interior .v18-overlay{height:395px;padding:13px 14px 10px}
 body.v18-interior .v18-illustration img{object-position:center 35%}
 body.v18-interior .v18-glaze{background:linear-gradient(180deg,#00131e55 0%,transparent 28%,#031724c9 64%,#041e2bf0 100%)}
 body.v18-interior .v18-return{font-size:12px!important;padding:9px 13px!important}
 body.v18-interior .v18-heading{max-width:100%;width:100%;margin-bottom:0;padding:12px 14px 10px;background:linear-gradient(100deg,#031b2be8,#052942b5);border-left:3px solid #eec36c}
 body.v18-interior .v18-heading h1{font-size:clamp(28px,7.4vw,43px)!important;margin:6px 0!important}
 body.v18-interior .v18-heading p{font-size:clamp(14px,3.7vw,17px)!important;margin:5px 0 12px!important}
 body.v18-interior .v18-eyebrow{font-size:9px;letter-spacing:.1em}
 body.v18-interior .v18-open{padding:9px 15px!important;font-size:13px!important}
 body.v18-interior .v18-place-marker{width:100%;margin:0;padding:11px 15px;font-size:10px;gap:5px}
 body.v18-interior .v18-place-marker span:nth-child(2){display:none}
 body.v18-interior #app> .panel,body.v18-interior #app> .section,body.v18-interior #app> .grid,body.v18-interior #app> .atlas,body.v18-interior #app> .exp-wrap,body.v18-interior #app> .mission,body.v18-interior #app> .museum-head,body.v18-interior #app> .museum-grid,body.v18-interior #app> .passport-grid{width:calc(100% - 22px)!important;margin:12px auto!important}
 body.v18-interior #app .panel,body.v18-interior #app .exp-scene{padding:18px!important}
 body.v18-interior #app .v18-graphic{height:135px!important;min-height:135px!important}
 body.v18-interior #app .exp-illustration.v18-graphic{height:145px!important;min-height:145px!important}
 body.v18-interior #app .exp-scene{min-height:0}
 body.v18-interior #app .exp-progress{padding:12px 13px 7px!important;font-size:10px!important;gap:10px}
 body.v18-interior #app .exp-track{margin:0 12px 12px!important}
 body.v18-interior #app .exp-scene h2{font-size:clamp(24px,7vw,34px)!important}
 body.v18-interior #app .grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important}
 body.v18-interior #app .tile{padding:0 12px 16px!important}
 body.v18-interior #app .v18-card-art{height:122px;margin:0 -12px 9px}
 body.v18-interior #app .tile h3{font-size:20px!important}
 body.v18-interior #app .atlas{height:400px}
 body.v18-interior #app .formrow{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
}
@media(max-width:380px){body.v18-interior .wordmark{width:148px!important}body.v18-interior .nav nav button{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){body.v18-interior #app button{transition:none!important}}
