/* RIRU MATCH — map-first investment workspace, using PDRB Pulse's established palette. */
.content.investment-mode{max-width:none;padding-top:18px}
.investment-mode .hero{display:none}
.investment-mode .hero{min-height:89px;padding:17px 26px;margin-bottom:11px;border-radius:19px}
.investment-mode .hero h1{font-size:25px}
.investment-mode .hero p{font-size:12px}
.investment-mode .hero-decoration{display:none}
.investment-mode .view-switcher{padding-bottom:11px}
.investment-workspace{background:#fff;border:1px solid #d9e7f3;border-radius:23px;overflow:hidden;box-shadow:0 16px 45px rgba(21,72,126,.12)}
.investment-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:21px 26px 18px;background:radial-gradient(circle at 82% -30%,#c9eff0 0,transparent 45%),linear-gradient(105deg,#f2f9ff,#fff 60%)}
.investment-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#3776b7}
.investment-kicker b{color:#058c81}
.investment-title h2{font:800 clamp(19px,2vw,28px)/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#0b326b;margin:6px 0 5px}
.investment-title p{margin:0;color:#647d97;font-size:12px}
.investment-tally{display:flex;align-items:center;gap:9px;color:#0d477f;padding:7px 0}
.investment-tally b{font:800 30px/1 'Plus Jakarta Sans',sans-serif;color:#0b3b84}
.investment-tally span{font-size:9px;line-height:1.3;letter-spacing:.13em;font-weight:800;max-width:73px}
.investment-toolbar{display:flex;align-items:center;gap:10px;padding:9px 25px 12px;background:#fff;border-bottom:1px solid #e1edf5}
.inv-search{display:flex;align-items:center;gap:9px;border:1px solid #d8e5f2;background:#f8fbff;border-radius:11px;padding:9px 12px;min-width:220px;max-width:385px;flex:1;color:#6790b4;transition:border-color .2s,box-shadow .2s}
.inv-search:focus-within{border-color:#3988d3;box-shadow:0 0 0 3px #dceeff}
.inv-search .vector-icon{width:17px;height:17px}
.inv-search input{border:0;background:none;outline:0;width:100%;font:700 11px 'DM Sans',sans-serif;color:#183d65}
.inv-search input::placeholder{color:#95a7b9}
.inv-sector-select{display:flex;align-items:center;gap:8px;border:1px solid #d8e5f2;background:#f8fbff;border-radius:11px;padding:9px 11px}
.inv-sector-select span{font-size:9px;letter-spacing:.09em;font-weight:800;color:#89a0b6}
.inv-sector-select select{border:0;background:transparent;color:#173b63;font:800 11px 'DM Sans',sans-serif;outline:0;max-width:183px}
.inv-prototype-badge{margin-left:auto;white-space:nowrap;border-radius:8px;background:#fff4e7;color:#ae6e2e;border:1px solid #f4ddbd;padding:8px 10px;font-size:10px;letter-spacing:.05em;font-weight:800}
.investment-stage{height:min(540px,calc(100vh - 275px));min-height:470px;display:grid;grid-template-columns:minmax(0,1fr) 385px;transition:grid-template-columns .56s cubic-bezier(.2,.75,.2,1);background:#e9f7fc}
.investment-stage:not(:has(.investment-panel.open)){grid-template-columns:minmax(0,1fr) 0px}
.investment-maparea{min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at 40% 35%,#f5fcff,#d7eff8 78%)}
.investment-maparea:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(#7db9cd 1px,transparent 1px),linear-gradient(115deg,transparent 0 68%,rgba(255,255,255,.3) 68% 69%,transparent 69%);background-size:21px 21px,100% 100%;opacity:.16}
.investment-maparea:after{content:'';position:absolute;inset:-80px;pointer-events:none;border:1px solid rgba(68,141,184,.14);border-radius:50%;box-shadow:0 0 0 80px rgba(68,141,184,.035),0 0 0 160px rgba(68,141,184,.035)}
.investment-map-eyebrow{position:absolute;left:24px;top:20px;z-index:2;color:#6396b1;font-size:9px;font-weight:800;letter-spacing:.15em}
.investment-map-overlay{position:absolute;left:24px;top:43px;z-index:2;display:flex;flex-direction:column;gap:2px;color:#0b3b84}
.investment-map-overlay b{font:800 18px 'Plus Jakarta Sans',sans-serif}
.investment-map-overlay span{font-size:11px;color:#728da4}
.investment-maparea>svg{position:relative;z-index:1;width:100%;height:100%;min-width:680px;filter:drop-shadow(0 4px 5px rgba(21,75,116,.18))}
.investment-maparea>svg.investment-map-focused{animation:investmentMapFocus .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes investmentMapFocus{from{opacity:.45;transform:scale(.965)}to{opacity:1;transform:scale(1)}}
.investment-province{cursor:pointer;stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:fill .25s,filter .25s,stroke-width .25s}
.investment-province:hover,.investment-province:focus{filter:brightness(.81);stroke-width:2;outline:0}
.province-shape.unavailable{cursor:help;stroke:#fff;stroke-dasharray:3 2}
.province-shape.unavailable:hover{filter:brightness(.92);stroke-width:1.5}
.investment-province.selected{fill:#07336f!important;stroke:#dfff54;stroke-width:2.8;filter:drop-shadow(0 4px 7px rgba(4,54,108,.37))}
.investment-marker{cursor:pointer;outline:0}
.marker-halo{fill:rgba(222,255,87,.7);stroke:#fff;stroke-width:2}
.marker-core{fill:#0a538c;stroke:#fff;stroke-width:1.8}
.investment-marker.active .marker-halo{fill:#dfff54;filter:drop-shadow(0 0 8px rgba(223,255,84,.8))}
.investment-marker.active .marker-core{fill:#0b3b84}
.marker-label{font:800 10px 'DM Sans',sans-serif;fill:#0d406f;paint-order:stroke;stroke:#e4f5fb;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.investment-marker.active .marker-label{font-size:11px;fill:#092e72}
.investment-legend{position:absolute;bottom:19px;left:20px;z-index:2;display:flex;gap:13px;flex-wrap:wrap;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);padding:10px 13px;border:1px solid #dbe9f1;border-radius:11px;box-shadow:0 7px 22px rgba(15,69,113,.1)}
.investment-legend span{display:inline-flex;align-items:center;gap:5px;color:#5c768d;font-size:10px;font-weight:800}
.investment-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}
.investment-mobile-hint{display:none}
.legend-active{background:#07336f;border:1px solid #dfff54}.legend-opportunity{background:#32a7c0}.legend-other{background:#a8cfe3}
.inv-open-panel{position:absolute;right:20px;top:19px;z-index:3;border:0;border-radius:11px;background:#0b3b84;color:white;padding:10px 13px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(8,51,100,.22)}
.inv-open-panel.hidden{display:none}.inv-open-panel .vector-icon{width:15px;height:15px}
.investment-panel{min-width:0;width:100%;opacity:0;overflow:hidden;transform:translateX(24px);transition:opacity .4s,transform .55s cubic-bezier(.2,.75,.2,1);background:#fff;border-left:1px solid #dce9f3;box-shadow:-14px 0 34px rgba(10,55,96,.11);position:relative;z-index:3}
.investment-panel.open{opacity:1;transform:translateX(0)}
.inv-panel-head{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;background:linear-gradient(110deg,color-mix(in srgb,var(--inv-sector) 11%,white),white 73%);border-bottom:1px solid #e5edf3}
.inv-overline{color:var(--inv-sector);font-size:9px;letter-spacing:.15em;font-weight:800}
.inv-panel-head h2{color:#112e56;font:800 22px/1.2 'Plus Jakarta Sans',sans-serif;margin:4px 0 2px}
.inv-panel-head p{font-size:11px;color:#7d8ea0;margin:0}
.inv-close{border:1px solid #d8e4ec;background:#fff;color:#55718b;width:29px;height:29px;border-radius:9px;font-size:20px;line-height:1;cursor:pointer}
.inv-panel-scroll{height:calc(100% - 81px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.inv-scene{height:154px;position:relative;background-image:url('assets/investment-scenes.png');background-size:500% auto;background-position:var(--scene-x) 53%;background-repeat:no-repeat;overflow:hidden;transition:background-position .55s ease,filter .55s ease}
.inv-scene-neutral{background-image:radial-gradient(circle at 78% 18%,#d4f1f0 0 18%,transparent 19%),linear-gradient(135deg,#c6e6ef,#83b4cd 66%,#6ca1bf);}
.inv-scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,29,58,.68),transparent 65%)}
.inv-scene-caption{position:absolute;left:16px;bottom:13px;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px;text-shadow:0 2px 8px rgba(0,0,0,.38)}
.inv-scene-caption .vector-icon{background:rgba(255,255,255,.19);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.36);padding:7px;box-sizing:content-box;border-radius:9px;width:19px;height:19px}
.inv-project-spotlight{padding:15px 18px;background:linear-gradient(150deg,color-mix(in srgb,var(--inv-sector) 7%,white),white 76%);border-bottom:1px solid #e7eef4;animation:invGlitch .6s steps(1,end) both}
.inv-spotlight-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.inv-zone{color:#326b96;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.inv-stage{font-size:9px;font-weight:800;color:var(--inv-sector);white-space:nowrap;background:color-mix(in srgb,var(--inv-sector) 12%,white);border-radius:99px;padding:5px 7px}
.inv-project-spotlight h3{color:#132d4d;margin:9px 0 5px;font:800 18px/1.25 'Plus Jakarta Sans',sans-serif}
.inv-project-spotlight p{color:#71839a;font-size:11px;line-height:1.4;margin:0}
.inv-need{border-left:3px solid var(--inv-sector);background:#fff;padding:9px 11px;margin-top:13px;border-radius:0 9px 9px 0;box-shadow:0 3px 11px rgba(19,57,86,.05)}
.inv-need span{display:flex;align-items:center;gap:5px;color:#7a8ea2;font-size:8px;letter-spacing:.1em;font-weight:800}
.inv-need .vector-icon{width:12px;height:12px;color:var(--inv-sector)}
.inv-need b{display:block;font-size:11px;line-height:1.35;color:#233c57;margin-top:4px}
.inv-empty{padding:24px 19px;color:#294766;background:#f6fbff;border-bottom:1px solid #e6eef5}.inv-empty b{font-size:13px}.inv-empty p{font-size:11px;line-height:1.5;color:#7b8fa4}
.inv-list-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 18px 9px;color:#657e97;font-size:9px;letter-spacing:.1em;font-weight:800}
.inv-list-heading b{border-radius:99px;background:#e8f4f8;color:#177d9d;min-width:21px;text-align:center;padding:3px}
.inv-project-list{padding:0 12px 9px;display:grid;gap:6px}
.inv-project-item{width:100%;border:1px solid #e2ebf1;border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}
.inv-project-item:hover{transform:translateX(-2px);box-shadow:0 6px 15px rgba(25,74,108,.1)}
.inv-project-item.active{border-color:color-mix(in srgb,var(--item-color) 36%,white);background:color-mix(in srgb,var(--item-color) 7%,white);box-shadow:inset 3px 0 var(--item-color)}
.inv-project-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--item-color) 14%,white);color:var(--item-color)}
.inv-project-icon .vector-icon{width:17px;height:17px}
.inv-project-item>span:nth-child(2){min-width:0;flex:1}.inv-project-item b{font-size:10px;color:#1f3d5b;display:block;line-height:1.25}.inv-project-item small{color:#8b9bab;font-size:9px;display:block;margin-top:3px}.inv-project-arrow{color:var(--item-color);font-size:14px;font-weight:800}
.inv-match-detail{margin:1px 18px 20px;padding:13px;background:#f5f9fd;border-radius:11px;border:1px solid #e5edf5}
.inv-match-detail>span{font-size:9px;letter-spacing:.1em;font-weight:800;color:#5e7d9d}.inv-match-detail p{color:#7a8da1;font-size:10px;margin:7px 0 0;line-height:1.4}
.inv-match-steps{display:flex;gap:6px;margin-top:9px}.inv-match-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#dde8f2;color:#9caec1;font-style:normal;font-size:10px;font-weight:800}.inv-match-steps i.reached{background:#0b3b84;color:#dfff54}
.investment-bottom{padding:13px 20px 15px;background:#f8fbff;border-top:1px solid #e4edf5}
.match-ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.match-ribbon>div{display:flex;gap:7px;align-items:center;min-width:0;background:#fff;border:1px solid #e3ebf3;border-radius:9px;padding:8px 9px}.match-ribbon>div>b{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:7px;background:#0b3b84;color:#dfff54;font:800 12px 'Plus Jakarta Sans',sans-serif}.match-ribbon span{min-width:0}.match-ribbon strong{display:block;color:#29557d;font-size:9px;line-height:1.2}.match-ribbon small{display:block;color:#91a0af;font-size:8px;line-height:1.2;margin-top:2px}.investment-bottom p{font-size:10px;line-height:1.45;color:#8495a7;margin:10px 2px 0}
@keyframes invGlitch{0%{opacity:.08;transform:translateX(5px);filter:blur(8px)}14%{opacity:.84;transform:translateX(-3px)}22%{opacity:.18}39%{opacity:1;transform:translateX(2px)}47%{opacity:.38}65%{opacity:1;filter:blur(0);transform:none}100%{opacity:1;transform:none}}
.subsector-hero{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid color-mix(in srgb,var(--sector) 30%,white);background:linear-gradient(110deg,color-mix(in srgb,var(--sector) 16%,white),#fff);border-radius:14px}.subsector-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:15px;background:#fff;color:var(--sector);box-shadow:0 7px 16px color-mix(in srgb,var(--sector) 15%,transparent)}.subsector-icon .vector-icon{width:29px;height:29px}.subsector-hero small{color:#6c8296;font-size:10px;font-weight:800}.subsector-hero h3{font-size:14px;line-height:1.2;margin:3px 0}.subsector-hero b{font-size:20px;color:#0b3b84}.subsector-hero b small{font-size:10px;color:#8496a5}.subsector-list>b{display:block;font-size:11px;margin:3px 0 7px;color:#2a4462}.subsector-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 39px;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid #edf2f6}.subsector-row>span{font-size:10px;color:#4a647e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subsector-row div{height:6px;background:#edf3f7;border-radius:99px;overflow:hidden}.subsector-row i{display:block;height:100%;border-radius:99px}.subsector-row strong{font-size:10px;text-align:right;color:#1d4a74}
.movers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.movers-card{padding:19px}.movers-heading{display:flex;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e9eef4}.movers-heading>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e7f7eb;color:#229879;font-size:19px;font-weight:800}.movers-card.loss .movers-heading>span{background:#fff0ec;color:#c96c54}.movers-heading small{display:block;font-size:9px;letter-spacing:.12em;font-weight:800;color:#8aa0ad}.movers-heading h3{font-size:16px;margin:2px 0 0;color:#163a5d}.shift-mover{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf2f6}.shift-mover:last-child{border-bottom:0}.mover-rank{font-size:10px;color:#a8b7c5;font-weight:800}.mover-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:color-mix(in srgb,var(--sector) 13%,white);color:var(--sector);flex:none}.mover-icon .vector-icon{width:17px;height:17px}.mover-copy{min-width:0;flex:1}.mover-copy b{display:block;color:#294864;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mover-copy small{font-size:9px;color:#92a1b0}.shift-mover>strong{font-size:11px;white-space:nowrap}.shift-mover>strong.up{color:#199b77}.shift-mover>strong.down{color:#cf7460}.shift-explain{margin-top:13px;padding:12px 14px;border-radius:11px;background:#eff8fb;color:#637e93;font-size:11px}.shift-explain button{border:0;background:none;color:#0b65b3;font:800 11px 'DM Sans',sans-serif;padding:0;text-decoration:underline;cursor:pointer}
@media(max-width:1350px){.investment-stage{grid-template-columns:minmax(0,1fr) 350px}.investment-stage:not(:has(.investment-panel.open)){grid-template-columns:minmax(0,1fr) 0px}.investment-maparea>svg{min-width:620px}.marker-label{font-size:9px}}
@media(max-width:1000px){.investment-stage{height:auto;min-height:0;display:flex;flex-direction:column}.investment-maparea{height:470px}.investment-panel{height:auto;max-height:440px;border-left:0;border-top:1px solid #dce9f3;transform:translateY(15px)}.investment-panel:not(.open){display:none}.inv-panel-scroll{height:360px}.match-ribbon{grid-template-columns:repeat(3,1fr)}.investment-maparea>svg{min-width:0}}
@media(max-width:750px){.investment-top{padding:17px}.investment-tally{display:none}.investment-toolbar{padding:10px 15px;flex-wrap:wrap}.inv-search{min-width:100%;max-width:none}.inv-prototype-badge{margin-left:0}.investment-maparea{height:380px;overflow:auto;overscroll-behavior:contain}.investment-maparea>svg{min-width:720px;width:720px}.investment-map-overlay{left:15px;top:37px}.investment-map-eyebrow{left:15px;top:17px}.investment-mobile-hint{display:block;position:sticky;right:8px;bottom:52px;z-index:3;width:max-content;margin-left:auto;background:#0b3b84;color:white;font-size:9px;font-weight:800;border-radius:7px;padding:6px 9px}.investment-legend{left:10px;bottom:9px;gap:5px 10px;padding:7px}.investment-legend span{font-size:8px}.match-ribbon{grid-template-columns:repeat(2,1fr)}.investment-bottom{padding:12px}.movers-grid{grid-template-columns:1fr}}
@media(max-width:620px){.investment-mode .hero{padding:16px 18px;min-height:96px}.investment-mode .hero h1{font-size:21px}.investment-title h2{font-size:19px}.investment-panel{max-height:none}.inv-panel-scroll{height:auto;max-height:600px}.investment-maparea{height:330px}.match-ribbon{grid-template-columns:1fr 1fr}.match-ribbon small{display:none}.investment-toolbar{gap:7px}.inv-sector-select{flex:1}.inv-prototype-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){.investment-stage,.investment-panel,.inv-scene,.inv-project-spotlight,.investment-province,.inv-project-item,.investment-map-focused{transition:none!important;animation:none!important}}

/* Full-viewport investment canvas: the topbar and sidebar remain unchanged. */
.content.investment-mode{height:calc(100dvh - 70px);min-height:520px;max-width:none;padding:0;overflow:hidden}
.investment-mode .view-switcher,.investment-mode .footer{display:none}
.investment-mode #viewContent{height:100%}
.investment-workspace{height:100%;position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:#dff2fa}
.investment-stage,.investment-stage:not(:has(.investment-panel.open)){position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;background:transparent}
.investment-maparea{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 48% 43%,#f3fcff 0,#dbf2fa 56%,#c6e8f5 100%)}
.investment-maparea>svg{width:100%;height:100%;min-width:0;transform:scale(1.06);transform-origin:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.investment-map-eyebrow,.investment-map-overlay{display:none}
.investment-top,.investment-toolbar,.investment-bottom,.investment-legend{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.investment-top{position:absolute;z-index:5;top:20px;left:24px;width:min(630px,calc(100% - 480px));max-width:none;display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 18px 40px rgba(13,73,117,.15)}
.investment-title{min-width:0}.investment-title h2{font-size:clamp(18px,1.9vw,24px);margin:5px 0 3px}.investment-title p{font-size:11px;line-height:1.4}
.investment-tally{margin-left:auto;flex:none;padding:0}.investment-tally b{font-size:28px}
.investment-toolbar{position:absolute;z-index:5;top:135px;left:24px;width:min(630px,calc(100% - 480px));max-width:none;display:flex;flex-wrap:wrap;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.85);border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(13,73,117,.12)}
.inv-search{min-width:160px;max-width:none;flex:1 1 235px;background:rgba(248,251,255,.9)}
.inv-sector-select{flex:0 1 auto;background:rgba(248,251,255,.9)}
.inv-prototype-badge{margin-left:0;padding:7px 9px;font-size:9px}
.investment-legend{left:24px;bottom:122px;z-index:5;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(21,72,115,.12)}
.investment-bottom{position:absolute;z-index:5;left:24px;bottom:18px;width:min(760px,calc(100% - 480px));padding:9px 11px 10px;border:1px solid rgba(255,255,255,.85);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(13,73,117,.14)}
.match-ribbon>div{padding:7px;min-height:39px}.match-ribbon strong{font-size:9px}.match-ribbon small{display:none}.investment-bottom p{font-size:9px;margin:6px 2px 0;line-height:1.25}
.investment-panel{position:absolute;z-index:6;top:20px;right:24px;bottom:20px;width:385px;height:auto;max-height:none;visibility:hidden;pointer-events:none;opacity:0;transform:translate3d(34px,0,0) scale(.985);transition:opacity .5s cubic-bezier(.22,.7,.24,1),transform .65s cubic-bezier(.17,.72,.22,1),visibility 0s linear .65s;border:1px solid rgba(222,235,244,.92);border-radius:21px;background:rgba(255,255,255,.975);box-shadow:0 26px 65px rgba(6,47,91,.24),0 0 0 1px rgba(255,255,255,.55) inset;overflow:hidden}
.investment-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
.inv-panel-ghost{z-index:7;pointer-events:none!important;visibility:visible!important;opacity:1}
.inv-panel-ghost *{animation:none!important}
.inv-panel-scroll{height:calc(100% - 81px);overflow-y:auto}
.inv-open-panel{top:20px;right:24px;z-index:5;background:rgba(9,46,114,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 26px rgba(5,53,98,.25);transition:transform .3s,box-shadow .3s}
.inv-open-panel:hover{transform:translateY(-3px);box-shadow:0 17px 32px rgba(5,53,98,.3)}
.inv-project-spotlight{animation:invSoftRise .62s cubic-bezier(.17,.72,.22,1) both}
.inv-project-item{animation:invSoftRise .55s cubic-bezier(.17,.72,.22,1) both}
.inv-project-item:nth-child(2){animation-delay:.05s}.inv-project-item:nth-child(3){animation-delay:.1s}.inv-project-item:nth-child(4){animation-delay:.15s}
.investment-marker.active .marker-halo{animation:invMarkerGlow .9s ease-out both}
@keyframes invSoftRise{from{opacity:0;transform:translate3d(0,14px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes invMarkerGlow{from{opacity:.35;filter:drop-shadow(0 0 20px #dfff54)}to{opacity:1;filter:drop-shadow(0 0 7px rgba(223,255,84,.5))}}
#viewContent.scene-enter .investment-workspace{animation:invCanvasIn .72s cubic-bezier(.18,.72,.25,1) both}
@keyframes invCanvasIn{from{opacity:.72;filter:blur(5px)}to{opacity:1;filter:blur(0)}}

@media(max-width:1000px){
  .investment-stage{display:block;height:100%}.investment-maparea{height:100%}
  .investment-top,.investment-toolbar{width:min(570px,calc(100% - 415px))}
  .investment-panel{top:16px;right:16px;bottom:16px;width:350px;height:auto;max-height:none;transform:translate3d(34px,0,0) scale(.985);border:1px solid rgba(222,235,244,.92)}
  .investment-panel.open{transform:none}.inv-panel-scroll{height:calc(100% - 81px)}
  .investment-bottom{width:calc(100% - 415px)}
}
@media(max-width:850px){
  .investment-top{left:16px;right:16px;top:14px;width:auto;padding:12px 14px}
  .investment-toolbar{left:16px;right:16px;top:117px;width:auto;padding:7px}
  .investment-title h2{font-size:18px}.investment-title p{font-size:10px}
  .investment-tally{display:none}.inv-prototype-badge{font-size:9px}
  .investment-panel{left:16px;right:16px;top:auto;bottom:14px;width:auto;height:min(455px,57%);max-height:none;border:1px solid rgba(222,235,244,.92);border-radius:20px;transform:translate3d(0,30px,0) scale(.985)}
  .investment-panel.open{transform:none}.inv-panel-scroll{height:calc(100% - 81px)}
  .investment-bottom{left:16px;right:16px;bottom:14px;width:auto;padding:7px 8px}.investment-bottom p{display:none}
  .match-ribbon{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.match-ribbon>div{min-width:75px;flex:1;padding:6px}.match-ribbon strong{font-size:8px}
  .investment-legend{left:16px;bottom:80px}
  .inv-open-panel{right:16px;top:16px}
  .investment-maparea>svg{min-width:0;transform:scale(1.12)}
}
@media(max-width:620px){
  .content.investment-mode{height:calc(100dvh - 120px);min-height:500px;padding:0;overflow:hidden}
  .investment-top{left:10px;right:10px;top:10px;padding:11px 12px;border-radius:15px}
  .investment-kicker{font-size:9px}.investment-title h2{font-size:17px;line-height:1.2}.investment-title p{font-size:10px}
  .investment-toolbar{left:10px;right:10px;top:107px;gap:5px;padding:7px;border-radius:13px}
  .inv-search{flex:1 1 100%;min-width:0;padding:8px}.inv-sector-select{flex:1;min-width:0;padding:7px}.inv-sector-select select{max-width:145px}.inv-prototype-badge{white-space:nowrap;font-size:8px;padding:6px}
  .investment-maparea{height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
  .investment-maparea>svg{width:760px;min-width:760px;height:100%;transform:none}
  .investment-panel{left:8px;right:8px;bottom:8px;height:min(420px,61%);border-radius:18px}
  .investment-bottom{left:10px;right:10px;bottom:9px}.match-ribbon>div{min-width:61px}.match-ribbon>div>b{width:20px;height:20px}.match-ribbon strong{font-size:7px}
  .investment-legend{left:10px;bottom:72px;max-width:calc(100% - 20px);padding:6px 9px;gap:5px 8px}.investment-legend span{font-size:9px}
  .investment-mobile-hint{display:block;position:fixed;left:50%;bottom:155px;right:auto;z-index:5;transform:translateX(-50%);width:max-content;margin:0;background:rgba(9,46,114,.9)}
  .inv-open-panel{top:auto;bottom:126px;right:10px}
}
@media(prefers-reduced-motion:reduce){.investment-top,.investment-toolbar,.investment-bottom,.investment-panel,.investment-maparea>svg,.inv-project-spotlight,.inv-project-item,#viewContent.scene-enter .investment-workspace{transition:none!important;animation:none!important}}
