:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e12;--bg2:#12171f;--panel:#151b24;--panel2:#1a2230;--border:#2a3545;--text:#e8eef6;--muted:#8b9bb0;--accent:#d4a017;--accent2:#3d8bfd;--good:#3ecf8e;--warn:#f0a020;--bad:#e85d5d;--font:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:8px;padding:.45rem .75rem}button:hover{border-color:var(--accent)}button.primary{color:#1a1408;background:linear-gradient(#e0b33a,#b8860b);border-color:#8a6a10;font-weight:700}button.primary.big{width:100%;padding:.85rem 1.25rem;font-size:1.05rem}button.secondary{background:#1e2836}button.danger{color:#ffb4b4;border-color:#7a3030}button.active,button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input,select{border:1px solid var(--border);background:#0e131a;border-radius:8px;width:100%;padding:.55rem .7rem}label{gap:.35rem;margin-bottom:.75rem;font-size:.9rem;display:grid}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--bad)}.pill{border:1px solid var(--border);background:#1a2433;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;display:inline-flex}.pill.live{color:var(--good)}.new-game{background:radial-gradient(ellipse at 20% 0%, #1a2a3d 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #2a2010 0%, transparent 45%), var(--bg);place-items:center;min-height:100%;padding:1.5rem;display:grid}.new-game-card{background:linear-gradient(180deg, var(--panel), var(--bg2));border:1px solid var(--border);border-radius:16px;width:min(720px,100%);padding:1.5rem;box-shadow:0 20px 60px #00000073}.auth-card{width:min(440px,100%)}.auth-tabs{grid-template-columns:1fr 1fr;gap:.35rem;margin:0 0 1rem;display:grid}.auth-tabs button{border:1px solid var(--border);background:var(--panel2);color:inherit;cursor:pointer;border-radius:8px;padding:.5rem .7rem}.auth-tabs button.active{border-color:var(--accent);background:#1f1a10}.auth-form{gap:.7rem;display:grid}.auth-form label{gap:.25rem;font-size:.85rem;display:grid}.auth-form input{border:1px solid var(--border);color:inherit;background:#10161a;border-radius:8px;padding:.5rem .65rem}.auth-submit{width:100%;margin-top:.25rem;padding:.65rem 1rem}.face-id-btn{margin-bottom:.85rem}.auth-error{color:#ffab91;margin:0;font-size:.85rem}.lobby-cinematic{isolation:isolate;color:#f4efe4;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:relative;overflow:auto}.lobby-drone,.lobby-drone-shot,.lobby-drone-haze,.lobby-veil{pointer-events:none;position:fixed;inset:0}.lobby-drone{z-index:0;background:#07080b url(/media/lobby-drone-01.jpg) 50%/cover no-repeat;overflow:hidden}.lobby-drone-shot{opacity:0;will-change:transform, opacity;background-position:50%;background-size:cover;animation:40s linear infinite lobby-drone-cycle;inset:-10%}.lobby-drone-shot-1{animation-name:lobby-drone-cycle,lobby-fly-a;animation-delay:0s,0s}.lobby-drone-shot-2{animation-name:lobby-drone-cycle,lobby-fly-b;animation-delay:8s,8s}.lobby-drone-shot-3{animation-name:lobby-drone-cycle,lobby-fly-c;animation-delay:16s,16s}.lobby-drone-shot-4{animation-name:lobby-drone-cycle,lobby-fly-d;animation-delay:24s,24s}.lobby-drone-shot-5{animation-name:lobby-drone-cycle,lobby-fly-e;animation-delay:32s,32s}@keyframes lobby-drone-cycle{0%,4%{opacity:0}10%,22%{opacity:1}28%,to{opacity:0}}@keyframes lobby-fly-a{0%{transform:scale(1.06)translate(2.4%,1.2%)}to{transform:scale(1.2)translate(-3.6%,-2%)}}@keyframes lobby-fly-b{0%{transform:scale(1.18)translate(-2%,2%)rotate(-.6deg)}to{transform:scale(1.08)translate(3%,-1.6%)rotate(.5deg)}}@keyframes lobby-fly-c{0%{transform:scale(1.1)translateY(2.4%)}to{transform:scale(1.22)translate(-2.2%,-3%)}}@keyframes lobby-fly-d{0%{transform:scale(1.16)translate(3%,-1%)rotate(.4deg)}to{transform:scale(1.07)translate(-2.8%,2.2%)rotate(-.5deg)}}@keyframes lobby-fly-e{0%{transform:scale(1.08)translate(-1.5%)}to{transform:scale(1.2)translate(2.8%,-2.4%)}}.lobby-drone-haze{z-index:1;mix-blend-mode:screen;background:radial-gradient(at 30% 20%,#ffaa4614,#0000 42%),radial-gradient(at 70% 80%,#1428462e,#0000 50%);animation:14s ease-in-out infinite alternate lobby-haze}@keyframes lobby-haze{0%{opacity:.35;transform:scale(1)}to{opacity:.7;transform:scale(1.06)}}.lobby-veil{z-index:2;background:linear-gradient(#06080c61 0%,#06080c2e 28%,#06080c8c 100%),radial-gradient(at 50% 110%,#080a0eb8,#0000 55%)}.lobby-wrap{z-index:3;gap:1.1rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.4rem 0 2.4rem;display:grid;position:relative}.lobby-head{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.lobby-brand{align-items:flex-start;gap:.9rem;display:flex}.lobby-brand-mark{letter-spacing:.04em;color:#1a1408;background:linear-gradient(160deg,#f0d060,#c4921a);border-radius:12px;place-items:center;width:3rem;height:3rem;font-weight:800;display:grid;box-shadow:0 10px 28px #c4921a47}.lobby-kicker{letter-spacing:.22em;text-transform:uppercase;color:#e8c56a;margin:0 0 .15rem;font-size:.72rem}.lobby-brand h1{letter-spacing:-.035em;text-shadow:0 8px 28px #0000008c;margin:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.05}.lobby-sub{color:#c9d0d8;max-width:36rem;margin:.35rem 0 0;font-size:.92rem}.lobby-user{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.lobby-user-chip,.lobby-code-pill{letter-spacing:.02em;background:#1012168c;border:1px solid #e8c56a59;border-radius:999px;align-items:center;padding:.32rem .7rem;font-size:.78rem;display:inline-flex}.lobby-code-pill{font-family:var(--mono);color:#f0d060}.lobby-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e121873;border-color:#ffffff29}.lobby-ghost.danger{color:#ffb4b4;border-color:#b4464673}.lobby-error{background:#461410b3;border:1px solid #ff8c6e59;border-radius:10px;padding:.65rem .8rem}.lobby-notice{color:#f0d060;background:#1c180cc7;border:1px solid #e8c56a59;border-radius:10px;margin:0;padding:.65rem .8rem;font-size:.9rem}.lobby-grid{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:.95rem;display:grid}.lobby-wrap-pools{gap:.95rem;display:grid}.lobby-kind-block{margin-top:.85rem}.lobby-kind-head{margin:0 0 .45rem}.lobby-kind-head h3{letter-spacing:-.02em;margin:0;font-size:.95rem}.lobby-kind-head p{margin:.15rem 0 0}.lobby-world-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;display:grid}.lobby-speed-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lobby-world{background:#080b1080;border:1px solid #ffffff1a;border-radius:14px;gap:.35rem;padding:.85rem .9rem .9rem;display:grid}.lobby-world-mine{border-color:#d4a01759}.lobby-history{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.lobby-history-row{background:#080b1066;border:1px solid #ffffff14;border-radius:10px;gap:.12rem;padding:.55rem .65rem;display:grid}.lobby-history-row strong{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.lobby-history-row.result-lost strong{color:#f0a0a0}.lobby-history-row.result-won strong{color:#d8c07a}.lobby-history-row.result-resigned strong{color:#aeb8c4}.game-over-veil{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040608b8;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.game-over-card{background:linear-gradient(#161010f0,#0a0a0cf5);border:1px solid #ffffff24;border-radius:18px;gap:.7rem;width:min(440px,100%);padding:1.4rem 1.35rem 1.2rem;display:grid}.game-over-card.lost{border-color:#dc5a5a73}.game-over-card.won{border-color:#d4a01773}.game-over-kicker{letter-spacing:.14em;text-transform:uppercase;color:#d8c07a;margin:0;font-size:.72rem}.game-over-card h1{letter-spacing:-.03em;margin:0;font-size:1.7rem}.game-over-card p{color:#d5dbe3;margin:0}.lobby-kind{letter-spacing:.12em;text-transform:uppercase;color:#d8c07a;font-size:.68rem}.lobby-world strong{font-size:1.05rem}.lobby-seatbar{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.lobby-seatbar i{background:linear-gradient(90deg,#c9a227,#e8c56a);height:100%;display:block}.lobby-world .row-actions{margin-top:.25rem}.lobby-glass{-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:linear-gradient(#10141ab8,#0a0c10c7);border:1px solid #ffffff1f;border-radius:18px;padding:1.05rem 1.1rem 1.15rem;box-shadow:0 24px 60px #00000061}.lobby-card-head{margin-bottom:.85rem}.lobby-card-head h2,.lobby-card-head h3{letter-spacing:-.02em;margin:0}.lobby-card-head p{color:#aeb8c4;margin:.25rem 0 0;font-size:.8rem}.lobby-card-head-sub{margin:1.15rem 0 .55rem}.lobby-form{gap:.7rem;display:grid}.lobby-form label{margin:0}.lobby-form input{background:#080a0eb8;border-color:#ffffff1f}.lobby-note{color:#b7c0cb;margin:0;font-size:.78rem}.lobby-chips{border:0;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;display:flex}.lobby-chips+.lobby-chips{margin-top:.65rem}.lobby-chips legend{color:#d8c07a;letter-spacing:.12em;text-transform:uppercase;width:100%;margin-bottom:.35rem;padding:0;font-size:.72rem}.lobby-chips label{cursor:pointer;background:#080a0e73;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.38rem .62rem;font-size:.78rem;display:inline-flex}.lobby-chips label.on{color:#f4e2a8;background:#d4a0172e;border-color:#d4a017}.lobby-chips input{opacity:0;pointer-events:none;position:absolute}.lobby-check{align-items:center;gap:.5rem;font-size:.88rem;display:flex}.lobby-check input{width:auto}.lobby-cta{width:100%;padding:.72rem 1rem}.lobby-code{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:.9rem}.lobby-code h3{margin:0 0 .5rem;font-size:.95rem}.lobby-code-row{grid-template-columns:1fr auto;gap:.45rem;display:grid}.lobby-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.lobby-list li{background:#080b1073;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:.7rem;padding:.72rem .8rem;display:flex}.lobby-list li>div:first-child{gap:.28rem;min-width:0;display:grid}.lobby-meta{flex-wrap:wrap;gap:.3rem;display:flex}.lobby-meta span{color:#b4bec9;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;padding:.12rem .42rem;font-size:.7rem}.lobby-empty{color:#b4bec9;margin:0 0 .6rem;font-size:.88rem}.lobby-detail{margin-top:.15rem}.lobby-roster{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.lobby-roster li{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:.7rem;padding:.45rem .15rem;font-size:.9rem;display:flex}.lobby-roster i{background:#5a6570;border-radius:50%;width:.5rem;height:.5rem;margin-right:.45rem;display:inline-block}.lobby-roster i.on{background:#3ecf8e;box-shadow:0 0 8px #3ecf8e}.lobby-roster span{color:#aeb8c4;font-size:.8rem}@media (width<=860px){.lobby-grid,.lobby-world-grid{grid-template-columns:1fr}.lobby-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.lobby-drone-shot,.lobby-drone-haze{animation:none}.lobby-drone-shot{opacity:0}.lobby-drone-shot-1{opacity:1;transform:none}}.brand{align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.55rem}.brand-mark{color:var(--accent);font-size:1.6rem}.stat-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.path-pick{border:1px solid var(--border);border-radius:12px;margin:0 0 1rem;padding:.75rem}.path-pick legend{color:var(--muted);padding:0 .4rem}.path-pick label{border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr;gap:.15rem .6rem;margin-bottom:.4rem;padding:.65rem;display:grid}.path-pick label.selected{border-color:var(--accent);background:#1f1a10}.path-pick label span{color:var(--muted);grid-column:2;font-size:.82rem}.speed-pick{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem;display:grid}.speed-pick legend{grid-column:1/-1}.speed-pick label{margin:0}.country-pick{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.country-pick label:last-child,.country-pick label:nth-last-child(2){grid-column:1/-1}.country-pick select[size]{width:100%;min-height:10rem}.featured-countries{gap:.35rem;margin:.35rem 0 .75rem;display:grid}.featured-country-row{flex-wrap:wrap;gap:.35rem;display:flex}.featured-country-chip{border:1px solid var(--border);background:var(--panel2,#121820);color:inherit;cursor:pointer;border-radius:99px;padding:.28rem .5rem;font-size:.75rem}.featured-country-chip:hover:not(:disabled){border-color:var(--accent,#3d8bfd)}.featured-country-chip.active{color:#f0d060;background:#c9a22726;border-color:#c9a227}.featured-country-chip:disabled{opacity:.45;cursor:not-allowed}.start-cash{font-size:.92rem}.friends-layout{grid-template-columns:minmax(240px,300px) 1fr;align-items:stretch;gap:.85rem;display:grid}.friends-add-row{gap:.4rem;display:flex}.friends-add-row input{flex:1}.friends-share{border:1px solid var(--border);background:#ffffff08;border-radius:10px;margin:0 0 .85rem;padding:.7rem .8rem}.friends-share p{margin:0 0 .4rem}.friends-hits li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.friends-roster{margin:0;padding:0;list-style:none}.friends-pick{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .5rem;display:flex}.friends-pick.on{border-color:var(--accent);background:#c9a2271f}.friends-pick i{background:#5a6570;border-radius:50%;width:.45rem;height:.45rem;margin-right:.4rem;display:inline-block}.friends-pick i.on{background:#3ecf8e;box-shadow:0 0 8px #3ecf8e}.friends-thread{flex-direction:column;min-height:28rem;display:flex}.friends-msgs{flex:1;gap:.45rem;min-height:14rem;padding:.35rem 0 .7rem;display:grid;overflow:auto}.friends-bubble{background:var(--panel2);border:1px solid var(--border);border-radius:12px 12px 12px 4px;justify-self:start;max-width:80%;padding:.45rem .65rem}.friends-bubble.mine{background:#c9a22729;border-radius:12px 12px 4px;justify-self:end}.friends-bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.friends-bubble span{color:var(--muted);margin-top:.2rem;font-size:.72rem;display:block}.friends-compose{gap:.4rem;display:flex}.friends-compose input{flex:1}.lobby-friends{margin-top:1rem}@media (width<=860px){.friends-layout{grid-template-columns:1fr}}.new-game-simple .brand p{max-width:38rem;line-height:1.45}.new-game-simple .path-pick label{padding:.85rem .75rem}.new-game-simple .path-pick strong{font-size:1.02rem}.start-place{border:1px solid var(--border);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.85rem;margin:0 0 1rem;padding:.85rem .95rem;display:flex}.start-place p{margin:.2rem 0 0}.start-place .tiny-hint{margin-top:.35rem}.start-place button{flex-shrink:0;margin-top:.15rem}.start-place-pick{align-items:flex-end}.start-place-pick label{flex:1;min-width:0;margin:0}.start-brief{border:1px solid var(--border);background:#ffffff08;border-radius:12px;margin:0 0 1rem;padding:.9rem 1rem}.start-brief header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.7rem;margin-bottom:.45rem;display:flex}.start-brief h3{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:.75rem 0 .3rem;font-size:.78rem}.start-brief ul{margin:.2rem 0 0;padding-left:1.15rem}.start-brief li{margin:.15rem 0}.start-yields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin:.45rem 0;display:grid}.start-yields div{justify-content:space-between;gap:.5rem;display:flex}.start-yields dt{color:var(--muted)}.start-yields dd{font-family:var(--mono,inherit);margin:0}.bid-outcome{border:1px solid #0000;border-radius:10px;gap:.15rem;margin:.5rem 0 0;padding:.55rem .7rem;font-size:.92rem;display:grid}.bid-outcome strong{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.bid-outcome-won{color:#b8f5d4;background:#2ea06e2e;border-color:#50d29673}.bid-outcome-lost{color:#ffc4be;background:#aa323033;border-color:#ff827866}.bid-outcome-sold{color:#f4e2a8;background:#d4a01729;border-color:#e8c56a66}.bid-outcome-unsold{background:#ffffff0a;border-color:#ffffff1f}.shell{background:var(--bg);width:100%;height:100%;min-height:100vh;color:var(--text);grid-template-rows:auto auto 1fr;display:grid}.shell-app{background:#061018;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100dvh;min-height:100dvh;display:grid;position:relative;overflow:hidden}.app-map{z-index:1;grid-area:2/1;min-height:0;position:relative}.app-map>*{height:100%;min-height:100%}.app-hud{z-index:40;padding:calc(.4rem + env(safe-area-inset-top,0px)) .75rem .45rem;border:0;border-bottom:1px solid var(--border);background:#10161e;border-radius:0;grid-area:1/1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.4rem;display:grid;position:relative;box-shadow:0 6px 16px #00000047}.app-hud-cash{min-width:0;display:grid}.app-hud-cash span{color:#c9d0d8;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.app-hud-cash strong{font-family:var(--mono);color:#f0d060;font-size:1.02rem;line-height:1.15}.app-hud-meta{color:#b7c0cb;justify-items:end;gap:.12rem;font-size:.68rem;display:grid}.app-hud-meta .bar.thin{width:4.6rem}.app-hud-meta em{font-style:normal;font-family:var(--mono);color:#e8eef6}.app-hud-more{letter-spacing:.08em;border-radius:10px;width:2.4rem;height:2.4rem;padding:0}.app-hud-more.on{border-color:var(--accent)}.app-acct-scrim{z-index:31;background:0 0;border:0;padding:0;position:fixed;inset:0}.app-acct{z-index:32;background:#0a0e14f0;border:1px solid #ffffff1f;border-radius:12px;gap:.35rem;width:min(16rem,100vw - 1.2rem);padding:.7rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 16px 40px #00000073}.app-acct p{color:#b7c0cb;margin:0;font-size:.75rem}.app-acct button{text-align:left;width:100%}.app-sheet{z-index:20;border-top:1px solid var(--border);padding-bottom:calc(3.6rem + env(safe-area-inset-bottom,0px));background:#080b10f0;flex-direction:column;grid-area:2/1;display:flex;position:absolute;inset:0}.app-sheet-head{border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.app-sheet-head h1{letter-spacing:-.02em;margin:0;font-size:1.05rem}.app-sheet-back{border-radius:999px;padding:.35rem .7rem}.app-sheet-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.7rem .7rem 1.2rem;overflow:auto}.app-dock{z-index:35;top:auto;left:.55rem;right:.55rem;bottom:calc(.45rem + env(safe-area-inset-bottom,0px));grid-area:2/1;gap:.4rem;display:grid;position:absolute}.app-dock-tab{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0e14e0;border:1px solid #ffffff29;border-radius:999px;justify-self:center;align-items:center;gap:.45rem;min-height:2.5rem;padding:.35rem 1rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #0006}.app-dock-tab i{background:#d4a017;border-radius:99px;width:1.15rem;height:.22rem}.app-dock-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e14eb;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.5rem;display:grid;box-shadow:0 16px 40px #00000073}.app-dock-nav button{border-radius:10px;min-height:2.75rem;padding:.45rem .2rem;font-size:.78rem;font-weight:600}.app-dock-nav button.active{border-color:var(--accent);background:#243044}.shell-app .toast{bottom:calc(5.2rem + env(safe-area-inset-bottom,0px))}.shell-app .prod-popup,.shell-app .prod-popup-min{bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));right:.7rem}.shell-app .map-overlay-bar,.shell-app .map-nav-float,.shell-app .map-legend{display:none}.map-ios-filters{z-index:8;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.3rem;padding-bottom:.1rem;display:flex;position:absolute;top:.45rem;left:.45rem;right:.45rem;overflow-x:auto}.map-ios-filters button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e14d1;border:1px solid #ffffff24;border-radius:999px;flex:none;min-height:2rem;padding:.28rem .7rem;font-size:.75rem;font-weight:600}.map-ios-filters button.on{color:#f4e2a8;background:#d4a01733;border-color:#d4a017}.shell-app .world-plant-page,.shell-app .map-layout-full .world-map-wrap,.shell-app .map-layout-full .world-map-svg{height:100%;min-height:100%}.topbar{border-bottom:1px solid var(--border);background:linear-gradient(#141a22,#0e1218);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.55rem .9rem;display:flex}.top-left{align-items:baseline;gap:.75rem;display:flex}.logo{color:var(--accent);font-weight:700}.top-stats{flex-wrap:wrap;gap:.65rem;display:flex}.stat{color:var(--muted);font-size:.72rem;display:grid}.stat strong{color:var(--text);font-size:.92rem;font-family:var(--mono)}.stat.real-money-stat strong{color:#ffe7a0}.real-money-wallet-card{background:linear-gradient(#1a160c,#12100a);border:1px solid #5a4a20;border-radius:12px;gap:.45rem;margin:.75rem 0;padding:.85rem 1rem;display:grid}.wallet-balance{font-family:var(--mono);color:#ffe7a0;font-size:1.75rem;font-weight:700}.offer-card.wallet-pack{background:#16120a;border-color:#5a4a20}.day-meter{align-items:center;gap:.5rem;min-width:160px;font-size:.8rem;display:flex}.bar,.bar.thin{border:1px solid var(--border);background:#0a0e14;border-radius:99px;flex:1;height:8px;overflow:hidden}.bar.thin{height:5px}.bar>i{background:linear-gradient(90deg, var(--accent2), var(--accent));height:100%;display:block}.nav{border-bottom:1px solid var(--border);background:#0f141b;gap:.25rem;padding:.4rem .6rem;display:flex;overflow-x:auto}.nav button{white-space:nowrap;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.82rem;display:inline-flex}.nav button.active{border-color:var(--accent2);background:#243044}.nav button.nav-alarm-lit{color:#ffcdd2;border-color:#ff8a80}.nav-badge{font-family:var(--mono);color:#c8e6c9;background:#3a4a28;border-radius:99px;min-width:1.15rem;padding:.05rem .3rem;font-size:.65rem}.nav-badge.crit{color:#ffcdd2;background:#6a2020;animation:1.2s infinite alarm-pulse}@keyframes alarm-pulse{50%{opacity:.65}}.alarms-layout{grid-template-columns:220px 1fr 300px;gap:.75rem;min-height:calc(100vh - 120px);display:grid}.alarms-layout.alarms-embedded{min-height:calc(100vh - 160px)}.dcs-alarms-page{gap:.55rem;min-height:calc(100vh - 120px);display:grid}.dcs-panel-tabs{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.dcs-panel-tabs button{border:1px solid var(--border);background:var(--panel2);color:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;display:inline-flex}.dcs-panel-tabs button.active{color:#9dffc8;background:#3d9a6826;border-color:#3a8f6a;font-weight:600}.dcs-panel-tabs-side{margin:.35rem 0 .55rem}.dcs-panel-tabs-side button{flex:1;min-width:0;padding:.35rem .45rem;font-size:.75rem}.alarms-summary h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.75rem 0 .35rem;font-size:.8rem}.alarm-counters{gap:.4rem;margin:.65rem 0;display:grid}.alarm-counter{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:baseline;padding:.45rem .55rem;font-size:.78rem;display:flex}.alarm-counter strong{font-family:var(--mono);color:var(--text);font-size:1.15rem}.alarm-counter.crit.lit{background:#1a1010;border-color:#8a3030}.alarm-counter.crit.lit strong{color:#ff8a80}.alarm-counter.total.lit strong{color:#ffd54f}.alarm-filters{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.alarm-filters button{padding:.28rem .45rem;font-size:.72rem}.alarm-table-wrap{max-height:calc(100vh - 200px);overflow:auto}.alarm-table{font-size:.82rem}.alarm-row{cursor:pointer}.alarm-row:hover{background:#ffffff08}.alarm-row.sel{background:#6dffb00f;outline:1px solid #2a5a42}.alarm-row.pri-critical.flashable td:first-child{box-shadow:inset 3px 0 #ff5252}.alarm-row.pri-high.flashable td:first-child{box-shadow:inset 3px 0 #ffb74d}.mono{font-family:var(--mono)}.pri-badge{font-family:var(--mono);letter-spacing:.04em;border-radius:4px;padding:.12rem .35rem;font-size:.65rem;font-weight:700}.pri-badge.pri-critical{color:#ff8a80;background:#5a1818}.pri-badge.pri-high{color:#ffd54f;background:#4a3810}.pri-badge.pri-advisory{color:#90caf9;background:#1a3040}.state-badge{font-family:var(--mono);color:#aaa;background:#222;border-radius:4px;padding:.1rem .3rem;font-size:.65rem}.state-badge.state-active{color:#ffab91;background:#3a2020}.state-badge.state-acked{color:#c5e1a5;background:#2a3a20}.state-badge.state-cleared{color:#888;background:#1a1a22}.state-badge.shelved{opacity:.75}.alarm-responses{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.alarm-responses li{border:1px solid var(--border);background:var(--panel2);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.55rem;padding:.55rem .6rem;display:flex}.alarm-responses li strong{margin-bottom:.15rem;display:block}.alarm-responses li .muted{font-size:.78rem;line-height:1.35;display:block}.response-meta{font-family:var(--mono);color:var(--accent);margin-top:.3rem;font-size:.68rem;display:block}.alarm-resolved{background:#0a1612;border:1px solid #2a5a42;border-radius:8px;padding:.75rem}.response-kind{font-size:.62rem;font-weight:700;font-family:var(--mono);letter-spacing:.03em;vertical-align:middle;border-radius:3px;margin-left:.4rem;padding:.08rem .3rem;display:inline-block}.response-kind.ok{color:#9dffc8;background:#1b3a28}.response-kind.bad{color:#ffab91;background:#3a2020}.alarm-responses li.response-corrective{border-color:#2a5a42}.alarm-responses li.response-weak{opacity:.95;border-color:#5a3a30}.dcs-site-alarm-list{gap:.3rem;max-height:180px;margin:0 0 .45rem;padding:0;list-style:none;display:grid;overflow:auto}.dcs-site-alarm button{text-align:left;border:1px solid var(--border);width:100%;color:inherit;cursor:pointer;background:#101820;border-radius:6px;gap:.1rem;padding:.35rem .45rem;font-size:.72rem;display:grid}.dcs-site-alarm.critical button{background:#1a1010;border-color:#8a3030}.dcs-site-alarm.high button{border-color:#6a5020}.dcs-site-alarm .tag{font-family:var(--mono);color:#9dffc8;font-weight:600}.dcs-site-alarm .title{color:#e0e8f0}.dcs-ops-aside .dcs-ops-status{border:1px solid var(--border);background:var(--panel2);border-radius:8px;gap:.3rem;padding:.35rem .5rem;display:grid}.dcs-ops-aside .dcs-ops-status.ok{border-color:#2a5a42}.dcs-ops-aside .dcs-ops-status.warn{background:#1a1210;border-color:#8a4030}.dcs-ops-aside .dcs-ops-status button{margin-top:.25rem}.dcs-alarm-aside{flex-direction:column;min-height:0;padding:.65rem .7rem;display:flex;overflow:hidden}.alarms-dock{flex-direction:column;gap:.4rem;height:100%;min-height:0;display:flex}.alarms-dock-head{justify-content:space-between;align-items:flex-start;gap:.45rem;display:flex}.alarms-dock-head h2{margin:0;font-size:1.05rem}.alarms-dock-head p{margin:.15rem 0 0}.alarms-dock-head .dcs-ops-status{text-align:right;min-width:6.5rem}.alarms-dock-list{flex:0 34%;gap:.28rem;min-height:88px;max-height:32vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.alarms-dock-item{text-align:left;border:1px solid var(--border);width:100%;color:inherit;cursor:pointer;background:#101820;border-radius:6px;grid-template-columns:auto 1fr;gap:.08rem .4rem;padding:.32rem .4rem;font-size:.72rem;display:grid}.alarms-dock-item .tag{font-family:var(--mono);color:#9dffc8;font-weight:600}.alarms-dock-item .title{color:#e0e8f0;grid-column:1/-1}.alarms-dock-item .muted{grid-column:1/-1}.alarms-dock-item.sel{background:#13241c;outline:1px solid #3a8f6a}.alarms-dock-item.pri-critical{border-color:#8a3030}.alarms-dock-item.pri-critical.flashable{box-shadow:inset 3px 0 #ff5252}.alarms-dock-item.pri-high{border-color:#6a5020}.alarms-dock-detail{border-top:1px solid var(--border);flex:auto;align-content:start;gap:.4rem;min-height:0;padding-top:.25rem;display:grid;overflow:auto}.alarms-dock-detail h3{margin:.2rem 0 0;font-size:.92rem}.alarms-dock-detail h4{text-transform:uppercase;letter-spacing:.05em;color:#d4a017;margin:.35rem 0 0;font-size:.7rem}.alarms-dock-body{margin:0;font-size:.8rem;line-height:1.4}.alarms-dock .alarm-responses li{flex-direction:column;gap:.35rem;padding:.45rem .5rem}.alarms-dock .alarm-responses li button{align-self:stretch}.dcs-trip-banner{color:#ffab91;background:#1a1010;border:1px solid #8a3030;border-radius:6px;margin:.35rem 0 .5rem;padding:.4rem .5rem;font-size:.72rem;font-weight:600;line-height:1.3}.dcs-sim-controls button.danger{color:#ffab91;background:#2a1212;border-color:#8a3030}.dcs-sim-controls button.danger:hover{color:#ff8a80;border-color:#ff5252}@media (width<=1000px){.alarms-layout{grid-template-columns:1fr}}.main{background:var(--bg);padding:.75rem;overflow:auto}.shell.shell-map .main{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.shell.shell-map .main>*{flex:1;min-height:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.panel-head h2{margin:.1rem 0}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.stack-gap{gap:.45rem;margin-top:.75rem;display:grid}.mgmt-upgrade-box{border:1px solid var(--border);background:var(--panel2);border-radius:8px;gap:.35rem;padding:.45rem .5rem;display:grid}.upgrade-live.compact{gap:.25rem;margin:0;display:grid}.row-between{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 0;display:flex}.toast{border:1px solid var(--accent);color:var(--text);z-index:50;background:#1c2430;border-radius:10px;padding:.7rem 1.1rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.prod-popup{z-index:45;border:1px solid var(--border);background:linear-gradient(#141a22,#0e1218);border-radius:12px;width:min(340px,100vw - 1.5rem);max-height:min(70vh,520px);padding:.65rem .75rem .75rem;font-size:.82rem;position:fixed;bottom:.85rem;right:.85rem;overflow:auto;box-shadow:0 12px 40px #00000080}.prod-popup.low{border-color:#8a5a20}.prod-popup.ok{border-color:#2a5a42}.prod-popup-head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;display:flex}.prod-popup-head h3{color:var(--accent);margin:0;font-size:.92rem}.prod-popup-toggle{border:1px solid var(--border);width:1.75rem;height:1.75rem;color:var(--text);cursor:pointer;background:#1a222c;border-radius:6px;padding:0;font-size:1.1rem;line-height:1}.prod-popup-toggle:hover{border-color:var(--accent)}.prod-popup-metrics{grid-template-columns:1fr 1fr 1fr;gap:.35rem;margin-bottom:.4rem;display:grid}.prod-popup-metrics>div{gap:.1rem;display:grid}.prod-popup-metrics strong{font-family:var(--mono);font-size:.78rem}.prod-popup-metrics .bad{color:#ffb74d}.prod-popup-metrics .good{color:#81c784}.prod-util-bar{border:1px solid var(--border);background:#0a0e14;border-radius:99px;height:6px;margin-bottom:.55rem;overflow:hidden}.prod-util-bar>i{background:linear-gradient(90deg,#c4783a,#d4a017,#4ecf8e);border-radius:99px;height:100%;display:block}.prod-asset-tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:.45rem;display:flex}.prod-asset-tabs button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#121820;border-radius:5px;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.68rem;display:inline-flex}.prod-asset-tabs button em{font-style:normal;font-family:var(--mono);color:var(--accent)}.prod-asset-tabs button.active{border-color:var(--accent2);color:var(--text);background:#1a2838}.prod-asset-title{gap:.1rem;margin-bottom:.35rem;display:grid}.prod-issue-list{gap:.4rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.prod-issue-list li{border:1px solid var(--border);background:#12161c;border-radius:8px;padding:.4rem .45rem}.prod-issue-list li.sev-bad{border-color:#8a4030}.prod-issue-list li.sev-warn{border-color:#6a5a20}.prod-issue-top{justify-content:space-between;gap:.35rem;margin-bottom:.15rem;display:flex}.prod-issue-list p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.35}.prod-hint{color:#90caf9;margin-top:.25rem;font-size:.7rem;display:inline-block}.prod-hint-link{color:#90caf9;text-align:left;cursor:pointer;background:#285a8c40;border:1px solid #3a6a9a;border-radius:6px;margin-top:.3rem;padding:.2rem .45rem;font-size:.7rem;line-height:1.3;text-decoration:none;display:inline-block}.prod-hint-link:hover{color:#c8e6ff;background:#326eaa66;border-color:#6ab0e8;text-decoration:underline}.prod-factor-grid{grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:.45rem;display:grid}.prod-factor{color:var(--muted);width:100%;font-size:.68rem;font:inherit;text-align:left;cursor:default;background:#0c1016;border:1px solid #1a222c;border-radius:5px;justify-content:space-between;gap:.25rem;padding:.25rem .35rem;display:flex}.prod-factor.clickable{cursor:pointer;border-color:#2a4a6a}.prod-factor.clickable:hover{color:var(--text);background:#121a24;border-color:#4a8aca}.prod-factor:disabled{opacity:1;cursor:default}.prod-factor strong{font-family:var(--mono);color:var(--text)}.prod-factor.sev-bad strong{color:#ff8a80}.prod-factor.sev-warn strong{color:#ffd54f}.prod-factor.sev-ok strong{color:#81c784}.prod-top-fleet h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .25rem;font-size:.72rem}.prod-top-fleet ul{color:var(--muted);gap:.25rem;margin:0 0 .5rem;padding:0;font-size:.72rem;list-style:none;display:grid}.prod-fleet-link{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:#0e141c;border:1px solid #1a2838;border-radius:6px;padding:.3rem .4rem;font-size:.72rem;display:block}.prod-fleet-link:hover{background:#152030;border-color:#4a8aca}.prod-fleet-go{color:#90caf9;margin-top:.15rem;font-size:.68rem;display:block}.prod-popup-actions{flex-wrap:wrap;gap:.3rem;display:flex}.prod-popup-actions button{padding:.3rem .45rem;font-size:.72rem}.prod-popup-min{z-index:45;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#141a22;border-radius:99px;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.78rem;display:flex;position:fixed;bottom:.85rem;right:.85rem;box-shadow:0 8px 24px #0006}.prod-popup-min.low{border-color:#c4783a}.prod-popup-min.ok{border-color:#2a5a42}.prod-popup-min strong{font-family:var(--mono);color:var(--accent)}.prod-min-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.65rem}.prod-min-warn{color:#ffccbc;background:#6a3020;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;font-size:.7rem;font-weight:700;display:grid}.plant-layout{grid-template-columns:220px 1fr 300px;gap:.75rem;min-height:calc(100vh - 120px);display:grid}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:.75rem 0 .4rem;font-size:.8rem}.overview-section{margin-bottom:.5rem}.plant3d-wrap{border:1px solid var(--border);background:linear-gradient(#8eb4c8 0%,#6a90a8 42%,#1a3040 100%);border-radius:10px;height:min(48vh,440px);position:relative;overflow:hidden}.plant3d-wrap.plant3d-onshore{background:linear-gradient(#a8c0cc 0%,#7a9aaa 38%,#2a3a30 100%)}.plant3d-wrap.plant3d-offshore{background:linear-gradient(#7eb0cc 0%,#4a7a98 45%,#0a1828 100%)}.plant3d-caption{color:#dce6f0a6;pointer-events:none;background:#0006;border-radius:4px;padding:.15rem .4rem;font-size:.68rem;position:absolute;bottom:.4rem;left:.5rem}.unit-tile.upgrading{box-shadow:inset 0 0 0 1px var(--accent)}.cost-highlight{font-weight:700;color:var(--accent)!important}.upgrade-live{border:1px solid var(--accent);background:#1a2210;border-radius:8px;gap:.3rem;margin-bottom:.55rem;padding:.55rem;display:grid}.upgrade-schedule{color:var(--muted);margin:.55rem 0;font-size:.82rem}.upgrade-schedule summary{cursor:pointer;color:var(--text);margin-bottom:.35rem}.upgrade-schedule .data{font-size:.78rem}.map-marker-ship,.map-marker-refinery,.map-marker-jetty{pointer-events:none}.asset-card{text-align:left;background:var(--panel2);width:100%;margin-bottom:.4rem;display:grid}.asset-card.selected{border-color:var(--accent)}.asset-card .sale-hint{font-family:var(--mono);color:#c9a227;font-size:.72rem}.danger-btn{color:#ffab91!important;background:#1a1010!important;border-color:#6a3a3a!important}.danger-btn:hover{background:#2a1515!important;border-color:#ff8a80!important}.sell-confirm{background:linear-gradient(#1a1210,#120e0c);border:1px solid #6a3a3a;border-radius:10px;gap:.45rem;margin-bottom:.75rem;padding:.75rem .85rem;display:grid}.sell-confirm .warn-text{color:#ffd54f}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-bottom:.85rem;display:grid}.unit-tile{text-align:left;border:1px solid var(--border);border-radius:10px;align-content:end;min-height:92px;padding:.55rem;display:grid;position:relative}.unit-tile.selected{outline:2px solid var(--accent)}.unit-tile.bottleneck{box-shadow:inset 0 0 0 1px var(--warn)}.unit-tile .tag{font-family:var(--mono);color:var(--accent);font-size:.75rem}.badge{background:#333;border-radius:4px;padding:.1rem .35rem;font-size:.68rem}.badge.warn{color:#ffd090;background:#5a3a10}.badge.ok{color:#9dffc8;background:#1a4a32}.tanks-row{flex-wrap:wrap;gap:.45rem;display:flex}.tank{border:1px solid var(--border);background:#0a0e14;border-radius:6px 6px 4px 4px;width:56px;height:90px;position:relative;overflow:hidden}.tank-fill{opacity:.85;background:linear-gradient(#c4a35a,#5c3d12);position:absolute;bottom:0;left:0;right:0}.tank-label{text-align:center;background:linear-gradient(#0000,#000000b3);place-content:end center;padding:.2rem;font-size:.62rem;display:grid;position:absolute;inset:0}.kv{grid-template-columns:1fr auto;gap:.25rem .75rem;font-size:.88rem;display:grid}.kv.small{font-size:.8rem}.kv dt{color:var(--muted)}.kv dd{font-family:var(--mono);text-align:right;margin:0}.comah-list{margin:0;padding:0;list-style:none}.comah-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.55rem;padding:.55rem 0;display:flex}.comah-list li.comah-upgrading{background:#d4a0170f;border-radius:6px;margin:0 -.35rem;padding-left:.35rem;padding-right:.35rem}.comah-main{flex:1;gap:.2rem;min-width:0;display:grid}.comah-main .bar.thin{max-width:160px;margin-top:.15rem}.comah-actions{flex-shrink:0;gap:.3rem;display:grid}.comah-actions button{white-space:nowrap;font-size:.72rem}.world-plant-page{gap:0;height:100%;min-height:calc(100vh - 108px);display:grid;position:relative}.shell.shell-map .world-plant-page{height:100%;min-height:100%}.world-plant-map{border-radius:0;height:100%;min-height:0;position:relative;overflow:hidden}.world-map-underlay{transform-origin:50%;transition:transform .16s ease-out,filter .16s ease-out,opacity .16s ease-out;position:absolute;inset:0}.world-map-underlay .map-layout-full,.world-map-underlay .map-canvas-full,.world-map-underlay .world-map-wrap{height:100%;min-height:100%}.world-plant-page.phase-site .map-overlay-bar,.world-plant-page.phase-site .map-nav-float,.world-plant-page.phase-entering .map-overlay-bar,.world-plant-page.phase-entering .map-nav-float{opacity:calc(1 - var(--site-blend,0) * .95);pointer-events:none}.map-3d-back{z-index:12;color:#d8ffe8;cursor:pointer;background:#081016e0;border:1px solid #9dffc859;border-radius:8px;padding:.4rem .75rem;font-size:.8rem;position:absolute;top:12px;left:12px}.map-3d-back:hover{border-color:#9dffc8}.world-plant-page.phase-site .map-3d-back{display:none}.map-3d-hint{z-index:6;pointer-events:none}.map-3d-overlay{z-index:8;will-change:opacity, transform, clip-path;background:#080e1447;flex-direction:column;transition:opacity .12s linear,transform .16s ease-out,clip-path .16s ease-out;display:flex;position:absolute;inset:0}.map-3d-approach-label{z-index:9;color:#d8ffe8;letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#081016b8;border:1px solid #9dffc859;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;position:absolute;top:14%;left:50%;transform:translate(-50%)}.map-3d-overlay .plant-site-panel{background:0 0;border:none;border-radius:0;flex:1;height:100%;min-height:0;padding:0;display:block;position:relative}.map-3d-overlay .plant-site-panel.site-approaching .plant-site-bar,.map-3d-overlay .plant-site-panel.site-approaching .plant-worker-chat,.map-3d-overlay .plant-site-panel.site-approaching .plant3d-caption{pointer-events:none;opacity:0!important}.map-3d-overlay .plant-site-3d{background:0 0;border:none;border-radius:0;height:100%;min-height:0;position:absolute;inset:0}.map-3d-overlay .plant-site-3d .plant3d-wrap,.map-3d-overlay .plant3d-wrap.plant3d-fill{border:none;border-radius:0;height:100%;min-height:100%}.world-plant-page.plant-open .world-plant-map{min-height:100%;max-height:none}.world-plant-hint{margin:0;padding:.35rem .15rem;font-size:.82rem}.map-zoom-curtain{z-index:12;pointer-events:none;background:#060c1259;place-items:center;animation:.35s zoom-curtain-in;display:grid;position:absolute;inset:0}.map-zoom-curtain-card{text-align:center;background:#0a1210eb;border:1px solid #3a6a50;border-radius:12px;gap:.4rem;min-width:min(280px,80vw);padding:.85rem 1rem;display:grid;box-shadow:0 8px 28px #00000073}.map-zoom-curtain-card .bar{background:#123028;border-radius:4px;height:6px;overflow:hidden}.map-zoom-bar{background:linear-gradient(90deg,#2f8f5b,#6dffb0);width:0;height:100%;animation:.85s forwards zoom-bar;display:block}@keyframes zoom-curtain-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-bar{0%{width:0}to{width:100%}}.plant-site-panel{background:0 0;grid-template-rows:auto minmax(280px,1fr);gap:0;min-height:calc(100vh - 120px);padding:0;display:grid}.plant-site-panel.site-fullscreen{height:100%;min-height:100%;display:block;position:relative}.plant-site-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.35rem .25rem;display:flex}.plant-site-hud{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081016d1;border:1px solid #9dffc838;border-radius:10px;padding:.4rem .65rem;position:absolute;top:12px;left:12px;right:12px}.plant-worker-chat{z-index:12;background:#0a1016eb;border:1px solid #d4a01773;border-radius:12px;gap:.45rem;width:min(340px,100vw - 24px);max-height:calc(100% - 96px);padding:.7rem .8rem;display:grid;position:absolute;top:76px;right:12px;overflow:auto;box-shadow:0 10px 28px #0006}.plant-worker-chat h4{text-transform:uppercase;letter-spacing:.06em;color:#d4a017;margin:.25rem 0 0;font-size:.72rem}.plant-worker-chat .panel-head.compact{margin-bottom:.2rem}.plant-upgrades{gap:.75rem;display:grid}@media (width<=720px){.plant-worker-chat{width:auto;max-height:42vh;inset:auto 12px 12px}.plant-site-hud{left:8px;right:8px}}.plant-site-title{flex:1;gap:.1rem;min-width:140px;display:grid}.plant-site-title strong{font-size:1.05rem}.plant-site-3d{background:#0a1218;border:none;border-radius:0;height:100%;min-height:0;overflow:hidden}.plant-site-3d .plant3d-wrap,.plant3d-wrap.plant3d-fill{height:100%;min-height:100%}.plant-site-hint{margin:.25rem .35rem .15rem;font-size:.75rem}.plant-site-units{gap:.4rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.plant-site-unit{text-align:left;border:1px solid var(--border);background:var(--panel2);min-width:120px;max-width:160px;color:inherit;cursor:pointer;border-radius:8px;flex:none;gap:.15rem;padding:.45rem .5rem;font-size:.78rem;display:grid}.plant-site-unit.selected{border-color:var(--accent,#3d8bfd);box-shadow:0 0 0 1px var(--accent,#3d8bfd)}.plant-site-unit.upgrading{border-color:#d4a017}.plant-site-unit .tag{font-family:var(--mono);color:#9dffc8;font-size:.7rem}.plant-site-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;max-height:min(28vh,280px);display:grid;overflow:auto}.plant-site-action-card{border:1px solid var(--border);background:var(--panel2);border-radius:10px;align-content:start;gap:.35rem;padding:.55rem .65rem;font-size:.82rem;display:grid}.plant-site-action-card .list.compact li{gap:.25rem;padding:.35rem 0;display:grid}.map-layout{grid-template-columns:1fr 300px;gap:.75rem;min-height:calc(100vh - 120px);display:grid}.map-layout-full{height:100%;min-height:100%;display:block;position:relative}.map-canvas-full{background:0 0;border:none;border-radius:0;height:100%;min-height:100%;padding:0}.map-overlay-bar{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e14c7;border:1px solid #7896aa59;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;padding:.4rem .55rem;display:flex;position:absolute;top:.55rem;left:.55rem;right:.55rem}.map-overlay-title{gap:.05rem;display:grid}.map-overlay-title strong{font-size:.92rem}.map-popup-backdrop{z-index:42;background:#04080c80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.map-select-popup{width:min(460px,100%);max-height:min(82vh,680px);overflow:auto;box-shadow:0 18px 50px #0000008c}.map-choice-list{gap:.4rem;display:grid}.map-choice-list button{text-align:left;width:100%}.map-toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.map-toolbar button{min-width:2rem;padding:.35rem .55rem;font-size:.85rem;font-weight:700;line-height:1}.zoom-readout{font-family:var(--mono);color:var(--muted);min-width:2.5rem;margin-left:.35rem;font-size:.8rem}.world-map-wrap{border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;background:#061018;border-radius:12px;position:relative;overflow:hidden}.map-layout-full .world-map-wrap{border:none;border-radius:0;height:100%;min-height:calc(100vh - 108px)}.world-map-svg{cursor:grab;width:100%;height:min(64vh,560px);display:block}.map-layout-full .world-map-svg{height:100%;min-height:calc(100vh - 108px)}.world-map-svg:active{cursor:grabbing}.map-nav-float{z-index:4;pointer-events:none;flex-direction:column;gap:.4rem;display:flex;position:absolute;bottom:.55rem;left:.55rem}.map-nav-float>*{pointer-events:auto}.map-nav-compass{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e14b8;border:1px solid #7896aa59;border-radius:10px;grid-template-rows:2rem 2rem 2rem;grid-template-columns:2rem 2rem 2rem;gap:2px;padding:4px;display:grid;box-shadow:0 4px 14px #00000059}.map-nav-btn{color:#d0e0ec;cursor:pointer;background:#121a22;border:1px solid #64829666;border-radius:6px;place-items:center;width:2rem;height:2rem;padding:0;font-size:.72rem;font-weight:700;line-height:1;display:grid}.map-nav-btn:hover{color:#9dffc8;background:#1a2834;border-color:#6dffb0}.map-nav-btn:active{transform:scale(.96)}.map-nav-btn.n{grid-area:1/2}.map-nav-btn.w{grid-area:2/1}.map-nav-btn.c{color:#e8c040;grid-area:2/2;font-size:.9rem}.map-nav-btn.e{grid-area:2/3}.map-nav-btn.s{grid-area:3/2}.map-nav-zoom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e14b8;border:1px solid #7896aa59;border-radius:10px;flex-direction:column;gap:2px;width:fit-content;padding:4px;display:flex}.map-nav-zoom .map-nav-btn{width:2.2rem;height:2rem;font-size:1rem}.map-marker{pointer-events:none}.map-hit{pointer-events:auto;cursor:pointer}.map-city:hover .map-marker,.map-rig:hover .map-marker{filter:brightness(1.12)}.map-city.mine .map-marker-refinery,.map-rig.mine .map-marker-platform,.map-rig.mine .map-marker-well{filter:drop-shadow(0 0 2.5px #e8c0408c)}.land-path{transition:fill .15s}.land-path:hover{fill:#3a5c48}.continent-label{fill:#b4d2be73;font-family:var(--font);letter-spacing:.12em;pointer-events:none;font-weight:700}.ship-eta-label{fill:#d8f0ff;font-family:var(--font);paint-order:stroke;stroke:#000000e0;stroke-width:1px;stroke-linejoin:round;letter-spacing:.02em;font-weight:750}.city-label{fill:#d8e6f0;font-family:var(--font);paint-order:stroke;stroke:#000000d9;stroke-width:.85px;stroke-linejoin:round;opacity:.94;letter-spacing:.01em;font-weight:600}.map-overlap-choice{gap:.12rem;display:grid}.map-overlap-choice strong{font-size:.92rem;display:block}.country-path.focused-country{filter:brightness(1.08)}.country-path.map-elected{filter:brightness(1.12)drop-shadow(0 0 2px #6dffb073)}.map-city.elected .map-select-ring,.map-rig.elected .map-select-ring{animation:1.4s infinite map-select-pulse}@keyframes map-select-pulse{50%{opacity:.45}}.map-city.constructing .map-crane-badge,.map-rig.constructing{filter:drop-shadow(0 0 2px #d4a0178c)}.offshore-market-filters{flex-wrap:wrap;gap:.35rem;margin:.35rem 0 .45rem;display:flex}.offshore-market-filters button{border:1px solid var(--border);color:var(--muted);background:#10181c;border-radius:999px;padding:.22rem .5rem;font-size:.72rem}.offshore-market-filters button.active{color:#9dffc8;background:#13241c;border-color:#6dffb0}.offshore-market-search{border:1px solid var(--border);width:100%;color:inherit;font:inherit;background:#0c1214;border-radius:6px;margin-bottom:.45rem;padding:.35rem .5rem;font-size:.8rem}.offshore-market{max-height:280px;padding-right:.2rem;overflow:auto}.map-selection-panel{background:linear-gradient(#0f1a14,#0c1210);border:1px solid #2a5a42;border-radius:10px;margin-bottom:.75rem;padding:.55rem .65rem}.map-selection-panel h3{color:#9dffc8;margin:0;font-size:.9rem}.map-hint{color:#c8dcf08c;pointer-events:none;text-align:right;background:#0006;border-radius:4px;max-width:min(52%,280px);padding:.25rem .5rem;font-size:.72rem;position:absolute;bottom:.5rem;right:.6rem}.map-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:.5rem;font-size:.78rem;display:flex}.map-layout-full .map-legend{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e14b8;border-radius:8px;margin:0;padding:.3rem .5rem;position:absolute;bottom:.45rem;left:4.6rem;right:.55rem}.map-legend-item{align-items:center;gap:.3rem;display:inline-flex}.map-legend-ico{border-radius:2px;flex-shrink:0;width:14px;height:12px;display:inline-block}.map-legend-ico.refinery{background:linear-gradient(#e8c040 40%,#5a4038 40% 70%,#4a5a40 70%);border:1px solid #111}.map-legend-ico.platform{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(#0000 30%,#e07030 30% 70%,#3a80b0 70%);border:1px solid #111}.map-legend-ico.well{background:linear-gradient(135deg,#c06030 50%,#2a2420 50%);border:1px solid #111;border-radius:2px 2px 40% 40%}.swatch{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:.15rem;display:inline-block}.swatch.mine{background:var(--accent)}.swatch.hq{background:#d4a017}.hq-card{background:#121c14b3;border:1px solid #3a5a38;border-radius:8px;padding:.55rem .65rem}.hq-card ul.list.compact{margin:.25rem 0}.swatch.rig{background:#e07030;border-radius:2px}.swatch.foreign{background:var(--accent2)}.swatch.home{background:var(--good);box-shadow:0 0 0 1px #fff3}.swatch.land{background:#2d4a38;border-radius:2px}.swatch.ocean{background:#0c3a5c;border-radius:2px}.swatch.lane-idle{background:0 0;border:1.5px solid #5acddc4d;border-radius:2px}.swatch.lane-open{background:0 0;border:1.5px dashed #5acddceb;border-radius:2px}.swatch.lane-closed{background:0 0;border:1.5px dashed #dc3c32e6;border-radius:2px}.lane-label{fill:#a0d2dcbf;font-family:var(--mono,monospace);font-weight:600}.lane-label.closed{fill:#ff8a80;font-weight:700}.lane-closed-row strong{color:#ff8a80}.country-path{cursor:default;transition:fill .12s,stroke .12s}.country-path:hover{filter:brightness(1.12)}.country-path.home-country{stroke:#f5d76e}.country-path.empire-country{cursor:pointer}.peer-dossier h3{color:var(--accent);margin:.6rem 0 .35rem;font-size:.95rem}.owner-banner{color:#f0d060;margin:.15rem 0 .35rem;font-size:1.05rem;font-weight:700}.map-load-error{z-index:2;color:var(--muted);pointer-events:none;background:#061018bf;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);gap:.1rem;padding:.45rem 0;font-size:.88rem;display:grid}.list.compact li{font-size:.8rem}.list li.warn strong{color:var(--warn)}.list li.critical strong{color:var(--bad)}.staff-layout{grid-template-columns:1fr 300px;gap:.75rem;display:grid}.staff-layout-interact{grid-template-columns:1fr minmax(300px,360px)}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;display:grid}.staff-card{background:var(--panel2);border:1px solid var(--border);cursor:pointer;border-radius:10px;gap:.4rem;padding:.7rem;transition:border-color .15s,box-shadow .15s;display:grid}.staff-card:hover{border-color:#4a6a88}.staff-card.selected{border-color:var(--accent,#3d8bfd);box-shadow:0 0 0 1px var(--accent,#3d8bfd)}.staff-card.on-task{border-color:#3a7a4a}.staff-task-pill{gap:.2rem;display:grid}.staff-interact-panel{align-content:start;gap:.55rem;display:grid}.staff-interact-panel h3{margin:.35rem 0 .15rem;font-size:.9rem}.staff-interact-panel label{color:var(--muted);gap:.2rem;font-size:.78rem;display:grid}.staff-interact-panel select,.staff-interact-panel input{background:var(--panel2);border:1px solid var(--border);color:inherit;border-radius:6px;padding:.35rem .45rem;font-size:.85rem}.staff-reply{border-left:3px solid var(--accent,#3d8bfd);background:#121820;border-radius:0 8px 8px 0;margin:0;padding:.55rem .7rem;font-size:.88rem;line-height:1.35}.staff-active-task,.staff-assign-form{gap:.4rem;display:grid}.row-actions.wrap{flex-wrap:wrap}.avatar{border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.avatar.lg{width:48px;height:48px;font-size:1.1rem}.panel-head.compact{align-items:center;gap:.65rem;display:flex}.panel-head.compact h2{margin:0;font-size:1.05rem}.goal input{padding:.35rem .5rem;font-size:.8rem}.staff3d-label{color:#e8eef4;white-space:nowrap;font-size:10px;line-height:1.2;font:inherit;cursor:default;background:#0a0e12d1;border:1px solid #d4a0178c;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:2px 6px;display:flex;box-shadow:0 2px 6px #00000059}.staff3d-label.clickable{cursor:pointer}.staff3d-label.selected{background:#1c1608eb;border-color:#ffe08a;box-shadow:0 0 0 1px #ffe08a,0 2px 8px #00000073}.staff3d-label strong{color:#f0d060;font-size:11px}.staff3d-label span{color:#a8b4c0;text-overflow:ellipsis;max-width:120px;overflow:hidden}.staff3d-pct{font-family:var(--mono,monospace);color:#6dca8a!important}.regime-card{border:1px solid var(--border);background:var(--panel2);border-radius:10px;gap:.4rem;margin:.75rem 0;padding:.75rem .85rem;font-size:.88rem;display:grid}.regime-card header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;display:flex}.regime-card ul{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.82rem}.regime-card li{margin:.15rem 0}.contracts-layout{grid-template-columns:1.15fr 1fr;gap:.75rem;min-height:calc(100vh - 120px);display:grid}.contracts-form{gap:.5rem;margin-top:.35rem;display:grid}.contracts-form label{color:var(--muted);gap:.2rem;font-size:.78rem;display:grid}.contracts-form select{background:var(--panel2);border:1px solid var(--border);color:inherit;border-radius:6px;padding:.4rem .5rem;font-size:.85rem}.job-card.jv-listed{border-color:#d4a017;box-shadow:inset 0 0 0 1px #d4a01740}.job-card.jv-closed{opacity:.72}.contract-card-preview{border:1px solid var(--border);background:var(--panel2);border-radius:8px;gap:.25rem;padding:.55rem .65rem;font-size:.82rem;display:grid}@media (width<=900px){.contracts-layout{grid-template-columns:1fr}}.asset-page{grid-template-columns:minmax(220px,280px) 1fr;align-items:start;gap:.75rem;display:grid}.asset-page-list{position:sticky;top:.5rem}.asset-pick-list{gap:.35rem;margin:.4rem 0 .75rem;padding:0;list-style:none;display:grid}.asset-pick{text-align:left;border:1px solid var(--border);background:#10161a;border-radius:8px;gap:.15rem;width:100%;padding:.55rem .65rem;display:grid}.asset-pick.selected{background:#13241c;border-color:#6dffb0}.asset-corp-lab{border-top:1px solid var(--border);padding-top:.5rem}.asset-detail-head{margin-bottom:.45rem}.asset-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem;display:flex}.asset-tabs button{border:1px solid var(--border);color:var(--muted);background:#10181c;border-radius:999px;padding:.28rem .65rem;font-size:.78rem}.asset-tabs button.active{color:#9dffc8;background:#13241c;border-color:#6dffb0}@media (width<=900px){.asset-page{grid-template-columns:1fr}.asset-page-list{position:static}}.two-col{grid-template-columns:1.2fr 1fr;gap:.75rem;display:grid}.data{border-collapse:collapse;width:100%;font-size:.88rem}.data th,.data td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .35rem}.data th{color:var(--muted);font-weight:600}.market-crude-banner{background:linear-gradient(#121a10,#0e140c);border:1px solid #3a4a28;border-radius:10px;gap:.45rem;margin-bottom:.85rem;padding:.7rem .8rem;display:grid}.market-crude-banner>div:first-child{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;display:flex}.market-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.stock-limit{min-width:9.5rem}.stock-limit .stock-limit-bar{max-width:140px;margin-top:.28rem}.stock-limit.stock-ok .stock-limit-bar>i{background:linear-gradient(90deg,#3d8a5a,#6dffb0)}.stock-limit.stock-mid .stock-limit-bar>i{background:linear-gradient(90deg,#8a7a30,#e8c040)}.stock-limit.stock-high .stock-limit-bar>i{background:linear-gradient(90deg,#a06020,#e88848)}.stock-limit.stock-full .stock-limit-bar>i{background:linear-gradient(90deg,#8a2820,#ff6a55)}.stock-limit.stock-full{color:#ffb4a8}.mine-row{background:#1a2210}.job-list{gap:.65rem;display:grid}.job-card{background:var(--panel2);border:1px solid var(--border);border-radius:10px;gap:.4rem;padding:.75rem;display:grid}.job-card header{justify-content:space-between;align-items:center;display:flex}.notes{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.8rem}.howto{color:var(--muted);font-size:.9rem}.research-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.research-head h2{margin:0 0 .35rem}.research-head>div:first-child{flex:1;min-width:220px}.licence-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin:0 0 1rem;display:grid}.licence-card{border:1px solid var(--border);background:var(--panel2,#121820);border-radius:10px;gap:.35rem;padding:.7rem .8rem;display:grid}.licence-card.owned{background:#101a14;border-color:#2a5a40}.licence-card strong{font-size:.92rem}.licence-card .badge{justify-self:start}.research-slots-card{border:1px solid var(--border);background:var(--panel2,#121820);border-radius:10px;gap:.45rem;min-width:min(280px,100%);max-width:340px;padding:.65rem .75rem;display:grid}.research-slots-meter{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.research-slots-meter strong{font-family:var(--mono);font-size:1.05rem}.research-slots-meter .good{color:#81c784}.research-slots-meter .bad{color:#ffb74d}.research-slot-pips{flex-wrap:wrap;gap:.3rem;display:flex}.research-slot-pips i{background:#0c1410;border:1px solid #2a4a3a;border-radius:4px;width:14px;height:14px}.research-slot-pips i.on{background:linear-gradient(135deg,#2f8f5b,#6dffb0);border-color:#4ecf8e;box-shadow:0 0 8px #4ecf8e59}.research-slot-pips i.ghost{opacity:.45;border-style:dashed}.research-active-list{gap:.2rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:grid}.research-active-list li{border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:.5rem;padding:.2rem 0;display:flex}.trade-prompt-banner{background:#503c0a40;border:1px solid #6a5a20;border-radius:10px;gap:.45rem;margin:0 0 .85rem;padding:.65rem .75rem;display:grid}.trade-prompt-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.trade-prompt-list li{border-top:1px solid #ffffff0f;gap:.35rem;padding:.4rem 0;font-size:.82rem;display:grid}.trade-prompt-list li:first-child{border-top:none;padding-top:0}.trader-level-card{background:#1e324659;border:1px solid #3a5a7a;border-radius:8px;gap:.3rem;margin:.5rem 0 .75rem;padding:.55rem .65rem;font-size:.82rem;display:grid}.staff-card.trader{border-color:#3a6a9a}.trade-log-list li{font-size:.8rem}.trade-log-import strong{color:#90caf9}.trade-log-export strong{color:#ffcc80}.trade-log-settlement strong{color:#81c784}.trade-log-prompt strong{color:#ce93d8}button.linkish{color:#90caf9;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.research-slot-buy{margin-top:.15rem}.research-slot-buy button{font-size:.78rem}.research-active-list li{align-items:center}.research-instant-mini{white-space:nowrap;padding:.2rem .4rem!important;font-size:.68rem!important}.research-card-actions{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.research-card-actions button{font-size:.78rem}.research-card.researching{border-color:#3a8f6a;box-shadow:0 0 0 1px #3d9a6840}.research-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;display:grid}.research-col h3{text-transform:uppercase;color:var(--accent);letter-spacing:.06em;font-size:.75rem}.research-card{background:var(--panel2);border:1px solid var(--border);border-radius:10px;gap:.35rem;margin-bottom:.5rem;padding:.6rem;display:grid}.research-card.done{border-color:#2a5a40}.research-card.licence-locked{opacity:.55}.dcs-layout{grid-template-columns:200px 1fr minmax(280px,340px);gap:.75rem;min-height:calc(100vh - 120px);display:grid}.dcs-layout-embedded{grid-template-columns:180px 1fr minmax(260px,340px);min-height:0}.asset-page-detail .dcs-layout-embedded{min-height:min(70vh,820px)}.dcs-nav{align-content:start;gap:.35rem;display:grid}.dcs-nav button{text-align:left}.dcs-plant-list{gap:.45rem;max-height:280px;margin-bottom:.5rem;display:grid;overflow:auto}.dcs-plant-group{border:1px solid var(--border);background:var(--panel2);border-radius:8px;overflow:hidden}.dcs-plant-group.active-plant{border-color:#3a8f6a}.dcs-plant-btn{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;gap:.1rem;padding:.45rem .5rem;display:grid}.dcs-plant-btn.active{background:#3d9a6826}.dcs-plant-btn strong{font-size:.82rem}.dcs-unit-list{border-top:1px solid var(--border);gap:.2rem;margin:0;padding:.2rem .35rem .4rem;list-style:none;display:grid}.dcs-unit-list button{width:100%;color:inherit;cursor:pointer;background:#0a1016;border:1px solid #0000;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.25rem .4rem;padding:.3rem .4rem;font-size:.72rem;display:grid}.dcs-unit-list button .tag{font-family:var(--mono);color:#9dffc8;font-weight:600}.dcs-unit-list button .name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dcs-unit-list button.active{background:#0f241c;border-color:#4ecf8e}.dcs-area-banner{background:#0a1612;border:1px solid #1a3d30;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin:0 0 .55rem;padding:.4rem .55rem;font-size:.82rem;display:flex}.dcs-area-banner strong{color:#9dffc8}.dcs-prod-banner{background:#0e1612;border:1px solid #2a4030;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem .75rem;margin:0 0 .55rem;padding:.5rem .65rem;font-size:.78rem;display:grid}.dcs-prod-banner.live{border-color:#3a8f6a;box-shadow:inset 0 0 0 1px #3d9a6833}.dcs-prod-banner.idle{opacity:.95;border-color:#4a3030}.dcs-prod-banner>div{gap:.1rem;display:grid}.dcs-prod-banner strong{color:#a8cbb8;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.dcs-prod-banner .mono{font-family:var(--mono);color:#e8fff3}.dcs-prod-banner.live .mono{color:#9dffc8}.dcs-prod-banner.idle .mono{color:#ffab91}.dcs-prod-banner .dcs-prod-why{border-top:1px solid #ffab9138;grid-column:1/-1;margin-top:.15rem;padding-top:.4rem}.dcs-prod-banner .dcs-prod-why span{color:#ffccbc;line-height:1.35}.dcs-tank-strip{background:#0c1218;border:1px solid #243038;border-radius:8px;margin:0 0 .65rem;padding:.5rem .6rem}.dcs-tank-strip header{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.45rem;display:flex}.dcs-tank-strip h4{color:#cfe8d8;margin:0;font-size:.85rem}.dcs-tank-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.45rem;display:grid}.dcs-tank-gauge{background:#101820;border:1px solid #1e2a34;border-radius:6px;justify-items:center;gap:.25rem;padding:.35rem;display:grid}.dcs-tank-gauge.rising{border-color:#3a8f6a}.dcs-tank-gauge.falling{border-color:#8a6a30}.dcs-tank-meta{text-align:center;gap:0;width:100%;display:grid}.dcs-tank-meta .tag{font-family:var(--mono);color:#9dffc8;font-size:.68rem}.dcs-tank-meta .name{color:#8aa0b0;text-transform:capitalize;font-size:.65rem}.dcs-tank-shell{background:linear-gradient(#1a222c,#0e141a);border:2px solid #5a6a78;border-radius:4px 4px 2px 2px;width:36px;height:72px;position:relative;overflow:hidden}.dcs-tank-shell i{background:linear-gradient(#4a9a6a,#2a6a48);transition:height .8s;position:absolute;bottom:0;left:0;right:0}.dcs-tank-gauge.falling .dcs-tank-shell i{background:linear-gradient(#8a7040,#5a4828)}.dcs-tank-read{text-align:center;font-size:.68rem;line-height:1.2}.dcs-tank-read strong{font-family:var(--mono);color:#e8fff3;display:block}.dcs-sim-controls{flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem;display:flex}.dcs-sim-controls button{flex:1;min-width:3.5rem;font-size:.75rem}.dcs-log{max-height:160px;font-family:var(--mono);color:#8ab89a;margin:0;padding:0;font-size:.65rem;list-style:none;overflow:auto}.dcs-log li{border-bottom:1px solid #123528;padding:.2rem 0}.dcs-chrome{font-family:var(--mono);color:#5ddea0;background:#06140e;border-radius:6px;flex-wrap:wrap;justify-content:space-between;gap:.35rem;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.75rem;display:flex}.dcs-chrome .alarm{color:#ffb74d}.dcs-chrome .alarm.crit{color:#ff8a80;font-weight:600}.dcs-chrome button.alarm{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.dcs-pfd-download{color:#8ec8f0;background:#0a1820;border:1px solid #2a5a7a;border-radius:4px;padding:.1rem .45rem;text-decoration:none}.dcs-pfd-download:hover{color:#c8e8ff;background:#123040}.pfd-wrap{background:#06120e;border:1px solid #1a3d30;border-radius:10px;margin-bottom:.75rem;overflow:hidden}.pfd-kind-fcc{border-color:#c4782a}.pfd-kind-fcc .pfd-titlebar{color:#f0c080;background:#1a1208;border-bottom-color:#6a4018}.pfd-kind-well,.pfd-kind-bop,.pfd-kind-topside,.pfd-kind-subsea{border-color:#2a6a9a}.pfd-kind-well .pfd-titlebar,.pfd-kind-bop .pfd-titlebar,.pfd-kind-topside .pfd-titlebar,.pfd-kind-subsea .pfd-titlebar{color:#8ec8f0;background:#08141e;border-bottom-color:#1a3a5a}.pfd-kind-hydrotreater,.pfd-kind-hydrocracker,.pfd-kind-h2Plant,.pfd-kind-srU{border-color:#6a4aaa}.pfd-kind-coker{border-color:#5a4030}.pfd-kind-tankFarm,.pfd-kind-jetty{border-color:#3a7a90}.pfd-kind-utilities,.pfd-kind-flare{border-color:#8a5050}.pfd-kind-vdu{border-color:#2a5a70}.pfd-template-conversion{box-shadow:inset 0 0 0 1px #c4782a40}.pfd-template-well,.pfd-template-separator{box-shadow:inset 0 0 0 1px #2a6a9a40}.pfd-template-treating{box-shadow:inset 0 0 0 1px #6a4aaa40}.pfd-titlebar{font-family:var(--mono);color:#7dcea8;background:#0a1a14;border-bottom:1px solid #1a3d30;flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.35rem .65rem;font-size:.7rem;display:flex}.pfd-legend{color:#6a9a80;flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.pfd-legend i{vertical-align:middle;border-radius:2px;width:12px;height:8px;margin-right:.2rem;display:inline-block}.pfd-legend .lg-flow{background:#4ecf8e;box-shadow:0 0 6px #4ecf8e}.pfd-legend .lg-run{background:#2f8f5b}.pfd-legend .lg-stop{background:#6a3a3a}.pfd-legend .lg-inst{background:#0c1f18;border:1px solid #4ecf8e;border-radius:50%;width:10px;height:10px}.pfd-live-status{background:#07140f;border-bottom:1px solid #1a3d30;flex-wrap:wrap;gap:.3rem;padding:.3rem .55rem .4rem;display:flex}.pfd-live-chip{color:#b8d4c4;font-size:.68rem;font-family:var(--mono);cursor:pointer;background:#0c1c16;border:1px solid #1a3d30;border-radius:4px;align-items:center;gap:.28rem;padding:.12rem .35rem;display:inline-flex}.pfd-live-chip .tag{color:#9dffc8;font-weight:600}.pfd-live-chip.motor.run{color:#9dffc8;border-color:#2f8f5b}.pfd-live-chip.motor.stop,.pfd-live-chip.valve.shut{color:#ffab91;border-color:#6a3a3a}.pfd-live-stem{background:#1a3028;border-radius:2px;width:28px;height:4px;display:inline-block;overflow:hidden}.pfd-live-stem b{background:#4ecf8e;height:100%;display:block}.pfd-stem-track{fill:#1a3028}.pfd-stem-fill{fill:#4ecf8e}.pfd-svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;min-height:320px;max-height:560px;display:block}.pfd-pipe{stroke:#3a7a58;stroke-width:3px;fill:none}.pfd-pipe-thin{stroke:#3a7a58;stroke-width:1.5px;fill:none}.pfd-pipe-line{fill:none;stroke:#2a5a42;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.pfd-pipe-line.thin{stroke-width:2px}.pfd-pipe-line.flow{stroke-dasharray:10 6;animation:.9s linear infinite pfd-flow}.pfd-pipe-line.crude-flow{stroke:#c4a35a}.pfd-pipe-line.hot-flow{stroke:#e07a3a}.pfd-pipe-line.vapor-flow{stroke:#8ec8ff}.pfd-pipe-line.cold-flow{stroke:#5ddea0}.pfd-pipe-line.bottoms-flow{stroke:#c4783a}.pfd-pipe-line.fuel-flow{stroke:#ff8a65;stroke-width:2px}@keyframes pfd-flow{to{stroke-dashoffset:-32px}}.pfd-arrow-fill{fill:#4ecf8e}.pfd-leader{stroke:#3a6a52;stroke-width:1px;stroke-dasharray:3 2;fill:none}.pfd-inst-circle{fill:#0a1812;stroke:#4ecf8e;stroke-width:1.6px}.pfd-inst.sel .pfd-inst-circle{fill:#1a4a32;stroke:#9dffc8;stroke-width:2.2px}.pfd-inst.alarm .pfd-inst-circle{stroke:#ff8a80;fill:#2a1212}.pfd-inst-tag{fill:#7dcea8;font-family:ui-monospace,monospace;font-size:8px;font-weight:700}.pfd-inst-pv{fill:#e8fff3;font-family:ui-monospace,monospace;font-size:8.5px}.pfd-inst.alarm .pfd-inst-pv{fill:#ffcdd2}.pfd-equip-tag{fill:#9dffc8;font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.pfd-equip-sub{fill:#6a9a80;font-family:ui-monospace,monospace;font-size:8px}.pfd-stream-label{fill:#4a7a62;letter-spacing:.06em;font-family:ui-monospace,monospace;font-size:9px}.pfd-inline-pv{fill:#b8e6c8;font-family:ui-monospace,monospace;font-size:9px}.pfd-footer{fill:#4a6a58;font-family:system-ui,sans-serif;font-size:9px}.pfd-tank-top{fill:#122820;stroke:#3a7a58;stroke-width:1.5px}.pfd-tank-body{fill:#0c1a14;stroke:#3a7a58;stroke-width:1.5px}.pfd-tank-bot{fill:#0a1610;stroke:#3a7a58;stroke-width:1.5px}.pfd-drum-end{fill:#122820;stroke:#4a9a70;stroke-width:1.5px}.pfd-drum-body{fill:#0c1a14;stroke:#4a9a70;stroke-width:1.5px}.pfd-liquid.crude{fill:#8a6a28}.pfd-liquid.bottoms{fill:#6a4018}.pfd-liquid.distillate{fill:#2a6a4a}.pfd-column{fill:url(#colGrad);stroke:#5ddea0;stroke-width:2px}.pfd-column-head,.pfd-column-sump{fill:#1a3d30;stroke:#5ddea0;stroke-width:1.5px}.pfd-tray{stroke:#3a6a52;stroke-width:1.2px}.pfd-nozzle{fill:#6dffb0}.pfd-heater-shell{fill:url(#heatGrad);stroke:#c4783a;stroke-width:1.8px}.pfd-heater-firebox{fill:#2a1508;stroke:#8a4a20;stroke-width:1px}.pfd-heater-tube{stroke:#a07040;stroke-width:1.5px}.pfd-flame{fill:none;stroke:#ff9800;stroke-width:1.5px;opacity:.9}.pfd-heater.hot .pfd-heater-shell{stroke:#ff9800;filter:drop-shadow(0 0 4px #ff980059)}.pfd-valve-body{fill:#1a3d30;stroke:#6dffb0;stroke-width:1.2px}.pfd-valve-act{fill:#0a1812;stroke:#4ecf8e;stroke-width:1px}.pfd-valve.sel .pfd-valve-body{fill:#1a4a32;stroke:#e8fff3}.pfd-valve.shut .pfd-valve-body{stroke:#8a6060;fill:#2a1818}.pfd-pump-body{fill:#0c1a14;stroke:#4ecf8e;stroke-width:2px}.pfd-pump-imp{fill:#2f8f5b}.pfd-pump.run .pfd-pump-body{stroke:#6dffb0;filter:drop-shadow(0 0 3px #6dffb066)}.pfd-pump.stop .pfd-pump-body{stroke:#8a5050}.pfd-pump.stop .pfd-pump-imp{fill:#5a3030}.pfd-pump.stop .pfd-equip-sub{fill:#ffab91}.pfd-cooler-body{fill:#0c1a14;stroke:#4a9a70;stroke-width:1.5px}.pfd-cooler.run .pfd-cooler-body{stroke:#6dffb0}.pfd-cooler.stop .pfd-cooler-body{stroke:#6a4040}.pfd-fan-ring{fill:none;stroke:#5ddea0;stroke-width:1.2px}.pfd-fan-blade{stroke:#8dffc0;stroke-width:1.5px}.pfd-cooler.stop .pfd-fan-blade{stroke:#6a5050}.pfd-fan-spin{transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite pfd-spin}@keyframes pfd-spin{to{transform:rotate(360deg)}}.dcs-valve.flash{outline:2px solid #6dffb0;box-shadow:0 0 12px #6dffb073}.dcs-equip-board{gap:.55rem;margin-bottom:.75rem;display:grid}.dcs-equip-group h4,.dcs-valves h4,.dcs-detail h4{color:#7dcea8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;font-size:.78rem}.dcs-equip-row{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.45rem;display:grid}.dcs-equip{background:#0a1612;border:1px solid #245a42;border-radius:8px;gap:.3rem;padding:.5rem .55rem;display:grid}.dcs-equip.run{border-color:#3d9a68;box-shadow:inset 0 0 0 1px #3d9a6840}.dcs-equip.stop{opacity:.92;border-color:#5a3a3a}.dcs-equip header{justify-content:space-between;align-items:center;display:flex}.dcs-equip .tag{font-family:var(--mono);color:#9dffc8;font-weight:600}.dcs-equip .tag-btn{cursor:pointer;font-family:var(--mono);color:#9dffc8;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.dcs-equip .name{color:#cfe8d8;font-size:.78rem}.dcs-equip .effect{margin:0;font-size:.68rem;line-height:1.3}.dcs-equip .badge{font-family:var(--mono);border-radius:4px;padding:.1rem .35rem;font-size:.62rem}.dcs-equip .badge.on{color:#9dffc8;background:#1b5e3a}.dcs-equip .badge.off{color:#ffab91;background:#4a2020}.equip-actions{gap:.3rem;display:flex}.equip-actions button{cursor:pointer;color:#b8e6c8;background:#0f241c;border:1px solid #2a5a42;border-radius:5px;flex:1;padding:.28rem .35rem;font-size:.72rem}.equip-actions button:disabled{opacity:.35;cursor:not-allowed}.equip-actions button.start:not(:disabled):hover{background:#1a4a32;border-color:#4ecf8e}.equip-actions button.stop:not(:disabled){color:#ffccbc;border-color:#6a3a3a}.equip-actions button.stop:not(:disabled):hover{background:#3a1a1a;border-color:#ff8a80}.dcs-valves{margin-bottom:.75rem}.dcs-valve-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;display:grid}.dcs-valve{cursor:pointer;background:#0a1612;border:1px solid #245a42;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .45rem;padding:.45rem .55rem;font-size:.72rem;display:grid}.dcs-valve .tag{font-family:var(--mono);color:#9dffc8;grid-column:1;font-weight:600}.dcs-valve .name{color:#a8cbb8;grid-column:2}.dcs-valve input[type=range]{accent-color:#4ecf8e;cursor:pointer;grid-column:1/-1;width:100%}.dcs-valve .op{font-family:var(--mono);color:#e8fff3;grid-column:1/-1;font-size:.72rem}.valve-stem-bar{background:#123528;border-radius:3px;grid-column:1/-1;height:4px;margin-top:.1rem;overflow:hidden}.valve-stem-bar>i{background:linear-gradient(90deg,#3a7a58,#8dffc0);border-radius:3px;height:100%;transition:width .15s linear;display:block}.faceplates{gap:.45rem;margin-bottom:.65rem;display:flex;overflow-x:auto}.faceplate{min-width:118px;font-family:var(--mono);cursor:pointer;background:#0a1612;border:1px solid #245a42;border-radius:6px;padding:.4rem;font-size:.75rem}.faceplate.sel{border-color:#6dffb0}.faceplate.hi{border-color:#ff8a80}.faceplate header{color:#7dcea8;justify-content:space-between;gap:.25rem;display:flex}.faceplate .mode-man{color:#ffd54f}.faceplate .pv{color:#e8fff3;font-size:1.15rem}.faceplate .pv small{color:#8ab89a;margin-left:.2rem;font-size:.65rem}.faceplate .op-row{color:#8ab89a;justify-content:space-between;margin-top:.2rem;font-size:.68rem;display:flex}.faceplate .bar{background:#123528;border-radius:3px;height:5px;margin-top:.3rem;overflow:hidden}.faceplate .bar i{background:linear-gradient(90deg,#2f8f5b,#6dffb0);border-radius:3px;height:100%;display:block}.dcs-detail{background:#07140f;border:1px solid #1a3d30;border-radius:8px;padding:.55rem .65rem}.dcs-detail-grid{flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:.4rem;display:flex}.dcs-detail-grid label{color:#8ab89a;gap:.2rem;font-size:.72rem;display:grid}.dcs-detail-grid input[type=number]{color:#e8fff3;width:6rem;font-family:var(--mono);background:#0a1612;border:1px solid #245a42;border-radius:5px;padding:.3rem .4rem}.mode-toggle{color:#8ab89a;align-items:center;gap:.3rem;font-size:.72rem;display:flex}.mode-toggle button{font-family:var(--mono);color:#a8cbb8;cursor:pointer;background:#0a1612;border:1px solid #245a42;border-radius:5px;padding:.28rem .5rem;font-size:.72rem}.mode-toggle button.active{color:#e8fff3;background:#1a4a32;border-color:#6dffb0}.pv-big{font-family:var(--mono);color:#e8fff3;font-size:1.05rem}.dcs-alarms{font-family:var(--mono);margin:.35rem 0 0;padding:0;font-size:.7rem;list-style:none}.dcs-alarms li{padding:.2rem 0}.dcs-alarms .crit{color:#ff8a80}.dcs-alarms .adv{color:#ffd54f}.faceplate-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000806b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.faceplate-modal{width:min(520px,100%);max-height:min(90vh,720px);font-family:var(--mono);background:linear-gradient(#0c1a14,#07120e);border:1px solid #3a8f6a;border-radius:12px;overflow:auto;box-shadow:0 20px 60px #0000008c,0 0 0 1px #6dffb01f}.fp-header{background:#0a1612;border-bottom:1px solid #1a3d30;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.fp-header h3{color:#9dffc8;margin:0 0 .25rem;font-size:1.05rem}.fp-close{color:#cfe8d8;cursor:pointer;background:#0a1812;border:1px solid #3a6a52;border-radius:6px;padding:.35rem .65rem;font-size:.78rem}.fp-close:hover{border-color:#6dffb0}.fp-mode-bar{border-bottom:1px solid #1a3d30;gap:.4rem;padding:.75rem 1rem;display:grid}.fp-mode-label{text-transform:uppercase;letter-spacing:.06em;color:#7dcea8;font-size:.68rem}.fp-modes{flex-wrap:wrap;gap:.35rem;display:flex}.fp-mode-btn{font-family:var(--mono);color:#8ab89a;cursor:pointer;background:#0a1612;border:1px solid #2a5a42;border-radius:6px;min-width:3.6rem;padding:.4rem .55rem;font-size:.78rem;font-weight:700}.fp-mode-btn:disabled{opacity:.35;cursor:not-allowed}.fp-mode-btn.mode-man.active{color:#ffe7a0;background:#3a3210;border-color:#ffd54f}.fp-mode-btn.mode-auto.active{color:#e8fff3;background:#1a4a32;border-color:#6dffb0}.fp-mode-btn.mode-cas.active{color:#bbdefb;background:#1a3048;border-color:#64b5f6}.fp-mode-btn.mode-rcas.active{color:#e1bee7;background:#2a2040;border-color:#ce93d8}.fp-mode-help{margin:0}.fp-body{gap:.85rem;padding:.85rem 1rem 1rem;display:grid}.fp-readouts{grid-template-columns:1fr 1fr 1fr;gap:.55rem;display:grid}@media (width<=560px){.fp-readouts{grid-template-columns:1fr}}.fp-pv-block,.fp-sp-block,.fp-op-block{background:#07140f;border:1px solid #1a3d30;border-radius:8px;gap:.25rem;padding:.55rem .6rem;display:grid}.fp-pv-block.alarm{border-color:#ff8a80}.fp-label{text-transform:uppercase;letter-spacing:.08em;color:#7dcea8;font-size:.65rem}.fp-value{color:#e8fff3;font-size:1.45rem;font-weight:600}.fp-value small{color:#8ab89a;margin-left:.25rem;font-size:.7rem;font-weight:400}.fp-sp-block input[type=number]{color:#e8fff3;width:100%;font-family:var(--mono);background:#0a1612;border:1px solid #245a42;border-radius:5px;padding:.35rem .45rem;font-size:1.15rem}.fp-sp-block input:disabled{opacity:.65;border-style:dashed}.fp-op-block input[type=range]{accent-color:#4ecf8e;width:100%}.fp-op-block input[type=range]:disabled{opacity:.45}.fp-bar-wide .bar{background:#123528;border:1px solid #1a3d30;border-radius:5px;height:10px;overflow:hidden}.fp-bar-wide .bar i{background:linear-gradient(90deg,#2f8f5b,#6dffb0);height:100%;display:block}.fp-bar-labels{color:#6a9a80;justify-content:space-between;margin-top:.2rem;font-size:.65rem;display:flex}.fp-quick{flex-wrap:wrap;gap:.35rem;display:flex}.fp-quick button{color:#b8e6c8;cursor:pointer;background:#0a1612;border:1px solid #2a5a42;border-radius:5px;padding:.35rem .5rem;font-size:.72rem}.fp-quick button:hover{border-color:#6dffb0}.faceplate .mode-auto{color:#6dffb0}.faceplate header span{font-size:.65rem}.case-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.case-study h3{margin-top:0}.case-study h4{color:var(--accent);margin:.75rem 0 .25rem;font-size:.85rem}.glossary-index{max-height:16rem;overflow:auto}.glossary-pick{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:.12rem;padding:.35rem .4rem;display:grid}.glossary-pick.active{border-color:var(--accent);background:#1f1a10}.offer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.65rem;display:grid}.offer-card{background:var(--panel2);border:1px solid var(--border);border-radius:10px;gap:.45rem;padding:.85rem;display:grid}.offer-card.info-offer{background:#16120a;border-color:#4a3a18}.price{font-family:var(--mono);color:var(--accent);font-size:1.1rem}.premium-btn{cursor:pointer;font-weight:600;color:#ffe7a0!important;background:linear-gradient(#3d3210,#2a220c)!important;border:1px solid #c9a227!important}.premium-btn:hover:not(:disabled){background:linear-gradient(#524318,#3a2e10)!important;border-color:#ffd54f!important}.premium-btn:disabled{opacity:.5;cursor:wait}.instant-pay-box{background:linear-gradient(#1a160c,#12100a);border:1px solid #4a3a18;border-radius:8px;gap:.35rem;margin-top:.55rem;padding:.55rem .6rem;display:grid}.tiny-hint{margin:0;font-size:.72rem;line-height:1.35}.instant-pay-hero{background:radial-gradient(at 10% 0,#3a3018 0%,#0000 55%),#14100a;border:1px solid #5a4a20;border-radius:12px;margin:.75rem 0 1rem;padding:.85rem 1rem}.instant-pay-hero h3{color:#ffe7a0;margin:0 0 .4rem}.instant-pay-hero p{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.shop-layout{gap:.75rem;max-width:960px;display:grid}@media (width<=1000px){.plant-layout,.map-layout:not(.map-layout-full),.staff-layout,.two-col,.dcs-layout,.alarms-layout,.country-pick{grid-template-columns:1fr}}.shell-app .asset-page{grid-template-columns:1fr}.shell-app .asset-page-list{position:static}html.ios-app,html.ios-app body,html.ios-app #root{height:100dvh;max-height:100dvh;overflow:hidden}html.ios-app .new-game,html.ios-app .lobby-cinematic{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:100dvh;max-height:100dvh;padding:max(1rem, env(safe-area-inset-top,0px)) .85rem max(1rem, env(safe-area-inset-bottom,0px));overflow:auto}html.ios-app .new-game-card,html.ios-app .auth-card,html.ios-app .lobby-wrap{width:100%;max-width:100%}html.ios-app .lobby-grid,html.ios-app .country-pick{grid-template-columns:1fr}html.ios-app .start-place{flex-direction:column;align-items:stretch}html.ios-app .start-yields{grid-template-columns:1fr}html.ios-app .country-path,html.ios-app .world-map-underlay{transition:none!important}html.ios-app .world-map-svg{touch-action:none}.shell-app .app-sheet{height:100%;min-height:0;max-height:100%;overflow:hidden}.shell-app .app-sheet-body{overscroll-behavior:contain;overflow:hidden auto}.shell-app .app-sheet-body>*{min-width:0;max-width:100%;height:auto;min-height:0!important}.shell-app .plant-layout,.shell-app .staff-layout,.shell-app .staff-layout-interact,.shell-app .contracts-layout,.shell-app .asset-page,.shell-app .friends-layout,.shell-app .two-col,.shell-app .dcs-layout,.shell-app .dcs-layout-embedded,.shell-app .alarms-layout,.shell-app .dcs-alarms-page,.shell-app .map-layout:not(.map-layout-full){grid-template-columns:1fr;max-width:100%;height:auto;min-height:0!important}.shell-app .panel,.shell-app .shop-layout,.shell-app .asset-page-detail,.shell-app .research-grid{max-width:100%}.ios-stat-list{gap:.55rem;display:grid}.ios-stat-card{border:1px solid var(--border);background:var(--panel2);border-radius:12px;gap:.45rem;min-width:0;padding:.7rem .75rem;display:grid}.ios-stat-card.you{border-color:#d4a01773}.ios-stat-card header{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.ios-stat-card header strong{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.ios-stat-card dl{grid-template-columns:1fr 1fr;gap:.35rem .7rem;margin:0;display:grid}.ios-stat-card dl div{gap:.08rem;min-width:0;display:grid}.ios-stat-card dt{color:var(--muted);font-size:.68rem}.ios-stat-card dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:.86rem}.ios-stat-card .market-actions{flex-wrap:wrap;gap:.35rem;display:flex}.ios-stat-card .market-actions button{flex:auto;min-width:0}.shell-app .market-crude-banner .row-actions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.shell-app .market-crude-banner .row-actions button{width:100%}.shell-app .prod-popup{width:auto;max-width:none;max-height:min(62dvh,100dvh - 8.5rem);left:.7rem;right:.7rem}.shell-app .map-popup-backdrop{align-items:end;padding:.65rem}.shell-app .map-select-popup{width:100%;max-height:min(78dvh,100dvh - 5.5rem)}.shell-app .app-sheet-body>.asset-page{flex-direction:column;gap:.55rem;height:100%;max-height:100%;display:flex;overflow:hidden;min-height:0!important}.shell-app .asset-page-list.panel{flex:none;padding:.6rem .65rem .5rem}.shell-app .asset-page-list .panel-head p,.shell-app .asset-corp-lab{display:none}.shell-app .asset-page-list .panel-head{margin-bottom:.4rem}.shell-app .asset-page-list .panel-head h2{font-size:1rem}.shell-app .asset-pick-list{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.4rem;margin:0;display:flex;overflow-x:auto}.shell-app .asset-pick{flex:none;min-width:9.2rem;max-width:12rem}.shell-app .asset-page-detail{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-width:0;min-height:0;overflow:auto}.shell-app .asset-detail-head{gap:.45rem;display:grid}.shell-app .asset-detail-head .row-actions button{width:100%}.shell-app .asset-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.shell-app .asset-tabs button{flex:none}.shell-app .asset-page-detail .dcs-layout-embedded,.shell-app .dcs-layout,.shell-app .dcs-layout-embedded,.shell-app .alarms-layout,.shell-app .dcs-alarms-page{max-width:100%;height:auto;grid-template-columns:1fr!important;min-height:0!important}.shell-app .pfd-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.shell-app .pfd-svg{width:100%;min-height:0;max-height:min(42dvh,360px)}.shell-app .faceplates{max-width:100%}.shell-app .unit-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}html.ios-app .faceplate-modal-backdrop{z-index:90;place-items:stretch stretch;padding:0}html.ios-app .faceplate-modal{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}html.ios-app .fp-header,html.ios-app .fp-mode-bar{flex:none}html.ios-app .fp-header{padding-top:max(.85rem, env(safe-area-inset-top,0px))}html.ios-app .fp-body{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));flex:auto;overflow:auto}html.ios-app .fp-readouts{grid-template-columns:1fr}html.ios-app .fp-quick{grid-template-columns:1fr 1fr;display:grid}
