/* MUTMAIN 1907 Dashboard / Web Portal shell */
/* Scoped, removable Web-only presentation layer. Native sections stay in place. */
#mutmain-web-portal[data-web-views-ready]{padding-top:84px}
#mutmain-web-portal .web-view-selector{position:fixed;top:0;left:0;right:290px;z-index:30;height:82px;display:flex;gap:5px;padding:5px 10px;overflow-x:auto;background:#020f20f5;border-bottom:1px solid #a48d39}
#mutmain-web-portal .web-view-choice{flex:1 0 106px;max-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;color:#cdf4ff;background:#072039;border:1px solid #2c799e;border-radius:7px;font-size:10px;cursor:pointer}
#mutmain-web-portal .web-view-choice svg{width:90px;height:40px;fill:#103959;stroke:#67dfff;stroke-width:1}
#mutmain-web-portal .web-view-choice[aria-pressed=true]{border-color:#ffe175;color:#fff0a4;box-shadow:inset 0 0 14px #dabc292b}
#mutmain-web-portal.web-view-active{overflow:hidden}
#mutmain-web-portal.web-view-active>:not(.web-view-selector):not(.web-view-stage):not(.web-view-detail){visibility:hidden;pointer-events:none}
#mutmain-web-portal.web-view-active .portal-section:not(.web-view-detail) *{animation-play-state:paused!important}
#mutmain-web-portal[hidden] *,#mutmain-web-portal.web-view-active>.portal-hero *{animation-play-state:paused!important}
#mutmain-web-portal .web-view-stage{position:fixed;inset:88px 12px 12px;z-index:10;background:radial-gradient(ellipse at center,#10395980,#020d1fe8 70%);border:1px solid #257b9c;border-radius:12px;overflow:hidden;color:#d6f5ff}
#mutmain-web-portal .web-view-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:52px;padding:8px 285px 8px 10px;background:#041326;position:relative;z-index:5}
#mutmain-web-portal .web-view-toolbar button,#mutmain-web-portal .web-node button{cursor:pointer;border:1px solid #307597;background:#062940;color:#d6f5ff;padding:5px 8px;border-radius:5px;font-size:11px}
#mutmain-web-portal .web-view-toolbar strong{color:#ffe27b;margin-right:10px}
#mutmain-web-portal .web-view-note{font-size:10px;color:#8fc5da}
#mutmain-web-portal .web-view-search{max-width:220px;padding:6px;background:#020e20;border:1px solid #357a98;color:white}
#mutmain-web-portal .web-view-canvas{position:absolute;inset:100px 0 45px;overflow:hidden;touch-action:none;cursor:grab;background-image:radial-gradient(#4abddb38 1px,transparent 1px);background-size:32px 32px}
#mutmain-web-portal.web-view-has-detail .web-view-canvas{right:440px}
#mutmain-web-portal .web-view-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
#mutmain-web-portal .web-view-lines{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;fill:none;stroke:#64dfff99;stroke-width:2}
#mutmain-web-portal .web-view-lines .selected{stroke:#ffe076;stroke-width:3}
#mutmain-web-portal .web-node{position:absolute;width:220px;min-height:115px;padding:10px;border:1px solid #41afcf;border-bottom:2px solid #d8ba57;border-radius:12px;background:linear-gradient(140deg,#10324ff5,#020d20f5);box-shadow:0 5px 18px #0008,inset 0 0 20px #41cfff20;color:#e8faff}
#mutmain-web-portal .web-node .web-node-title{display:block;background:none;border:0;color:#ffe692;font-weight:bold;font-size:14px;text-align:left;width:100%;padding:0 0 7px}
#mutmain-web-portal .web-node-summary{display:block;max-height:40px;overflow:hidden;font-size:11px;margin-bottom:8px}
#mutmain-web-portal .web-node.selected{outline:2px solid #ffdc5a;box-shadow:0 0 25px #ffdc5a55}
#mutmain-web-portal .web-map-core{position:absolute;width:175px;min-height:125px;border:1px solid #81e9ff;border-radius:50%;display:grid;place-content:center;text-align:center;white-space:pre-line;background:radial-gradient(circle,#267290,#02152b);box-shadow:0 0 35px #3acbff55;color:#ffe27b;font-size:14px;padding:15px}
#mutmain-web-portal .web-view-hint{position:absolute;bottom:0;left:0;right:0;margin:0;padding:10px;background:#031023;font-size:11px}
#mutmain-web-portal.web-view-active .web-view-detail{position:fixed!important;right:22px!important;top:195px!important;bottom:65px!important;width:420px!important;height:auto!important;z-index:20!important;overflow:auto!important;padding:16px!important;border:1px solid #dcbd51;border-radius:12px;background:#021223fa;visibility:visible!important;pointer-events:auto!important}
#mutmain-web-portal .web-view-detail .portal-grid,#mutmain-web-portal .web-view-detail .agent-office-grid,#mutmain-web-portal .web-view-detail .portal-real-grid,#mutmain-web-portal .web-view-detail .ai-orchestra-grid,#mutmain-web-portal .web-view-detail .build-lab-flow{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
#mutmain-web-portal .web-view-selected:not(.portal-section){outline:2px solid #ffdf66;outline-offset:3px}
#mutmain-web-portal[data-active-web-view="1"] .web-view-canvas{background:repeating-linear-gradient(90deg,transparent 0 235px,#e0b84222 236px 240px),radial-gradient(ellipse,#143958,#020c1a)}
#mutmain-web-portal[data-active-web-view="1"] .web-node{border-radius:4px;transform:perspective(1100px) rotateY(-8deg)}
#mutmain-web-portal[data-active-web-view="3"] .web-node{border-radius:2px 2px 10px 10px;border-top:10px solid #58d7f1;background:repeating-linear-gradient(0deg,#08314e 0 18px,#124564 19px 20px);box-shadow:12px 12px 0 #031827}
#mutmain-web-portal[data-active-web-view="3"] .web-view-canvas{background:repeating-linear-gradient(30deg,transparent 0 75px,#4abddb18 76px 78px),repeating-linear-gradient(-30deg,#031426 0 75px,#4abddb18 76px 78px)}
#mutmain-web-portal[data-active-web-view="4"] .web-node{width:390px;min-height:180px;border-radius:6px 24px 24px 6px;border-left:12px double #d9bb61;background:linear-gradient(100deg,#122b3e,#0a1c30);box-shadow:8px 8px 0 #d9bb6122}
#mutmain-web-portal[data-active-web-view="5"] .web-map-core{width:290px;height:290px;left:330px!important;top:190px!important;background:repeating-radial-gradient(ellipse,#1c638166 0 25px,#5fdfff88 26px 27px,#092f48 28px 50px);font-size:14px}
#mutmain-web-portal[data-active-web-view="6"] .web-view-canvas{background:conic-gradient(from 30deg at 50% 50%,#00172a,#173453,#052238,#494022,#00172a)}
#mutmain-web-portal[data-active-web-view="7"] .web-node{border-radius:25px;box-shadow:0 0 20px #62d9ff35;border-top:4px solid #8bdbeb}
@media(max-width:900px){#mutmain-web-portal .web-view-selector{right:165px}#mutmain-web-portal .web-view-toolbar{padding-right:160px}#mutmain-web-portal.web-view-has-detail .web-view-canvas{right:0;bottom:45%}#mutmain-web-portal.web-view-active .web-view-detail{left:22px!important;right:22px!important;top:58%!important;bottom:65px!important;width:auto!important}}
.mode-gateway,.mode-gateway *,.mode-pip,.mode-pip *,.mutmain-web-portal,.mutmain-web-portal *{box-sizing:border-box}
.mode-gateway{position:fixed;inset:0;z-index:10000;display:grid;grid-template-rows:auto 1fr auto;place-items:center;padding:5vh 4vw;background:radial-gradient(circle at 50% 45%,#0a3150e8 0,#03162af5 37%,#010712fd 78%),linear-gradient(120deg,#02152b,#020817);color:#edf8ff;overflow:hidden;opacity:0;transition:opacity .35s ease,filter .7s ease}
.mode-gateway.ready{opacity:1}.mode-gateway.leaving{opacity:0;pointer-events:none}.gateway-light{position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(circle at 50% 45%,#41cfff20,transparent 43%),linear-gradient(115deg,transparent 22%,#ffe75b12 50%,transparent 78%)}
.gateway-head{position:relative;text-align:center;background:none;border:0}.gateway-head strong{display:block;font:600 clamp(28px,4vw,58px) Georgia,serif;letter-spacing:.16em;color:#ffe897;text-shadow:0 0 20px #ffc40070}.gateway-head span{font-size:clamp(10px,1.2vw,16px);letter-spacing:.42em;color:#b9eaff}
.gateway-choices{position:relative;width:min(1480px,96vw);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,50px)}.mode-choice{min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;perspective:1200px;touch-action:manipulation}.mode-choice:focus-visible{outline:2px solid #5be4ff;outline-offset:8px;border-radius:22px}.mode-preview{display:block;position:relative;padding:18px;border:1px solid #f8dc65;border-radius:22px;background:linear-gradient(145deg,#0b2b49ed,#020b18f5 72%);box-shadow:inset 0 0 38px #1ba5e72c,0 20px 55px #000b,0 0 22px #f8d45145;transform:rotateY(var(--preview-turn));transition:transform .35s ease,box-shadow .35s ease}.mode-preview.dashboard{--preview-turn:6deg}.mode-preview.web{--preview-turn:-6deg}.mode-choice:hover .mode-preview,.mode-choice:focus-visible .mode-preview{transform:rotateY(0) translateY(-7px) scale(1.015);box-shadow:inset 0 0 45px #1ba5e744,0 25px 65px #000d,0 0 34px #ffe45a99}.preview-brand{display:block;text-align:left;font-size:clamp(15px,1.7vw,27px);letter-spacing:.08em;color:#fff2a5}.mode-preview>small{display:block;margin-top:10px;color:#aee8ff;letter-spacing:.08em}
.preview-screen{position:relative;display:block;height:min(46vh,390px);margin-top:14px;border:1px solid #3898c7;border-radius:13px;overflow:hidden;background:#020914}.preview-stadium{position:absolute;inset:0;display:block;background:linear-gradient(180deg,#03101f33,#010713cc),url('/stadium-neon.png') center/cover}.preview-hologram{position:absolute;left:38%;top:12%;width:24%;height:48%;object-fit:cover;object-position:center;border:1px solid #5ce4ff;border-radius:48% 48% 42% 42%;filter:saturate(1.25) contrast(1.05);box-shadow:0 0 26px #26d6ff99}.preview-real-cards{position:absolute;inset:0;display:block}.preview-real-card{position:absolute;display:grid;place-items:center;width:27%;height:25%;border:1px solid #3bcaef;border-bottom-color:#f8dc65;border-radius:7px;color:#fff1a0;background:linear-gradient(145deg,#0b3859ee,#03111fee);box-shadow:inset 0 0 13px #2bc8ff35,0 0 12px #000;font-size:clamp(8px,.8vw,13px);font-style:normal}.preview-real-card.match{left:4%;top:11%}.preview-real-card.crypto{right:4%;top:18%}.preview-real-card.map{left:8%;bottom:9%;width:34%}.preview-gold-line{position:absolute;left:8%;right:8%;bottom:6%;height:1px;background:#ffe05f;box-shadow:0 0 12px #ffe05f}
.preview-web-nav{position:absolute;left:4%;right:4%;top:6%;height:10%;display:flex;align-items:center;justify-content:space-evenly;border-bottom:1px solid #318eb4;background:#03172de8}.preview-web-nav i{font:normal 700 clamp(6px,.55vw,9px) sans-serif;color:#bcecff}.preview-web-hero{position:absolute;left:4%;right:4%;top:20%;height:42%;display:flex;flex-direction:column;justify-content:center;padding:6%;text-align:left;background:linear-gradient(90deg,#020b18cc,#09395477),url('/stadium-neon.png') center/cover;border:1px solid #255f7e}.preview-web-hero b{max-width:70%;color:#fff;font-size:clamp(11px,1.2vw,20px)}.preview-web-hero small{color:#ffe173}.preview-web-cards{position:absolute;left:4%;right:4%;bottom:10%;height:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.preview-web-cards span{display:grid;place-items:center;border:1px solid #3389ad;border-bottom-color:#f3d456;border-radius:6px;color:#dff7ff;background:#06213be8;font-size:clamp(7px,.65vw,11px)}
.mode-pip{position:fixed;right:18px;top:84px;z-index:9000;width:210px}.mode-pip .mode-preview{padding:8px;border-radius:10px;transform:none!important;background:#031426f4}.mode-pip .preview-brand{font-size:10px}.mode-pip .preview-screen{height:78px;margin-top:5px;border-radius:6px}.mode-pip .mode-preview>small{font-size:7px;margin-top:4px}.mode-pip .mode-choice{width:100%}.mode-pip .mode-choice:hover .mode-preview{translate:-5px 0}.mode-pip .preview-hologram{display:none}.mode-pip .preview-real-card,.mode-pip .preview-web-cards span,.mode-pip .preview-web-nav i{font-size:5px}
.mutmain-web-portal{position:fixed;inset:0;z-index:8000;overflow:auto;color:#eaf8ff;background:radial-gradient(circle at 78% 22%,#10608a55,transparent 28%),linear-gradient(180deg,#020b18f8,#03172afa 52%,#010815fd),url('/stadium-neon.png') center/cover}.mutmain-web-portal[hidden]{display:none!important}.portal-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:30px;padding:17px 245px 17px 34px;border-bottom:1px solid #21769d;background:#020b18fa}.portal-brand strong{display:block;color:#ffe991;font:600 27px Georgia,serif;letter-spacing:.18em}.portal-brand span{font-size:9px;letter-spacing:.24em;color:#aee8ff}.portal-nav{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}.portal-nav button{padding:8px 12px;border:0;border-bottom:1px solid transparent;color:#ccecff;background:transparent;cursor:pointer}.portal-nav button:hover,.portal-nav button:focus-visible{color:#ffe36c;border-color:#ffe36c}.portal-hero{min-height:54vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:8vh max(5vw,42px);border-bottom:1px solid #28789b;background:linear-gradient(90deg,#020b18 5%,#031527b8 55%,#06314c7a),radial-gradient(circle at 75% 45%,#38cfff2b,transparent 26%)}.portal-hero small{letter-spacing:.28em;color:#f7db62}.portal-hero h1{max-width:780px;margin:.28em 0;font-size:clamp(36px,5vw,76px);line-height:.92;color:#f5fbff;text-shadow:0 0 24px #2acfff55}.portal-hero p{max-width:650px;color:#b7d7e7;font-size:17px}.portal-cta{margin-top:18px;padding:13px 20px;border:1px solid #ffe25a;border-radius:6px;color:#06101c;background:#f4d35e;font-weight:900;cursor:pointer}.portal-hologram{justify-self:center;display:grid;place-items:center;width:min(25vw,330px);aspect-ratio:1;border:1px solid #61dfff;border-radius:50%;color:#ffe57c;font:700 38px Georgia,serif;letter-spacing:.12em;background:radial-gradient(circle,#c9f8ff33 0,#34d8ff22 26%,transparent 62%);box-shadow:inset 0 0 50px #28d6ff55,0 0 75px #2bd5ff66}.portal-section{padding:42px max(4vw,28px);scroll-margin-top:90px}.portal-section-title{margin-bottom:18px;color:#ffe273;font-size:18px;letter-spacing:.2em}.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px}.portal-grid.agents{grid-template-columns:repeat(3,1fr)}.portal-tile{position:relative;min-height:155px;padding:22px;text-align:left;border:1px solid #2d86ac;border-bottom-color:#e4c74f;border-radius:12px;color:#eefaff;background:linear-gradient(145deg,#082c47ee,#020b18f4);box-shadow:inset 0 0 18px #27aee61c,0 9px 22px #0008;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;cursor:pointer}.portal-tile:hover,.portal-tile:focus-visible{transform:translateY(-4px);border-color:#ffe165;box-shadow:inset 0 0 24px #2cc9ff35,0 12px 30px #000b,0 0 18px #f6d34e55}.portal-tile-icon{float:right;color:#57dcff;font-size:24px}.portal-tile strong{display:block;color:#fff0a2;font-size:16px}.portal-tile p{min-height:38px;color:#bfdeed}.portal-live-status{color:#ffc85b;font-size:8px;letter-spacing:.08em}.portal-live-status[data-ok="1"]{color:#55edaa}.portal-footer{display:flex;justify-content:space-between;padding:22px 4vw;border-top:1px solid #246b8b;color:#719cb2;font-size:9px;letter-spacing:.12em}
body.portal-gateway-open>header,body.portal-gateway-open>main,body.portal-gateway-open>footer,body.portal-gateway-open>#model6-scene,body.portal-gateway-open>.ambient,body.portal-gateway-open>.genie-fog,body.portal-gateway-open>#genie-lamp,body.portal-gateway-open>canvas{visibility:hidden;pointer-events:none}body.web-portal-active>header,body.web-portal-active>footer,body.web-portal-active>#model6-scene,body.web-portal-active>.ambient,body.web-portal-active>.genie-fog,body.web-portal-active>#genie-lamp{visibility:hidden;pointer-events:none}.web-portal-active.portal-hud-open .mutmain-web-portal{opacity:.4;pointer-events:none}.web-portal-active.portal-hud-open .mode-pip{opacity:.2;pointer-events:none}.web-portal-active.portal-hud-open .results{position:relative;z-index:9500!important;visibility:visible!important;pointer-events:auto!important}.shell-transitioning:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(105deg,transparent 28%,#42d8ff22 46%,#ffe46b35 50%,#42d8ff22 54%,transparent 72%);animation:portalScan .82s ease both}
@keyframes gatewaySweep{to{transform:rotate(360deg)}}@keyframes portalScan{from{opacity:0;transform:scale(1.04) translateX(-15%)}45%{opacity:1}to{opacity:0;transform:scale(1) translateX(15%)}}
@media(max-width:900px){.gateway-choices{grid-template-columns:1fr;max-width:620px}.preview-screen{height:25vh}.mode-pip{top:70px;right:7px;width:145px}.portal-header{padding:12px 160px 12px 14px}.portal-nav{display:none}.portal-hero{grid-template-columns:1fr;padding:18vh 22px 45px}.portal-hologram{display:none}.portal-grid,.portal-grid.agents{grid-template-columns:repeat(2,1fr)}.portal-tile{min-height:130px;padding:15px}.gateway-head strong{font-size:25px}.gateway-note{text-align:center;font-size:10px}}

/* FAZ 2: clearer counter-mode preview and real single-click portal summary. */
@media(min-width:901px){.mode-pip{top:64px;right:14px;width:248px}.mode-pip .mode-preview{padding:9px;border-color:#77dfff;box-shadow:0 0 0 1px #ffe36b55,0 0 18px #18bfe866}.mode-pip .preview-brand{font-size:11px;color:#fff}.mode-pip .preview-screen{height:91px}.mode-pip .mode-preview>small{font-size:8px;color:#e7f7ff}}
.portal-quick-panel{position:fixed;z-index:9400;left:var(--portal-quick-left,22vw);top:var(--portal-quick-top,15vh);width:min(620px,58vw);max-height:72vh;overflow:auto;padding:26px;border:2px solid #f1d65b;border-radius:18px;background:linear-gradient(145deg,#03162bf9,#071f3af7);color:#eef9ff;box-shadow:0 0 0 1px #42d7ff88,0 0 40px #25c7f077,inset 0 0 38px #0b568666;animation:portalQuickOpen .38s cubic-bezier(.2,.8,.2,1)}.portal-quick-panel[hidden]{display:none}.portal-quick-panel h2{margin:5px 0 14px;padding-right:42px;color:#ffe563;font-size:26px}.portal-quick-kicker,.portal-quick-state{color:#6fe4ff;font-size:10px;letter-spacing:.12em}.portal-quick-lead{font-weight:800}.portal-quick-data{max-height:36vh;overflow:auto;white-space:pre-line;padding:14px;border:1px solid #245e7c;border-radius:10px;background:#001120d9;font-size:12px;line-height:1.55}.portal-quick-close{position:absolute;right:10px;top:9px;width:36px;height:36px;border:1px solid #58cfee;border-radius:50%;background:#06223a;color:#fff;font-size:22px}.portal-quick-open{display:block;width:100%;margin-top:16px;padding:12px;border:1px solid #ffe56b;border-radius:9px;background:linear-gradient(180deg,#f4d74a,#b9890d);color:#061426;font-weight:900}.portal-quick-panel button{cursor:pointer}.portal-tile{touch-action:manipulation}.portal-tile:focus-visible{outline:2px solid #ffe563;outline-offset:3px}.portal-fb-quick{display:grid;grid-template-columns:62px 1fr 62px;align-items:center;gap:12px;padding:15px;border:1px solid #2f92b9;border-radius:13px;background:radial-gradient(circle at 50% 0,#1e7cb84d,#001020 68%)}.portal-fb-quick img{width:58px;height:58px;object-fit:contain}.portal-fb-quick strong{text-align:center;color:#fff2a0;font-size:16px}.portal-fb-quick small{grid-column:1/-1;text-align:center;color:#9edcf6}.portal-market-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portal-market-quick article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #27769d;border-radius:10px;background:#001425}.portal-market-quick article strong{color:#ffe46b}.portal-market-quick article b{text-align:right;color:#ecfaff}.portal-market-quick article.up small{color:#3dff9f}.portal-market-quick article.down small{color:#ff6174}@keyframes portalQuickOpen{from{opacity:0;transform:translateY(-42px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:900px){.portal-quick-panel{left:4vw!important;right:4vw;top:12vh!important;width:auto;max-height:76vh;padding:18px}.portal-market-quick{grid-template-columns:1fr}.mode-pip{top:62px;width:158px}.mode-pip .preview-screen{height:82px}}
@media(prefers-reduced-motion:reduce){.portal-quick-panel{animation:none}}
@media(max-width:520px){.mode-gateway{padding:3vh 10px}.preview-screen{height:22vh}.portal-grid,.portal-grid.agents{grid-template-columns:1fr}.portal-header{padding-right:150px}.portal-brand strong{font-size:18px}.portal-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.gateway-light{animation:none}.mode-preview,.mode-gateway,.portal-tile{transition:none!important}.shell-transitioning:after{animation:none}}

/* FAZ 2: real-data Today, Agent Office, Build Lab and live timeline. */
.portal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-section-heading .portal-section-title{margin-bottom:18px}.portal-refresh{padding:8px 12px;border:1px solid #46cfff;border-radius:8px;background:#061f36;color:#dff8ff;font-size:9px;letter-spacing:.09em;cursor:pointer}.portal-section-note{margin:-8px 0 16px;color:#8fc3dc}.portal-real-section{background:linear-gradient(180deg,#031628e8,#020d1af2)}.portal-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-real-item,.build-role,.timeline-row{border:1px solid #286f92;border-radius:10px;background:linear-gradient(145deg,#082944eb,#020c19f2);box-shadow:inset 0 0 18px #2acbff14;padding:14px}.portal-real-item{cursor:pointer}.portal-real-item small{display:block;color:#51d9ff;font-size:8px;letter-spacing:.1em}.portal-real-item strong{display:block;margin:8px 0;color:#ffe882}.portal-real-item p{margin:0;color:#b9d7e7;line-height:1.45}.agent-office-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-desk{position:relative;min-height:145px;padding:16px;border:1px solid #2d7d9e;border-bottom-color:#d6b94d;border-radius:12px;text-align:left;color:#eaf8ff;background:linear-gradient(150deg,#082943,#020c19);cursor:pointer}.agent-desk .agent-light{position:absolute;right:12px;top:12px;width:10px;height:10px;border-radius:50%;background:#58e6a0;box-shadow:0 0 12px #58e6a0}.agent-desk[data-state^="BEKLİYOR"] .agent-light{background:#ffc74f;box-shadow:0 0 12px #ffc74f}.agent-desk[data-state^="HATA"] .agent-light,.agent-desk[data-state^="BAĞLI"] .agent-light{background:#ff596f;box-shadow:0 0 12px #ff596f}.agent-desk strong{display:block;padding-right:18px;color:#ffe98b}.agent-desk small{display:block;margin:8px 0;color:#64ddff}.agent-desk p{margin:0;color:#a9c9d9;font-size:10px}.build-lab-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.build-role{position:relative;min-height:112px}.build-role:not(:last-child):after{content:"›";position:absolute;right:-9px;top:38%;z-index:2;color:#ffe45f;font-size:21px}.build-role small{display:block;color:#52dbff}.build-role strong{display:block;margin:10px 0;color:#ffe983}.build-role p{margin:0;color:#96b8ca;font-size:9px}.portal-timeline{display:grid;gap:8px}.timeline-row{display:grid;grid-template-columns:155px 110px 1fr;align-items:center;gap:12px;padding:10px 14px}.timeline-row time{color:#70b7d8;font-size:9px}.timeline-row strong{color:#ffe476}.timeline-row span{color:#d9eff9}.portal-empty{grid-column:1/-1;color:#9ab8c7}.portal-info-line{margin:8px 0;padding:8px;border-left:2px solid #39cfff;color:#cde7f3;background:#062138}
@media(max-width:1000px){.portal-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-lab-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.portal-real-grid,.agent-office-grid,.build-lab-flow{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr;gap:4px}.build-role:not(:last-child):after{display:none}}

/* Reused MUTMAIN hologram view, live provider orchestra and preview clearance. */
.portal-hologram{position:relative;overflow:hidden;background:radial-gradient(circle,#27d4ff44,transparent 64%);isolation:isolate}.portal-hologram-rings{position:absolute;inset:7%;border:1px solid #ffe46d;border-radius:50%;box-shadow:0 0 24px #2bd5ff,inset 0 0 26px #2bd5ff;animation:portalHoloSpin 14s linear infinite}.portal-hologram-rings:after{content:'';position:absolute;inset:14%;border:1px dashed #51dcff;border-radius:50%}.portal-hologram-image{width:78%;height:78%;object-fit:cover;border-radius:50%;filter:saturate(1.12) contrast(1.06);opacity:.88;mix-blend-mode:screen}.portal-hologram-state{position:absolute;bottom:12%;padding:5px 10px;border:1px solid #ffe26a;border-radius:12px;background:#021324e8;color:#ffe98b;font-size:9px;letter-spacing:.12em}.ai-orchestra-grid{display:grid;grid-template-columns:1.3fr repeat(5,minmax(130px,1fr));gap:12px}.ai-orchestra-grid article{min-height:135px;padding:16px;border:1px solid #2c83a8;border-radius:12px;background:linear-gradient(145deg,#082b47,#020b18);box-shadow:inset 0 0 18px #1abce51c}.ai-orchestra-grid strong,.ai-orchestra-grid small,.ai-orchestra-grid span{display:block}.ai-orchestra-grid strong{margin:10px 0;color:#ffe66f}.ai-provider-card[data-connected="1"]{border-color:#39e9b0;box-shadow:0 0 14px #39e9b033}.ai-provider-card[data-connected="0"]{opacity:.7}.web-portal-active.portal-hud-open #panels .panel.mutmain-focus{animation:portalHudDrop .56s cubic-bezier(.18,.82,.2,1) both!important;max-width:min(980px,94vw)!important;max-height:76vh!important}.mode-pip{top:58px!important;right:12px!important;width:268px!important}.portal-header{padding-right:300px!important}.mode-pip .preview-brand,.mode-pip .mode-preview>small{display:block;position:static;background:none;text-shadow:0 1px 2px #000}.mode-pip .preview-screen{height:98px!important}.mode-pip .mode-preview{display:block!important}.portal-gateway-open .mode-pip{display:none!important}@keyframes portalHudDrop{from{opacity:0;transform:translateY(-50px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes portalHoloSpin{to{transform:rotate(360deg)}}@media(max-width:1100px){.ai-orchestra-grid{grid-template-columns:repeat(3,1fr)}.ai-brain{grid-column:1/-1}}@media(max-width:900px){.ai-orchestra-grid{grid-template-columns:1fr 1fr}.portal-header{padding-right:175px!important}.mode-pip{width:158px!important}.portal-hologram{display:none}}@media(prefers-reduced-motion:reduce){.portal-hologram-rings,.web-portal-active.portal-hud-open #panels .panel.mutmain-focus{animation:none!important}}


/* Physical PASS fixes: card-aware quick HUD and one opaque advanced shell. */
.portal-quick-panel{width:min(520px,44vw);max-height:68vh}
.portal-quick-panel.is-advanced{left:50%!important;top:50%!important;width:75vw!important;height:75vh!important;max-width:1400px;max-height:900px;transform:translate(-50%,-50%)!important;background:#031426!important;overflow:auto;animation:portalAdvancedOpen .42s cubic-bezier(.18,.82,.2,1)}
.portal-quick-panel.is-advanced .portal-quick-data{max-height:calc(75vh - 125px);background:#02101f!important}
.ai-provider-card{width:100%;min-height:135px;padding:16px;text-align:left;color:#eaf8ff;font:inherit;cursor:pointer}
.ai-provider-card:hover,.ai-provider-card:focus-visible{border-color:#ffe56b;box-shadow:0 0 20px #38d8ff55;outline:none}
.ai-provider-card p{color:#bedbea}.ai-provider-card span{color:#88b9cf;font-size:10px}
@keyframes portalAdvancedOpen{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:900px){.portal-quick-panel{width:auto}.portal-quick-panel.is-advanced{left:2vw!important;top:7vh!important;width:96vw!important;height:88dvh!important;transform:none!important}.portal-quick-panel.is-advanced .portal-quick-data{max-height:calc(88dvh - 125px)}}

/* Phase A: rich, data-led portal cards without adding a second card engine. */
.portal-tile{isolation:isolate;overflow:hidden;min-height:176px;padding:22px 22px 18px}
.portal-tile::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 88% 15%,var(--tile-glow,#28cfff33),transparent 36%),linear-gradient(145deg,#092d49f2,#020b18f8 72%)}
.portal-tile::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:42%;opacity:.42;background:repeating-linear-gradient(90deg,transparent 0 8%,var(--tile-accent,#42d9ff) 8% 9%,transparent 9% 15%);clip-path:polygon(0 85%,8% 56%,16% 70%,25% 30%,34% 62%,44% 42%,54% 70%,64% 24%,74% 52%,84% 18%,93% 45%,100% 12%,100% 100%,0 100%)}
.portal-tile-icon{display:grid;place-items:center;min-width:48px;height:48px;padding:0 8px;border:1px solid var(--tile-accent,#54dcff);border-radius:50%;color:var(--tile-title,#fff1a0);background:#031427d9;box-shadow:0 0 18px var(--tile-glow,#28cfff55);font-size:13px;font-weight:900;letter-spacing:.04em}
.portal-tile>strong{font-size:18px}.portal-tile>p{position:relative;z-index:1;max-width:78%;min-height:44px}.portal-tile-meter{position:absolute;left:22px;right:82px;bottom:29px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--tile-accent,#43dbff) 0 68%,#17334b 68%);box-shadow:0 0 8px var(--tile-glow,#28cfff55)}
.portal-tile[data-source="fenerbahce"]{--tile-accent:#ffe13b;--tile-glow:#ffe13b55;--tile-title:#ffe88a}.portal-tile[data-source="market"],.portal-tile[data-source="btc-news"]{--tile-accent:#39f2a2;--tile-glow:#39f2a244}.portal-tile[data-source="news"]{--tile-accent:#ff8c4c;--tile-glow:#ff8c4c44}.portal-tile[data-source="web-tv"],.portal-tile[data-source="mutmain-tv"]{--tile-accent:#ff497e;--tile-glow:#ff497e44}.portal-tile[data-source="social"]{--tile-accent:#b779ff;--tile-glow:#b779ff44}.portal-tile[data-source="shopping"]{--tile-accent:#ffd45c;--tile-glow:#ffd45c44}.portal-tile[data-source="files"],.portal-tile[data-source="calendar"]{--tile-accent:#64b5ff;--tile-glow:#64b5ff44}.portal-tile[data-source="agents"],.portal-tile[data-source="research"],.portal-tile[data-source="production"],.portal-tile[data-source="music-studio"]{--tile-accent:#4ce7ff;--tile-glow:#4ce7ff55}
.portal-quick-panel:not(.is-advanced){width:min(620px,calc(100vw - 32px));max-height:min(72vh,680px);box-shadow:0 0 0 1px #42d7ff88,0 0 40px #25c7f077,inset 0 0 38px #0b568666,0 18px 55px #000c}
.agent-desk{overflow:hidden}.agent-desk::after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:2px;background:linear-gradient(90deg,transparent,#55e6ff,#ffe55e,transparent);background-size:200% 100%;animation:agentOfficeFlow 4.5s linear infinite;opacity:.55}.agent-desk .agent-light{animation:agentOfficePulse 2.4s ease-in-out infinite}
.ai-provider-card{position:relative;overflow:hidden}.ai-provider-card::before{content:attr(data-provider);position:absolute;right:-4px;bottom:-9px;color:#62dcff12;font-size:44px;font-weight:900;text-transform:uppercase}.ai-provider-card[data-provider="gemini"]{border-color:#658eff}.ai-provider-card[data-provider="openai"]{border-color:#64e8c6}.ai-provider-card[data-provider="nvidia"]{border-color:#86e84a}.ai-provider-card[data-provider="local"],.ai-provider-card[data-provider="local-ai"]{border-color:#ffe166}.ai-provider-card[data-provider="claude"]{border-color:#ef966d}
@keyframes agentOfficeFlow{to{background-position:-200% 0}}@keyframes agentOfficePulse{50%{transform:scale(1.28);filter:brightness(1.25)}}
@media(prefers-reduced-motion:reduce){.agent-desk::after,.agent-desk .agent-light{animation:none!important}}

.portal-fb-quick-list{display:grid;gap:10px}.portal-fb-quick em{grid-column:1/-1;color:#66dcff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.13em}


/* Physical remainder: true card anchor, 78% workspace and a lighter operations-office identity. */
.portal-quick-panel:not(.is-advanced)::after{content:"";position:absolute;width:20px;height:20px;background:#06213a;border:1px solid #f1d65b;transform:rotate(45deg);pointer-events:none;z-index:-1}
.portal-quick-panel[data-placement="top"]::after{left:50%;bottom:-11px;border-left:0;border-top:0}
.portal-quick-panel[data-placement="bottom"]::after{left:50%;top:-11px;border-right:0;border-bottom:0}
.portal-quick-panel[data-placement="right"]::after{left:-11px;top:50%;border-right:0;border-top:0}
.portal-quick-panel[data-placement="left"]::after{right:-11px;top:50%;border-left:0;border-bottom:0}
.portal-quick-panel[data-placement="center"]::after{display:none}
.portal-quick-panel.is-advanced{display:grid!important;grid-template-rows:auto auto minmax(0,1fr);width:78vw!important;height:78vh!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 48px)!important;overflow:hidden!important;box-sizing:border-box}
.portal-quick-panel.is-advanced .portal-quick-data{max-height:none!important;min-height:0;overflow:auto!important;overscroll-behavior:contain}
.web-portal-active #panels .panel.premium-large .card-detail-body .reference-macro{max-height:none!important;overflow:visible!important}
.agent-task-entry{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:18px;padding:14px;border:1px solid #2e789b;border-radius:10px;background:#001526}.agent-task-entry strong,.agent-task-entry small{grid-column:1/-1}.agent-task-entry textarea{min-height:72px;padding:11px;border:1px solid #27688a;border-radius:8px;background:#04172a;color:#eaf8ff;resize:vertical}.agent-task-entry button:disabled{opacity:.55;cursor:not-allowed}
.agent-desk{min-height:178px;padding-top:54px;background:radial-gradient(circle at 50% 25%,#1a86b94d,transparent 31%),linear-gradient(150deg,#082943,#020c19)}.agent-desk .agent-screen{position:absolute;left:17px;right:17px;top:13px;height:31px;border:1px solid #37cfff;border-radius:5px;background:repeating-linear-gradient(180deg,#1adfff22 0 1px,transparent 1px 5px),linear-gradient(90deg,#063152,#0b213a);box-shadow:0 0 13px #24cfff44,inset 0 0 10px #001}.agent-desk .agent-light{z-index:2}.agent-desk em{display:block;margin-top:10px;color:#6fa8c1;font-size:8px;font-style:normal;letter-spacing:.07em}.agent-desk[data-state^="HATA"] .agent-screen{border-color:#ff5d72;box-shadow:0 0 13px #ff5d7244}.agent-desk[data-state^="BEKLİYOR"] .agent-screen{border-color:#ffc94f;box-shadow:0 0 13px #ffc94f44}
.portal-tile[data-source="fenerbahce"]::before{background:radial-gradient(circle at 88% 18%,#ffe13b55,transparent 31%),linear-gradient(135deg,#073064,#03101f 72%)}.portal-tile[data-source="market"]::before{background:linear-gradient(160deg,#063b34,#031320 65%),repeating-linear-gradient(90deg,transparent 0 11%,#41f5a122 11% 12%)}.portal-tile[data-source="news"]::before{background:radial-gradient(circle at 90% 20%,#ff824c55,transparent 35%),linear-gradient(145deg,#3b1820,#061423)}.portal-tile[data-source="web-tv"],.portal-tile[data-source="mutmain-tv"]{background-image:linear-gradient(135deg,#27122e,#031a2c)}.portal-tile[data-source="social"]{background-image:linear-gradient(135deg,#281443,#07182a)}.portal-tile[data-source="shopping"]{background-image:linear-gradient(135deg,#382b0b,#071728)}.portal-tile[data-source="files"],.portal-tile[data-source="calendar"]{background-image:linear-gradient(135deg,#0e3155,#051525)}
@media(max-width:900px){.portal-quick-panel.is-advanced{width:96vw!important;height:88dvh!important}.portal-quick-panel:not(.is-advanced)::after{display:none}}


/* ORCHESTRATOR:PORTAL-CARDS-SCALE-V1 */
@media(min-width:1101px){
.portal-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.portal-tile{grid-column:span 4;min-height:220px;padding:28px 26px 22px}
.portal-tile[data-size="hero"]{grid-column:span 6;min-height:252px}
.portal-tile>strong{font-size:21px}.portal-tile>p{font-size:13px;line-height:1.55;max-width:82%}
.portal-tile-icon{min-width:58px;height:58px;font-size:15px}.portal-tile-meter{left:26px;right:92px;bottom:34px}
}
.agent-desk[data-state="ÇALIŞIYOR"] .agent-screen{border-color:#55e5ff;box-shadow:0 0 20px #29d8ff99,inset 0 0 14px #063}.agent-desk[data-state="ÇALIŞIYOR"] .agent-screen,.agent-desk[data-state="ÇALIŞIYOR"]::after{animation-duration:1.15s}
.agent-desk[data-state="SONUÇ HAZIR"]{border-color:#4deda7;box-shadow:0 0 22px #38e99a44,inset 0 0 20px #08704422}.agent-desk[data-state="SONUÇ HAZIR"] .agent-light{background:#4deda7;box-shadow:0 0 18px #4deda7}.agent-desk[data-state="SONUÇ HAZIR"] .agent-screen{border-color:#4deda7}
.agent-desk[data-state="HATA"]{border-color:#ff6376}.agent-desk[data-state="BEKLİYOR"]{border-color:#ffc752}
.agent-task-entry button{padding:11px 14px;border:1px solid #ffe267;border-radius:8px;background:linear-gradient(180deg,#f3d650,#b98a12);color:#061426;font-weight:900}.agent-task-entry small{color:#8ec7df}
@media(max-width:1100px){.portal-tile{grid-column:auto}}

/* Physical-test delta: vertical cards, one shared 82% HUD, state-bound office motion. */
.portal-quick-panel.is-advanced{width:82vw!important;height:82vh!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
.web-portal-active .portal-quick-panel.is-advanced{z-index:9600}
.portal-quick-panel.is-advanced[hidden]{display:none!important}
.portal-quick-panel.is-advanced .portal-quick-data{overflow:auto!important;max-height:none!important;min-height:0}
@media(min-width:1101px){.portal-tile{grid-column:span 4;min-height:292px;padding:26px 24px 26px}.portal-tile[data-size="hero"]{grid-column:span 4;min-height:338px}.portal-tile>p{min-height:62px;max-width:84%}.portal-tile-meter{bottom:38px}}
.agent-office-grid{perspective:800px;gap:16px}.agent-desk{min-height:220px;padding:66px 18px 38px;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#1d9dd955,transparent 48%),linear-gradient(155deg,#0a3455,#020b18 74%)}
.agent-desk::before{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:34px;border:1px solid #d8bb55;border-radius:5px;background:linear-gradient(180deg,#d8bb5533,#311f0666);box-shadow:0 9px 15px #0008}
.agent-desk .agent-avatar{position:absolute;z-index:2;left:50%;top:42px;width:18px;height:18px;margin-left:-9px;border:2px solid #b8f5ff;border-radius:50%;color:transparent;background:#5be4ff;box-shadow:0 0 14px #59dcff;transform:translateX(-22px)}
.agent-desk .agent-typing{position:absolute;z-index:2;left:50%;top:60px;width:34px;height:12px;border:1px solid #6fdfff;border-radius:3px;background:repeating-linear-gradient(90deg,#9bf6ff 0 2px,transparent 2px 6px);opacity:.35;transform:translateX(-4px)}
.agent-desk .agent-task-ticker{position:absolute;z-index:3;left:14px;right:14px;bottom:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff0a4;font-size:9px;letter-spacing:.04em}
.agent-desk[data-state="ÇALIŞIYOR"] .agent-avatar{animation:agentWorkerMove 1.35s ease-in-out infinite alternate}.agent-desk[data-state="ÇALIŞIYOR"] .agent-typing{opacity:1;animation:agentTyping .48s steps(2,end) infinite}.agent-desk[data-state="ÇALIŞIYOR"] .agent-task-ticker{animation:agentTicker 3.8s linear infinite}.agent-desk[data-state="SONUÇ HAZIR"] .agent-avatar{background:#58efad;border-color:#d0ffe9;box-shadow:0 0 18px #58efad}.agent-desk[data-state="HATA"] .agent-avatar{background:#ff6277;border-color:#ffd0d5}.agent-desk[data-state="BEKLİYOR"] .agent-avatar{background:#ffd35e;border-color:#fff0b8}
@keyframes agentWorkerMove{to{transform:translateX(22px)}}@keyframes agentTyping{50%{filter:brightness(2);transform:translateX(-4px) scaleX(.78)}}@keyframes agentTicker{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(-8px)}}
@media(max-width:900px){.portal-quick-panel.is-advanced{width:96vw!important;height:88dvh!important}.agent-desk{min-height:205px}}@media(prefers-reduced-motion:reduce){.agent-desk .agent-avatar,.agent-desk .agent-typing,.agent-desk .agent-task-ticker{animation:none!important}}

/* FINAL VISUAL TARGET: data-filled navy/gold/cyan cards and structured HUDs. */
.mutmain-web-portal{background:
 linear-gradient(180deg,rgba(1,10,23,.82),rgba(2,17,35,.96)),
 url('/stadium-neon.png') center top/cover fixed!important}
.portal-section{border-color:#bfa63e88!important;box-shadow:0 0 0 1px #1ad8ff22,inset 0 0 42px #002b4f88,0 18px 48px #000a!important}
.portal-grid{align-items:stretch}.portal-tile{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto minmax(118px,1fr) auto;gap:5px 14px;border-color:#d5b93b!important;border-radius:14px!important;background:#031428!important;box-shadow:0 0 0 1px #30d7ff55,0 0 20px #1c9ad944,inset 0 0 28px #0a78b333!important;text-align:left!important}
.portal-tile::after{display:none!important}.portal-tile-meter{display:none!important}.portal-tile-icon{grid-row:1/3}.portal-tile>strong{align-self:end;color:#fff5b8!important;text-shadow:0 0 12px #eacb45aa}.portal-tile>p{grid-column:2;margin:0!important;min-height:0!important;color:#9bd9f2!important}.portal-live-status{grid-column:1/-1;align-self:end;padding-top:8px;border-top:1px solid #30bfe755;color:#61efb0!important}
.portal-source-view{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;min-width:0}.portal-source-row{display:grid;grid-template-columns:minmax(56px,.7fr) minmax(0,1.3fr);align-items:center;gap:8px;min-height:35px;padding:7px 9px;border:1px solid #195b7d;border-radius:7px;background:linear-gradient(110deg,#041d34,#061324cc);box-shadow:inset 0 0 12px #24cfff12}.portal-source-row small{overflow:hidden;color:#65dfff;font-size:9px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.portal-source-row strong{overflow:hidden;color:#eaf8ff;font-size:11px;line-height:1.3;text-align:right;white-space:nowrap;text-overflow:ellipsis}.portal-source-row.up{border-color:#28be80}.portal-source-row.up strong{color:#62f2ad}.portal-source-row.down{border-color:#d84d61}.portal-source-row.down strong{color:#ff7183}.portal-source-row.fb{border-color:#d3b747}.portal-source-row.fb strong{color:#ffe873}.portal-source-row.news,.portal-source-row.event{grid-template-columns:92px minmax(0,1fr)}
.portal-quick-panel{border:1px solid #e0c34d!important;background:linear-gradient(145deg,#061f38f7,#010914fb)!important;box-shadow:0 0 0 1px #35d4ff77,0 0 40px #21b8ec66,inset 0 0 45px #0b568666,0 20px 70px #000d!important}.portal-quick-panel.is-advanced{width:82vw!important;height:82vh!important;border-radius:18px!important}.portal-quick-panel.is-advanced .portal-quick-data{padding:18px!important;background:linear-gradient(180deg,#031a30,#010a15)!important}.portal-source-view.quick,.portal-source-view.advanced{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.portal-source-view.advanced{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.portal-source-view.advanced .portal-source-row{min-height:56px;padding:12px}.portal-source-view.advanced .portal-source-row strong{white-space:normal}.portal-advanced-note{padding:16px;border:1px solid #276b90;border-radius:9px;background:#061f34;color:#bddbea;white-space:pre-wrap}
.portal-agent-office{background:linear-gradient(180deg,#03172ce8,#020b17f5),url('/stadium-neon.png') center/cover!important}.agent-desk{border-color:#d2b83f!important;box-shadow:0 0 0 1px #22cfff44,inset 0 0 24px #0b619044,0 12px 28px #0008!important}.agent-desk .agent-screen{background:linear-gradient(90deg,#063152,#0b213a),url('/hologram.jpeg') center/cover!important;background-blend-mode:screen;opacity:.92}
@media(min-width:1101px){.portal-tile{min-height:328px!important}.portal-tile[data-size="hero"]{min-height:372px!important}.portal-source-view.card{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.portal-tile{min-height:276px!important}.portal-source-view,.portal-source-view.quick,.portal-source-view.advanced{grid-template-columns:1fr}.portal-quick-panel.is-advanced{width:96vw!important;height:88dvh!important}}

/* PREMIUM VISUAL COMMAND CENTER: real-data media surfaces and live Agent Office. */
.portal-tile{grid-template-rows:auto auto minmax(142px,.9fr) minmax(92px,1fr) auto!important;min-height:430px!important}
.portal-tile[data-size="hero"]{min-height:470px!important}
.portal-media-frame{position:relative;grid-column:1/-1;min-width:0;min-height:140px;overflow:hidden;border:1px solid #2bbfe0;border-bottom-color:#d7b936;border-radius:10px;background:radial-gradient(circle at 50% 45%,#0b4d7277,#020a16 72%);box-shadow:inset 0 0 22px #15bfe733,0 0 15px #0009;color:#eaf9ff}
.portal-media-frame.quick{min-height:190px}.portal-media-frame.advanced{min-height:280px;margin:0 0 14px}.portal-media-frame.loading,.portal-media-frame.unavailable{display:grid;place-items:center;color:#8bb8cc;font-size:10px;letter-spacing:.12em}
.portal-media-frame img{display:block;width:100%;height:100%;object-fit:cover}.portal-media-frame>.portal-office-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.03)}
.portal-media-empty{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#0d4970,#03101f 68%);color:#ffe67b;font-weight:900;letter-spacing:.15em}
.portal-media-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 14px 10px;background:linear-gradient(transparent,#010915 38%);text-align:left}.portal-media-caption small,.portal-media-caption strong{display:block}.portal-media-caption small{color:#59ddff;font-size:8px;letter-spacing:.12em}.portal-media-caption strong{margin-top:4px;color:#fff2ad;font-size:11px;line-height:1.35}
.portal-match-stage{position:absolute;inset:0;display:grid;grid-template-columns:1fr .9fr 1fr;align-items:center;gap:8px;padding:12px;background:linear-gradient(90deg,#051b35cc,#06345988,#051b35cc),url('/stadium-neon.png') center/cover}
.portal-visual-team{display:grid;justify-items:center;gap:7px;min-width:0;text-align:center}.portal-visual-team img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 8px #fff7)}.portal-visual-team b{max-width:100%;overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.portal-visual-score{display:grid;justify-items:center;gap:5px}.portal-visual-score small{padding:4px 8px;border-radius:10px;background:#ec2d40;color:#fff;font-size:8px}.portal-visual-score strong{color:#ffe65e;font-size:28px;text-shadow:0 0 15px #ffc800}.portal-visual-score em{max-width:170px;color:#b9eaff;font-size:8px;font-style:normal;line-height:1.35;text-align:center}
.portal-market-visual{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:space-around;gap:10px;padding:16px 14px 10px;background:linear-gradient(180deg,#02131f,#061e2a)}.portal-market-bar{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:5px;min-width:42px;color:#aee6ff}.portal-market-bar>span{position:relative;width:20px;height:100%;min-height:70px;border:1px solid #1f6b75;border-radius:4px;background:#041522}.portal-market-bar>span::after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:var(--level);border-radius:3px;background:linear-gradient(180deg,#72ffd0,#12b975);box-shadow:0 0 10px #37e5a8}.portal-market-bar.down>span::after{background:linear-gradient(180deg,#ff8e9c,#d9324b);box-shadow:0 0 10px #ff586e}.portal-market-bar b{color:#fff3a1;font-size:10px}.portal-market-bar strong{color:#5df0af;font-size:9px}.portal-market-bar.down strong{color:#ff7183}
.portal-channel-wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;background:linear-gradient(145deg,#071d35,#020815)}.portal-channel-mini{display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-width:0;padding:6px;border:1px solid #236988;border-radius:7px;background:#06223b}.portal-channel-mini img,.portal-channel-mini>b{grid-row:1/3;width:24px;height:24px;object-fit:contain}.portal-channel-mini>b{display:grid;place-items:center;border-radius:50%;background:#d52f4b;color:white;font-size:8px}.portal-channel-mini span,.portal-channel-mini small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.portal-channel-mini span{color:#eefbff;font-size:9px}.portal-channel-mini small{color:#5de6ad;font-size:7px}
.portal-office-badge{position:absolute;left:10px;right:10px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #dfbf46;border-radius:7px;background:#02101ce8}.portal-office-badge strong{color:#ffe774}.portal-office-badge span{color:#5fe9c0;font-size:9px}
.portal-file-shelf,.portal-social-visual,.portal-gauges{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-evenly;gap:9px;padding:12px}.portal-folder{display:grid;justify-items:center;min-width:58px;padding:11px 8px;border:1px solid #2d9bc5;border-radius:7px;background:#082b47}.portal-folder b{color:#ffe36b;font-size:22px}.portal-folder strong{color:#fff;font-size:18px}.portal-folder small{color:#70dfff;font-size:7px}.portal-social-visual{flex-wrap:wrap}.portal-social-visual>span{display:grid;justify-items:center;gap:4px;min-width:62px;padding:10px;border:1px solid #396fb0;border-radius:8px;background:#081d38}.portal-social-visual b{color:#ffe263;font-size:18px}.portal-social-visual small{color:#c9efff;font-size:8px}
.portal-calendar-visual,.portal-generic-visual{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:5px}.portal-calendar-visual strong{color:#ffe46c;font-size:58px;line-height:1;text-shadow:0 0 18px #ffcf35}.portal-calendar-visual small{color:#69dcff;letter-spacing:.14em}.portal-calendar-visual span{color:#eefaff;font-size:9px}.portal-generic-visual span{color:#ffe159;font-size:34px}.portal-generic-visual strong{color:#fff0a0}.portal-generic-visual small{color:#65dfff}
.portal-gauge{--gauge:0%;display:grid;place-items:center;align-content:center;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#031426 56%,transparent 58%),conic-gradient(#52e7ff var(--gauge),#183247 0);box-shadow:0 0 16px #33cfff44}.portal-gauge strong{color:#ffe67a}.portal-gauge small{color:#82dfff;font-size:8px}

.portal-agent-office{overflow:hidden!important;padding-bottom:28px!important;background:#020914!important}.agent-office-scene{position:relative;min-height:clamp(430px,48vw,760px);overflow:hidden;border:1px solid #d5b83d;border-radius:16px;background:linear-gradient(180deg,#00102211,#00102255),url('/agent-office-premium.png') center/cover no-repeat;box-shadow:0 0 0 1px #35d8ff55,inset 0 0 42px #022a4d,0 20px 54px #000b;isolation:isolate}.agent-office-scene::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,#23d6ff22,transparent 24%),linear-gradient(90deg,#00101f88,transparent 19% 81%,#00101f88)}
.agent-scene-core{position:absolute;left:50%;top:49%;display:grid;place-items:center;width:110px;height:110px;translate:-50% -50%;border:1px solid #ffe165;border-radius:50%;background:#03182acc;color:#fff0a0;font-size:12px;font-weight:900;line-height:1.4;text-align:center;white-space:pre-line;box-shadow:0 0 32px #35dcff,inset 0 0 28px #1794ca;animation:agentCorePulse 3.2s ease-in-out infinite}.agent-scene-core::after{content:"";position:absolute;inset:-18px;border:1px dashed #5ee8ff;border-radius:50%;animation:portalHoloSpin 14s linear infinite}
.agent-scene-pod{position:absolute;width:min(230px,25%);padding:9px 10px;border:1px solid #45d8ff;border-bottom-color:#e2c148;border-radius:9px;background:linear-gradient(135deg,#03182aee,#061f37e8);box-shadow:0 0 18px #18b9e966;color:#eefbff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.agent-scene-pod:hover,.agent-scene-pod:focus-visible{z-index:4;transform:scale(1.04);border-color:#ffe25c;outline:none}.agent-scene-pod strong,.agent-scene-pod small,.agent-scene-pod p{display:block;margin:0}.agent-scene-pod strong{padding-right:18px;color:#fff0a5;font-size:10px}.agent-scene-pod small{margin:3px 0;color:#5ce9b0;font-size:8px}.agent-scene-pod p{overflow:hidden;color:#c1e5f5;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.agent-scene-light{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#59e8a4;box-shadow:0 0 11px #59e8a4}.agent-scene-pod[data-state="ÇALIŞIYOR"]{animation:agentWorkPod 1.6s ease-in-out infinite alternate}.agent-scene-pod[data-state="SONUÇ HAZIR"]{border-color:#57e8a7}.agent-scene-pod[data-state="HATA"]{border-color:#ff6679}.agent-scene-pod[data-state="HATA"] .agent-scene-light{background:#ff5f73}.agent-scene-pod[data-state="BEKLİYOR"] .agent-scene-light{background:#ffd55e}.pod-1{left:2%;top:8%}.pod-2{right:2%;top:8%}.pod-3{left:2%;top:42%}.pod-4{right:2%;top:42%}.pod-5{left:10%;bottom:5%}.pod-6{right:10%;bottom:5%}
.agent-scene-stats{position:absolute;left:50%;bottom:3%;translate:-50% 0;padding:8px 15px;border:1px solid #d7b941;border-radius:18px;background:#021222e8;color:#ffe777;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap;box-shadow:0 0 18px #20cbff66}.agent-office-grid{margin-top:18px}
@keyframes agentCorePulse{50%{filter:brightness(1.24);box-shadow:0 0 48px #35dcff,inset 0 0 34px #1794ca}}@keyframes agentWorkPod{to{box-shadow:0 0 28px #24d9ff99,inset 0 0 15px #0b6a8f}}
@media(max-width:900px){.portal-tile,.portal-tile[data-size="hero"]{min-height:420px!important}.agent-office-scene{min-height:540px;background-position:center}.agent-scene-core{width:82px;height:82px}.agent-scene-pod{width:42%;}.pod-1{left:2%;top:5%}.pod-2{right:2%;top:5%}.pod-3{left:2%;top:31%}.pod-4{right:2%;top:31%}.pod-5{left:2%;bottom:12%}.pod-6{right:2%;bottom:12%}.agent-scene-stats{bottom:3%;max-width:92%;overflow:hidden;text-overflow:ellipsis}.portal-channel-wall{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.agent-scene-core,.agent-scene-core::after,.agent-scene-pod{animation:none!important}}

/* Content-specific motion is decorative; activity labels remain real. */
.portal-news-link{display:grid;gap:8px;padding:14px;border:1px solid #247b9a;border-radius:12px;background:#061c30;color:#eaf8ff;text-decoration:none;text-align:left;min-width:0}.portal-news-link img{width:100%;max-height:160px;object-fit:cover;border-radius:8px}.portal-news-link strong{font-size:15px;line-height:1.35}.portal-news-link p{margin:0;font-size:12px;line-height:1.5}.portal-news-link small{color:#72deff}.portal-news-link:hover{border-color:#ffe16a}
.portal-tile-icon{font-size:30px!important;animation:content-symbol-float 5s ease-in-out infinite alternate}.portal-tile:nth-child(even) .portal-tile-icon{animation-delay:-2s}
.portal-social-visual b{font-size:46px!important}.portal-social-visual span{min-width:92px!important;min-height:104px!important}
.agent-walking-avatar{display:block;font-size:38px;animation:office-walk 8s ease-in-out infinite alternate;pointer-events:none}.pod-2 .agent-walking-avatar,.pod-4 .agent-walking-avatar{animation-delay:-4s}.agent-desk .agent-avatar{font-size:28px;animation:content-symbol-float 4s ease-in-out infinite alternate!important;background:none!important;border:0!important}
.portal-media-frame.btc-news .portal-generic-visual>span{font-size:72px;animation:content-symbol-float 4s ease-in-out infinite alternate}.portal-media-frame.market .portal-market-bar b{font-size:22px}.portal-media-frame.news .portal-media-empty{font-size:28px;letter-spacing:.15em}
@keyframes office-walk{0%,15%{transform:translateX(-24px) rotate(-5deg)}45%,55%{transform:translateX(24px) rotate(5deg)}85%,100%{transform:translateX(-8px) rotate(-3deg)}}
@keyframes content-symbol-float{from{transform:translateX(-5px) translateY(2px) rotate(-5deg)}to{transform:translateX(6px) translateY(-4px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.agent-walking-avatar,.agent-desk .agent-avatar,.portal-tile-icon{animation:none!important}}

/* Agent Office V2: one shared read-only office fed by live orchestrator state. */
.portal-agent-office{padding-inline:max(2vw,18px)!important}.agent-office-v2{min-height:760px!important;background:linear-gradient(180deg,#00132622,#00101ecc 96%),url('/agent-office-premium.png') center/cover no-repeat!important}.agent-office-v2::after{content:"";position:absolute;inset:70px 0 0;z-index:-1;background:linear-gradient(90deg,transparent,#36cfff18 50%,transparent),radial-gradient(ellipse at 50% 54%,#38d9ff32,transparent 24%);pointer-events:none}.agent-office-head{position:absolute;z-index:5;top:14px;left:22px;right:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:10px 15px;border:1px solid #38cef0;border-bottom-color:#e7c84c;border-radius:10px;background:linear-gradient(90deg,#031426f2,#052a42e8,#031426f2);box-shadow:0 8px 24px #0009,inset 0 0 18px #24c9ff22}.agent-office-title{color:#fff0a1;font:800 18px/1 Georgia,serif;letter-spacing:.08em}.agent-office-head small{color:#8fdcf3;font-size:8px;letter-spacing:.18em}.agent-office-live{justify-self:end;padding:5px 9px;border:1px solid #4de4a4;border-radius:12px;color:#7affbf;background:#063027;font-size:8px;letter-spacing:.14em}.agent-office-live::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#58efa9;box-shadow:0 0 9px #58efa9}
.agent-office-v2 .agent-scene-core{z-index:3;top:51%;width:122px;height:122px;background:radial-gradient(circle,#0c5682e8,#021426f2 68%);font-size:11px}.agent-office-v2[data-active="1"] .agent-scene-core{animation-duration:1.8s}.agent-office-v2[data-coordinated="1"] .agent-scene-core::before{content:"KOORDİNASYON";position:absolute;top:-37px;padding:4px 8px;border:1px solid #f3d450;border-radius:10px;color:#ffe77f;background:#041426;font-size:7px;letter-spacing:.12em;white-space:nowrap}
.agent-office-zones{position:absolute;inset:76px 18px 62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:122px 10px;align-items:stretch}.office-zone{position:relative;min-width:0;padding:24px 7px 7px;border:1px solid #247ea0;border-bottom-color:#d4b83f;border-radius:10px;background:linear-gradient(155deg,#052a43d9,#020d1add);box-shadow:inset 0 0 18px #22cfff1f,0 8px 18px #0009}.office-zone::after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:3px;background:linear-gradient(90deg,transparent,#3bdcff,#ffe15b,transparent);opacity:.45}.office-zone-title{position:absolute;top:7px;left:8px;right:8px;overflow:hidden;color:#ffe77e;font-size:8px;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.office-zone-team{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-items:center;gap:5px 2px}.zone-web .office-zone-team,.zone-system .office-zone-team{grid-template-columns:repeat(3,minmax(0,1fr))}
.office-agent{position:relative;display:grid;justify-items:center;gap:3px;width:100%;min-width:0;padding:2px;border:0;color:#eaf9ff;background:transparent;cursor:pointer}.office-agent:focus-visible{outline:1px solid #ffe46c;border-radius:7px}.office-agent:hover{z-index:7}.office-robot{position:relative;display:block;width:34px;height:48px;filter:drop-shadow(0 0 7px #34d9ff88);transform-origin:50% 100%}.robot-head{position:absolute;left:6px;top:0;width:22px;height:17px;border:2px solid #dfc14d;border-radius:46% 46% 38% 38%;background:linear-gradient(145deg,#f0d55f,#33465c 45%,#07131f 62%);box-shadow:inset 0 0 6px #60e7ff}.robot-face{position:absolute;inset:4px 3px 3px;border-radius:5px;background:linear-gradient(90deg,#2ce7ff 0 28%,#06243a 29% 70%,#2ce7ff 71%);box-shadow:0 0 6px #43e6ff}.robot-body{position:absolute;left:7px;top:19px;width:20px;height:22px;border:1px solid #d9bd4b;border-radius:6px 6px 8px 8px;background:linear-gradient(145deg,#d8b83f,#14283a 48%,#050e19);box-shadow:inset 0 0 7px #2edfff66}.robot-badge{position:absolute;inset:5px 2px auto;color:#fff09b;font:700 6px/1 sans-serif;text-align:center}.robot-arm,.robot-leg{position:absolute;display:block;width:4px;border-radius:3px;background:#d6b847;transform-origin:50% 0}.robot-arm{top:4px;height:16px}.robot-arm.left{left:-5px;rotate:12deg}.robot-arm.right{right:-5px;rotate:-12deg}.robot-leg{top:19px;height:10px}.robot-leg.left{left:4px}.robot-leg.right{right:4px}.office-agent-label{display:block;width:100%;min-width:0;padding:4px 3px;border:1px solid #246782;border-radius:5px;background:#021526e8;text-align:center;box-shadow:0 3px 7px #0007}.office-agent-label strong,.office-agent-label small,.office-agent-label em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-agent-label strong{color:#fff0a0;font-size:6.5px}.office-agent-label small{margin-top:2px;color:#65e3ba;font-size:6px}.office-agent-label em{display:none;color:#a8d8e9;font-size:6px;font-style:normal}.office-agent:hover .office-agent-label{position:absolute;z-index:8;top:48px;width:150px;padding:7px}.office-agent:hover .office-agent-label em{display:block;margin-top:4px;white-space:normal}.office-agent[data-state="waiting-user"] .office-agent-label,.office-agent[data-state="queued"] .office-agent-label{border-color:#e5bd45}.office-agent[data-state="waiting-user"] .office-agent-label small,.office-agent[data-state="queued"] .office-agent-label small{color:#ffd65d}.office-agent[data-state="done"] .office-agent-label{border-color:#47d99b}.office-agent[data-state="failed"] .office-agent-label{border-color:#ff6378}.office-agent[data-state="failed"] .office-agent-label small{color:#ff8494}.office-agent[data-state="failed"] .office-robot{filter:drop-shadow(0 0 8px #ff536c99)}
.office-agent[data-state="idle"] .office-robot{animation:officeIdle 4.8s ease-in-out infinite}.office-agent[data-state="queued"] .office-robot{animation:officeQueue 1.8s ease-in-out infinite}.office-agent[data-state="analyzing"] .office-robot{animation:officeAnalyze 2.8s ease-in-out infinite alternate}.office-agent[data-state="planning"] .office-robot{animation:officePlan 3.2s ease-in-out infinite alternate}.office-agent[data-state="executing"] .office-robot{animation:officeWork 1.15s ease-in-out infinite}.office-agent[data-state="executing"] .robot-arm{animation:officeType .38s ease-in-out infinite alternate}.office-agent[data-state="validating"] .robot-face{animation:officeScan .75s linear infinite}.office-agent[data-state="waiting-user"] .office-robot{animation:officeWait 2.4s ease-in-out infinite}.office-agent[data-state="done"] .office-robot{animation:officeDeliver 2.3s ease-in-out infinite}.office-agent:nth-child(2n) .office-robot{animation-delay:-1.1s}.office-agent:nth-child(3n) .office-robot{animation-delay:-2.2s}@keyframes officeIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes officeQueue{50%{transform:translateY(-4px) scale(1.03)}}@keyframes officeAnalyze{to{transform:translateX(12px) rotate(3deg)}}@keyframes officePlan{to{transform:translateX(-11px) rotate(-3deg)}}@keyframes officeWork{50%{transform:translateY(-2px) scale(1.04)}}@keyframes officeType{to{rotate:34deg}}@keyframes officeScan{to{filter:hue-rotate(120deg);background-position:18px 0}}@keyframes officeWait{50%{filter:drop-shadow(0 0 12px #ffd45b)}}@keyframes officeDeliver{50%{transform:translateY(-5px);filter:drop-shadow(0 0 13px #54efac)}}
.agent-office-v2 .agent-scene-stats{z-index:6;bottom:14px;max-width:88%;overflow:hidden;text-overflow:ellipsis}.ui-paused .agent-office-v2 *,.mutmain-web-portal[hidden] .agent-office-v2 *{animation-play-state:paused!important}
@media(max-width:1200px){.agent-office-v2{min-height:920px!important}.agent-office-zones{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:10px;padding-bottom:54px;overflow:auto}.agent-office-v2 .agent-scene-core{display:none}.office-zone{min-height:142px}.zone-web .office-zone-team,.zone-system .office-zone-team{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.agent-office-v2{min-height:1080px!important}.agent-office-head{grid-template-columns:1fr auto}.agent-office-head small{display:none}.agent-office-zones{grid-template-columns:repeat(2,minmax(0,1fr));inset-inline:9px}.office-zone{min-height:150px}.zone-web .office-zone-team,.zone-system .office-zone-team{grid-template-columns:repeat(3,minmax(0,1fr))}.office-agent-label strong{font-size:6px}}
@media(prefers-reduced-motion:reduce){.agent-office-v2 *{animation:none!important}}

.portal-domain-hero{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;background:radial-gradient(ellipse at 35% 20%,#155477,#041525 70%);color:#ffdf5e}.portal-domain-hero>b{font-size:64px;line-height:1;animation:content-symbol-float 5s ease-in-out infinite alternate}.portal-domain-hero>small{color:#b4ddee}.portal-domain-hero.shopping{background:radial-gradient(ellipse at 30% 20%,#645820,#051729 70%)}.portal-next-matches{grid-column:1/-1}.portal-next-matches>.premium-match{margin:6px 0}.portal-source-view>.standings-shell,.portal-europe-content,.portal-source-view>.europe-home-league{grid-column:1/-1;width:100%;min-width:0}.portal-source-view .premium-match{font-size:12px}.portal-source-view .standings-mini{max-height:240px;overflow:auto}.portal-europe-content .premium-match img{max-width:32px;max-height:32px}.portal-source-view .standings-table{font-size:11px}
@media(prefers-reduced-motion:reduce){.portal-domain-hero>b{animation:none!important}}

/* Scoped runtime repair: card HUDs remain above Web, without transparent text layers. */
body.web-portal-active.portal-hud-open .mutmain-web-portal{opacity:1;filter:brightness(.32);pointer-events:none}
body.web-portal-active.portal-hud-open #panels .panel,
.portal-quick-panel{background:#041426!important;backdrop-filter:none!important;opacity:1!important}
.portal-quick-panel .portal-quick-data{background:#041426!important}
.portal-news-identity{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;padding-bottom:64px;background:repeating-linear-gradient(0deg,transparent 0 17px,#63d9ff12 18px 19px),radial-gradient(ellipse at 35% 30%,#15577b,#051324 75%)}
.portal-news-identity b{font-size:64px;color:#ffe16a;animation:content-symbol-float 6s ease-in-out infinite alternate}.portal-news-identity span{color:#75dfff;font-size:12px;letter-spacing:.2em}
.portal-social-visual [data-brand="whatsapp"] b{color:#25d366}.portal-social-visual [data-brand="facebook"] b{color:#4890ff}.portal-social-visual [data-brand="youtube"] b{color:#ff4141}.portal-social-visual [data-brand="instagram"] b{color:#ed62ae}
.agent-desk .agent-avatar{color:#ffe16a!important;width:42px!important;height:42px!important;text-shadow:0 0 12px #45cfff;box-shadow:none!important}
.portal-quick-panel.is-advanced .portal-media-frame{min-height:210px;max-height:32vh}.portal-quick-panel.is-advanced .portal-source-view{align-content:start}
.europe-fixture-controls{grid-column:1/-1;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.europe-fixture-controls input{min-width:128px;max-width:155px;padding:6px 7px;border:1px solid #176b8e;border-radius:6px;background:#03182a;color:#dff7ff}.europe-fixture-controls button{padding:6px 9px;color:#c9eefe}.europe-fixture-controls button.active{border-color:#f1ce43;background:#674b08;color:#fff2a5}.europe-fixture-controls button:hover{border-color:#50eaff}.europe-period-title,.europe-no-fixtures,.europe-source-state,.europe-more-fixtures{grid-column:1/-1;margin:4px 2px;color:#9ad8e9;font-size:10px}.europe-period-title{color:#ffdc54}.portal-source-view .europe-home-league{grid-column:1/-1}.portal-europe-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:360px;overflow:auto;padding:4px}.portal-europe-content>.standings-shell{grid-column:1/-1}.portal-europe-content .premium-match{min-width:0}.portal-europe-content .premium-match small{white-space:normal}
.portal-tile .portal-source-row strong{white-space:normal}.portal-tile .portal-media-frame{align-self:stretch}.portal-news-link:focus-visible{outline:2px solid #ffe16a}
@media(max-width:600px){.portal-source-view.card{grid-template-columns:1fr!important}.portal-social-visual>span{min-width:72px!important;padding:6px}.portal-social-visual b{font-size:34px!important}.portal-quick-panel.is-advanced .portal-source-view{grid-template-columns:1fr}.portal-channel-wall{gap:5px;padding:6px}.portal-tile{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.portal-news-identity b{animation:none!important}}

/* Calendar only: preserve all seven weekday columns on narrow phones. */
@media(max-width:600px){
 body.orbital-ui.readability-ui #panels .panel.calendar-premium-focus{padding:14px!important;overflow-x:hidden!important}
 #panels .calendar-premium-focus>.cinematic-side,#panels .calendar-premium-focus .cinematic-banner{display:none!important}
 #panels .calendar-premium-focus .calendar-focus-body,#panels .calendar-premium-focus .calendar-focus-shell{width:100%!important;min-width:0!important;overflow-x:hidden!important}
 #panels .calendar-premium-focus .calendar-focus-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;padding:0!important}
 #panels .calendar-premium-focus .calendar-focus-tabs button{padding:8px 2px!important;min-width:0!important;font-size:11px!important}
 #panels .calendar-premium-focus .calendar-focus-layout{display:block!important;padding:0!important}
 #panels .calendar-premium-focus .calendar-focus-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important}
 #panels .calendar-premium-focus .calendar-focus-grid .calendar-day{padding:5px 1px!important;min-width:0!important;min-height:50px!important}
 #panels .calendar-premium-focus .calendar-focus-grid .calendar-day strong{font-size:12px!important}
 #panels .calendar-premium-focus .calendar-focus-grid .calendar-day small{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px!important}
 #panels .calendar-premium-focus .calendar-date-selectors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0!important}
 #panels .calendar-premium-focus select{min-width:0!important;width:100%!important;font-size:12px!important}
}

/* VisualCardRenderer V2 — every generation uses the same live visual shell. */
#mutmain-web-portal .web-view-stage .web-node{width:340px;min-height:280px;padding:0 12px 12px;border:1px solid #67dfff;border-bottom:3px solid #d8b24b;border-radius:12px;background:linear-gradient(155deg,#10314bf5,#020b18fa);box-shadow:0 0 3px #9aedff,inset 0 0 24px #51b9e520,8px 12px 25px #000a;transition:box-shadow .2s,filter .2s;overflow:hidden;isolation:isolate}
#mutmain-web-portal .web-view-stage .web-node:hover{box-shadow:0 0 22px #51d8ff77,inset 0 0 20px #ffe07c20;filter:brightness(1.15)}
#mutmain-web-portal .web-view-stage .web-node.selected{outline:3px solid #ffe58a;box-shadow:0 0 30px #ffe16b88;z-index:4}
#mutmain-web-portal .web-view-stage .web-node-title{font-size:17px;letter-spacing:.025em;line-height:1.2;padding-top:9px;color:#fff0b9;text-shadow:0 1px 8px #050914}
#mutmain-web-portal .web-view-stage .web-node-summary{font-size:11px;height:27px;margin:3px 0 7px;color:#a9d7e8}
#mutmain-web-portal .web-view-stage .web-node>button:not(.web-node-title){font-size:10px;margin-right:5px;border-color:#63869b;background:linear-gradient(#123952,#051a2d)}
#mutmain-web-portal .wv-card-visual{position:relative;height:168px;margin:0 -12px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#1a5773,#030d1d 75%);border-bottom:1px solid #5ce7ff6b;pointer-events:none}
#mutmain-web-portal .wv-card-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#c7f7ff24 46%,transparent 65%);transform:translateX(-120%);pointer-events:none}
#mutmain-web-portal .web-node:hover .wv-card-visual:after{animation:wv-scan 1.2s ease-out}
#mutmain-web-portal .wv-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#3180ad44,transparent 60%),linear-gradient(150deg,#061c36,#020916)}
#mutmain-web-portal .wv-art:before{content:'';position:absolute;inset:10% 18%;border:1px solid #66ddff7a;border-radius:50%;box-shadow:0 0 20px #43baff44,inset 0 0 14px #43baff44;transform:rotateX(45deg) rotate(-15deg)}
#mutmain-web-portal .wv-art:after{content:'';position:absolute;left:-20%;right:-20%;bottom:-30%;height:65%;background:repeating-linear-gradient(90deg,transparent 0 25px,#55bfe344 26px 27px),repeating-linear-gradient(0deg,transparent 0 15px,#55bfe344 16px 17px);transform:perspective(160px) rotateX(50deg);transform-origin:top}
#mutmain-web-portal .wv-ray{position:absolute;left:calc(12% + var(--i)*11%);top:calc(12% + mod(var(--i),3)*8%);width:17%;height:48%;border:1px solid #68d9ff88;background:linear-gradient(145deg,#277cb366,#051222);box-shadow:0 0 8px #2bbcff33;transform:perspective(280px) rotateY(-22deg) translateY(calc(var(--i)*3px))}
#mutmain-web-portal .wv-art-symbol{position:absolute;z-index:2;left:0;right:0;top:22%;text-align:center;font:600 56px Georgia,serif;color:#b2efff;text-shadow:0 0 16px #39cfff,0 0 5px #fff}
#mutmain-web-portal .wv-art-market .wv-ray{height:calc(20% + var(--i)*7%);top:auto;bottom:20%;width:7%;background:linear-gradient(#61ffb477,#02432c);border-color:#59e6b7}
#mutmain-web-portal .wv-art-archive .wv-ray{width:10%;height:60%;transform:skewY(-8deg);background:linear-gradient(90deg,#604f26,#15273e);border-color:#e5c470}
#mutmain-web-portal .wv-art-system .wv-ray{top:auto;bottom:12%;height:calc(25% + var(--i)*8%);width:10%;background:repeating-linear-gradient(#095177 0 7px,#062035 8px 14px)}
#mutmain-web-portal .wv-art-news:before,#mutmain-web-portal .wv-art-life:before{inset:4% 28%;border-radius:50%;transform:none;background:repeating-radial-gradient(ellipse at center,transparent 0 13px,#50dbff88 14px 15px),radial-gradient(ellipse at 65% 35%,#dbc97833,#125a9188 55%,#010718);box-shadow:inset -15px -10px 25px #000,0 0 24px #57cdff}
#mutmain-web-portal .wv-art-news .wv-ray,#mutmain-web-portal .wv-art-life .wv-ray{opacity:.5;height:27%;top:40%}
#mutmain-web-portal .wv-scene-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.73;mix-blend-mode:screen}
#mutmain-web-portal .wv-live-gallery{position:absolute;inset:10px 12px 40px;display:flex;align-items:center;justify-content:center;gap:7px;z-index:3}
#mutmain-web-portal .wv-live-gallery img{max-width:65%;width:auto;height:100%;object-fit:contain;border-radius:5px;filter:drop-shadow(0 3px 10px #000);min-width:0}
#mutmain-web-portal .wv-live-gallery img:only-child{width:100%;max-width:100%;object-fit:cover;border:1px solid #58c4e588}
#mutmain-web-portal .wv-kind-sport .wv-live-gallery img{max-width:30%;height:70%;object-fit:contain;border:0}
#mutmain-web-portal .wv-visual-caption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:7px 12px;background:linear-gradient(transparent,#01101ef5 35%);text-shadow:0 1px 3px #000}
#mutmain-web-portal .wv-visual-caption small{display:block;color:#7ed1ef;font-size:8px;letter-spacing:1px}
#mutmain-web-portal .wv-visual-caption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.3;color:#fff2c1}
#mutmain-web-portal .wv-live-chart{position:absolute;inset:12px 16px 48px;display:flex;gap:9px;align-items:stretch;z-index:4;background:linear-gradient(transparent,#001523aa)}
#mutmain-web-portal .wv-chart-column{flex:1;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;color:#7cffc2;font-size:11px}
#mutmain-web-portal .wv-chart-column>span{width:70%;height:var(--value);max-height:64%;min-height:2px;background:linear-gradient(#75f9caaa,#146554);border-top:2px solid #b4fff2;box-shadow:0 0 10px #4af7b355}
#mutmain-web-portal .wv-chart-column.down{color:#ff998b}#mutmain-web-portal .wv-chart-column small{font-size:9px}
#mutmain-web-portal .wv-live-statuses{position:absolute;inset:12px 10px 45px;z-index:4;display:flex;flex-wrap:wrap;align-content:center;gap:5px}
#mutmain-web-portal .wv-status-chip{font-size:10px;max-width:46%;padding:6px;border:1px solid #6bcfe0;background:#03162dde;border-radius:6px;box-shadow:0 0 7px #66d7ff44;color:#fff1b5}
#mutmain-web-portal .wv-status-chip small{display:block;color:#81d5e5;font-size:8px}
#mutmain-web-portal .web-view-stage .web-view-lines{stroke:#e9c763aa;stroke-width:2.5;filter:drop-shadow(0 0 4px #4de2ff)}
#mutmain-web-portal .web-view-stage .web-view-lines .selected{stroke:#ffec8b;stroke-dasharray:9 8;animation:wv-flow 2s linear 3}
#mutmain-web-portal .web-view-stage .web-map-core{width:340px;height:230px;border:1px solid #83dfff;border-radius:50%;isolation:isolate;overflow:hidden;background:#061b30;box-shadow:0 0 45px #34bfff55,inset 0 0 45px #ffdf5f33}
#mutmain-web-portal .web-map-core .wv-art{z-index:-1}
#mutmain-web-portal .web-map-core strong{font-size:24px;text-shadow:0 0 13px #12303c}
#mutmain-web-portal .web-map-core small{font-size:9px;color:#a4d9e7}
#mutmain-web-portal .wv-thumbnail{height:48px;width:100%;position:relative;overflow:hidden;border-radius:5px;display:block;background:#04142b;margin-bottom:3px}
#mutmain-web-portal .wv-thumbnail .wv-art-symbol{font-size:25px}
#mutmain-web-portal .wv-thumb-screen{position:absolute;left:calc(7% + var(--i)*18%);top:calc(6px + var(--i)*3px);width:23%;height:27px;border:1px solid #75dcff;box-shadow:0 0 5px #5ebfee;background:linear-gradient(135deg,#153c63aa,#051126),url('/stadium-neon.png') center/cover;transform:perspective(90px) rotateY(-20deg)}
#mutmain-web-portal .wv-thumb-3 .wv-thumb-screen{height:calc(18px + var(--i)*5px);top:auto;bottom:1px;width:12%}
#mutmain-web-portal .wv-thumb-4 .wv-thumb-screen{transform:rotate(calc(-24deg + var(--i)*10deg));height:36px;background:linear-gradient(90deg,#2b719b,#081c35);border-color:#d5f4ff}
#mutmain-web-portal .wv-thumb-6 .wv-art{background:conic-gradient(#061e39,#60285b,#31c1de,#091426,#be8a54,#061e39)}
#mutmain-web-portal .wv-thumb-8 .wv-thumb-screen{transform:rotate(-8deg) translateY(calc(var(--i)*-3px))}
#mutmain-web-portal[data-active-web-view="3"] .web-view-stage .web-node{border-top:12px solid #6ccfeb;border-radius:2px 2px 8px 8px;box-shadow:15px 15px 0 #0c2d49,16px 16px 1px #539ed3}
#mutmain-web-portal[data-active-web-view="4"] .web-view-stage .web-node{width:520px;min-height:470px;padding:0 20px 20px;border-left:12px double #dbca8d;border-radius:4px 28px 28px 4px;box-shadow:10px 8px 0 #99c4da33,20px 14px 0 #8cc9e622;transform:perspective(1400px) rotateY(-8deg)}
#mutmain-web-portal[data-active-web-view="4"] .web-view-stage .wv-card-visual{height:330px;margin:0 -20px}
#mutmain-web-portal[data-active-web-view="4"] .web-node:nth-of-type(even){transform:perspective(1400px) rotateY(8deg);border-left:1px solid #dbca8d;border-right:12px double #dbca8d}
#mutmain-web-portal[data-active-web-view="5"] .web-view-stage .web-map-core{left:430px!important;top:400px!important;width:500px;height:500px;font-size:20px}
#mutmain-web-portal[data-active-web-view="5"] .web-map-core .wv-art-symbol{display:none}
#mutmain-web-portal[data-active-web-view="5"] .web-map-core .wv-art:before{inset:4%;border-radius:50%;border:2px solid #91eaff;background:repeating-radial-gradient(ellipse,transparent 0 30px,#45c4eb77 31px 33px),radial-gradient(circle at 35% 35%,#498fb5,#052344 70%);transform:none;box-shadow:inset -40px -35px 70px #000,0 0 40px #21b9ff}
#mutmain-web-portal[data-active-web-view="6"] .web-map-core{border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 55px #a86dee88;border-color:#d7a9ff}
#mutmain-web-portal[data-active-web-view="7"] .web-view-stage .web-node{border-radius:35px 35px 14px 14px;border-top:7px double #84e6f0;box-shadow:0 0 24px #54cded55,0 12px 0 #061928}
#mutmain-web-portal .web-view-stage .web-view-canvas{inset:65px 0 40px;background-color:#020d1c;background-image:radial-gradient(ellipse at 45% 45%,#17618a44,transparent 65%),radial-gradient(#97dfff60 .8px,transparent 1px);background-size:auto,45px 45px}
#mutmain-web-portal .wv-born{animation:wv-emerge .3s ease-out both}
#mutmain-web-portal .wv-data-pulse{animation:wv-pulse .7s ease-out}
@keyframes wv-emerge{from{opacity:0;filter:brightness(2);scale:.92}to{opacity:1;filter:brightness(1);scale:1}}
@keyframes wv-pulse{0%,100%{filter:brightness(1)}40%{filter:brightness(1.8)}}
@keyframes wv-flow{to{stroke-dashoffset:-100}}
@keyframes wv-scan{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .web-view-stage *,#mutmain-web-portal .wv-thumbnail *{animation:none!important;transition:none!important}}
body.web-portal-active:has(#mutmain-web-portal.web-view-active) .mode-pip{top:5px!important;width:268px!important}
body.web-portal-active:has(#mutmain-web-portal.web-view-active) .mode-pip .preview-screen,body.web-portal-active:has(#mutmain-web-portal.web-view-active) .mode-pip .mode-preview>small{display:none!important}
body.web-portal-active:has(#mutmain-web-portal.web-view-active) .mode-pip .mode-preview{padding:13px!important}
#mutmain-web-portal .wv-live-ledger{position:absolute;inset:8px 10px 43px;z-index:4;display:grid;gap:4px;align-content:center}
#mutmain-web-portal .wv-live-ledger>span{display:block;padding:5px 7px;border-left:2px solid #f4d775;background:#02172ee6;box-shadow:0 0 9px #4cc6e133;border-radius:3px;max-height:38px;overflow:hidden}
#mutmain-web-portal .wv-live-ledger b{display:block;color:#effbff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mutmain-web-portal .wv-live-ledger small{display:block;color:#a9cbe0;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mutmain-web-portal[data-active-web-view="5"] .web-view-stage .web-map-core{left:530px!important;top:310px!important;width:390px;height:290px;border-radius:50%}
#mutmain-web-portal[data-active-web-view="5"] .web-map-core .wv-art:before{inset:2% 12%}
#mutmain-web-portal[data-active-web-view="1"] .web-view-stage .web-view-canvas{background-image:repeating-radial-gradient(ellipse at 50% 20%,transparent 0 120px,#60b9d936 122px 124px,transparent 126px 220px),linear-gradient(100deg,#152f40,#02091b 50%,#183041)}
#mutmain-web-portal[data-active-web-view="3"] .web-view-stage .web-view-canvas{background-image:repeating-linear-gradient(30deg,transparent 0 110px,#429ac438 112px 114px),repeating-linear-gradient(-30deg,#06182c 0 110px,#429ac438 112px 114px);background-size:auto}
#mutmain-web-portal[data-active-web-view="4"] .web-view-stage .web-view-canvas{background:radial-gradient(ellipse at 50% 80%,#d9ad3733,transparent 55%),linear-gradient(90deg,#021329,#0e2234,#021329)}
#mutmain-web-portal[data-active-web-view="6"] .web-view-stage .web-view-canvas{background:repeating-conic-gradient(from 30deg at 50% 50%,#031128 0deg,#51396933 22deg,#072243 25deg,#103850 27deg,#031128 55deg)}
#mutmain-web-portal[data-active-web-view="1"] .web-view-stage .web-view-canvas{background-size:auto,auto}
#mutmain-web-portal[data-active-web-view="8"] .web-view-stage .web-map-core{height:155px}
#mutmain-web-portal .wv-world-outline{position:absolute;inset:5% 10%;width:80%;height:85%;fill:#57bcce66;stroke:#9dedff;stroke-width:1;filter:drop-shadow(0 0 5px #49c6ed);opacity:.8}
#mutmain-web-portal .wv-art-news .wv-art-symbol,#mutmain-web-portal .wv-art-life .wv-art-symbol{font-size:28px;top:30%;opacity:.6}
/* V2: scoped presentation only; dashboard/native cards are untouched. */
#mutmain-web-portal .web-view-choice{min-width:116px;flex:1 0 116px}
#mutmain-web-portal .web-view-selector{overflow-x:auto}
#mutmain-web-portal .web-view-toolbar{flex-wrap:wrap;min-height:46px}
#mutmain-web-portal .web-node{min-height:290px;box-sizing:border-box}
#mutmain-web-portal .web-node>button:not(.web-node-title){font-size:11px;padding:6px 8px;min-height:30px}
#mutmain-web-portal .web-node.selected{border-color:#ffe18b;box-shadow:0 0 22px #ffd66e70,inset 0 0 16px #58cfff28}
#mutmain-web-portal .wv-live-ledger b{font-size:12px}
#mutmain-web-portal .wv-live-ledger small{font-size:10px}
#mutmain-web-portal .wv-kind-matrix .wv-art{background:repeating-linear-gradient(0deg,transparent 0 24px,#4edcff80 25px,transparent 27px),radial-gradient(ellipse,#125654,#03162c)}
#mutmain-web-portal .wv-kind-geo .wv-art{background:repeating-radial-gradient(ellipse,#255475 0 2px,#031c32 3px 20px)}
#mutmain-web-portal .wv-kind-faith .wv-art{background:conic-gradient(from 45deg,#071a35,#62612d,#092941,#071a35);border-radius:40% 40% 0 0}
#mutmain-web-portal[data-active-web-view="9"] .web-view-canvas{background:radial-gradient(ellipse at 75% 35%,#1f4a6477,transparent 55%),linear-gradient(130deg,#020914,#071b2a)}
#mutmain-web-portal[data-active-web-view="9"] .web-node{border-left:4px solid #efcf75}
#mutmain-web-portal .web-view-lines path{stroke-width:2;opacity:.55}
#mutmain-web-portal .web-view-lines path.selected{stroke:#ffe28b;stroke-width:3;opacity:1}
#mutmain-web-portal .wv-thumb-9{background:linear-gradient(120deg,#082b41,#4f4220)}
#mutmain-web-portal .wv-quote-board,#mutmain-web-portal .wv-signal-routes{position:absolute;inset:12px 12px 45px;z-index:5;display:grid;gap:5px}
#mutmain-web-portal .wv-quote-board>div{display:grid;grid-template-columns:40px 1fr 70px;align-items:center;padding:5px;background:#031c30e8;border-bottom:1px solid #3bcbbd55;color:#5fe4dd;font-size:13px}
#mutmain-web-portal .wv-quote-board strong{font-size:17px;color:#e4fbff}
#mutmain-web-portal .wv-quote-board svg{width:70px;height:25px;fill:none;stroke:#4de8bd;stroke-width:1.5}
#mutmain-web-portal .wv-signal-routes>div{display:flex;align-items:center;gap:10px;color:#f7db80;background:#041e30e8;padding:7px;font-size:13px}
#mutmain-web-portal .wv-signal-routes i{flex:1;height:2px;background:linear-gradient(90deg,#ffd76c,#62e6fa);box-shadow:0 0 7px #62e6fa}
#mutmain-web-portal .web-node-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#mutmain-web-portal[data-active-web-view="2"] .web-map-core{left:430px!important;top:315px!important;width:340px;height:120px}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .web-node,#mutmain-web-portal .web-view-lines path{animation:none!important;transition:none!important}}
/* V2.1: full root canvas and real, scrollable sports data, Portal only. */
#mutmain-web-portal .wv-source-cache[hidden]{display:none!important}
#mutmain-web-portal .web-node{overflow:hidden}
#mutmain-web-portal .wv-kind-standings{height:290px}
#mutmain-web-portal .wv-table-scroll{position:absolute;inset:0;z-index:6;overflow:auto;pointer-events:auto;background:#031725f5;overscroll-behavior:contain;scrollbar-color:#61cddd #092334}
#mutmain-web-portal .wv-real-standings{width:100%;border-collapse:collapse;color:#e3f5fa;font-size:12px;line-height:1.4}
#mutmain-web-portal .wv-real-standings th{position:sticky;top:0;background:#12374b;color:#ffe28b}
#mutmain-web-portal .wv-real-standings th,#mutmain-web-portal .wv-real-standings td{padding:7px 4px;text-align:center;border-bottom:1px solid #3b738e55}
#mutmain-web-portal .wv-real-standings td:nth-child(2){text-align:left;min-width:120px}
#mutmain-web-portal .wv-fixture-board{position:absolute;inset:8px 8px 40px;z-index:5;overflow:hidden;display:grid;align-content:start;gap:5px}
#mutmain-web-portal .wv-fixture-board>div{padding:6px;background:#041a2ded;border:1px solid #38738d70;border-radius:7px}
#mutmain-web-portal .wv-fixture-board strong,#mutmain-web-portal .wv-fixture-board small{display:block;font-size:12px;color:#edf8ff}
#mutmain-web-portal .wv-fixture-board small{font-size:10px;color:#a8d7e6;margin-top:3px}
#mutmain-web-portal[data-active-web-view="7"] .web-view-stage .web-map-core{left:420px!important;top:440px!important;width:270px;height:170px;pointer-events:none}
/* V2.2: presentation-only, reversible; native content and close handlers stay intact. */
#mutmain-web-portal.web-view-has-detail .web-view-canvas{right:0;bottom:45px}
#mutmain-web-portal.web-view-active .web-view-detail{padding-top:62px!important;box-shadow:0 16px 65px #000b,0 0 22px #5fd6ff55,inset 0 0 30px #80dfff22;background:linear-gradient(135deg,#15384eef,#041323f7)!important;backdrop-filter:blur(14px);border-color:#87dfff}
#mutmain-web-portal .wv-detail-close{position:fixed;top:203px;right:30px;width:44px;height:44px;z-index:25;display:grid;place-content:center;font-size:27px;background:#051b2df5;border:1px solid #83dfff;border-radius:10px;color:#e3f8ff;visibility:visible!important;pointer-events:auto!important;box-shadow:0 0 12px #66cfff44}
#mutmain-web-portal .wv-detail-close[hidden]{display:none!important}
#mutmain-web-portal .wv-chain-active .web-node:not(.selected){opacity:.65;filter:saturate(.65) brightness(.8)}
#mutmain-web-portal .wv-chain-active .web-node.selected{opacity:1;filter:none;border-color:#ffe38b;box-shadow:0 0 24px #ffd86b80,inset 0 0 18px #67dfff24}
#mutmain-web-portal .wv-chain-active .web-view-lines path:not(.selected){opacity:.22}
#mutmain-web-portal .wv-chain-active .web-view-lines path.selected{opacity:1;stroke:#ffeaa2;stroke-width:3.5}
body.web-portal-active.portal-hud-open #panels .panel.wv-hologram-hud{position:fixed!important;inset:6vh max(18px,calc((100vw - 1240px)/2))!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;transform:none!important;overflow:auto!important;overscroll-behavior:contain;padding:24px!important;border:1px solid #94dfff!important;border-radius:22px!important;background:linear-gradient(135deg,#153b51f5,#041323f7 50%,#092438f5)!important;backdrop-filter:blur(14px)!important;box-shadow:0 22px 90px #000c,0 0 25px #59d6ff66,inset 0 0 36px #8eeaff26!important;animation:none!important}
body.web-portal-active #panels .panel.wv-hologram-hud>.close{position:sticky!important;top:0!important;right:0!important;float:right;z-index:100!important;width:46px!important;height:46px!important;min-width:46px;font-size:26px!important;background:#041b2df5!important;border:1px solid #89e0ff!important;border-radius:10px!important;cursor:pointer}
body.web-portal-active #panels .panel.wv-hologram-hud>h2{padding-right:60px!important;min-height:48px;color:#cbf4ff!important;letter-spacing:.04em}
body.web-portal-active #panels .panel.wv-hologram-hud img{max-width:100%}
body.orbital-ui.readability-ui.web-portal-active.portal-hud-open #panels .panel.accordion-detail.wv-hologram-hud{left:max(18px,calc((100vw - 1240px)/2))!important;right:max(18px,calc((100vw - 1240px)/2))!important;top:6vh!important;bottom:6vh!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;transform:none!important}
@media(max-width:900px){#mutmain-web-portal .wv-detail-close{top:calc(58% + 8px)}body.orbital-ui.readability-ui.web-portal-active.portal-hud-open #panels .panel.accordion-detail.wv-hologram-hud{inset:12px!important;padding:14px!important;border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .wv-chain-active .web-node,#mutmain-web-portal .wv-chain-active .web-view-lines path{animation:none!important;transition:none!important}}
/* Foreground family tree: passive roots stay in place underneath the active branch. */
#mutmain-web-portal .wv-chain-active .web-view-lines{z-index:20}
#mutmain-web-portal .wv-chain-active .web-node.selected{background:#061b2bf5}
#mutmain-web-portal .web-view-stage .web-map-core{pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px;box-sizing:border-box}
#mutmain-web-portal .web-map-core .wv-core-hologram{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;z-index:-1;background:#031322}
#mutmain-web-portal .web-map-core>strong,#mutmain-web-portal .web-map-core>small{position:relative;background:#031421df;border-radius:8px;padding:2px 8px;max-width:95%;text-align:center}
#mutmain-web-portal .web-map-core>strong{font-size:16px!important}
/* Calm branch motion: live-data redraws must not restart brightness flashes. */
#mutmain-web-portal .web-view-stage .wv-data-pulse,#mutmain-web-portal .web-view-stage .wv-born{animation:none!important}
#mutmain-web-portal .web-view-stage .web-view-lines path.selected{animation:none!important;stroke-dasharray:none;stroke-width:2;stroke:#d8ca8b;filter:none}
#mutmain-web-portal .web-view-stage .web-view-lines{filter:none}
#mutmain-web-portal .web-view-stage .web-node:hover .wv-card-visual:after{animation:none!important;transform:none;background:linear-gradient(110deg,transparent 20%,#86dfff09 46%,transparent 65%)}
#mutmain-web-portal .web-view-stage .wv-chain-active .web-node.selected{box-shadow:0 0 14px #d8be6240,inset 0 0 12px #67dfff14}
/* One gentle tap; slow branch breathing without brightness or opacity flashing. */
#mutmain-web-portal .web-view-stage .wv-chain-active .web-node.selected{border:2px solid #e8cd62;outline:2px solid #102c61;outline-offset:1px;box-shadow:inset 0 0 0 3px #102c61,0 0 12px #ddc34b30}
#mutmain-web-portal .web-view-stage .wv-chain-active .web-node.selected[data-visual-depth="0"],#mutmain-web-portal .web-view-stage .web-node.wv-touched{animation:wv-branch-breath 5s ease-in-out infinite;animation-delay:var(--wv-breath-phase,0ms)}
@keyframes wv-branch-breath{0%,100%{scale:.997}50%{scale:1.003}}
#mutmain-web-portal:not(.web-view-active) .portal-tile.wv-touched{animation:wv-branch-breath 5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .portal-tile.wv-touched,#mutmain-web-portal .web-node.wv-touched{animation:none!important}}
#mutmain-web-portal .web-view-stage .wv-chain-active .web-view-lines path.selected{stroke:#e8cd62;stroke-width:2.5;filter:drop-shadow(0 0 2px #102c61);animation:none!important}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .web-view-stage .wv-chain-active .web-node.selected{animation:none!important;scale:1}}
#mutmain-web-portal[hidden] .web-node.selected,.ui-paused #mutmain-web-portal .web-node.selected{animation-play-state:paused!important}
/* Alternate connection colors without changing motion or layout. */
#mutmain-web-portal .web-view-stage .wv-chain-active .web-view-lines path:nth-of-type(even){stroke:#234779}
/* Model-specific scenes. Static decoration cannot capture input or affect real data. */
#mutmain-web-portal .wv-model-scene{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
#mutmain-web-portal .web-view-stage .web-view-world .web-map-core.wv-scene-core{left:var(--scene-core-x)!important;top:var(--scene-core-y)!important;width:340px;height:230px;transform:none;z-index:1}
#mutmain-web-portal .web-view-stage .web-node[data-visual-depth="0"]{z-index:2}
#mutmain-web-portal .web-view-stage .web-node[data-visual-depth="0"] .wv-card-visual{height:195px}
#mutmain-web-portal[data-active-web-view="1"] .web-view-stage .web-node[data-visual-depth="0"]{transform:perspective(1400px) rotateY(7deg);border-radius:5px 22px 22px 5px;border-left:5px double #e4cb7b;box-shadow:0 0 22px #4acaff40,12px 12px 0 #061b30}
#mutmain-web-portal[data-active-web-view="1"] .web-view-stage .web-node[data-visual-depth="0"]:nth-of-type(even){transform:perspective(1400px) rotateY(-7deg)}
#mutmain-web-portal[data-active-web-view="2"] .web-view-stage .web-node[data-visual-depth="0"]{border-radius:48px 48px 22px 22px;border-top:5px double #8ccfff;box-shadow:0 0 28px #549fff55,inset 0 0 28px #6499ff20}
#mutmain-web-portal[data-active-web-view="3"] .web-view-stage .web-node[data-visual-depth="0"]{border-radius:4px;border-top:12px double #a6eafa;box-shadow:8px 12px 0 #102c49,0 0 24px #48caff44}
#mutmain-web-portal[data-active-web-view="4"] .web-view-stage .web-node{min-height:290px;padding:0 12px 12px;border:1px solid #7ab7d2;border-bottom:2px solid #e5c981;border-radius:8px;background:linear-gradient(100deg,#17425bf2,#071b2af5);box-shadow:0 5px 15px #0008;transform:none}
#mutmain-web-portal[data-active-web-view="4"] .web-view-stage .web-node .wv-card-visual{height:195px;margin:0 -12px}
#mutmain-web-portal[data-active-web-view="5"] .web-view-stage .web-node[data-visual-depth="0"]{border-radius:35px;border:2px solid #7bdef2;box-shadow:0 0 35px #3fc9ff40,inset 0 0 18px #70dbff20}
#mutmain-web-portal[data-active-web-view="6"] .web-view-stage .web-node[data-visual-depth="0"]{border-radius:10px 40px 10px 40px;border-color:#b99aff;border-bottom-color:#e8cf7d;box-shadow:0 0 24px #925eff4a}
#mutmain-web-portal[data-active-web-view="7"] .web-view-stage .web-node[data-visual-depth="0"]{border-radius:65px 65px 25px 25px;border-top:8px double #9bedff;border-bottom:8px double #dec66c;box-shadow:0 14px 0 #0a2741,0 20px 0 #438097,0 0 35px #59cfff44}
#mutmain-web-portal[data-active-web-view="8"] .web-view-stage .web-node[data-visual-depth="0"]{border-radius:14px;border:2px solid #83d5ff;box-shadow:0 0 20px #51b9ff50,10px 12px 0 #112842;transform:perspective(1800px) rotateY(-5deg)}
#mutmain-web-portal .web-view-stage .web-node.selected{transform:none!important}
#mutmain-web-portal .wv-thumb-1{background:repeating-radial-gradient(ellipse at 50% 80%,#07162c 0 8px,#73cfff 9px,#c8ad64 10px,#07162c 12px)}
#mutmain-web-portal .wv-thumb-2{background:repeating-conic-gradient(#07162c 0deg 42deg,#67c7ff 44deg,#07162c 45deg)}
#mutmain-web-portal .wv-thumb-4{border-radius:10% 10% 25% 25%;background:linear-gradient(90deg,#26516f,#0b263e 48%,#f4d588 50%,#0b263e 52%,#26516f)}
#mutmain-web-portal .wv-thumb-5{background:radial-gradient(circle,#80c4ae 0 15%,#1567a0 16% 32%,#6adfff 33% 35%,#051528 36%)}
#mutmain-web-portal .wv-thumb-6{background:repeating-conic-gradient(#0b1530 0deg,#b978de 35deg,#177bb0 50deg,#0b1530 70deg)}
#mutmain-web-portal .wv-thumb-7{background:repeating-radial-gradient(ellipse,#051528 0 8px,#69d7ef 9px,#051528 11px 17px)}
/* Pixel office skin: existing live agents and native HUD handlers, no simulated tasks. */
#mutmain-web-portal .agent-office-v2{min-height:0!important;padding:90px 18px 70px;background:repeating-linear-gradient(90deg,#223849 0 34px,#1a2e40 35px 37px)!important;border:6px solid #122235;border-radius:5px}
#mutmain-web-portal .agent-office-zones{position:relative;inset:auto;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));grid-template-rows:auto;gap:28px;overflow:visible;padding:0}
#mutmain-web-portal .agent-office-v2 .agent-scene-core{display:none}
#mutmain-web-portal .office-zone{min-height:270px;padding:64px 12px 18px;border:5px solid #293547;border-bottom:9px solid #162332;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 31px,#70452733 32px 34px),repeating-linear-gradient(0deg,#c58949 0 31px,#a86c37 32px 34px);box-shadow:7px 8px 0 #0005}
#mutmain-web-portal .office-zone:nth-child(even){background:repeating-linear-gradient(90deg,transparent 0 31px,#34648333 32px 34px),repeating-linear-gradient(0deg,#69aaca 0 31px,#5394b5 32px 34px)}
#mutmain-web-portal .office-zone:before{content:"";position:absolute;top:29px;left:14px;right:14px;height:24px;border:4px solid #644025;border-bottom:7px solid #edc878;background:repeating-linear-gradient(90deg,#ac5668 0 6px,#f0d58c 6px 10px,#244466 10px 16px,#80afa0 16px 22px);box-shadow:0 4px 0 #392b24}
#mutmain-web-portal .office-zone:after{left:auto;right:14px;bottom:12px;width:16px;height:15px;opacity:1;background:#dbb47b;box-shadow:0 -12px 0 #3c825b,-8px -20px 0 #62a76b,6px -27px 0 #438953;pointer-events:none}
#mutmain-web-portal .office-zone-title{top:5px;left:8px;font-size:11px;color:#ffecad;background:#142b40;padding:3px 7px;z-index:2}
#mutmain-web-portal .office-zone-team{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;align-content:start}
#mutmain-web-portal .office-agent{--shirt:#345ca0;--hair:#50312c;position:relative;min-height:128px;padding:9px 2px 3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;background:none;border:0;isolation:isolate}
#mutmain-web-portal .office-agent:nth-child(3n+2){--shirt:#b8586c;--hair:#d5a35a}
#mutmain-web-portal .office-agent:nth-child(3n){--shirt:#438b74;--hair:#292b3d}
#mutmain-web-portal .office-agent:before{content:"";position:absolute;left:50%;top:52px;width:65px;height:25px;translate:-50% 0;background:repeating-linear-gradient(0deg,#b97530 0 9px,#945824 10px 12px);border:3px solid #412d22;box-shadow:0 5px 0 #70431f,-23px 13px 0 -10px #322820,23px 13px 0 -10px #322820;z-index:2;pointer-events:none}
#mutmain-web-portal .office-agent:after{content:"";position:absolute;left:50%;top:42px;width:29px;height:20px;translate:-50% 0;border:3px solid #e4dfbd;background:linear-gradient(135deg,#89e5f4 0 20%,#437f99 21% 65%,#b7edf1 66% 70%,#437f99 71%);box-shadow:0 5px 0 -1px #344559,0 9px 0 -2px #ece6ce;z-index:3;pointer-events:none}
#mutmain-web-portal .office-agent .office-robot{z-index:1;filter:none;image-rendering:pixelated;animation:pixelOfficeIdle 5s steps(4,end) infinite;animation-delay:-1s}
#mutmain-web-portal .office-agent .robot-head{border:0;border-radius:0;background:#efbf93;box-shadow:-3px -3px 0 var(--hair),0 -6px 0 var(--hair),4px -3px 0 var(--hair),4px 3px 0 var(--hair);width:20px;height:18px;left:7px}
#mutmain-web-portal .office-agent .robot-face{inset:7px 3px 5px;border-radius:0;background:linear-gradient(90deg,#2b2939 0 22%,#efbf93 23% 76%,#2b2939 77%);box-shadow:none}
#mutmain-web-portal .office-agent .robot-body{border:0;border-radius:0;background:var(--shirt);box-shadow:inset 4px 0 #ffffff30;width:20px;height:19px;top:21px}
#mutmain-web-portal .office-agent .robot-badge{color:#fff4be;font-size:7px}
#mutmain-web-portal .office-agent .robot-arm{border-radius:0;background:#efbf93;width:5px}
#mutmain-web-portal .office-agent .robot-leg{border-radius:0;background:#22324b;box-shadow:0 5px 0 #161e29}
#mutmain-web-portal .office-agent .office-agent-label{position:relative;top:auto;width:100%;margin-top:38px;padding:4px 2px;background:#11283bea;border:1px solid #7ca1b6;border-radius:2px;z-index:4;box-sizing:border-box}
#mutmain-web-portal .office-agent .office-agent-label strong{font:700 9px/1.35 monospace;white-space:normal;min-height:24px;color:#ffedb7}
#mutmain-web-portal .office-agent .office-agent-label small{font:8px/1.4 monospace}
#mutmain-web-portal .office-agent:hover .office-agent-label em{display:block;font-size:9px}
#mutmain-web-portal .office-agent[data-state="executing"] .office-robot{animation:pixelOfficeType 1s steps(2,end) infinite}
#mutmain-web-portal .office-agent[data-state="analyzing"] .office-robot,#mutmain-web-portal .office-agent[data-state="planning"] .office-robot{animation:pixelOfficeThink 3s steps(4,end) infinite}
#mutmain-web-portal .office-agent[data-state="failed"] .office-robot,#mutmain-web-portal .office-agent[data-state="waiting-user"] .office-robot{animation:none}
#mutmain-web-portal .office-agent[data-state="done"] .office-robot{animation:pixelOfficeNod 4s steps(2,end) infinite}
#mutmain-web-portal .office-agent:nth-child(2n) .office-robot{animation-delay:-2s}
#mutmain-web-portal .wv-pixel-office{inset:0 0 36px;padding:10px 6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px;background:repeating-linear-gradient(90deg,transparent 0 31px,#70452733 32px 34px),repeating-linear-gradient(0deg,#ba864e 0 31px,#a67642 32px 34px);scrollbar-width:thin;z-index:8}
#mutmain-web-portal .wv-pixel-office .office-agent{cursor:default;min-width:0}
#mutmain-web-portal .wv-pixel-office .office-agent-label strong{font-size:8px}
@keyframes pixelOfficeIdle{0%,65%,100%{transform:translate(0,0)}75%,85%{transform:translate(-7px,-1px)}90%{transform:translate(-3px,0)}}
@keyframes pixelOfficeType{50%{transform:translateY(2px)}}
@keyframes pixelOfficeThink{50%{transform:translateX(5px)}}
@keyframes pixelOfficeNod{10%,20%{transform:translateY(-3px)}0%,30%,100%{transform:none}}
#mutmain-web-portal.web-view-active .agent-office-v2 *,#mutmain-web-portal[hidden] .office-agent *, .ui-paused #mutmain-web-portal .office-agent *{animation-play-state:paused!important}
#mutmain-web-portal .web-view-detail .agent-office-v2 *{animation-play-state:running!important}
@media(max-width:700px){#mutmain-web-portal .agent-office-zones{grid-template-columns:1fr}#mutmain-web-portal .agent-office-head{left:10px;right:10px}#mutmain-web-portal .agent-office-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .office-agent *,#mutmain-web-portal .agent-office-v2 *{animation:none!important;transition:none!important}}
/* Modern office rooms; the pixel characters and real states remain unchanged. */
#mutmain-web-portal .agent-office-v2{background:linear-gradient(135deg,#071827,#173447 55%,#081827)!important;border:2px solid #55768a;border-radius:16px;box-shadow:inset 0 1px #c2e5f5,0 12px 34px #0006}
#mutmain-web-portal .office-zone,#mutmain-web-portal .office-zone:nth-child(even){border:2px solid #7bbed077;border-top:5px solid #89d1e1;border-bottom:6px solid #142a40;border-radius:9px;background:linear-gradient(135deg,#90c9db15,transparent 45%),repeating-linear-gradient(90deg,transparent 0 63px,#7595b00d 64px 65px),repeating-linear-gradient(0deg,#253c50 0 63px,#1c3144 64px 65px);box-shadow:inset 0 0 0 3px #aad8e810,7px 9px 0 #081729,0 0 18px #64b9d31a}
#mutmain-web-portal .office-zone:nth-child(3n){border-top-color:#e7cc83;background:linear-gradient(135deg,#dac18612,transparent 55%),repeating-linear-gradient(0deg,#2c3e4c 0 63px,#213542 64px 65px)}
#mutmain-web-portal .office-zone:before{top:29px;left:16px;right:16px;height:23px;border:2px solid #99c2d0;border-bottom:4px solid #182c42;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 62px,#172d44 63px 66px),linear-gradient(150deg,#81bbd8,#224964 58%,#152e46);box-shadow:0 3px 0 #0e2335,0 0 10px #6cd2ed22}
#mutmain-web-portal .office-zone-title{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.08em;background:transparent;color:#f3e5b8}
#mutmain-web-portal .office-agent:before{background:linear-gradient(180deg,#e1e6e5 0 5px,#b9c7cb 6px 22px,#728d9e 23px);border:2px solid #263e50;border-radius:4px;box-shadow:0 5px 0 #526d7d,-24px 15px 0 -10px #112334,24px 15px 0 -10px #112334}
#mutmain-web-portal .office-agent:after{border:3px solid #182e43;border-radius:3px;background:linear-gradient(140deg,#88dcf0 0 12%,#275774 13% 60%,#86c9d2 61% 64%,#173a54 65%);box-shadow:0 5px 0 -1px #142b3f,0 9px 0 -2px #91adba}
#mutmain-web-portal .wv-pixel-office{background:linear-gradient(140deg,#70bed017,transparent 55%),repeating-linear-gradient(90deg,transparent 0 63px,#789cb015 64px 65px),repeating-linear-gradient(0deg,#263e51 0 63px,#193045 64px 65px)}
/* Human-like activity cycles represent existing states, never initiate work. */
#mutmain-web-portal .office-agent{--office-step:17px;--office-phase:0s}
#mutmain-web-portal .office-agent:nth-child(2n){--office-step:-17px;--office-phase:-3s}
#mutmain-web-portal .office-agent:nth-child(3n){--office-phase:-6s}
#mutmain-web-portal .office-agent .office-robot{animation:officeActorRest 7s ease-in-out infinite;animation-delay:var(--office-phase);transform-origin:50% 100%}
#mutmain-web-portal .office-agent[data-state="analyzing"] .office-robot,#mutmain-web-portal .office-agent[data-state="planning"] .office-robot{animation:officeActorResearch 12s linear infinite;animation-delay:var(--office-phase)}
#mutmain-web-portal .office-agent[data-state="executing"] .office-robot{animation:officeActorWork 14s linear infinite;animation-delay:var(--office-phase)}
#mutmain-web-portal .office-agent[data-state="validating"] .office-robot{animation:officeActorResearch 16s linear infinite;animation-delay:var(--office-phase)}
#mutmain-web-portal .office-agent[data-state="done"] .office-robot{animation:officeActorReturn 3s ease-in-out 1 forwards}
#mutmain-web-portal .office-agent:is([data-state="failed"],[data-state="waiting-user"],[data-state="queued"]) .office-robot{animation:officeActorRest 8s ease-in-out infinite}
#mutmain-web-portal .office-agent:is([data-state="analyzing"],[data-state="planning"],[data-state="executing"],[data-state="validating"]) .robot-leg{animation:officeActorStep 1s ease-in-out infinite}
#mutmain-web-portal .office-agent .robot-leg.right{animation-direction:reverse}
#mutmain-web-portal .office-agent[data-state="executing"] .robot-arm{animation:officeActorHands .7s ease-in-out infinite alternate}
#mutmain-web-portal .office-agent .robot-arm.right{animation-delay:-.35s}
#mutmain-web-portal .office-agent:is([data-state="analyzing"],[data-state="planning"],[data-state="validating"]) .office-robot:after{content:"";position:absolute;left:27px;top:19px;width:12px;height:17px;border:2px solid #7ed8e8;border-radius:2px;background:repeating-linear-gradient(0deg,#173c58 0 4px,#73cddd 5px 6px);box-shadow:0 0 5px #68d4f533;animation:officeActorTablet 12s linear infinite;animation-delay:var(--office-phase);pointer-events:none}
@keyframes officeActorRest{0%,100%{transform:translateY(7px) scaleY(.9)}45%,55%{transform:translateY(6px) scaleY(.92)}}
@keyframes officeActorResearch{0%,8%,92%,100%{transform:translate(0,7px) scaleY(.9)}14%{transform:translate(0,0) scaleY(1)}22%{transform:translate(calc(var(--office-step)*.5),-3px)}30%,58%{transform:translate(var(--office-step),-7px)}66%{transform:translate(var(--office-step),-5px) rotate(-3deg)}78%{transform:translate(calc(var(--office-step)*.5),-2px)}86%{transform:translate(0,0)}}
@keyframes officeActorWork{0%,48%,94%,100%{transform:translate(0,7px) scaleY(.9)}53%{transform:translate(0,0)}63%,74%{transform:translate(var(--office-step),-6px)}84%{transform:translate(calc(var(--office-step)*.5),-2px)}90%{transform:translate(0,0)}}
@keyframes officeActorReturn{0%{transform:translate(var(--office-step),-6px)}65%{transform:translate(0,0)}100%{transform:translate(0,7px) scaleY(.9)}}
@keyframes officeActorStep{0%,100%{rotate:-12deg}50%{rotate:12deg}}
@keyframes officeActorHands{from{rotate:12deg;translate:0 0}to{rotate:38deg;translate:0 2px}}
@keyframes officeActorTablet{0%,20%,80%,100%{opacity:0}30%,70%{opacity:1}}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .office-agent .office-robot,#mutmain-web-portal .office-agent .office-robot:after,#mutmain-web-portal .office-agent .robot-arm,#mutmain-web-portal .office-agent .robot-leg{animation:none!important}}
#mutmain-web-portal[hidden] .office-robot:after,#mutmain-web-portal.web-view-active .agent-office-v2 .office-robot:after,.ui-paused #mutmain-web-portal .office-robot:after{animation-play-state:paused!important}
/* Shared modern floor: desks stay fixed while independent characters use the aisle. */
/* Readable controls retain each model's existing silhouette and colors. */
#mutmain-web-portal .web-view-stage .web-node .web-node-title{font-size:20px;line-height:1.2;min-height:48px;padding:10px 0 6px}
#mutmain-web-portal .web-view-stage .web-node>button:not(.web-node-title){min-height:44px;min-width:70px;padding:9px 10px;font-size:12px;margin:3px 4px 3px 0;position:relative;z-index:10;touch-action:manipulation}
#mutmain-web-portal .web-view-stage .web-node .web-node-summary{font-size:13px;line-height:1.3;height:34px;max-height:34px}
#mutmain-web-portal:is([data-active-web-view="2"],[data-active-web-view="7"],[data-active-web-view="8"]) .web-view-stage .web-node .wv-card-visual{height:150px}
#mutmain-web-portal .web-view-stage .web-node>button:focus-visible{outline:3px solid #ffe08b;outline-offset:2px}
#mutmain-web-portal .web-view-stage .web-node>button:not(.web-node-title):hover{border-color:#ffe08b;background:#173f58}
#mutmain-web-portal .web-view-stage .web-view-canvas{cursor:grab;touch-action:none}
#mutmain-web-portal .web-view-stage .web-view-canvas.wv-dragging{cursor:grabbing;user-select:none}
#mutmain-web-portal .web-view-stage .web-node{cursor:pointer}
#mutmain-web-portal .agent-office-v2{max-width:1540px;margin-inline:auto;padding:86px 28px 80px;overflow:hidden;background:repeating-linear-gradient(90deg,#7596a50b 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,#7596a50b 0 1px,transparent 1px 64px),linear-gradient(135deg,#243f51,#102538)!important}
#mutmain-web-portal .agent-office-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 60px;align-items:start;padding:24px 0;background:linear-gradient(90deg,transparent calc(50% - 18px),#b6cfda18 calc(50% - 18px),#b6cfda18 calc(50% + 18px),transparent calc(50% + 18px))}
#mutmain-web-portal .office-zone,#mutmain-web-portal .office-zone:nth-child(even),#mutmain-web-portal .office-zone:nth-child(3n){min-height:0;padding:74px 18px 20px;border:1px solid #82cbd75c;border-top:4px solid #88cada;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(145deg,#85afbe18,#112a3c55);box-shadow:inset 0 1px #d8e9ec44,0 12px 16px #00111b33}
#mutmain-web-portal .office-zone-title{font-size:12px;top:9px;left:18px}
#mutmain-web-portal .office-zone:before{top:37px;height:20px}
#mutmain-web-portal .office-zone-team,#mutmain-web-portal .zone-web .office-zone-team,#mutmain-web-portal .zone-system .office-zone-team{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;align-content:start}
#mutmain-web-portal .agent-office-v2 .office-agent{width:100%;min-height:220px;--office-step:36px;--office-phase:-1s}
#mutmain-web-portal .agent-office-v2 .office-agent:nth-child(2n){--office-step:-30px;--office-phase:-8s}
#mutmain-web-portal .agent-office-v2 .office-agent:nth-child(3n){--office-step:25px;--office-phase:-15s}
#mutmain-web-portal .agent-office-v2 .office-agent:before{width:92px;height:30px;top:52px;box-shadow:0 7px 0 #476070,-35px 20px 0 -10px #102638,35px 20px 0 -10px #102638}
#mutmain-web-portal .agent-office-v2 .office-agent:after{width:39px;height:26px;top:37px}
#mutmain-web-portal .agent-office-v2 .office-agent-label{position:absolute;bottom:0;margin-top:0;width:95%;min-height:47px;background:#0a2033dc;border-color:#759aaa66;border-radius:6px}
#mutmain-web-portal .agent-office-v2 .office-agent-label strong{font:600 11px/1.4 system-ui;min-height:0}
#mutmain-web-portal .agent-office-v2 .office-agent-label small{font:10px/1.5 system-ui}
#mutmain-web-portal .office-agent .robot-head{border-radius:7px 7px 5px 5px;box-shadow:0 -5px 0 var(--hair),4px -2px 0 var(--hair)}
#mutmain-web-portal .office-agent .robot-body{border-radius:6px 6px 2px 2px}
#mutmain-web-portal .agent-office-v2 .office-agent .office-robot{scale:1.3;z-index:5;animation:officeFloorJourney 24s linear infinite;animation-delay:var(--office-phase)}
#mutmain-web-portal .agent-office-v2 .office-agent:is([data-state="waiting-user"],[data-state="failed"]) .office-robot{animation:officeActorRest 8s ease-in-out infinite}
#mutmain-web-portal .agent-office-v2 .office-agent .robot-leg{animation:officeFloorSteps 24s linear infinite;animation-delay:var(--office-phase)}
#mutmain-web-portal .office-shared-lounge{height:150px;position:relative;border-bottom:2px solid #b5dfe22e;background:linear-gradient(90deg,#76a0b415,transparent);border-radius:16px;margin-bottom:12px;pointer-events:none}
#mutmain-web-portal .office-meeting-table{position:absolute;left:39%;top:38px;width:23%;height:65px;border:6px solid #6f94a8;border-radius:50%;background:radial-gradient(ellipse,#69bcd055,#193c55);box-shadow:0 12px 0 #0a1e30,0 -13px 0 -6px #506d84,0 22px 0 -6px #506d84;display:grid;place-items:center;color:#f3d57a;font:600 12px system-ui;letter-spacing:.15em}
#mutmain-web-portal .office-sofa{position:absolute;left:4%;top:52px;width:22%;height:48px;border:8px solid #678ca4;border-bottom:12px solid #426580;border-radius:14px;box-shadow:0 10px 0 #102537;background:repeating-linear-gradient(90deg,#547c97 0 32%,#315571 33% 34%)}
#mutmain-web-portal .office-data-wall{position:absolute;right:4%;top:12px;width:23%;height:55px;border:4px solid #142738;border-radius:7px;background:repeating-linear-gradient(0deg,transparent 0 10px,#81d2d633 11px 12px),linear-gradient(130deg,#317284,#09243b);display:grid;place-items:center;color:#b7e8ee;font:10px system-ui;letter-spacing:.12em;box-shadow:0 6px 0 #547283}
#mutmain-web-portal .office-coffee{position:absolute;right:13%;bottom:12px;font-size:25px}
#mutmain-web-portal .office-motion-legend{position:relative;text-align:center;font:11px/1.5 system-ui;color:#acd0d8;margin:12px 0 0}
#mutmain-web-portal .wv-pixel-office .office-robot{animation:officeFloorJourney 24s linear infinite;animation-delay:var(--office-phase)}
#mutmain-web-portal .wv-pixel-office .office-agent{min-height:170px;--office-step:12px}
#mutmain-web-portal .wv-pixel-office .office-agent-label{margin-top:88px}
@keyframes officeFloorJourney{0%,16%,94%,100%{transform:translate(0,7px) scaleY(.9)}21%{transform:translate(0,0)}30%{transform:translate(0,45px)}42%,60%{transform:translate(var(--office-step),65px)}66%{transform:translate(var(--office-step),65px) rotate(-4deg)}78%{transform:translate(0,45px)}89%{transform:translate(0,0)}}
@keyframes officeFloorSteps{0%,21%,42%,66%,89%,100%{rotate:0deg}24%,32%,38%,70%,78%,84%{rotate:15deg}28%,35%,40%,74%,81%,87%{rotate:-15deg}}
@media(max-width:900px){#mutmain-web-portal .agent-office-zones{grid-template-columns:1fr;background:none;gap:30px}#mutmain-web-portal .agent-office-v2{padding-inline:14px}}
@media(max-width:480px){#mutmain-web-portal .office-zone-team,#mutmain-web-portal .zone-web .office-zone-team,#mutmain-web-portal .zone-system .office-zone-team{grid-template-columns:repeat(2,minmax(0,1fr))}#mutmain-web-portal .office-meeting-table{left:35%;width:30%}#mutmain-web-portal .office-data-wall{font-size:7px}}
@media(prefers-reduced-motion:reduce){#mutmain-web-portal .office-agent .office-robot,#mutmain-web-portal .office-agent .robot-leg{animation:none!important}}
#mutmain-web-portal .portal-fantasy-zone{background:radial-gradient(circle at 52% 34%,#123f7c77,transparent 46%),linear-gradient(135deg,#030d22,#071d3b);border:1px solid #377ca6;box-shadow:inset 0 0 34px #24c7ff18}#mutmain-web-portal .portal-fantasy-intro{margin:0 0 15px;color:#b8dced;font-size:13px}#mutmain-web-portal .portal-fantasy-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}#mutmain-web-portal .portal-fantasy-tile{position:relative;min-height:130px;overflow:hidden;border:1px solid #4c95b8;border-radius:11px;background:linear-gradient(145deg,#061c38,#09132d);color:#eaffff;text-align:left;padding:13px;cursor:pointer;box-shadow:inset 0 0 18px #43caff12}#mutmain-web-portal .portal-fantasy-tile:before{content:'';position:absolute;inset:10px;border:1px solid #5ee1ff33;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 16px,#65e2ff10 17px 18px)}#mutmain-web-portal .portal-fantasy-tile strong,#mutmain-web-portal .portal-fantasy-tile small{position:relative;display:block;z-index:1}#mutmain-web-portal .portal-fantasy-tile strong{margin-top:16px;color:#ffe77a;font-size:11px;letter-spacing:.08em}#mutmain-web-portal .portal-fantasy-tile small{margin-top:8px;color:#80e6ff;font:800 9px ui-monospace,monospace}#mutmain-web-portal .portal-fantasy-orb{position:absolute;right:13px;top:13px;width:30px;height:30px;border:1px solid #ffe367;border-radius:50%;box-shadow:0 0 13px #ffdf6c77;background:radial-gradient(circle,#ffe568 0 2px,#16609d 4px,#041226 64%)}@media(max-width:850px){#mutmain-web-portal .portal-fantasy-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
.portal-europe-today{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:270px;overflow:auto;padding:4px;border:1px solid #155876;border-radius:7px;background:#031526}.portal-europe-today>.europe-period-title,.portal-europe-today>.europe-no-fixtures{grid-column:1/-1}.portal-europe-today .premium-match{min-width:0}.portal-europe-today .premium-match img{max-width:27px;max-height:27px}.portal-europe-today .premium-match small{white-space:normal}

.jarvis-next-preview .preview-screen{
display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:12px;background:radial-gradient(circle at 50% 45%,#075c78 0,#03283c 34%,#020d18 72%);
}
.jarvis-next-orb{
display:grid;place-items:center;width:118px;height:118px;border-radius:50%;
border:2px solid #5eeaff;color:#eaffff;font:700 34px Georgia,serif;
box-shadow:0 0 18px #35dfff,inset 0 0 28px #087aa4,0 0 55px #087aa488;
}
.jarvis-next-preview .preview-screen strong{
font-size:clamp(10px,1vw,15px);letter-spacing:.16em;color:#9defff;
}
.jarvis-next-preview .preview-screen small{
font-size:clamp(8px,.8vw,12px);letter-spacing:.12em;color:#ffe58a;
}
@media(max-width:900px){
.gateway-choices{grid-template-columns:1fr!important;max-width:620px}
}

/* 1981 gateway preview: preserve the complete portrait video. */
.mode-preview .preview-screen > video.gateway-hologram-1981 {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;pointer-events:none;filter:drop-shadow(0 0 14px #36bcff)}

/* Scoped video holograms; retain existing card and voice state containers. */
.preview-screen > video.gateway-hologram-dashboard{position:absolute!important;left:28%!important;top:2%!important;width:44%!important;height:94%!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;pointer-events:none}
#orb > video.main-hologram-video1907,.portal-hologram > video.portal-hologram-video{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;pointer-events:none}