/* SYSCOM Mobile Cinematic Boot — namespaced styles, no changes to existing app */
#syscom-boot-root, #syscom-boot-root * { box-sizing:border-box; }
#syscom-boot-root {
  --sb-cyan:#66e5ff; --sb-blue:#5195ff; --sb-purple:#bd80ff; --sb-white:#eef7ff;
  position:fixed; inset:0; z-index:2147483647; width:100%; height:100%; height:100dvh;
  background:#03050e; color:var(--sb-white); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  isolation:isolate; overflow:hidden; -webkit-font-smoothing:antialiased; touch-action:manipulation;
}
#syscom-boot-root.sb-exit { opacity:0; transition:opacity .52s cubic-bezier(.22,1,.36,1); pointer-events:none; }
#syscom-boot-root .sb-panel { position:absolute;inset:0; }
#syscom-boot-root .sb-video-panel { background:#000; }
#syscom-boot-root .sb-video { width:100%;height:100%;display:block;object-fit:contain;background:#000; }
#syscom-boot-root .sb-video-caption { position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 77px);left:16px;right:16px;text-align:center;font-size:10px;letter-spacing:.28em;color:#aab9ce;text-shadow:0 1px 10px #000; }
#syscom-boot-root .sb-video-controls { position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;gap:12px; }
#syscom-boot-root .sb-control { appearance:none; cursor:pointer; border:1px solid rgba(164,201,255,.29);border-radius:999px;background:rgba(8,14,30,.67);color:#f0f6ff;min-height:40px;padding:0 17px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font:600 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em; }
#syscom-boot-root .sb-control:focus-visible { outline:2px solid var(--sb-cyan);outline-offset:3px; }
#syscom-boot-root .sb-play-overlay { position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:rgba(1,4,14,.84);padding:20px;text-align:center; }
#syscom-boot-root .sb-play-overlay.sb-visible {display:flex;}
#syscom-boot-root .sb-play-overlay strong {font-size:18px;font-weight:650;}
#syscom-boot-root .sb-play-overlay p {margin:0;color:#b9c8da;font-size:13px;line-height:1.5;max-width:260px;}
#syscom-boot-root .sb-start-button {background:linear-gradient(120deg,#67e9ff,#b78dff);border:0;border-radius:999px;min-height:48px;padding:0 27px;color:#09142b;font-size:13px;font-weight:800;cursor:pointer;}
#syscom-boot-root .sb-connect-panel { display:none;overflow:hidden; }
#syscom-boot-root.sb-connecting .sb-video-panel { display:none; }
#syscom-boot-root.sb-connecting .sb-connect-panel { display:flex; flex-direction:column;align-items:center;justify-content:space-between; }
#syscom-boot-root .sb-backdrop {position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(ellipse 48% 35% at 50% 43%,rgba(28,100,223,.18),transparent 75%),radial-gradient(ellipse 50% 50% at 22% 78%,rgba(129,40,243,.13),transparent 75%),radial-gradient(ellipse 45% 40% at 90% 7%,rgba(11,173,211,.09),transparent 70%);animation:sb-glow-drift 12s ease-in-out infinite alternate;}
#syscom-boot-root .sb-grid {position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(108,152,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(108,152,245,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent 3%,#000 42%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 3%,#000 42%,#000 74%,transparent 100%);}
#syscom-boot-root .sb-header {position:relative;z-index:2;width:100%;padding-top:calc(env(safe-area-inset-top,0px) + clamp(22px,5dvh,50px));display:flex;flex-direction:column;align-items:center;gap:4px;}
#syscom-boot-root .sb-logo { display:block;width:min(76vw,366px);max-height:104px;object-fit:contain;filter:drop-shadow(0 0 19px rgba(44,120,255,.31));}
#syscom-boot-root .sb-eyebrow {font-size:9px;font-weight:750;letter-spacing:.4em;color:rgba(188,215,251,.65);text-align:center;margin-top:2px;padding-left:.4em;}
#syscom-boot-root .sb-center {position:relative;z-index:2;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 26px 17px;}
#syscom-boot-root .sb-orb {width:min(62vw,276px);height:min(62vw,276px);max-width:min(35dvh,276px);max-height:min(35dvh,276px);min-width:157px;min-height:157px;position:relative;display:grid;place-items:center;margin-top:-5px;}
#syscom-boot-root .sb-orb:before {content:"";position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(86,144,255,.19),rgba(89,43,190,.06) 53%,transparent 73%);filter:blur(9px);animation:sb-orb-breathe 3.8s ease-in-out infinite;}
#syscom-boot-root .sb-orb:after {content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(92,161,255,.22);box-shadow:0 0 52px rgba(54,95,231,.10),inset 0 0 32px rgba(54,108,239,.06);}
#syscom-boot-root .sb-ring {position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(139,169,255,.20);animation:sb-ring-spin 10s linear infinite;}
#syscom-boot-root .sb-ring:before,#syscom-boot-root .sb-ring:after {content:"";position:absolute;left:50%;width:5px;height:5px;border-radius:100%;background:#78e4ff;box-shadow:0 0 17px #55b5ff;}
#syscom-boot-root .sb-ring:before {top:-3px;} #syscom-boot-root .sb-ring:after {bottom:-3px;background:#be80f7;}
#syscom-boot-root .sb-ring-alt {inset:14%;border-style:dashed;border-color:rgba(142,109,238,.20);animation-direction:reverse;animation-duration:17s;}
#syscom-boot-root .sb-ring-alt:before, #syscom-boot-root .sb-ring-alt:after{display:none;}
#syscom-boot-root .sb-icon-svg {position:relative;z-index:2;width:47%;height:47%;overflow:visible;filter:drop-shadow(0 0 11px rgba(99,194,255,.75)) drop-shadow(0 0 21px rgba(136,85,245,.36));}
#syscom-boot-root .sb-icon-path {fill:none;stroke:url(#sb-icon-gradient);stroke-width:3.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
#syscom-boot-root .sb-copy {text-align:center;margin-top:clamp(27px,5dvh,48px);width:min(100%,370px);min-height:128px;}
#syscom-boot-root .sb-step-label {color:#9fbbd9;letter-spacing:.26em;font-size:10px;font-weight:700;margin:0 0 13px;}
#syscom-boot-root .sb-status-title {font-size:clamp(19px,5.2vw,25px);line-height:1.35;letter-spacing:-.025em;font-weight:650;margin:0;min-height:3em;display:flex;align-items:center;justify-content:center;text-wrap:balance;text-shadow:0 0 24px rgba(121,180,255,.14);}
#syscom-boot-root .sb-status-title.sb-new {animation:sb-text-in .7s ease both;}
#syscom-boot-root .sb-status-detail {font-size:12px;line-height:1.5;color:#8296b5;margin:14px 0 0;}
#syscom-boot-root .sb-bottom {position:relative;z-index:2;width:min(100%,480px);padding:0 27px calc(env(safe-area-inset-bottom,0px) + clamp(24px,5dvh,42px));}
#syscom-boot-root .sb-meter-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#a8c0e0;font-size:10px;font-weight:650;letter-spacing:.17em;}
#syscom-boot-root .sb-percentage {font-variant-numeric:tabular-nums;color:#d5efff;letter-spacing:.04em;}
#syscom-boot-root .sb-meter {height:3px;border-radius:5px;background:rgba(118,160,231,.17);overflow:hidden;}
#syscom-boot-root .sb-meter-fill {width:0%;height:100%;border-radius:5px;background:linear-gradient(90deg,#4f91ff,#6ee8ff,#ae7eff);box-shadow:0 0 16px rgba(95,202,255,.82);}
#syscom-boot-root .sb-footnote {margin:13px 0 0;text-align:center;color:#6c7c9a;font-size:10px;letter-spacing:.1em;}
#syscom-boot-root .sb-stars {position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(circle at 8% 17%,#b7d5ff 0 1px,transparent 1.5px),radial-gradient(circle at 72% 22%,#9b9eff 0 1px,transparent 1.5px),radial-gradient(circle at 86% 63%,#d0e3ff 0 1px,transparent 1.5px),radial-gradient(circle at 26% 81%,#9be7ff 0 1px,transparent 1.5px);}
@keyframes sb-ring-spin {to{transform:rotate(360deg)}}
@keyframes sb-orb-breathe {50%{opacity:.68;transform:scale(1.09)}}
@keyframes sb-glow-drift {to{transform:translate(-3%,3%) rotate(5deg)}}
@keyframes sb-text-in {from{transform:translateY(10px);opacity:0;filter:blur(6px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}
@media(max-height:660px){#syscom-boot-root .sb-logo{max-height:75px;width:min(66vw,300px)}#syscom-boot-root .sb-header{padding-top:calc(env(safe-area-inset-top,0px) + 10px)}#syscom-boot-root .sb-copy{margin-top:14px;min-height:100px}#syscom-boot-root .sb-status-title{font-size:19px}#syscom-boot-root .sb-status-detail{margin-top:5px}#syscom-boot-root .sb-bottom{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}
@media (min-width:700px){#syscom-boot-root .sb-logo {width:370px}#syscom-boot-root .sb-orb{width:250px;height:250px;max-height:none;max-width:none}}
@media(prefers-reduced-motion:reduce){#syscom-boot-root .sb-ring,#syscom-boot-root .sb-orb:before,#syscom-boot-root .sb-backdrop{animation:none!important}#syscom-boot-root .sb-status-title.sb-new{animation:none!important}}