/* V7 cinematic interiors — responsive and usable without motion. */
body:not(.at-home){background:radial-gradient(ellipse at 50% 0%,#08546b 0,#062b4b 32%,#031326 85%)!important}
body:not(.at-home) #app{max-width:1320px;width:100%;padding:0 18px 70px;margin:auto}
.realm-scene{position:relative;isolation:isolate;overflow:hidden;min-height:530px;margin:14px 0 30px;border:2px solid #e3b963;border-radius:26px;background:radial-gradient(ellipse at 53% 65%,#0b809b 0%,#07557b 35%,#07264c 70%,#031326 100%);box-shadow:0 0 50px #08c8e530, inset 0 0 60px #041a3c;color:#fff}
.realm-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 74% 22%,#ffde8450,transparent 21%),radial-gradient(circle at 25% 55%,#00d8eb33,transparent 36%);pointer-events:none}
.realm-sky{position:absolute;inset:0;overflow:hidden}.realm-orbit{position:absolute;right:8%;top:9%;width:170px;height:170px;border:2px solid #ffe2a877;border-radius:50%;box-shadow:0 0 50px #ffcf6c50;transform:rotate(-24deg)}.realm-stars{position:absolute;right:10%;top:12%;font-size:36px;color:#ffe9b4;letter-spacing:45px;text-shadow:0 0 18px #f8c36a}
.realm-illustration{position:absolute;right:0;bottom:-7px;width:77%;max-width:950px;opacity:.92;filter:drop-shadow(0 0 28px #00d5e855);pointer-events:none}.realm-illustration svg{width:100%;height:auto;display:block}
.realm-overlay{position:relative;z-index:1;padding:30px clamp(22px,5vw,65px);max-width:760px;text-shadow:0 2px 15px #00182c}.realm-return{background:#041b35cc!important;border:1px solid #e6c57c!important;color:#fff3cc!important;border-radius:30px!important;padding:10px 18px!important;margin-bottom:62px;cursor:pointer}.realm-kicker{font-size:12px;letter-spacing:.25em;font-weight:800;color:#ffdc83}.realm-overlay h1{font-family:Georgia,serif;font-size:clamp(39px,5.5vw,76px);line-height:1.04;max-width:690px;color:#ffe2a0;margin:15px 0;text-shadow:0 4px 18px #001126}.realm-overlay p{max-width:540px;font-size:clamp(17px,2vw,22px);color:#f2fbff;line-height:1.5}.realm-portals{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.realm-portals button{padding:13px 18px;border-radius:30px;border:1px solid #f3cf83;background:#073852e8;color:#ffe7ac;font-weight:700;cursor:pointer;box-shadow:0 0 16px #00e7ff25}.realm-portals button:hover,.realm-portals button:focus-visible{background:#0b6b82;box-shadow:0 0 24px #00ecff88}.realm-scroll{position:absolute;bottom:18px;left:28px;z-index:2;color:#fff4c9;letter-spacing:.13em;font-size:11px}
body:not(.at-home) #app .panel,body:not(.at-home) #app .tile,body:not(.at-home) #app .result{background:linear-gradient(145deg,#093c56eF,#05243eF5)!important;border:1px solid #bfa36c88!important;box-shadow:inset 0 1px #d7faff22,0 12px 36px #001b2a55;border-radius:22px!important}
body:not(.at-home) #app .section-head{background:linear-gradient(90deg,#0a596d77,transparent);border-left:4px solid #e8c16b;padding:20px 24px;border-radius:12px}body:not(.at-home) #app h2,body:not(.at-home) #app h3{color:#ffe1a1}body:not(.at-home) #app .primary{background:linear-gradient(125deg,#ffedac,#e9b457)!important;color:#072b3f!important;border-radius:40px!important;font-weight:800}body:not(.at-home) #app .secondary{border:1px solid #e8c77e!important;border-radius:30px!important}
.prototype-stage{margin:20px 0;padding:16px;border-radius:20px;background:#05263c;border:2px solid #e8c16b;overflow:hidden}.proto-caption{font-size:12px;letter-spacing:.1em;color:#ffe5aa}.proto-sky{height:240px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#2277ac,#052040 68%);border-radius:12px;margin:10px 0}.proto-sky:before{content:'✦   ·    ✧      ·    ✦       ✧';position:absolute;left:5%;top:15%;color:#fff3bb;letter-spacing:18px}.proto-craft{position:absolute;left:40%;bottom:25px;display:flex;flex-direction:column;align-items:center;transform:rotate(-10deg);z-index:2}.proto-thing{font-size:85px;filter:drop-shadow(0 0 12px #6deaff)}.proto-flame{font-size:40px;transform:rotate(180deg);opacity:0}.proto-ground{position:absolute;bottom:0;width:100%;height:23px;background:linear-gradient(90deg,#1a8e7b,#63d7b5,#1a8e7b)}.proto-moon{position:absolute;right:13%;top:20%;font-size:60px;color:#ffdf8a}.proto-launch{background:#ffd778;color:#082940;border:0;border-radius:30px;padding:12px 20px;font-weight:800;cursor:pointer}.proto-status{color:#d9f6fc;font-size:14px}.launched .proto-craft{animation:blastoff 2.4s ease-in forwards}.launched .proto-flame{opacity:1}@keyframes blastoff{0%{transform:translate(0,0) rotate(-10deg)}35%{transform:translate(55px,-50px) rotate(15deg)}100%{transform:translate(270px,-370px) rotate(35deg)}}
@media(max-width:700px){body:not(.at-home) #app{padding:0 10px 50px}.realm-scene{min-height:570px;margin:8px 0 20px;border-radius:18px}.realm-overlay{padding:19px}.realm-return{margin-bottom:42px}.realm-overlay h1{font-size:clamp(34px,9vw,49px)}.realm-overlay p{font-size:17px}.realm-illustration{width:130%;right:-25%;bottom:28px;opacity:.68}.realm-portals{gap:8px}.realm-portals button{padding:11px;font-size:13px}.realm-scroll{bottom:12px;left:18px}.realm-orbit{right:-15%;top:6%;width:125px;height:125px}.proto-sky{height:210px}}
@media(prefers-reduced-motion:reduce){.launched .proto-craft{animation:none;transform:translate(130px,-90px) rotate(25deg)}}