#mutmain-jarvis-page[hidden]{display:none!important}
#mutmain-jarvis-page{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:#020b17;color:#e9fbff}
.jarvis-page-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:9px 20px;border-bottom:1px solid #2dd9ff;background:linear-gradient(90deg,#031529,#082b43,#071321);box-shadow:0 0 22px #00d5ff44}
.jarvis-page-bar>div:first-child{display:grid;gap:3px}.jarvis-page-bar small{color:#61d8ee;font-size:10px;letter-spacing:.14em}.jarvis-page-bar strong{font-size:20px;letter-spacing:.08em;color:#ffe36c}
.jarvis-page-actions{display:flex;gap:8px}.jarvis-page-actions button,.portal-jarvis-page button{border:1px solid #3abfe4;border-radius:8px;background:#082942;color:#e8fbff;padding:10px 14px;font-weight:700;cursor:pointer}.jarvis-page-actions button:hover,.portal-jarvis-page button:hover{border-color:#ffe16a;color:#ffe16a}
#mutmain-jarvis-page iframe{display:block;flex:1;width:100%;min-height:0;border:0;background:#020811}
body.jarvis-page-open{overflow:hidden}
#mutmain-dimension-gates{position:fixed;left:14px;bottom:54px;z-index:9250;display:flex;gap:7px;max-width:calc(100vw - 28px)}body.jarvis-page-open #mutmain-dimension-gates{display:none}
.dimension-gate{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-width:112px;padding:7px 10px;border:1px solid #36ccff;border-radius:10px;background:#04182eec;color:#effbff;text-decoration:none;box-shadow:0 0 13px #0bc8ff55;cursor:pointer}
.dimension-gate span{grid-row:1/3;color:#46e1ff;font-size:23px}.dimension-gate b{font-size:11px;letter-spacing:.07em}.dimension-gate small{font-size:7px;color:#a6d9e9}.dimension-gate:hover{border-color:#ffe075;box-shadow:0 0 18px #f5cd3977}
.portal-jarvis-page{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px;padding:25px;border:1px solid #43d9ff;border-radius:16px;background:radial-gradient(circle at 15% 50%,#09629c,#061b30 50%,#020b19);box-shadow:0 0 28px #18c9f944}.portal-jarvis-page small{color:#5de2ff;letter-spacing:.16em}.portal-jarvis-page h2{margin:4px 0;color:#ffe16a;font-size:30px}.portal-jarvis-page p{margin:0;color:#d3eff7}
@media(max-width:700px){.jarvis-page-bar{padding:8px;min-height:58px}.jarvis-page-bar strong{font-size:13px}.jarvis-page-bar small{font-size:8px}.jarvis-page-actions{gap:4px}.jarvis-page-actions button{padding:7px;font-size:10px}.jarvis-page-actions [data-jarvis-web]{display:none}.portal-jarvis-page{margin:10px;display:block}.portal-jarvis-page button{margin-top:12px;width:100%}}
/* Four destinations live inside the existing top-right portal card. */
.mode-pip:has(#mutmain-dimension-gates){padding:7px;border:1px solid #52d5f1;border-radius:12px;background:#031426f4;box-shadow:0 0 18px #17bfff55}
.mode-pip #mutmain-dimension-gates{position:static;left:auto;bottom:auto;z-index:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:none;margin-top:7px}
.mode-pip .dimension-gate{min-width:0;min-height:54px;grid-template-columns:23px minmax(0,1fr);padding:5px 6px;text-align:left;box-shadow:none}
.mode-pip .dimension-gate span{font-size:19px}.mode-pip .dimension-gate b{font-size:10px}.mode-pip .dimension-gate small{font-size:6px;line-height:1.15}
.mode-pip .dimension-gate:focus-visible,.gateway-extra:focus-visible{outline:2px solid #ffe075;outline-offset:2px}
/* Keep the four destinations within the resizable portal card, even with older saved dimensions. */
body.orbital-ui #mutmain-mode-pip:not(.mutmain-card-collapsed){min-height:max-content!important;overflow:auto!important}
body.orbital-ui #mutmain-mode-pip.mutmain-card-collapsed{height:54px!important;min-height:54px!important;overflow:hidden!important}
#mutmain-mode-pip.mutmain-card-collapsed #mutmain-dimension-gates,#mutmain-mode-pip.mutmain-card-collapsed .preview-screen,#mutmain-mode-pip.mutmain-card-collapsed .mode-preview>small{display:none!important}
#mutmain-mode-pip.mutmain-card-collapsed .mode-preview{padding:9px 36px 9px 8px!important;border:0!important;box-shadow:none!important;background:transparent!important}
#mutmain-mode-pip.mutmain-card-collapsed .mode-choice:hover .mode-preview{translate:none!important}
body.orbital-ui .mutmain-card-toggle{position:absolute;top:6px;right:6px;z-index:30;display:grid!important;place-items:center;width:26px;height:25px;padding:0;border:1px solid #e4c962;border-radius:7px;background:#052238f2;color:#fff0ae;font:800 16px sans-serif;line-height:1;cursor:pointer;touch-action:manipulation}
body.orbital-ui .mutmain-card-toggle:hover,body.orbital-ui .mutmain-card-toggle:focus-visible{border-color:#57dfff;outline:2px solid #57dfff;outline-offset:1px}
body.orbital-ui .orbit-card.mutmain-card-collapsed{height:54px!important;overflow:hidden!important}
body.orbital-ui .orbit-card.mutmain-card-collapsed>:not(.orbit-heading):not(.mutmain-card-toggle):not(.resize-grip){display:none!important}
body.orbital-ui .orbit-card>.orbit-heading{padding-right:27px}
body.orbital-ui.layout-editing .mutmain-card-toggle{display:none!important}
.gateway-choices .gateway-extra{display:grid;grid-template-columns:43% minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:clamp(115px,18vh,190px);padding:12px;border:1px solid #dfc65b;border-radius:18px;background:linear-gradient(135deg,#082740,#020c1d);box-shadow:inset 0 0 28px #2ac9ff24,0 13px 30px #0009;color:#f8f7e9;text-decoration:none;text-align:left;cursor:pointer;overflow:hidden}
.gateway-choices .gateway-extra:hover{border-color:#5de1ff;box-shadow:inset 0 0 34px #2ac9ff42,0 15px 35px #000b}
.gateway-extra img{display:block;width:100%;height:100%;max-height:165px;object-fit:cover;border:1px solid #43bfe7;border-radius:10px}
.gateway-extra span{display:grid;gap:7px}.gateway-extra strong{color:#fff0a8;font-size:clamp(18px,2vw,28px);letter-spacing:.09em}.gateway-extra small{color:#afe6f6;font-size:clamp(10px,.9vw,14px);letter-spacing:.08em}
@media(max-width:900px){.mode-gateway{overflow:auto}.gateway-choices .mode-choice .preview-screen{height:18vh}.gateway-choices .gateway-extra{min-height:95px;height:13vh}.gateway-extra img{max-height:100px}}
@media(max-width:700px){.mode-pip #mutmain-dimension-gates{gap:4px}.mode-pip .dimension-gate{grid-template-columns:1fr;min-height:42px;padding:4px}.mode-pip .dimension-gate span,.mode-pip .dimension-gate small{display:none}.mode-pip .dimension-gate b{font-size:8px;text-align:center}.gateway-extra strong{font-size:16px}}
.mode-gateway .gateway-choices{width:min(1480px,92vw);margin-inline:auto}
@media(max-height:850px) and (min-width:901px){.mode-gateway{overflow:auto;padding-top:2vh;padding-bottom:2vh}.gateway-choices .mode-choice .preview-screen{height:31vh}.gateway-choices .gateway-extra{height:130px;min-height:0}.gateway-choices .gateway-extra img{max-height:106px}}
