/* ============================================================
   TRON THEME v1.0.15
   Elementor-first public HUD shell
   ============================================================ */

:root{
  --tron-cyan:#00fff0;
  --tron-white:#f4f7f8;
  --tron-text:#d8faff;
  --tron-muted:#a9c8ce;
  --tron-black:#000;
  --tron-panel:rgba(0,10,12,.34);
  --tron-panel-soft:rgba(0,10,12,.24);
  --tron-border:rgba(0,255,240,.22);
  --tron-container:min(1100px,calc(100% - 44px));
  --tron-fixed-footer-height:26px;
  --tron-header-z:99990;
  --tron-shell-z:1;
  --tron-content-z:3;
  --tron-logo-desktop:url("https://the-geek-factory.com/wp-content/uploads/2026/05/The-Geek-Factory-Logo-animated-v1.5.webp");
  --tron-logo-mobile:url("https://the-geek-factory.com/wp-content/uploads/2026/05/the-geek-factory-mobile-logo.png");
  --tron-logo-offset-y:10px;
}

html,body{
  margin:0!important;
  padding:0!important;
  min-height:100%;
  overflow-x:hidden!important;
  background:#000!important;
  color:var(--tron-text);
}

html{scroll-behavior:smooth;}
body{
  min-height:100vh;
  padding-bottom:calc(var(--tron-fixed-footer-height) + 8px)!important;
  font-family:Inter,Arial,Helvetica,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
img,video{max-width:100%;height:auto;}
a{color:inherit;}

.screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* HUD background: video/presenter only. No generated grid. */
#tron-global-hud-root,
.tron-site-hud-bg{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:#000!important;
  z-index:var(--tron-shell-z)!important;
  pointer-events:none!important;
}

.tron-bg-video{
  display:block!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  opacity:.88!important;
  pointer-events:none!important;
  z-index:1!important;
}

.tron-bg-video-mobile{display:none!important;}
.tron-site-hud-bg.has-hud-poster:not(.has-desktop-video){
  background-image:var(--tron-hud-poster-desktop);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.tron-hud-vignette,
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at center,rgba(0,255,240,.025),transparent 42%),
    linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,.30)),
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 18%,transparent 82%,rgba(0,0,0,.38));
}

/* Site layers */
.tron-site,
.tron-header,
.tron-content,
.tron-footer,
.elementor,
.elementor-section,
.e-con,
.tgf-page,
.tgf-section,
.tgf-snap-panel{
  position:relative!important;
  z-index:var(--tron-content-z)!important;
}

.tron-site,
.tron-content,
.tron-footer,
.entry-content,
.wp-site-blocks{
  background:transparent!important;
}

.tron-site{min-height:100vh;}

/* Header */
.tron-header{
  z-index:var(--tron-header-z)!important;
  width:100%;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.tron-header-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:20px 24px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  overflow:visible;
}

.tron-branding{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

@media (min-width:1025px){
  .tron-branding{margin-top:var(--tron-logo-offset-y);}
}

.tron-logo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:clamp(420px,42vw,800px)!important;
  height:clamp(90px,8vw,150px)!important;
  margin:0 auto!important;
  padding:0!important;
  text-decoration:none!important;
  pointer-events:none!important;
}

.tron-logo-mark{
  --tron-active-logo-image:var(--tron-logo-desktop);
  display:block;
  position:relative;
  width:100%;
  height:100%;
  background-image:var(--tron-active-logo-image);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  animation:tronLogoGlow 6s ease-in-out infinite;
  filter:
    drop-shadow(0 0 12px rgba(var(--tron-accent-rgb,0,255,240),.18))
    drop-shadow(0 0 32px rgba(var(--tron-accent-rgb,0,255,240),.12))
    drop-shadow(0 0 72px rgba(var(--tron-accent-rgb,0,255,240),.08));
}
.tron-logo-mark::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:var(--tron-accent,var(--tron-cyan,#00fff0));
  opacity:var(--tron-logo-tint-opacity,0);
  mix-blend-mode:screen;
  -webkit-mask-image:var(--tron-active-logo-image);
  mask-image:var(--tron-active-logo-image);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center center;
  mask-position:center center;
  filter:drop-shadow(0 0 22px rgba(var(--tron-accent-rgb,0,255,240),.38));
}

@keyframes tronLogoGlow{
  0%,100%{filter:drop-shadow(0 0 10px rgba(0,255,255,.10)) drop-shadow(0 0 26px rgba(0,255,255,.08)) drop-shadow(0 0 60px rgba(0,255,255,.05));}
  50%{filter:drop-shadow(0 0 18px rgba(0,255,255,.22)) drop-shadow(0 0 44px rgba(0,255,255,.16)) drop-shadow(0 0 100px rgba(0,255,255,.10));}
}

.tron-menu-toggle{display:none;}

.tron-primary-navigation{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:100%;
  position:relative;
  z-index:1000;
  overflow:visible;
}

.tron-menu,.tron-menu ul{list-style:none;margin:0;padding:0;}
.tron-menu{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:30px;}
.tron-menu > li{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;overflow:visible;}

.tron-menu a,
.tron-menu .menu-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:10px 0 12px;
  color:var(--tron-white)!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:1.5px;
  line-height:1.2;
  text-transform:uppercase;
  text-decoration:none!important;
  text-shadow:0 0 8px rgba(0,0,0,1),0 0 16px rgba(0,0,0,1),0 0 10px rgba(0,255,240,.28);
  white-space:nowrap;
  transition:color .2s ease,text-shadow .2s ease;
}

.tron-menu > li:hover > a,
.tron-menu > li:focus-within > a,
.tron-menu a:hover,
.tron-menu .current-menu-item > a,
.tron-menu .current-menu-parent > a,
.tron-menu .current-menu-ancestor > a{
  color:var(--tron-cyan)!important;
  text-shadow:0 0 10px rgba(0,255,240,.65),0 0 22px rgba(0,255,240,.28),0 0 12px rgba(0,0,0,1);
}

.tron-menu .sub-menu,
.tron-menu .children{
  display:block;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  z-index:10100;
  min-width:235px;
  margin:0;
  padding:10px;
  background:linear-gradient(135deg,rgba(0,255,240,.09),rgba(0,10,12,.88)),rgba(0,0,0,.94);
  border:1px solid rgba(0,255,240,.30);
  border-radius:18px;
  box-shadow:0 0 28px rgba(0,255,240,.18),0 18px 45px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:visible;
}

.tron-menu li:hover > .sub-menu,
.tron-menu li:focus-within > .sub-menu,
.tron-menu li:hover > .children,
.tron-menu li:focus-within > .children{opacity:1;visibility:visible;pointer-events:auto;}
.tron-menu .sub-menu li,.tron-menu .children li{display:block;margin:0;padding:0;}

.tron-menu .sub-menu a,
.tron-menu .children a{
  width:100%;
  min-width:210px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 7px;
  padding:13px 18px;
  border:1px solid rgba(0,255,240,.35);
  border-radius:13px;
  background:rgba(0,255,240,.09);
  color:#dfffff!important;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:1.8px;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 0 9px rgba(0,255,240,.22),0 0 12px rgba(0,0,0,1);
}

.tron-menu .sub-menu a:hover,
.tron-menu .children a:hover{background:var(--tron-cyan)!important;color:#020707!important;border-color:var(--tron-cyan)!important;text-shadow:none!important;}

.tron-social-links{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 0 7px;}
.tron-social-link{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--tron-cyan);color:#001012!important;font-size:15px;font-weight:900;line-height:1;text-decoration:none!important;box-shadow:0 0 10px rgba(0,255,240,.45);}
.tron-social-link-in{border-radius:3px;font-size:12px;}
.tron-social-link:hover{background:#fff;color:#001012!important;}

/* Content */
.tron-content{width:100%;min-height:calc(100vh - 220px);margin:0 auto;padding:20px 0 64px;background:transparent!important;}
.tron-content-page,.tron-content-fullwidth{padding-top:0;}
.tron-page-article,.tron-page-body{width:100%;margin:0;padding:0;background:transparent!important;}
.tron-content-single,.tron-content-archive,.tron-content-index,.tron-content-404{width:var(--tron-container);}

.tron-panel,.tgf-panel,.tgf-founder-card,.tgf-human-card,.tgf-cta-box{padding:32px;border:1px solid var(--tron-border);background:var(--tron-panel)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 0 32px rgba(0,255,240,.06);border-radius:18px;}
.tron-empty-state{max-width:760px;margin:90px auto 0;text-align:center;}
.tron-post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:var(--tron-container);margin:40px auto 0;}
.tron-post-card,.tgf-card{padding:24px;border-radius:14px;border:1px solid rgba(0,255,240,.18);background:var(--tron-panel-soft)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:none;transition:all .25s ease;}
.tron-post-card:hover,.tgf-card:hover{transform:translateY(-5px);border-color:rgba(0,255,240,.48);box-shadow:0 0 30px rgba(0,255,240,.10);}
.tron-post-card-link{display:block;text-decoration:none!important;}

.tron-post-card-kicker,.tron-section-label,.tgf-label,.tgf-section-label{color:var(--tron-cyan)!important;font-size:12px!important;font-weight:800!important;letter-spacing:4px!important;text-transform:uppercase!important;margin:0 0 14px!important;text-shadow:0 0 10px rgba(0,255,240,.45),0 0 24px rgba(0,0,0,1)!important;}

.tron-content h1,.tron-content h2,.tron-content h3,.tgf-heading,.tgf-heading h1,.tgf-heading h2,.tgf-heading h3,.tgf-section h1,.tgf-section h2,.tgf-section h3{color:var(--tron-white)!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:1px!important;line-height:1.08!important;margin:0 0 20px!important;text-shadow:0 0 18px rgba(0,255,240,.16),0 3px 12px rgba(0,0,0,.95)!important;}
.tron-content h1{font-size:clamp(36px,4vw,58px)!important;}
.tron-content h2{font-size:clamp(30px,3.5vw,48px)!important;}
.tron-content h3{font-size:clamp(22px,2vw,30px)!important;}
.tron-content p,.tron-entry-content,.tgf-text,.tgf-text p,.tgf-section p{color:var(--tron-muted)!important;font-size:15px!important;line-height:1.75!important;text-shadow:0 2px 8px rgba(0,0,0,.95)!important;}
.tron-entry-content a,.tron-page-body a{color:var(--tron-cyan);}

.tron-btn,.tgf-btn,.tgf-button a,.elementor-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:0 26px!important;border-radius:4px!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.4px!important;text-transform:uppercase!important;transition:all .3s ease!important;}
.tron-btn-primary,.tgf-button-primary a,.tgf-btn-primary{background:var(--tron-cyan)!important;color:#050707!important;border:1px solid var(--tron-cyan)!important;box-shadow:0 0 18px rgba(0,255,240,.34),inset 0 0 0 1px rgba(255,255,255,.18)!important;}
.tron-btn:hover,.tgf-btn:hover,.tgf-button a:hover,.elementor-button:hover{background:var(--tron-white)!important;color:#050707!important;border-color:var(--tron-white)!important;transform:translateY(-2px)!important;}

/* TGF compatibility */
.tgf-page{background:transparent!important;}
.tgf-section{width:var(--tron-container);margin:0 auto;padding:46px 0;background:transparent!important;}
.tgf-section-tight{width:var(--tron-container);margin:0 auto;padding:28px 0;background:transparent!important;}
.tgf-grid-2{display:grid!important;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:start;}
.tgf-grid-3{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;}
.tgf-grid-4,.tgf-card-grid,.tgf-process-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;}

/* Footer */
.tron-footer{min-height:24px;padding:22px 0 64px;background:transparent!important;}
.tron-footer-menu{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;list-style:none;margin:0;padding:0;}
.tron-footer-menu a{color:#d6e2e7!important;font-size:12px;font-weight:800;letter-spacing:1px;text-decoration:none;text-transform:uppercase;}
.tron-fixed-copyright{position:fixed;left:0;right:0;bottom:0;min-height:22px;padding:3px 14px;display:flex;align-items:center;justify-content:center;z-index:9998;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.68),rgba(0,0,0,.08));color:#d6e2e7;font-size:9.5px;font-weight:600;line-height:1.1;letter-spacing:.25px;text-align:center;text-shadow:0 0 10px rgba(0,0,0,1),0 0 22px rgba(0,0,0,1),0 0 10px rgba(0,255,240,.20);}

/* Elementor public compatibility */
.wp-block-group,.wp-site-blocks,.entry-content,.elementor,.elementor-section,.e-con,.e-con-inner{background:transparent!important;}
body.elementor-page .tron-content-page{padding-top:0;}
.alignwide{max-width:min(1200px,calc(100% - 44px));margin-left:auto;margin-right:auto;}
.alignfull{width:100%;max-width:100%;}

body.tron-elementor-transparent-canvas-enabled .elementor,
body.tron-elementor-transparent-canvas-enabled .elementor-location-header,
body.tron-elementor-transparent-canvas-enabled .elementor-location-footer,
body.tron-elementor-transparent-canvas-enabled .elementor-section,
body.tron-elementor-transparent-canvas-enabled .elementor-container,
body.tron-elementor-transparent-canvas-enabled .elementor-column,
body.tron-elementor-transparent-canvas-enabled .elementor-widget-wrap,
body.tron-elementor-transparent-canvas-enabled .elementor-widget,
body.tron-elementor-transparent-canvas-enabled .elementor-widget-container,
body.tron-elementor-transparent-canvas-enabled .e-con,
body.tron-elementor-transparent-canvas-enabled .e-con-inner,
body.tron-elementor-transparent-canvas-enabled .e-container,
body.tron-elementor-transparent-canvas-enabled .elementor-inner,
body.tron-elementor-transparent-canvas-enabled .elementor-section-wrap{background:transparent!important;}

body.tron-elementor-fullwidth-enabled.elementor-page .tron-content,
body.tron-elementor-fullwidth-enabled .tron-content-elementor,
.tron-content-elementor-fullwidth,
.tron-content-hud-canvas{width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;background:transparent!important;}

body.tron-elementor-fullwidth-enabled.elementor-page .tron-page-article,
body.tron-elementor-fullwidth-enabled.elementor-page .tron-page-body,
.tron-elementor-article,.tron-elementor-body,.tron-hud-canvas-article,.tron-hud-canvas-body{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}

.tron-content-elementor{min-height:calc(100vh - 240px);padding-bottom:calc(var(--tron-fixed-footer-height) + 38px)!important;}
.tron-content-hud-canvas{position:relative!important;z-index:var(--tron-content-z)!important;min-height:calc(100vh - var(--tron-fixed-footer-height));padding-bottom:calc(var(--tron-fixed-footer-height) + 16px)!important;}
.tron-hud-canvas-body > .elementor,.tron-hud-canvas-body > .elementor > .elementor-section-wrap,.tron-hud-canvas-body > .elementor > .elementor-inner,.tron-hud-canvas-body .elementor-section,.tron-hud-canvas-body .e-con{width:100%!important;max-width:100%!important;}
body.tron-template-hud-canvas .tron-header,body.tron-template-hud-canvas .tron-footer,body.page-template-template-elementor-hud-canvas .tron-header,body.page-template-template-elementor-hud-canvas .tron-footer{display:none!important;}
body.tron-template-hud-canvas,body.page-template-template-elementor-hud-canvas{padding-bottom:calc(var(--tron-fixed-footer-height) + 8px)!important;}
body.tron-elementor-hide-title-enabled.elementor-page .entry-title,body.tron-elementor-hide-title-enabled.elementor-page .page-title,body.tron-elementor-hide-title-enabled.elementor-page .tron-page-title{display:none!important;}

/* Coming soon public state */
body.tron-public-gateway-active .tron-menu-toggle,body.tron-public-gateway-active .tron-primary-navigation{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
body.tron-public-gateway-active .tron-header-inner{gap:0!important;}
body.tron-public-gateway-active .tron-logo-link{pointer-events:none!important;cursor:default!important;}
body.tron-public-mode-maintenance .tron-fixed-copyright,body.tron-public-mode-coming_soon .tron-fixed-copyright{z-index:99998!important;}

/* Mobile */
@media (max-width:1024px){
  :root{--tron-container:min(920px,calc(100% - 36px));}
  .tron-header-inner{padding:10px 18px 0;min-height:150px;display:grid;grid-template-columns:1fr auto;align-items:center;}
  .tron-branding{grid-column:1 / -1;grid-row:1;min-height:150px;}
  .tron-logo-link{width:min(88vw,560px)!important;height:140px!important;min-height:140px!important;}
  .tron-logo-mark{--tron-active-logo-image:var(--tron-logo-mobile);background-image:var(--tron-active-logo-image);background-position:center center;}
  .tron-menu-toggle{grid-column:2;grid-row:1;position:absolute;right:18px;top:52px;z-index:100000;width:46px;height:46px;min-width:46px;min-height:46px;display:flex;align-items:center;justify-content:center;padding:0;color:var(--tron-cyan);background:rgba(0,0,0,.62);border:1px solid rgba(0,255,240,.42);border-radius:12px;box-shadow:0 0 14px rgba(0,255,240,.18);cursor:pointer;}
  .tron-menu-toggle-bars{width:20px;display:grid;gap:4px;}
  .tron-menu-toggle-bars span{display:block;height:2px;background:var(--tron-cyan);border-radius:999px;box-shadow:0 0 8px rgba(0,255,240,.65);}
  .tron-primary-navigation{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);padding:90px 18px 34px;display:block;background:linear-gradient(135deg,rgba(0,255,240,.08),rgba(0,8,10,.98)),rgba(0,8,10,.98);border-left:1px solid rgba(0,255,240,.28);box-shadow:-20px 0 60px rgba(0,0,0,.72),0 0 28px rgba(0,255,240,.12);transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility .25s ease;z-index:99999;overflow-y:auto;}
  .tron-primary-navigation.is-open,body.tron-mobile-menu-open .tron-primary-navigation{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;}
  .tron-menu{display:block;width:100%;}
  .tron-menu > li{display:block;width:100%;}
  .tron-menu a,.tron-menu .menu-link{width:100%;justify-content:flex-start;min-height:46px;padding:14px 12px;border-bottom:1px solid rgba(0,255,240,.14);font-size:13px;}
  .tron-menu .sub-menu,.tron-menu .children{position:static;transform:none;width:100%;min-width:0;margin:0 0 10px;padding:0 0 0 12px;background:rgba(0,14,16,.72);border:0;border-left:1px solid rgba(0,255,240,.22);border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;}
  .tron-menu .sub-menu a,.tron-menu .children a{min-width:0;justify-content:flex-start;margin:0;border:0;border-bottom:1px solid rgba(0,255,240,.10);border-radius:0;background:rgba(0,255,240,.045);}
  .tron-social-links{justify-content:flex-start;padding:18px 12px;}
  .tgf-grid-2,.tgf-grid-3,.tgf-grid-4,.tgf-card-grid,.tgf-process-grid,.tgf-founder-card,.tgf-human-card{grid-template-columns:1fr!important;}
  .tron-post-list{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
  :root{--tron-container:min(100%,calc(100% - 28px));--tron-fixed-footer-height:38px;}
  body{padding-bottom:calc(var(--tron-fixed-footer-height) + 8px)!important;}
  .tron-site-hud-bg.has-mobile-video .tron-bg-video-desktop{display:none!important;}
  .tron-site-hud-bg.has-mobile-video .tron-bg-video-mobile{display:block!important;}
  .tron-site-hud-bg:not(.has-mobile-video) .tron-bg-video-desktop{display:block!important;}
  .tron-site-hud-bg.has-hud-poster:not(.has-mobile-video){background-image:var(--tron-hud-poster-mobile, var(--tron-hud-poster-desktop));}
  .tron-header-inner{min-height:380px;padding:0 14px;}
  .tron-branding{min-height:380px;align-items:flex-start;padding-top:38px;}
  .tron-logo-link{width:clamp(320px,88vw,520px)!important;height:320px!important;min-height:320px!important;}
  .tron-logo-mark{background-position:center top;}
  .tron-menu-toggle{top:86px;right:34px;width:48px;height:48px;}
  .tron-content{padding-bottom:58px;}
  .tron-post-list{grid-template-columns:1fr;width:var(--tron-container);}
  .tron-panel,.tgf-panel,.tgf-card,.tgf-founder-card,.tgf-human-card,.tgf-cta-box{padding:22px;border-radius:16px;}
  .tron-content h1{font-size:clamp(30px,9vw,42px)!important;}
  .tron-content h2{font-size:clamp(26px,8vw,38px)!important;}
  .tron-content p,.tgf-text,.tgf-text p,.tgf-section p{font-size:14px!important;}
  .tron-fixed-copyright{min-height:38px;padding:8px 12px 9px;font-size:10.5px;}
}

@media (max-width:420px){
  .tron-header-inner{min-height:380px;}
  .tron-branding{min-height:380px;}
  .tron-logo-link{width:340px!important;max-width:92vw!important;height:310px!important;}
  .tron-menu-toggle{top:90px;right:34px;}
}


/* Coming Soon / Maintenance selected landing page viewport lock */
html.tron-landing-viewport-lock,
html.tron-landing-viewport-lock body,
body.tron-landing-viewport-lock{
  height:100svh!important;
  max-height:100svh!important;
  overflow:hidden!important;
}

body.admin-bar.tron-landing-viewport-lock{
  height:calc(100svh - 32px)!important;
  max-height:calc(100svh - 32px)!important;
}

body.tron-landing-viewport-lock{
  padding-bottom:0!important;
}

body.tron-landing-viewport-lock .tron-site{
  min-height:100%!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}

body.tron-landing-viewport-lock .tron-content,
body.tron-landing-viewport-lock .tron-content-page,
body.tron-landing-viewport-lock .tron-content-elementor,
body.tron-landing-viewport-lock .tron-content-elementor-fullwidth{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:visible!important;
}

body.tron-landing-viewport-lock .tron-page-article,
body.tron-landing-viewport-lock .tron-page-body,
body.tron-landing-viewport-lock .entry-content,
body.tron-landing-viewport-lock .elementor{
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:visible!important;
}

body.tron-landing-viewport-lock .tron-footer{
  min-height:0!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

body.tron-landing-hide-footer-nav .tron-footer-menu,
body.tron-landing-hide-footer-nav .tron-footer nav,
body.tron-landing-hide-footer-nav footer nav{
  display:none!important;
}

@media (max-width:782px){
  body.admin-bar.tron-landing-viewport-lock{
    height:calc(100svh - 46px)!important;
    max-height:calc(100svh - 46px)!important;
  }
}

@media (max-width:980px){
  html.tron-landing-viewport-lock,
  html.tron-landing-viewport-lock body,
  body.tron-landing-viewport-lock{
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }

  body.tron-landing-viewport-lock .tron-site{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* ============================================================
   TRON Regional Commerce / A.R.C. Hosting Bridge v1.0.12
   ============================================================ */

.tron-region-selector{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  color:var(--tron-main-menu-tint,var(--tron-accent,var(--tron-cyan)));
  font-size:10px;
  font-weight:950;
  letter-spacing:2px;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(var(--tron-accent-rgb,0,255,240),.42);
}

.tron-region-selector select,
.tron-region-select{
  min-height:38px;
  padding:0 38px 0 14px;
  border:1px solid rgba(var(--tron-accent-rgb,0,255,240),.32);
  border-radius:999px;
  background:
    linear-gradient(135deg,rgba(var(--tron-accent-rgb,0,255,240),.10),rgba(0,0,0,.42)),
    rgba(0,0,0,.54);
  color:#f2fdff;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.5px;
  text-transform:uppercase;
  outline:none;
  box-shadow:
    0 0 18px rgba(var(--tron-accent-rgb,0,255,240),.12),
    inset 0 0 0 1px rgba(255,255,255,.025);
}

.tron-region-select:focus{
  border-color:rgba(var(--tron-accent-rgb,0,255,240),.68);
  box-shadow:
    0 0 22px rgba(var(--tron-accent-rgb,0,255,240),.24),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

.tron-regional-price{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:4px;
  color:#f2fdff;
  font-weight:950;
  letter-spacing:.5px;
  text-shadow:
    0 0 12px rgba(var(--tron-accent-rgb,0,255,240),.28),
    0 3px 12px rgba(0,0,0,1);
}

.tron-regional-price .tron-price-value{
  color:#f2fdff;
}

.tron-regional-price small{
  color:rgba(216,250,255,.70);
  font-size:.72em;
  font-weight:850;
  letter-spacing:1px;
  text-transform:uppercase;
}

.tron-client-terminal-menu-item > a{
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid rgba(var(--tron-main-menu-rgb,0,255,240),.54)!important;
  border-radius:999px!important;
  background:rgba(var(--tron-main-menu-rgb,0,255,240),.09)!important;
  color:var(--tron-main-menu-tint,var(--tron-cyan))!important;
  box-shadow:0 0 18px rgba(var(--tron-main-menu-rgb,0,255,240),.15)!important;
}

.tron-client-terminal-menu-item > a:hover,
.tron-client-terminal-menu-item.current-menu-item > a{
  background:var(--tron-main-menu-tint,var(--tron-cyan))!important;
  color:var(--tron-main-menu-contrast,#020707)!important;
  text-shadow:none!important;
  box-shadow:0 0 24px rgba(var(--tron-main-menu-rgb,0,255,240),.34)!important;
}

.tron-domain-console{
  --tdc-tint:var(--tron-domain-console-tint,var(--tron-accent,var(--tron-cyan,#bff8ff)));
  --tdc-rgb:var(--tron-domain-console-rgb,var(--tron-accent-rgb,191,248,255));
  --tdc-contrast:var(--tron-domain-console-contrast,#020707);
  --tdc-white:#f2fdff;
  --tdc-text:#d8faff;
  --tdc-muted:#9fbec7;
  --tdc-line:rgba(var(--tdc-rgb),.34);
  --tdc-line-soft:rgba(var(--tdc-rgb),.16);
  --tdc-line-strong:rgba(var(--tdc-rgb),.62);
  --tdc-panel:rgba(var(--tdc-rgb),.070);
  --tdc-panel-strong:rgba(var(--tdc-rgb),.115);
  --tdc-glow-soft:rgba(var(--tdc-rgb),.14);
  --tdc-glow:rgba(var(--tdc-rgb),.32);
  --tdc-glow-strong:rgba(var(--tdc-rgb),.58);

  width:min(1120px,calc(100% - 44px));
  min-height:calc(100svh - clamp(218px,22vh,294px) - var(--tron-fixed-footer-height,26px));
  margin:0 auto;
  padding:0 0 34px;
  position:relative;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tron-domain-console,
.tron-domain-console *{
  box-sizing:border-box;
}

body.admin-bar .tron-domain-console{
  min-height:calc(100svh - clamp(218px,22vh,294px) - 32px - var(--tron-fixed-footer-height,26px));
}

body.tron-has-domain-console .tron-footer-menu,
body.tron-has-domain-console .tron-footer nav,
body.tron-has-domain-console footer nav{
  display:none!important;
}

.tron-domain-console__frame{
  width:100%;
  max-height:100%;
  position:relative;
  padding:clamp(20px,2.4vh,30px) clamp(22px,2.6vw,34px);
  border:1px solid var(--tdc-line);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 16%,rgba(var(--tdc-rgb),.17),transparent 32%),
    radial-gradient(circle at 82% 70%,rgba(var(--tdc-rgb),.10),transparent 34%),
    linear-gradient(135deg,rgba(var(--tdc-rgb),.080),rgba(0,0,0,.42)),
    rgba(0,0,0,.44);
  box-shadow:
    0 0 46px var(--tdc-glow-soft),
    0 32px 90px rgba(0,0,0,.80),
    inset 0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  overflow:hidden;
}

.tron-domain-console__frame::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid var(--tdc-line-soft);
  border-radius:20px;
  pointer-events:none;
}

.tron-domain-console__frame::after{
  content:"";
  position:absolute;
  left:-36%;
  top:0;
  width:42%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--tdc-tint),transparent);
  box-shadow:0 0 24px var(--tdc-glow-strong);
  animation:tronDomainScan 5.6s linear infinite;
  pointer-events:none;
}

.tron-domain-console__topline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:clamp(16px,2vh,24px);
}

.tron-domain-console__status,
.tron-domain-console__currency{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 14px;
  border:1px solid var(--tdc-line);
  border-radius:999px;
  background:rgba(var(--tdc-rgb),.070);
  color:var(--tdc-tint);
  font-size:10px;
  font-weight:950;
  letter-spacing:2.7px;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 0 12px var(--tdc-glow);
  white-space:nowrap;
}

.tron-domain-console__pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--tdc-tint);
  box-shadow:0 0 12px var(--tdc-glow-strong),0 0 26px var(--tdc-glow);
  animation:tronDomainPulse 1.65s ease-in-out infinite;
}

.tron-domain-console__region-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}

.tron-region-selector--domain{
  margin:0;
}

.tron-region-selector--domain span{
  color:var(--tdc-tint)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:2.4px!important;
  text-transform:uppercase!important;
  text-shadow:0 0 10px var(--tdc-glow)!important;
}

.tron-region-selector--domain select,
.tron-domain-console select{
  border-color:var(--tdc-line)!important;
  background:rgba(0,0,0,.46)!important;
  color:var(--tdc-white)!important;
  box-shadow:0 0 16px rgba(var(--tdc-rgb),.10)!important;
}

.tron-domain-console__main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);
  gap:clamp(22px,3.4vw,42px);
  align-items:center;
}

.tron-domain-console__content{
  text-align:left;
  min-width:0;
}

.tron-domain-console__eyebrow{
  margin:0 0 12px!important;
  color:var(--tdc-tint)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:4.5px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  text-shadow:0 0 14px var(--tdc-glow)!important;
}

.tron-domain-console h2{
  max-width:650px;
  margin:0 0 16px!important;
  color:var(--tdc-white)!important;
  font-size:clamp(40px,5vw,76px)!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  line-height:.92!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-shadow:
    0 0 18px var(--tdc-glow),
    0 0 42px var(--tdc-glow-soft),
    0 5px 18px rgba(0,0,0,1)!important;
}

.tron-domain-console__lead{
  max-width:650px;
  margin:0 0 22px!important;
  color:var(--tdc-text)!important;
  font-size:clamp(13px,1.06vw,16px)!important;
  font-weight:720!important;
  line-height:1.55!important;
  text-align:left!important;
  text-shadow:0 3px 12px rgba(0,0,0,1)!important;
}

.tron-domain-console__form{
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(116px,.24fr) 132px;
  gap:10px;
  padding:10px;
  border:1px solid var(--tdc-line);
  border-radius:18px;
  background:rgba(0,0,0,.44);
  box-shadow:0 0 28px rgba(var(--tdc-rgb),.12),inset 0 0 0 1px rgba(255,255,255,.025);
}

.tron-domain-console__form input,
.tron-domain-console__form select{
  min-height:50px;
  width:100%;
  border:1px solid rgba(var(--tdc-rgb),.22);
  border-radius:12px;
  background:rgba(0,0,0,.42);
  color:var(--tdc-white);
  padding:0 16px;
  font-size:14px;
  font-weight:850;
  letter-spacing:.8px;
  outline:none;
}

.tron-domain-console__form input::placeholder{
  color:rgba(216,250,255,.42);
}

.tron-domain-console__form input:focus,
.tron-domain-console__form select:focus{
  border-color:var(--tdc-line-strong);
  box-shadow:0 0 18px rgba(var(--tdc-rgb),.22);
}

.tron-domain-console__form button{
  min-height:50px;
  padding:0 18px;
  border:1px solid var(--tdc-tint);
  border-radius:12px;
  background:var(--tdc-tint);
  color:var(--tdc-contrast);
  font-size:10.5px;
  font-weight:950;
  letter-spacing:1.5px;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 0 22px var(--tdc-glow),inset 0 0 0 1px rgba(255,255,255,.18);
  transition:.22s ease;
}

.tron-domain-console__form button:hover{
  transform:translateY(-1px);
  background:var(--tdc-white);
  border-color:var(--tdc-white);
  color:#020707;
}

.tron-domain-console__tld-strip{
  margin:12px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.tron-domain-console__tld-strip button{
  min-height:30px;
  padding:0 12px;
  border:1px solid rgba(var(--tdc-rgb),.26);
  border-radius:999px;
  background:rgba(var(--tdc-rgb),.055);
  color:var(--tdc-text);
  font-size:9px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
  cursor:pointer;
  transition:.2s ease;
}

.tron-domain-console__tld-strip button:hover,
.tron-domain-console__tld-strip button.is-active{
  border-color:var(--tdc-tint);
  background:var(--tdc-tint);
  color:var(--tdc-contrast);
  box-shadow:0 0 16px var(--tdc-glow);
}

.tron-domain-console__message{
  margin:12px 0 0;
  padding:12px 14px;
  border:1px solid var(--tdc-line);
  border-radius:14px;
  background:rgba(0,0,0,.48);
  color:var(--tdc-text);
  font-size:12px;
  font-weight:800;
  letter-spacing:.8px;
}

.tron-domain-console__routes{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.tron-domain-console__routes span{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--tdc-line-soft);
  border-radius:12px;
  background:rgba(var(--tdc-rgb),.045);
  color:rgba(216,250,255,.72);
  font-size:9px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.tron-domain-console__side{
  min-width:0;
  padding:clamp(16px,2vh,22px);
  border:1px solid var(--tdc-line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(var(--tdc-rgb),.075),rgba(0,0,0,.30)),rgba(0,0,0,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 28px rgba(var(--tdc-rgb),.09);
}

.tron-domain-console__side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid var(--tdc-line-soft);
}

.tron-domain-console__side-head span,
.tron-domain-console__side-head strong{
  color:var(--tdc-tint);
  font-size:9.5px;
  font-weight:950;
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 0 11px var(--tdc-glow);
}

.tron-domain-console__side-head strong{
  color:rgba(216,250,255,.68);
  text-align:right;
}

.tron-domain-console__price-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.tron-domain-console__price-card{
  min-height:82px;
  padding:14px 12px;
  border:1px solid var(--tdc-line-soft);
  border-radius:15px;
  background:radial-gradient(circle at top,rgba(var(--tdc-rgb),.11),transparent 58%),rgba(var(--tdc-rgb),.050);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
}

.tron-domain-console__price-card--wide{
  grid-column:1 / -1;
}

.tron-domain-console__price-card > span{
  color:rgba(216,250,255,.56);
  font-size:8.5px;
  font-weight:950;
  letter-spacing:2px;
  text-transform:uppercase;
}

.tron-domain-console__price-card strong,
.tron-domain-console .tron-regional-price{
  color:var(--tdc-white);
  font-size:12px;
  font-weight:950;
  letter-spacing:1.1px;
  text-transform:uppercase;
}

.tron-domain-console .tron-regional-price small,
.tron-domain-console__price-card small{
  color:rgba(216,250,255,.58);
  font-size:8.5px;
  letter-spacing:1px;
  text-transform:uppercase;
}

.tron-domain-console__handoff{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.tron-domain-console__handoff div{
  min-height:58px;
  padding:11px;
  border:1px solid var(--tdc-line-soft);
  border-radius:14px;
  background:rgba(0,0,0,.26);
}

.tron-domain-console__handoff span{
  display:block;
  margin-bottom:6px;
  color:rgba(216,250,255,.50);
  font-size:8px;
  font-weight:950;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

.tron-domain-console__handoff strong{
  color:var(--tdc-tint);
  font-size:9.5px;
  font-weight:950;
  letter-spacing:1.3px;
  text-transform:uppercase;
  text-shadow:0 0 10px var(--tdc-glow);
}

.tron-domain-console__actions{
  margin-top:14px;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:9px;
}

.tron-domain-console__actions a{
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--tdc-line);
  border-radius:999px;
  background:rgba(var(--tdc-rgb),.070);
  color:var(--tdc-tint);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  font-size:9.5px;
  font-weight:950;
  letter-spacing:1.5px;
  text-transform:uppercase;
  text-shadow:0 0 10px var(--tdc-glow);
}

.tron-domain-console__actions a:hover,
.tron-domain-console__terminal{
  background:var(--tdc-tint)!important;
  color:var(--tdc-contrast)!important;
  text-shadow:none!important;
  box-shadow:0 0 18px var(--tdc-glow)!important;
}

.tron-domain-console__footerline{
  position:relative;
  z-index:2;
  margin-top:clamp(16px,2vh,22px);
  padding-top:14px;
  border-top:1px solid var(--tdc-line-soft);
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 24px;
  color:var(--tdc-tint);
  font-size:9px;
  font-weight:950;
  letter-spacing:2.7px;
  text-transform:uppercase;
  text-shadow:0 0 12px var(--tdc-glow);
}

.tron-domain-console__footerline span:not(:last-child)::after{
  content:"•";
  margin-left:24px;
  color:var(--tdc-line-strong);
}

@keyframes tronDomainPulse{
  0%,100%{opacity:.55;transform:scale(.86);}
  50%{opacity:1;transform:scale(1.18);}
}

@keyframes tronDomainScan{
  0%{left:-36%;}
  100%{left:100%;}
}

@media (max-height:820px) and (min-width:981px){
  .tron-domain-console{
    min-height:calc(100svh - clamp(188px,20vh,250px) - var(--tron-fixed-footer-height,26px));
    width:min(1060px,calc(100% - 44px));
  }
  body.admin-bar .tron-domain-console{
    min-height:calc(100svh - clamp(188px,20vh,250px) - 32px - var(--tron-fixed-footer-height,26px));
  }
  .tron-domain-console__frame{padding:18px 28px;}
  .tron-domain-console h2{font-size:clamp(36px,4.3vw,62px)!important;}
  .tron-domain-console__lead{line-height:1.42!important;}
  .tron-domain-console__price-card{min-height:72px;}
  .tron-domain-console__handoff div{min-height:50px;}
}

@media (max-height:720px) and (min-width:981px){
  .tron-domain-console{min-height:calc(100svh - 178px - var(--tron-fixed-footer-height,26px));}
  body.admin-bar .tron-domain-console{min-height:calc(100svh - 178px - 32px - var(--tron-fixed-footer-height,26px));}
  .tron-domain-console__status,.tron-domain-console__currency{min-height:28px;font-size:8.5px;}
  .tron-domain-console h2{font-size:clamp(32px,3.8vw,54px)!important;margin-bottom:10px!important;}
  .tron-domain-console__lead{font-size:13px!important;line-height:1.34!important;margin-bottom:14px!important;}
  .tron-domain-console__routes{display:none;}
  .tron-domain-console__handoff{display:none;}
}

@media (max-width:980px){
  .tron-domain-console{
    width:min(100%,calc(100% - 28px));
    min-height:auto;
    padding:24px 0 82px;
  }
  .tron-domain-console__main{grid-template-columns:1fr;}
  .tron-domain-console__content{text-align:center;}
  .tron-domain-console h2,.tron-domain-console__lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .tron-domain-console__form{max-width:760px;margin-left:auto;margin-right:auto;}
  .tron-domain-console__tld-strip,.tron-domain-console__routes{justify-content:center;}
  .tron-domain-console__actions{justify-content:center;}
}

@media (max-width:720px){
  .tron-domain-console__topline{flex-direction:column;align-items:stretch;}
  .tron-domain-console__region-wrap{justify-content:center;flex-wrap:wrap;}
  .tron-domain-console__form{grid-template-columns:1fr;}
  .tron-domain-console__price-grid,.tron-domain-console__handoff,.tron-domain-console__routes{grid-template-columns:1fr;}
  .tron-domain-console__footerline{flex-direction:column;align-items:center;gap:8px;}
  .tron-domain-console__footerline span::after{display:none;}
  .tron-region-selector--domain{flex-direction:column;gap:8px;}
}

/* ============================================================
   TRON Client Portal HUD v1.0.20
   Compact left-side orb. The main menu already carries the action;
   this HUD is a subtle portal indicator, not a competing banner.
   ============================================================ */
.tron-client-portal-hud{
  --tcp-tint:var(--tron-main-menu-tint,var(--tron-accent,var(--tron-cyan,#00fff0)));
  --tcp-rgb:var(--tron-main-menu-rgb,var(--tron-accent-rgb,0,255,240));
  position:fixed!important;
  left:calc(clamp(82px,5.2vw,106px) + var(--tron-client-portal-hud-offset-x,50px))!important;
  top:calc(clamp(138px,15.4vh,182px) + var(--tron-client-portal-hud-offset-y,0px))!important;
  z-index:99989!important;
  width:96px!important;
  height:118px!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f2fdff!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
  opacity:.84;
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.24));
  transition:opacity .18s ease,filter .18s ease,transform .18s ease!important;
}

body.admin-bar .tron-client-portal-hud{
  top:calc(clamp(138px,15.4vh,182px) + 32px + var(--tron-client-portal-hud-offset-y,0px))!important;
}

.tron-client-portal-hud:hover,
.tron-client-portal-hud:focus{
  transform:translateY(-2px)!important;
  opacity:1;
  filter:drop-shadow(0 0 16px rgba(var(--tcp-rgb),.44));
  color:#fff!important;
  outline:none!important;
}

.tron-client-portal-hud::before,
.tron-client-portal-hud::after{
  display:none!important;
  content:none!important;
}

.tron-client-portal-hud__halo{
  position:absolute;
  top:4px;
  left:50%;
  width:84px;
  height:84px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(var(--tcp-rgb),.34),rgba(var(--tcp-rgb),.09) 42%,transparent 68%),
    conic-gradient(from 210deg,transparent 0 8%,rgba(var(--tcp-rgb),.40) 8% 18%,transparent 18% 36%,rgba(var(--tcp-rgb),.26) 36% 43%,transparent 43% 76%,rgba(var(--tcp-rgb),.32) 76% 84%,transparent 84% 100%);
  filter:blur(.2px);
  opacity:.82;
  pointer-events:none;
}

.tron-client-portal-hud__icon{
  position:relative;
  z-index:2;
  width:58px!important;
  height:58px!important;
  margin-top:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(var(--tcp-rgb),.62);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%,rgba(var(--tcp-rgb),.32),rgba(0,0,0,.74) 68%),
    rgba(0,12,14,.42);
  box-shadow:
    0 0 14px rgba(var(--tcp-rgb),.34),
    0 0 32px rgba(var(--tcp-rgb),.12),
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 0 18px rgba(var(--tcp-rgb),.13);
}

.tron-client-portal-hud__icon::before,
.tron-client-portal-hud__icon::after{
  content:"";
  position:absolute;
  border-radius:50%;
  inset:-7px;
  border:1px solid rgba(var(--tcp-rgb),.14);
  clip-path:polygon(0 0,72% 0,72% 13%,100% 13%,100% 100%,0 100%);
}

.tron-client-portal-hud__icon::after{
  inset:-12px;
  border-color:rgba(var(--tcp-rgb),.08);
  transform:rotate(-24deg);
}

.tron-client-portal-hud__avatar{
  width:25px;
  height:25px;
  display:block;
  position:relative;
  color:var(--tcp-tint);
  filter:drop-shadow(0 0 9px rgba(var(--tcp-rgb),.74));
}

.tron-client-portal-hud__avatar::before,
.tron-client-portal-hud__avatar::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  background:currentColor;
}

.tron-client-portal-hud__avatar::before{
  top:1px;
  width:42%;
  height:42%;
  border-radius:50%;
}

.tron-client-portal-hud__avatar::after{
  bottom:1px;
  width:92%;
  height:48%;
  border-radius:18px 18px 7px 7px;
  clip-path:polygon(16% 100%,84% 100%,100% 58%,76% 0,24% 0,0 58%);
}

.tron-client-portal-hud__copy{
  position:relative;
  z-index:2;
  width:94px!important;
  max-width:94px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  line-height:1!important;
  text-align:center!important;
  overflow:hidden!important;
}

.tron-client-portal-hud__label{
  display:block;
  width:100%!important;
  color:#f2fdff;
  font-size:8.6px!important;
  font-weight:950;
  letter-spacing:1.25px!important;
  line-height:1.02!important;
  text-shadow:0 0 9px rgba(var(--tcp-rgb),.52),0 2px 10px rgba(0,0,0,1);
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

.tron-client-portal-hud__caption{
  display:block;
  width:100%!important;
  color:var(--tcp-tint);
  font-size:6.4px!important;
  font-weight:950;
  letter-spacing:1.15px!important;
  line-height:1.02!important;
  text-shadow:0 0 8px rgba(var(--tcp-rgb),.64);
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

.tron-client-portal-hud__line{
  display:block;
  width:54px!important;
  height:1px;
  margin-top:2px;
  background:linear-gradient(90deg,transparent,rgba(var(--tcp-rgb),.52),transparent);
  box-shadow:0 0 7px rgba(var(--tcp-rgb),.24);
}

.tron-client-portal-hud__code,
.tron-client-portal-hud__node,
.tron-client-portal-hud__signal{
  display:none!important;
}

.tron-client-portal-hud.is-online .tron-client-portal-hud__caption,
.tron-client-portal-hud.is-online .tron-client-portal-hud__avatar{
  color:#52ff91!important;
}

@media (max-width:1180px){
  .tron-client-portal-hud{
    left:calc(66px + var(--tron-client-portal-hud-offset-x,50px))!important;
    top:calc(128px + var(--tron-client-portal-hud-offset-y,0px))!important;
    width:86px!important;
    height:106px!important;
  }
  body.admin-bar .tron-client-portal-hud{top:calc(160px + var(--tron-client-portal-hud-offset-y,0px))!important;}
  .tron-client-portal-hud__halo{width:76px;height:76px;}
  .tron-client-portal-hud__icon{width:52px!important;height:52px!important;margin-top:13px!important;}
  .tron-client-portal-hud__copy{width:84px!important;max-width:84px!important;}
  .tron-client-portal-hud__label{font-size:7.8px!important;letter-spacing:1px!important;}
  .tron-client-portal-hud__caption{font-size:5.9px!important;letter-spacing:.9px!important;}
}

@media (max-width:1024px){
  .tron-client-portal-hud{
    left:calc(34px + var(--tron-client-portal-hud-offset-x,50px))!important;
    top:calc(118px + var(--tron-client-portal-hud-offset-y,0px))!important;
    width:78px!important;
    height:96px!important;
  }
  body.admin-bar .tron-client-portal-hud{top:calc(150px + var(--tron-client-portal-hud-offset-y,0px))!important;}
  .tron-client-portal-hud__halo{width:68px;height:68px;}
  .tron-client-portal-hud__icon{width:46px!important;height:46px!important;margin-top:12px!important;}
  .tron-client-portal-hud__avatar{width:20px;height:20px;}
  .tron-client-portal-hud__copy{width:76px!important;max-width:76px!important;}
  .tron-client-portal-hud__label{font-size:6.9px!important;letter-spacing:.82px!important;}
  .tron-client-portal-hud__caption{display:none!important;}
  .tron-client-portal-hud__line{width:42px!important;margin-top:2px;}
}

@media (max-width:640px){
  .tron-client-portal-hud{
    top:auto!important;
    left:calc(14px + max(-10px,min(30px,var(--tron-client-portal-hud-offset-x,50px))))!important;
    bottom:calc(var(--tron-fixed-footer-height,38px) + 14px - max(-20px,min(20px,var(--tron-client-portal-hud-offset-y,0px))))!important;
    width:64px!important;
    height:72px!important;
  }
  body.admin-bar .tron-client-portal-hud{top:auto!important;}
  .tron-client-portal-hud__halo{width:58px;height:58px;}
  .tron-client-portal-hud__icon{width:38px!important;height:38px!important;margin-top:10px!important;}
  .tron-client-portal-hud__copy{width:64px!important;max-width:64px!important;}
  .tron-client-portal-hud__label{font-size:5.8px!important;letter-spacing:.55px!important;}
  .tron-client-portal-hud__caption,.tron-client-portal-hud__line{display:none!important;}
  .tron-client-portal-hud.is-mobile-hidden{display:none!important;}
}


/* v1.0.21 — Client Portal HUD anchor, icon, and pulse controls */
.tron-client-portal-hud{
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:translate(var(--tron-client-portal-hud-offset-x,50px),var(--tron-client-portal-hud-offset-y,0px))!important;
}

.tron-client-portal-hud:hover,
.tron-client-portal-hud:focus{
  transform:translate(var(--tron-client-portal-hud-offset-x,50px),calc(var(--tron-client-portal-hud-offset-y,0px) - 2px))!important;
}

.tron-client-portal-hud.is-left{left:clamp(82px,5.2vw,106px)!important;right:auto!important;}
.tron-client-portal-hud.is-right{right:clamp(82px,5.2vw,106px)!important;left:auto!important;}
.tron-client-portal-hud.is-top{top:clamp(138px,15.4vh,182px)!important;bottom:auto!important;}
.tron-client-portal-hud.is-bottom{bottom:clamp(92px,13vh,168px)!important;top:auto!important;}
body.admin-bar .tron-client-portal-hud.is-top{top:calc(clamp(138px,15.4vh,182px) + 32px)!important;}
body.admin-bar .tron-client-portal-hud.is-bottom{top:auto!important;}

.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar{
  width:32px!important;
  height:32px!important;
  border-radius:50%;
  background-image:var(--tron-client-portal-hud-icon-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 0 12px rgba(var(--tcp-rgb),.58), inset 0 0 0 1px rgba(255,255,255,.14);
}
.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar::before,
.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar::after{display:none!important;content:none!important;}

@keyframes tronClientPortalHudPulse{
  0%,100%{filter:drop-shadow(0 0 8px rgba(var(--tcp-rgb),.26));opacity:.82;}
  50%{filter:drop-shadow(0 0 18px rgba(var(--tcp-rgb),.58));opacity:1;}
}
@keyframes tronClientPortalIconPulse{
  0%,100%{box-shadow:0 0 14px rgba(var(--tcp-rgb),.28),0 0 28px rgba(var(--tcp-rgb),.10),inset 0 0 16px rgba(var(--tcp-rgb),.11);}
  50%{box-shadow:0 0 21px rgba(var(--tcp-rgb),.54),0 0 46px rgba(var(--tcp-rgb),.20),inset 0 0 24px rgba(var(--tcp-rgb),.18);}
}
.tron-client-portal-hud.has-pulse{animation:tronClientPortalHudPulse 3.6s ease-in-out infinite;}
.tron-client-portal-hud.has-pulse .tron-client-portal-hud__icon{animation:tronClientPortalIconPulse 3.6s ease-in-out infinite;}
.tron-client-portal-hud.has-pulse.pulse-subtle,
.tron-client-portal-hud.has-pulse.pulse-subtle .tron-client-portal-hud__icon{animation-duration:4.8s;}
.tron-client-portal-hud.has-pulse.pulse-strong,
.tron-client-portal-hud.has-pulse.pulse-strong .tron-client-portal-hud__icon{animation-duration:2.6s;}

@media (max-width:1180px){
  .tron-client-portal-hud.is-left{left:66px!important;}
  .tron-client-portal-hud.is-right{right:66px!important;}
  .tron-client-portal-hud.is-top{top:128px!important;}
  .tron-client-portal-hud.is-bottom{bottom:108px!important;}
  body.admin-bar .tron-client-portal-hud.is-top{top:160px!important;}
}

@media (max-width:1024px){
  .tron-client-portal-hud.is-left{left:34px!important;}
  .tron-client-portal-hud.is-right{right:34px!important;}
  .tron-client-portal-hud.is-top{top:118px!important;}
  .tron-client-portal-hud.is-bottom{bottom:94px!important;}
  body.admin-bar .tron-client-portal-hud.is-top{top:150px!important;}
}

@media (max-width:640px){
  .tron-client-portal-hud{
    transform:translate(max(-60px,min(60px,var(--tron-client-portal-hud-offset-x,50px))),max(-60px,min(60px,var(--tron-client-portal-hud-offset-y,0px))))!important;
  }
  .tron-client-portal-hud:hover,
  .tron-client-portal-hud:focus{
    transform:translate(max(-60px,min(60px,var(--tron-client-portal-hud-offset-x,50px))),calc(max(-60px,min(60px,var(--tron-client-portal-hud-offset-y,0px))) - 2px))!important;
  }
  .tron-client-portal-hud.is-left{left:18px!important;right:auto!important;}
  .tron-client-portal-hud.is-right{right:18px!important;left:auto!important;}
  .tron-client-portal-hud.is-top{top:96px!important;bottom:auto!important;}
  .tron-client-portal-hud.is-bottom{bottom:calc(var(--tron-fixed-footer-height,38px) + 14px)!important;top:auto!important;}
  body.admin-bar .tron-client-portal-hud.is-top{top:128px!important;}
  body.admin-bar .tron-client-portal-hud.is-bottom{top:auto!important;}
}


/* ============================================================
   TRON Client Portal HUD v1.0.22 — Portal-core refinement
   Positive offsets are now measured from the selected edge.
   The default icon is a dedicated TRON portal-core glyph, not a
   generic client silhouette.
   ============================================================ */
.tron-client-portal-hud{
  --tcp-tint:var(--tron-main-menu-tint,var(--tron-accent,var(--tron-cyan,#00fff0)));
  --tcp-rgb:var(--tron-main-menu-rgb,var(--tron-accent-rgb,0,255,240));
  position:fixed!important;
  z-index:99989!important;
  width:98px!important;
  height:112px!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f2fdff!important;
  text-decoration:none!important;
  box-shadow:none!important;
  opacity:.92!important;
  transform:none!important;
  transition:opacity .18s ease,filter .18s ease,transform .18s ease!important;
  isolation:isolate!important;
}
.tron-client-portal-hud.is-left{left:var(--tron-client-portal-hud-offset-x,96px)!important;right:auto!important;}
.tron-client-portal-hud.is-right{right:var(--tron-client-portal-hud-offset-x,96px)!important;left:auto!important;}
.tron-client-portal-hud.is-top{top:var(--tron-client-portal-hud-offset-y,72px)!important;bottom:auto!important;}
.tron-client-portal-hud.is-bottom{bottom:var(--tron-client-portal-hud-offset-y,72px)!important;top:auto!important;}
body.admin-bar .tron-client-portal-hud.is-top{top:calc(var(--tron-client-portal-hud-offset-y,72px) + 32px)!important;}
body.admin-bar .tron-client-portal-hud.is-bottom{top:auto!important;}
.tron-client-portal-hud:hover,
.tron-client-portal-hud:focus{
  opacity:1!important;
  filter:drop-shadow(0 0 12px rgba(var(--tcp-rgb),.38))!important;
  transform:translateY(-2px)!important;
}
.tron-client-portal-hud__halo{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:1px!important;
  left:50%!important;
  width:78px!important;
  height:78px!important;
  margin-left:-39px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:
    conic-gradient(from 210deg,rgba(var(--tcp-rgb),0) 0 7%,rgba(var(--tcp-rgb),.48) 8% 18%,rgba(var(--tcp-rgb),0) 19% 39%,rgba(var(--tcp-rgb),.28) 40% 47%,rgba(var(--tcp-rgb),0) 48% 100%),
    radial-gradient(circle at 50% 50%,rgba(var(--tcp-rgb),.22),rgba(var(--tcp-rgb),.045) 54%,transparent 71%);
  box-shadow:0 0 24px rgba(var(--tcp-rgb),.24),0 0 58px rgba(var(--tcp-rgb),.12);
  opacity:.96!important;
}
.tron-client-portal-hud__halo::before,
.tron-client-portal-hud__halo::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(var(--tcp-rgb),.32);
  box-shadow:inset 0 0 16px rgba(var(--tcp-rgb),.12);
}
.tron-client-portal-hud__halo::after{
  inset:18px;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 0 16px rgba(var(--tcp-rgb),.28),inset 0 0 15px rgba(var(--tcp-rgb),.10);
}
.tron-client-portal-hud__icon{
  width:58px!important;
  height:58px!important;
  margin-top:11px!important;
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(var(--tcp-rgb),.46)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 42%,rgba(var(--tcp-rgb),.26),rgba(0,8,10,.78) 68%)!important;
  box-shadow:
    0 0 14px rgba(var(--tcp-rgb),.36),
    0 0 38px rgba(var(--tcp-rgb),.12),
    inset 0 0 0 1px rgba(255,255,255,.055),
    inset 0 0 19px rgba(var(--tcp-rgb),.15)!important;
  overflow:hidden!important;
}
.tron-client-portal-hud__icon::before,
.tron-client-portal-hud__icon::after{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:50%!important;
  border:1px solid rgba(var(--tcp-rgb),.18)!important;
  clip-path:polygon(0 0,75% 0,75% 12%,100% 12%,100% 58%,88% 58%,88% 100%,0 100%)!important;
}
.tron-client-portal-hud__icon::after{
  inset:-13px!important;
  border-color:rgba(var(--tcp-rgb),.08)!important;
  transform:rotate(-28deg)!important;
}
.tron-client-portal-hud__avatar{
  width:38px!important;
  height:38px!important;
  display:block!important;
  position:relative!important;
  z-index:3!important;
  color:var(--tcp-tint)!important;
  background-image:url('../img/tron-client-portal-core.svg')!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:drop-shadow(0 0 8px rgba(var(--tcp-rgb),.76))!important;
}
.tron-client-portal-hud__avatar::before,
.tron-client-portal-hud__avatar::after{
  display:none!important;
  content:none!important;
}
.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background-image:var(--tron-client-portal-hud-icon-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 0 12px rgba(var(--tcp-rgb),.58),inset 0 0 0 1px rgba(255,255,255,.14)!important;
}
.tron-client-portal-hud__copy{
  position:relative!important;
  z-index:2!important;
  width:98px!important;
  max-width:98px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  line-height:1!important;
  text-align:center!important;
  overflow:hidden!important;
  margin-top:1px!important;
}
.tron-client-portal-hud__label{
  display:block!important;
  width:100%!important;
  color:#f4fdff!important;
  font-size:8.1px!important;
  font-weight:950!important;
  letter-spacing:1.05px!important;
  line-height:1.02!important;
  text-transform:uppercase!important;
  text-shadow:0 0 8px rgba(var(--tcp-rgb),.55),0 2px 10px rgba(0,0,0,.95)!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.tron-client-portal-hud__caption{
  display:block!important;
  width:100%!important;
  color:var(--tcp-tint)!important;
  font-size:5.9px!important;
  font-weight:950!important;
  letter-spacing:.95px!important;
  line-height:1.02!important;
  text-transform:uppercase!important;
  text-shadow:0 0 8px rgba(var(--tcp-rgb),.68)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.tron-client-portal-hud__line{
  display:block!important;
  width:46px!important;
  height:1px!important;
  margin-top:3px!important;
  background:linear-gradient(90deg,transparent,rgba(var(--tcp-rgb),.64),transparent)!important;
  box-shadow:0 0 8px rgba(var(--tcp-rgb),.26)!important;
}
.tron-client-portal-hud__code,
.tron-client-portal-hud__node,
.tron-client-portal-hud__signal{display:none!important;}
.tron-client-portal-hud.is-online .tron-client-portal-hud__caption{color:#52ff91!important;}
.tron-client-portal-hud.is-online .tron-client-portal-hud__icon{border-color:rgba(82,255,145,.48)!important;}
.tron-client-portal-hud.has-pulse{animation:tronClientPortalHudPulse 3.9s ease-in-out infinite!important;}
.tron-client-portal-hud.has-pulse .tron-client-portal-hud__icon{animation:tronClientPortalIconPulse 3.9s ease-in-out infinite!important;}
.tron-client-portal-hud.has-pulse.pulse-subtle,
.tron-client-portal-hud.has-pulse.pulse-subtle .tron-client-portal-hud__icon{animation-duration:5.3s!important;}
.tron-client-portal-hud.has-pulse.pulse-strong,
.tron-client-portal-hud.has-pulse.pulse-strong .tron-client-portal-hud__icon{animation-duration:2.8s!important;}
@media (max-width:1180px){
  .tron-client-portal-hud{width:86px!important;height:102px!important;}
  .tron-client-portal-hud__halo{width:70px!important;height:70px!important;margin-left:-35px!important;}
  .tron-client-portal-hud__icon{width:52px!important;height:52px!important;margin-top:10px!important;}
  .tron-client-portal-hud__avatar{width:34px!important;height:34px!important;}
  .tron-client-portal-hud__copy{width:86px!important;max-width:86px!important;}
  .tron-client-portal-hud__label{font-size:7.1px!important;letter-spacing:.82px!important;}
  .tron-client-portal-hud__caption{font-size:5.3px!important;letter-spacing:.72px!important;}
}
@media (max-width:1024px){
  .tron-client-portal-hud{width:76px!important;height:92px!important;}
  .tron-client-portal-hud__halo{width:62px!important;height:62px!important;margin-left:-31px!important;}
  .tron-client-portal-hud__icon{width:46px!important;height:46px!important;margin-top:9px!important;}
  .tron-client-portal-hud__avatar{width:30px!important;height:30px!important;}
  .tron-client-portal-hud__copy{width:76px!important;max-width:76px!important;}
  .tron-client-portal-hud__label{font-size:6.4px!important;letter-spacing:.65px!important;}
  .tron-client-portal-hud__caption{display:none!important;}
  .tron-client-portal-hud__line{width:38px!important;}
}
@media (max-width:640px){
  .tron-client-portal-hud{
    width:60px!important;
    height:66px!important;
    transform:none!important;
  }
  .tron-client-portal-hud.is-left{left:min(var(--tron-client-portal-hud-offset-x,18px),42px)!important;right:auto!important;}
  .tron-client-portal-hud.is-right{right:min(var(--tron-client-portal-hud-offset-x,18px),42px)!important;left:auto!important;}
  .tron-client-portal-hud.is-top{top:min(var(--tron-client-portal-hud-offset-y,78px),118px)!important;bottom:auto!important;}
  .tron-client-portal-hud.is-bottom{bottom:calc(var(--tron-fixed-footer-height,38px) + min(var(--tron-client-portal-hud-offset-y,14px),42px))!important;top:auto!important;}
  body.admin-bar .tron-client-portal-hud.is-top{top:calc(min(var(--tron-client-portal-hud-offset-y,78px),118px) + 32px)!important;}
  .tron-client-portal-hud__halo{width:52px!important;height:52px!important;margin-left:-26px!important;}
  .tron-client-portal-hud__icon{width:38px!important;height:38px!important;margin-top:7px!important;}
  .tron-client-portal-hud__avatar{width:26px!important;height:26px!important;}
  .tron-client-portal-hud__copy{display:none!important;}
  .tron-client-portal-hud.is-mobile-hidden{display:none!important;}
}


/* ============================================================
   TRON v1.0.23 — Client Portal HUD graphic/tint controls
   ============================================================ */
.tron-client-portal-hud__button-graphic{
  display:none!important;
}
.tron-client-portal-hud.has-button-graphic{
  width:112px!important;
  height:112px!important;
  justify-content:center!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  background:var(--tcp-tint)!important;
  -webkit-mask-image:var(--tron-client-portal-hud-button-image)!important;
  mask-image:var(--tron-client-portal-hud-button-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  filter:drop-shadow(0 0 12px rgba(var(--tcp-rgb),.72)) drop-shadow(0 0 34px rgba(var(--tcp-rgb),.28))!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__halo,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__icon,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__copy,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__node{
  display:none!important;
}
.tron-client-portal-hud__avatar{
  background:var(--tcp-tint)!important;
  background-image:none!important;
  -webkit-mask-image:url('../img/tron-client-portal-core.svg')!important;
  mask-image:url('../img/tron-client-portal-core.svg')!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
}
.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar{
  border-radius:0!important;
  background:var(--tcp-tint)!important;
  background-image:none!important;
  -webkit-mask-image:var(--tron-client-portal-hud-icon-image)!important;
  mask-image:var(--tron-client-portal-hud-icon-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  box-shadow:none!important;
}
.tron-client-terminal-menu-item > a{
  color:var(--tron-main-menu-tint,var(--tron-cyan))!important;
  border-color:rgba(var(--tron-main-menu-rgb,0,255,240),.64)!important;
  background:rgba(var(--tron-main-menu-rgb,0,255,240),.09)!important;
  box-shadow:0 0 18px rgba(var(--tron-main-menu-rgb,0,255,240),.18), inset 0 0 12px rgba(var(--tron-main-menu-rgb,0,255,240),.04)!important;
}
.tron-client-terminal-menu-item > a:hover,
.tron-client-terminal-menu-item.current-menu-item > a{
  background:var(--tron-main-menu-tint,var(--tron-cyan))!important;
  border-color:var(--tron-main-menu-tint,var(--tron-cyan))!important;
  color:var(--tron-main-menu-contrast,#020707)!important;
}
[class*="basil" i],
[id*="basil" i],
img[src*="basil" i],
img[alt*="basil" i],
img[title*="basil" i]{
  filter:drop-shadow(0 0 calc(18px * var(--tron-basil-tint-opacity,0)) rgba(var(--tron-accent-rgb,0,255,240),calc(.60 * var(--tron-basil-tint-opacity,0)))) saturate(calc(1 + (.85 * var(--tron-basil-tint-opacity,0))))!important;
}
[class*="basil" i] a,
[id*="basil" i] a,
[class*="basil" i] span,
[id*="basil" i] span,
[class*="basil" i] strong,
[id*="basil" i] strong{
  color:var(--tron-accent,var(--tron-cyan,#00fff0))!important;
  text-shadow:0 0 calc(14px * var(--tron-basil-tint-opacity,0)) rgba(var(--tron-accent-rgb,0,255,240),calc(.75 * var(--tron-basil-tint-opacity,0)))!important;
}
@media (max-width:1180px){
  .tron-client-portal-hud.has-button-graphic{width:96px!important;height:96px!important;}
}
@media (max-width:1024px){
  .tron-client-portal-hud.has-button-graphic{width:82px!important;height:82px!important;}
}
@media (max-width:640px){
  .tron-client-portal-hud.has-button-graphic{width:54px!important;height:54px!important;}
}


/* ============================================================
   TRON v1.0.24 — Client graphic sizing + stronger tint repair
   ============================================================ */
.tron-client-portal-hud{
  --tcp-custom-icon-size:var(--tron-client-portal-hud-icon-size,64px);
  --tcp-button-graphic-size:var(--tron-client-portal-hud-button-size,112px);
}
.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar{
  width:var(--tcp-custom-icon-size)!important;
  height:var(--tcp-custom-icon-size)!important;
  max-width:220px!important;
  max-height:220px!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:var(--tron-client-portal-hud-icon-image)!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.72)) drop-shadow(0 0 24px rgba(var(--tcp-rgb),.22))!important;
}
.tron-client-portal-hud.has-custom-icon.graphic-tint-overlay .tron-client-portal-hud__avatar::after,
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:var(--tcp-tint)!important;
  opacity:.48!important;
  mix-blend-mode:color!important;
  -webkit-mask-image:inherit!important;
  mask-image:inherit!important;
}
.tron-client-portal-hud.has-custom-icon.graphic-tint-mask .tron-client-portal-hud__avatar{
  background:var(--tcp-tint)!important;
  background-image:none!important;
  -webkit-mask-image:var(--tron-client-portal-hud-icon-image)!important;
  mask-image:var(--tron-client-portal-hud-icon-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  filter:drop-shadow(0 0 12px rgba(var(--tcp-rgb),.82)) drop-shadow(0 0 30px rgba(var(--tcp-rgb),.30))!important;
}
.tron-client-portal-hud.has-button-graphic{
  width:var(--tcp-button-graphic-size)!important;
  height:var(--tcp-button-graphic-size)!important;
  min-width:var(--tcp-button-graphic-size)!important;
  min-height:var(--tcp-button-graphic-size)!important;
  display:grid!important;
  place-items:center!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  width:var(--tcp-button-graphic-size)!important;
  height:var(--tcp-button-graphic-size)!important;
  z-index:8!important;
  background-color:transparent!important;
  background-image:var(--tron-client-portal-hud-button-image)!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:drop-shadow(0 0 14px rgba(var(--tcp-rgb),.70)) drop-shadow(0 0 32px rgba(var(--tcp-rgb),.22))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic{
  background:var(--tcp-tint)!important;
  background-image:none!important;
  -webkit-mask-image:var(--tron-client-portal-hud-button-image)!important;
  mask-image:var(--tron-client-portal-hud-button-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__halo,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__icon,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__copy,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__node{
  display:none!important;
}
.tron-logo-mark{
  filter:
    saturate(calc(1 + (1.55 * var(--tron-logo-tint-opacity,0))))
    drop-shadow(0 0 14px rgba(var(--tron-accent-rgb,0,255,240),calc(.16 + (.44 * var(--tron-logo-tint-opacity,0)))))
    drop-shadow(0 0 38px rgba(var(--tron-accent-rgb,0,255,240),calc(.09 + (.30 * var(--tron-logo-tint-opacity,0)))))
    drop-shadow(0 0 84px rgba(var(--tron-accent-rgb,0,255,240),calc(.05 + (.18 * var(--tron-logo-tint-opacity,0)))))!important;
}
.tron-logo-mark::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:var(--tron-accent,var(--tron-cyan,#00fff0));
  opacity:calc(var(--tron-logo-tint-opacity,0) * .72);
  mix-blend-mode:color;
  -webkit-mask-image:var(--tron-active-logo-image);
  mask-image:var(--tron-active-logo-image);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center center;
  mask-position:center center;
}
.tron-logo-mark::after{
  opacity:calc(var(--tron-logo-tint-opacity,0) * .88)!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 30px rgba(var(--tron-accent-rgb,0,255,240),.55))!important;
}
.tron-basil-theme-tint-overlay{
  position:fixed;
  z-index:4;
  pointer-events:none;
  top:76px;
  right:28px;
  width:min(360px,22vw);
  height:min(220px,18vw);
  opacity:var(--tron-basil-tint-opacity,0);
  mix-blend-mode:color;
  background:
    radial-gradient(circle at 72% 42%,rgba(var(--tron-accent-rgb,0,255,240),.92) 0 12%,rgba(var(--tron-accent-rgb,0,255,240),.45) 26%,rgba(var(--tron-accent-rgb,0,255,240),.16) 48%,rgba(var(--tron-accent-rgb,0,255,240),0) 72%),
    linear-gradient(90deg,rgba(var(--tron-accent-rgb,0,255,240),0),rgba(var(--tron-accent-rgb,0,255,240),.28),rgba(var(--tron-accent-rgb,0,255,240),0));
  filter:drop-shadow(0 0 24px rgba(var(--tron-accent-rgb,0,255,240),.32));
}
.tron-basil-theme-tint-overlay::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  box-shadow:0 0 calc(54px * var(--tron-basil-tint-opacity,0)) rgba(var(--tron-accent-rgb,0,255,240),.32);
}
@media(max-width:1024px){
  .tron-basil-theme-tint-overlay{display:none!important;}
}


/* ============================================================
   TRON v1.0.25 — Premium client login graphic + real tint repair
   ============================================================ */
:root{
  --tron-client-portal-hud-button-size:190px;
}
.tron-client-portal-hud{
  --tcp-custom-icon-size:var(--tron-client-portal-hud-icon-size,64px);
  --tcp-button-graphic-size:var(--tron-client-portal-hud-button-size,190px);
  overflow:visible!important;
  isolation:isolate!important;
}
.tron-client-portal-hud.has-button-graphic{
  width:var(--tcp-button-graphic-size)!important;
  height:var(--tcp-button-graphic-size)!important;
  min-width:var(--tcp-button-graphic-size)!important;
  min-height:var(--tcp-button-graphic-size)!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.tron-client-portal-hud.has-button-graphic::before,
.tron-client-portal-hud.has-button-graphic::after{display:none!important;content:none!important;}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:30!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  overflow:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.56)) drop-shadow(0 0 28px rgba(var(--tcp-rgb),.24))!important;
}
.tron-client-portal-hud__button-graphic img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  opacity:1!important;
  transform:none!important;
  background:transparent!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-original .tron-client-portal-hud__button-graphic img{
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.42)) drop-shadow(0 0 26px rgba(var(--tcp-rgb),.16))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 48%,rgba(var(--tcp-rgb),.52),rgba(var(--tcp-rgb),.18) 44%,transparent 70%)!important;
  mix-blend-mode:screen!important;
  opacity:.86!important;
  filter:drop-shadow(0 0 24px rgba(var(--tcp-rgb),.36))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic img{
  filter:saturate(1.12) drop-shadow(0 0 13px rgba(var(--tcp-rgb),.58)) drop-shadow(0 0 34px rgba(var(--tcp-rgb),.22))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic{
  background:var(--tcp-tint)!important;
  -webkit-mask-image:var(--tron-client-portal-hud-button-image)!important;
  mask-image:var(--tron-client-portal-hud-button-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center center!important;
  mask-position:center center!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic img{display:none!important;}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__halo,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__icon,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__copy,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__node{
  display:none!important;
}
.tron-client-portal-hud__icon{
  overflow:visible!important;
}
.tron-client-portal-hud__custom-icon-img{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:var(--tcp-custom-icon-size)!important;
  height:var(--tcp-custom-icon-size)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  z-index:8!important;
  filter:drop-shadow(0 0 11px rgba(var(--tcp-rgb),.62)) drop-shadow(0 0 26px rgba(var(--tcp-rgb),.22))!important;
}
.tron-client-portal-hud.has-custom-icon .tron-client-portal-hud__avatar{display:none!important;}
.tron-client-portal-hud.has-custom-icon.graphic-tint-overlay .tron-client-portal-hud__icon::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-16px!important;
  background:radial-gradient(circle,rgba(var(--tcp-rgb),.54),rgba(var(--tcp-rgb),.16) 48%,transparent 72%)!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  z-index:9!important;
}
.tron-client-portal-hud.has-custom-icon.graphic-tint-mask .tron-client-portal-hud__custom-icon-img{display:none!important;}
.tron-client-portal-hud.has-custom-icon.graphic-tint-mask .tron-client-portal-hud__avatar{
  display:block!important;
  width:var(--tcp-custom-icon-size)!important;
  height:var(--tcp-custom-icon-size)!important;
  max-width:none!important;
  max-height:none!important;
  background:var(--tcp-tint)!important;
  background-image:none!important;
  -webkit-mask-image:var(--tron-client-portal-hud-icon-image)!important;
  mask-image:var(--tron-client-portal-hud-icon-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center center!important;
  mask-position:center center!important;
}

/* Apply the selected global tint to the baked logo much more visibly. */
.tron-logo-mark{
  background-image:
    linear-gradient(rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-logo-tint-opacity,0) * .74)),rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-logo-tint-opacity,0) * .74))),
    var(--tron-active-logo-image)!important;
  background-blend-mode:color,normal!important;
  filter:
    saturate(calc(1 + (1.25 * var(--tron-logo-tint-opacity,0))))
    drop-shadow(0 0 14px rgba(var(--tron-accent-rgb,0,255,240),calc(.18 + (.50 * var(--tron-logo-tint-opacity,0)))))
    drop-shadow(0 0 42px rgba(var(--tron-accent-rgb,0,255,240),calc(.10 + (.34 * var(--tron-logo-tint-opacity,0)))))!important;
}
.tron-logo-mark::before{
  opacity:calc(var(--tron-logo-tint-opacity,0) * .84)!important;
  mix-blend-mode:color!important;
}
.tron-logo-mark::after{
  opacity:calc(var(--tron-logo-tint-opacity,0) * .55)!important;
  mix-blend-mode:screen!important;
}

/* Premium B.A.S.I.L. tint overlay: visible even when B.A.S.I.L. is part of a static HUD background. */
.tron-basil-theme-tint-overlay{
  top:52px!important;
  right:12px!important;
  width:min(430px,25vw)!important;
  height:min(260px,20vw)!important;
  opacity:calc(var(--tron-basil-tint-opacity,0) * .95)!important;
  mix-blend-mode:color!important;
  background:
    radial-gradient(ellipse at 68% 45%,rgba(var(--tron-accent-rgb,0,255,240),.95) 0 15%,rgba(var(--tron-accent-rgb,0,255,240),.46) 32%,rgba(var(--tron-accent-rgb,0,255,240),.14) 55%,rgba(var(--tron-accent-rgb,0,255,240),0) 78%),
    linear-gradient(90deg,rgba(var(--tron-accent-rgb,0,255,240),0),rgba(var(--tron-accent-rgb,0,255,240),.24),rgba(var(--tron-accent-rgb,0,255,240),0))!important;
  filter:drop-shadow(0 0 30px rgba(var(--tron-accent-rgb,0,255,240),.38)) saturate(1.3)!important;
}
.tron-basil-theme-tint-overlay::before{
  content:""!important;
  position:absolute!important;
  inset:22% 12% 20% 34%!important;
  border:1px solid rgba(var(--tron-accent-rgb,0,255,240),.18)!important;
  border-radius:999px!important;
  box-shadow:0 0 34px rgba(var(--tron-accent-rgb,0,255,240),.26),inset 0 0 22px rgba(var(--tron-accent-rgb,0,255,240),.14)!important;
}

/* Keep uploaded full-button graphics usable on smaller screens without crushing them. */
@media(max-width:1180px){
  .tron-client-portal-hud.has-button-graphic{width:min(var(--tcp-button-graphic-size),170px)!important;height:min(var(--tcp-button-graphic-size),170px)!important;min-width:min(var(--tcp-button-graphic-size),170px)!important;min-height:min(var(--tcp-button-graphic-size),170px)!important;}
}
@media(max-width:820px){
  .tron-client-portal-hud.has-button-graphic{width:min(var(--tcp-button-graphic-size),128px)!important;height:min(var(--tcp-button-graphic-size),128px)!important;min-width:min(var(--tcp-button-graphic-size),128px)!important;min-height:min(var(--tcp-button-graphic-size),128px)!important;}
}
@media(max-width:640px){
  .tron-client-portal-hud.has-button-graphic{width:min(var(--tcp-button-graphic-size),72px)!important;height:min(var(--tcp-button-graphic-size),72px)!important;min-width:min(var(--tcp-button-graphic-size),72px)!important;min-height:min(var(--tcp-button-graphic-size),72px)!important;}
}


/* ============================================================
   TRON v1.0.26 — premium client graphic render + safe tint repair
   ============================================================ */
.tron-client-portal-hud{
  --tcp-button-graphic-size:var(--tron-client-portal-hud-button-size,220px);
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
.tron-client-portal-hud.has-button-graphic{
  width:var(--tcp-button-graphic-size)!important;
  min-width:var(--tcp-button-graphic-size)!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:var(--tcp-button-graphic-size)!important;
  height:auto!important;
  min-height:0!important;
  z-index:30!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
  overflow:visible!important;
  opacity:1!important;
  filter:none!important;
}
.tron-client-portal-hud__button-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  background:transparent!important;
  opacity:1!important;
  transform:none!important;
  filter:drop-shadow(0 0 12px rgba(var(--tcp-rgb),.48)) drop-shadow(0 0 30px rgba(var(--tcp-rgb),.18))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-img{
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.55) brightness(1.05) drop-shadow(0 0 14px rgba(var(--tcp-rgb),.74)) drop-shadow(0 0 42px rgba(var(--tcp-rgb),.26))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at 50% 45%,rgba(var(--tcp-rgb),.40),rgba(var(--tcp-rgb),.14) 42%,rgba(var(--tcp-rgb),0) 74%)!important;
  mix-blend-mode:screen!important;
  opacity:.82!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask{
  height:calc(var(--tcp-button-graphic-size) * .72)!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-img{display:none!important;}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic{
  height:calc(var(--tcp-button-graphic-size) * .72)!important;
  background:var(--tcp-tint)!important;
  -webkit-mask-image:var(--tron-client-portal-hud-button-image)!important;
  mask-image:var(--tron-client-portal-hud-button-image)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center center!important;
  mask-position:center center!important;
  filter:drop-shadow(0 0 14px rgba(var(--tcp-rgb),.76)) drop-shadow(0 0 42px rgba(var(--tcp-rgb),.25))!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__halo,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__icon,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__copy,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__node{
  display:none!important;
}
.tron-client-portal-hud__custom-icon-img{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:var(--tron-client-portal-hud-icon-size,64px)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  z-index:8!important;
  filter:drop-shadow(0 0 11px rgba(var(--tcp-rgb),.62)) drop-shadow(0 0 26px rgba(var(--tcp-rgb),.22))!important;
}
.tron-client-portal-hud.has-custom-icon.graphic-tint-overlay .tron-client-portal-hud__custom-icon-img{
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.45) brightness(1.08) drop-shadow(0 0 13px rgba(var(--tcp-rgb),.70)) drop-shadow(0 0 32px rgba(var(--tcp-rgb),.26))!important;
}

/* Safe logo tint: recolours/glows the logo without painting a coloured rectangle behind it. */
.tron-logo-mark{
  background-image:var(--tron-active-logo-image)!important;
  background-blend-mode:normal!important;
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(calc(1 + (1.15 * var(--tron-logo-tint-opacity,0)))) brightness(1.04) drop-shadow(0 0 15px rgba(var(--tron-accent-rgb,0,255,240),calc(.18 + (.44 * var(--tron-logo-tint-opacity,0))))) drop-shadow(0 0 45px rgba(var(--tron-accent-rgb,0,255,240),calc(.10 + (.28 * var(--tron-logo-tint-opacity,0)))))!important;
}
.tron-logo-mark::before,
.tron-logo-mark::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  background:none!important;
}

/* Stronger B.A.S.I.L. tint for baked background artwork. */
.tron-basil-theme-tint-overlay{
  z-index:99970!important;
  top:58px!important;
  right:0!important;
  width:min(430px,27vw)!important;
  height:min(250px,20vw)!important;
  opacity:calc(var(--tron-basil-tint-opacity,0) * .88)!important;
  mix-blend-mode:screen!important;
  backdrop-filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.9) brightness(1.08)!important;
  -webkit-backdrop-filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.9) brightness(1.08)!important;
  background:radial-gradient(ellipse at 70% 42%,rgba(var(--tron-accent-rgb,0,255,240),.48) 0 18%,rgba(var(--tron-accent-rgb,0,255,240),.18) 38%,rgba(var(--tron-accent-rgb,0,255,240),0) 74%)!important;
  filter:drop-shadow(0 0 32px rgba(var(--tron-accent-rgb,0,255,240),.32))!important;
}
.tron-basil-theme-tint-overlay::before{
  content:""!important;
  position:absolute!important;
  inset:20% 8% 20% 38%!important;
  border-radius:999px!important;
  border:1px solid rgba(var(--tron-accent-rgb,0,255,240),.20)!important;
  box-shadow:0 0 36px rgba(var(--tron-accent-rgb,0,255,240),.30),inset 0 0 26px rgba(var(--tron-accent-rgb,0,255,240),.16)!important;
}
@media(max-width:1180px){
  .tron-client-portal-hud.has-button-graphic{width:min(var(--tcp-button-graphic-size),210px)!important;min-width:min(var(--tcp-button-graphic-size),210px)!important;}
}
@media(max-width:820px){
  .tron-client-portal-hud.has-button-graphic{width:min(var(--tcp-button-graphic-size),150px)!important;min-width:min(var(--tcp-button-graphic-size),150px)!important;}
}
@media(max-width:640px){
  .tron-client-portal-hud.has-button-graphic{width:min(var(--tcp-button-graphic-size),82px)!important;min-width:min(var(--tcp-button-graphic-size),82px)!important;}
}


/* ============================================================
   TRON v1.0.27 — Premium HUD tint fine-tuning
   ============================================================ */
.tron-client-portal-hud{
  --tcp-button-opacity:var(--tron-client-portal-hud-button-opacity,1);
  --tcp-button-glow:var(--tron-client-portal-hud-button-glow,.58);
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-img{
  opacity:var(--tcp-button-opacity)!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  filter:
    drop-shadow(0 0 calc(10px + (10px * var(--tcp-button-glow))) rgba(var(--tcp-rgb),calc(.18 + (.46 * var(--tcp-button-glow)))))
    drop-shadow(0 0 calc(24px + (30px * var(--tcp-button-glow))) rgba(var(--tcp-rgb),calc(.08 + (.24 * var(--tcp-button-glow)))))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic::before{
  opacity:calc(.28 + (.44 * var(--tcp-button-glow)))!important;
  background:radial-gradient(circle at 50% 48%,rgba(var(--tcp-rgb),.44),rgba(var(--tcp-rgb),.14) 44%,transparent 72%)!important;
}
.tron-client-portal-hud.has-pulse.has-button-graphic .tron-client-portal-hud__button-graphic{
  animation:tronClientPortalPremiumGraphicPulse 4.4s ease-in-out infinite!important;
}
.tron-client-portal-hud.has-pulse.pulse-subtle.has-button-graphic .tron-client-portal-hud__button-graphic{animation-duration:5.8s!important;}
.tron-client-portal-hud.has-pulse.pulse-strong.has-button-graphic .tron-client-portal-hud__button-graphic{animation-duration:3.2s!important;}
@keyframes tronClientPortalPremiumGraphicPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 calc(10px + (8px * var(--tcp-button-glow))) rgba(var(--tcp-rgb),calc(.18 + (.38 * var(--tcp-button-glow))))) drop-shadow(0 0 calc(24px + (22px * var(--tcp-button-glow))) rgba(var(--tcp-rgb),calc(.08 + (.18 * var(--tcp-button-glow)))));}
  50%{transform:scale(1.012);filter:drop-shadow(0 0 calc(14px + (13px * var(--tcp-button-glow))) rgba(var(--tcp-rgb),calc(.22 + (.50 * var(--tcp-button-glow))))) drop-shadow(0 0 calc(32px + (38px * var(--tcp-button-glow))) rgba(var(--tcp-rgb),calc(.10 + (.28 * var(--tcp-button-glow)))));}
}
.tron-basil-theme-tint-overlay{
  top:var(--tron-basil-tint-y,88px)!important;
  right:var(--tron-basil-tint-x,72px)!important;
  width:var(--tron-basil-tint-width,260px)!important;
  height:var(--tron-basil-tint-height,132px)!important;
  max-width:38vw!important;
  max-height:24vw!important;
  opacity:calc(var(--tron-basil-tint-opacity,0) * .42)!important;
  mix-blend-mode:var(--tron-basil-tint-blend,soft-light)!important;
  border-radius:999px!important;
  background:
    radial-gradient(ellipse at 66% 42%,rgba(var(--tron-accent-rgb,0,255,240),.82) 0 10%,rgba(var(--tron-accent-rgb,0,255,240),.34) 32%,rgba(var(--tron-accent-rgb,0,255,240),.12) 54%,rgba(var(--tron-accent-rgb,0,255,240),0) 76%),
    linear-gradient(90deg,rgba(var(--tron-accent-rgb,0,255,240),0),rgba(var(--tron-accent-rgb,0,255,240),.16),rgba(var(--tron-accent-rgb,0,255,240),0))!important;
  filter:blur(.15px) drop-shadow(0 0 18px rgba(var(--tron-accent-rgb,0,255,240),.22))!important;
}
.tron-basil-theme-tint-overlay::after{
  box-shadow:0 0 calc(24px + (32px * var(--tron-basil-tint-opacity,0))) rgba(var(--tron-accent-rgb,0,255,240),.18)!important;
}
@media (max-width:1024px){
  .tron-client-portal-hud.has-button-graphic{
    width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    height:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    min-width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    min-height:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
  }
}
@media (max-width:640px){
  .tron-client-portal-hud.has-button-graphic{
    width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    height:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    min-width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    min-height:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
  }
}


/* ============================================================
   TRON v1.0.28 — Client Portal precision placement + premium graphic render
   This block intentionally overrides previous experimental HUD CSS.
   ============================================================ */
.tron-client-portal-hud{
  --tcp-tint:var(--tron-main-menu-tint,var(--tron-accent,var(--tron-cyan,#00fff0)))!important;
  --tcp-rgb:var(--tron-main-menu-rgb,var(--tron-accent-rgb,0,255,240))!important;
  position:fixed!important;
  z-index:99990!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  text-decoration:none!important;
  transform:none!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  transition:filter .18s ease,opacity .18s ease,transform .18s ease!important;
}
.tron-client-portal-hud.is-left{left:var(--tron-client-portal-hud-offset-x,96px)!important;right:auto!important;}
.tron-client-portal-hud.is-right{right:var(--tron-client-portal-hud-offset-x,96px)!important;left:auto!important;}
.tron-client-portal-hud.is-top{top:var(--tron-client-portal-hud-offset-y,72px)!important;bottom:auto!important;}
.tron-client-portal-hud.is-bottom{bottom:var(--tron-client-portal-hud-offset-y,72px)!important;top:auto!important;}
body.admin-bar .tron-client-portal-hud.is-top{top:calc(var(--tron-client-portal-hud-offset-y,72px) + 32px)!important;}
body.admin-bar .tron-client-portal-hud.is-bottom{top:auto!important;bottom:var(--tron-client-portal-hud-offset-y,72px)!important;}
.tron-client-portal-hud:hover,
.tron-client-portal-hud:focus{
  transform:translateY(-2px)!important;
  opacity:1!important;
  filter:drop-shadow(0 0 16px rgba(var(--tcp-rgb),.38))!important;
}

/* Uploaded full login graphic: render as premium artwork, never as a crushed CSS mask. */
.tron-client-portal-hud.has-button-graphic{
  width:var(--tron-client-portal-hud-button-size,220px)!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:min(32vw,620px)!important;
  display:block!important;
  color:var(--tcp-tint)!important;
  filter:drop-shadow(0 0 calc(10px + (16px * var(--tron-client-portal-hud-button-glow,.58))) rgba(var(--tcp-rgb),calc(.20 + (.40 * var(--tron-client-portal-hud-button-glow,.58))))) drop-shadow(0 0 calc(24px + (38px * var(--tron-client-portal-hud-button-glow,.58))) rgba(var(--tcp-rgb),calc(.09 + (.22 * var(--tron-client-portal-hud-button-glow,.58)))))!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__halo,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__icon,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__copy,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__node{
  display:none!important;
  content:none!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:var(--tron-client-portal-hud-button-opacity,1)!important;
  overflow:visible!important;
  transform:none!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-img{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  border:0!important;
  background:transparent!important;
  transform:none!important;
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.34))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-original .tron-client-portal-hud__button-img{
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.30)) drop-shadow(0 0 26px rgba(var(--tcp-rgb),.12))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-img,
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-img{
  display:block!important;
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.85) brightness(1.08) contrast(1.04) drop-shadow(0 0 13px rgba(var(--tcp-rgb),.62)) drop-shadow(0 0 38px rgba(var(--tcp-rgb),.22))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic{
  background:transparent!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  height:auto!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic::after,
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic::after{
  content:""!important;
  position:absolute!important;
  inset:-4%!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:28px!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(var(--tcp-rgb),.34),rgba(var(--tcp-rgb),.11) 42%,rgba(var(--tcp-rgb),0) 74%)!important;
  mix-blend-mode:screen!important;
  opacity:.55!important;
}
.tron-client-portal-hud.has-pulse.has-button-graphic .tron-client-portal-hud__button-graphic{
  animation:tronClientPortalPremiumGraphicPulseV1028 4.6s ease-in-out infinite!important;
}
@keyframes tronClientPortalPremiumGraphicPulseV1028{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.012);}
}

/* Default orb mode, when no full graphic is uploaded. */
.tron-client-portal-hud:not(.has-button-graphic){
  width:98px!important;
  height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

@media (max-width:1024px){
  .tron-client-portal-hud.has-button-graphic{
    width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    max-width:34vw!important;
  }
}
@media (max-width:640px){
  .tron-client-portal-hud.has-button-graphic{
    width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    max-width:36vw!important;
  }
  .tron-client-portal-hud.is-mobile-hidden{display:none!important;}
  body.admin-bar .tron-client-portal-hud.is-top{top:calc(var(--tron-client-portal-hud-offset-y,72px) + 46px)!important;}
}

/* B.A.S.I.L. tint repair: this uses backdrop-filter so baked artwork is pushed toward the theme colour, not just covered with glow. */
.tron-basil-theme-tint-overlay{
  position:fixed!important;
  z-index:99970!important;
  right:var(--tron-basil-tint-x,72px)!important;
  top:var(--tron-basil-tint-y,88px)!important;
  width:var(--tron-basil-tint-width,260px)!important;
  height:var(--tron-basil-tint-height,132px)!important;
  max-width:44vw!important;
  max-height:28vw!important;
  pointer-events:none!important;
  display:block!important;
  border-radius:999px!important;
  overflow:hidden!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .035))!important;
  backdrop-filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(2.85) brightness(1.05) contrast(1.06)!important;
  -webkit-backdrop-filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(2.85) brightness(1.05) contrast(1.06)!important;
  filter:drop-shadow(0 0 18px rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .22)))!important;
}
.tron-basil-theme-tint-overlay::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:radial-gradient(ellipse at 58% 48%,rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .30)) 0 18%,rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .13)) 42%,rgba(var(--tron-accent-rgb,0,255,240),0) 76%)!important;
  mix-blend-mode:color!important;
  opacity:1!important;
}
.tron-basil-theme-tint-overlay::after{
  content:""!important;
  position:absolute!important;
  inset:12% 8% 18% 26%!important;
  border-radius:999px!important;
  border:1px solid rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .22))!important;
  box-shadow:0 0 26px rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .22)),inset 0 0 24px rgba(var(--tron-accent-rgb,0,255,240),calc(var(--tron-basil-tint-opacity,.64) * .12))!important;
}

/* Keep the main logo premium: tint it with hue/glow, never a block overlay. */
.tron-logo-mark{
  background-image:var(--tron-active-logo-image)!important;
  background-color:transparent!important;
  background-blend-mode:normal!important;
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(calc(1 + (1.15 * var(--tron-logo-tint-opacity,0)))) brightness(1.04) drop-shadow(0 0 15px rgba(var(--tron-accent-rgb,0,255,240),calc(.16 + (.44 * var(--tron-logo-tint-opacity,0))))) drop-shadow(0 0 44px rgba(var(--tron-accent-rgb,0,255,240),calc(.08 + (.27 * var(--tron-logo-tint-opacity,0)))))!important;
}
.tron-logo-mark::before,
.tron-logo-mark::after{display:none!important;content:none!important;background:none!important;opacity:0!important;}


/* ============================================================
   TRON v1.0.29 — Client Portal custom image URL support
   Direct WebP/SVG/PNG URL fields are resolved in PHP and feed the
   same premium render/tint variables used by uploaded media.
   ============================================================ */

/* ============================================================
   TRON v1.0.31 — Client Portal HUD stable controls
   Final override: full graphic URL/image is the single source of truth.
   The desktop size control now controls the actual rendered image width.
   ============================================================ */
.tron-client-portal-hud{
  --tcp-tint:var(--tron-main-menu-tint,var(--tron-accent,var(--tron-cyan,#00fff0)))!important;
  --tcp-rgb:var(--tron-main-menu-rgb,var(--tron-accent-rgb,0,255,240))!important;
  position:fixed!important;
  z-index:99990!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.tron-client-portal-hud.is-left{left:var(--tron-client-portal-hud-offset-x,96px)!important;right:auto!important;}
.tron-client-portal-hud.is-right{right:var(--tron-client-portal-hud-offset-x,96px)!important;left:auto!important;}
.tron-client-portal-hud.is-top{top:var(--tron-client-portal-hud-offset-y,72px)!important;bottom:auto!important;}
.tron-client-portal-hud.is-bottom{bottom:var(--tron-client-portal-hud-offset-y,72px)!important;top:auto!important;}
body.admin-bar .tron-client-portal-hud.is-top{top:calc(var(--tron-client-portal-hud-offset-y,72px) + 32px)!important;}

.tron-client-portal-hud.has-button-graphic{
  width:var(--tron-client-portal-hud-button-size,220px)!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 calc(10px + (16px * var(--tron-client-portal-hud-button-glow,.58))) rgba(var(--tcp-rgb),calc(.18 + (.42 * var(--tron-client-portal-hud-button-glow,.58))))) drop-shadow(0 0 calc(22px + (36px * var(--tron-client-portal-hud-button-glow,.58))) rgba(var(--tcp-rgb),calc(.08 + (.22 * var(--tron-client-portal-hud-button-glow,.58)))))!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-graphic{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
  opacity:var(--tron-client-portal-hud-button-opacity,1)!important;
  -webkit-mask:none!important;
  mask:none!important;
  transform:none!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__button-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  background:transparent!important;
  opacity:1!important;
  transform:none!important;
}
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__halo,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__icon,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__copy,
.tron-client-portal-hud.has-button-graphic .tron-client-portal-hud__node{
  display:none!important;
  content:none!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-original .tron-client-portal-hud__button-img{
  filter:drop-shadow(0 0 10px rgba(var(--tcp-rgb),.32)) drop-shadow(0 0 24px rgba(var(--tcp-rgb),.12))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-img,
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-img{
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.65) brightness(1.06) contrast(1.03) drop-shadow(0 0 12px rgba(var(--tcp-rgb),.58)) drop-shadow(0 0 34px rgba(var(--tcp-rgb),.20))!important;
}
.tron-client-portal-hud.has-button-graphic.graphic-tint-overlay .tron-client-portal-hud__button-graphic::after,
.tron-client-portal-hud.has-button-graphic.graphic-tint-mask .tron-client-portal-hud__button-graphic::after{
  content:""!important;
  position:absolute!important;
  inset:-6%!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:26px!important;
  background:radial-gradient(ellipse at 50% 48%,rgba(var(--tcp-rgb),.28),rgba(var(--tcp-rgb),.09) 46%,rgba(var(--tcp-rgb),0) 76%)!important;
  mix-blend-mode:screen!important;
  opacity:calc(.35 + (.28 * var(--tron-client-portal-hud-button-glow,.58)))!important;
}
.tron-client-portal-hud.has-pulse.has-button-graphic .tron-client-portal-hud__button-graphic{
  animation:tronClientPortalStableImagePulse 4.8s ease-in-out infinite!important;
}
@keyframes tronClientPortalStableImagePulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.01);}
}
.tron-client-portal-hud:hover.has-button-graphic,
.tron-client-portal-hud:focus.has-button-graphic{
  transform:translateY(-1px)!important;
  filter:drop-shadow(0 0 18px rgba(var(--tcp-rgb),.48)) drop-shadow(0 0 44px rgba(var(--tcp-rgb),.20))!important;
}

/* Fallback icon-only mode only applies when no full login graphic URL/upload is provided. */
.tron-client-portal-hud:not(.has-button-graphic) .tron-client-portal-hud__custom-icon-img{
  width:var(--tron-client-portal-hud-icon-size,64px)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
.tron-client-portal-hud:not(.has-button-graphic).graphic-tint-overlay .tron-client-portal-hud__custom-icon-img,
.tron-client-portal-hud:not(.has-button-graphic).graphic-tint-mask .tron-client-portal-hud__custom-icon-img{
  filter:hue-rotate(var(--tron-tint-hue-rotate,0deg)) saturate(1.55) brightness(1.06) drop-shadow(0 0 12px rgba(var(--tcp-rgb),.58))!important;
}

@media(max-width:1024px){
  .tron-client-portal-hud.has-button-graphic{
    width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    max-width:none!important;
  }
}
@media(max-width:640px){
  .tron-client-portal-hud.has-button-graphic{
    width:var(--tron-client-portal-hud-button-mobile-size,96px)!important;
    max-width:none!important;
  }
  .tron-client-portal-hud.is-mobile-hidden{display:none!important;}
  body.admin-bar .tron-client-portal-hud.is-top{top:calc(var(--tron-client-portal-hud-offset-y,72px) + 46px)!important;}
}


/* TRON v1.0.34 — A.R.C. Client Login Modal */
.tron-client-login-modal[hidden]{display:none!important}
.tron-client-login-modal{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:clamp(18px,4vw,48px)}
.tron-client-login-modal__backdrop{position:absolute;inset:0;background:rgba(0,7,12,.64);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.tron-client-login-modal__dialog{position:relative;z-index:2;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(0,246,255,.44);border-radius:26px;background:linear-gradient(145deg,rgba(0,17,24,.97),rgba(0,6,10,.98));box-shadow:0 0 70px rgba(0,246,255,.20),0 28px 90px rgba(0,0,0,.55)}
.tron-client-login-modal__close{position:absolute;z-index:5;top:13px;right:14px;width:38px;height:38px;border:1px solid rgba(111,252,255,.44);border-radius:50%;background:rgba(0,18,24,.86);color:#eaffff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 0 18px rgba(0,246,255,.12)}
.tron-client-login-modal__close:hover,.tron-client-login-modal__close:focus{border-color:#6ffcff;box-shadow:0 0 24px rgba(0,246,255,.28);outline:none}
body.tron-client-login-modal-open{overflow:hidden!important}
body.tron-client-login-modal-open .tron-client-portal-hud{pointer-events:none}
.tron-client-login-modal .arc-client-login-shell{min-height:0!important;padding:0!important}
.tron-client-login-modal .arc-client-login-card{width:100%!important;box-sizing:border-box;border:0!important;border-radius:26px!important;background:transparent!important;box-shadow:none!important;padding:clamp(26px,5vw,42px)!important}
.tron-client-login-modal .arc-client-login-card h1{padding-right:42px}
.tron-client-login-modal .arc-hosting-captcha{overflow:hidden}
@media(max-width:640px){.tron-client-login-modal{padding:12px}.tron-client-login-modal__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.tron-client-login-modal .arc-client-login-card{padding:24px 18px!important}}

/* ============================================================
   TRON v1.0.42 — Coming Soon Style Recovery
   Theme-owned copy of the approved .tgf-cs-pro component CSS.
   Kept outside post_content so wpautop/visual editors cannot inject
   line-break markup into CSS and destroy the landing-page layout.
   ============================================================ */
.tgf-cs-pro {

    /*

      TRON tint bridge.

      This block checks multiple possible TRON Customizer variables.

      The first available variable wins.

    */

    --cs-accent: var(

      --tron-coming-soon-tint,

      var(

        --tron-global-tint,

        var(

          --tron-tint,

          var(

            --tron-main-menu-tint,

            #bff8ff

          )

        )

      )

    );

    --cs-white: #f2fdff;

    --cs-text: #d8faff;

    --cs-muted: #9fbec7;

    --cs-black: #000000;

    --cs-line: color-mix(in srgb, var(--cs-accent) 34%, transparent);

    --cs-line-soft: color-mix(in srgb, var(--cs-accent) 15%, transparent);

    --cs-line-strong: color-mix(in srgb, var(--cs-accent) 62%, transparent);

    --cs-panel: color-mix(in srgb, var(--cs-accent) 8%, rgba(0, 0, 0, 0.48));

    --cs-panel-soft: color-mix(in srgb, var(--cs-accent) 6%, rgba(0, 0, 0, 0.32));

    --cs-panel-strong: color-mix(in srgb, var(--cs-accent) 13%, rgba(0, 0, 0, 0.38));

    --cs-glow-soft: color-mix(in srgb, var(--cs-accent) 18%, transparent);

    --cs-glow: color-mix(in srgb, var(--cs-accent) 42%, transparent);

    --cs-glow-strong: color-mix(in srgb, var(--cs-accent) 78%, transparent);

    --cs-header-clearance: clamp(205px, 21vh, 278px);

    --cs-footer-clearance: 42px;

    --cs-admin-clearance: 0px;

    width: min(1080px, calc(100% - 44px));

    height: calc(100svh - var(--cs-header-clearance) - var(--cs-footer-clearance) - var(--cs-admin-clearance));

    max-height: calc(100svh - var(--cs-header-clearance) - var(--cs-footer-clearance) - var(--cs-admin-clearance));

    min-height: 430px;

    margin: 0 auto;

    padding: 0 0 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 6;

    box-sizing: border-box;

    overflow: visible;

  }

  body.admin-bar .tgf-cs-pro {

    --cs-admin-clearance: 32px;

  }

  .tgf-cs-pro,

  .tgf-cs-pro * {

    box-sizing: border-box;

  }

  .tgf-cs-pro__shell {

    width: 100%;

    max-height: 100%;

    position: relative;

    padding: clamp(18px, 2.1vh, 28px) clamp(22px, 2.5vw, 34px);

    border: 1px solid var(--cs-line);

    border-radius: 24px;

    background:

      radial-gradient(circle at 22% 18%, var(--cs-glow-soft), transparent 34%),

      radial-gradient(circle at 78% 72%, var(--cs-glow-soft), transparent 32%),

      linear-gradient(135deg, var(--cs-panel), rgba(0, 0, 0, 0.40)),

      rgba(0, 0, 0, 0.42);

    box-shadow:

      0 0 44px var(--cs-glow-soft),

      0 35px 90px rgba(0, 0, 0, 0.78),

      inset 0 0 0 1px rgba(255, 255, 255, 0.035);

    backdrop-filter: blur(6px);

    -webkit-backdrop-filter: blur(6px);

    display: flex;

    flex-direction: column;

    justify-content: center;

    overflow: hidden;

  }

  .tgf-cs-pro__shell::before {

    content: "";

    position: absolute;

    inset: 12px;

    border: 1px solid var(--cs-line-soft);

    border-radius: 18px;

    pointer-events: none;

  }

  .tgf-cs-pro__shell::after {

    content: "";

    position: absolute;

    left: -36%;

    top: 0;

    width: 42%;

    height: 2px;

    background: linear-gradient(90deg, transparent, var(--cs-accent), transparent);

    box-shadow: 0 0 24px var(--cs-glow-strong);

    animation: tgfCsScan 5.5s linear infinite;

    pointer-events: none;

  }

  .tgf-cs-pro__topbar {

    position: relative;

    z-index: 2;

    flex: 0 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 14px;

    margin-bottom: clamp(14px, 1.8vh, 24px);

  }

  .tgf-cs-pro__status,

  .tgf-cs-pro__code {

    min-height: clamp(28px, 3.4vh, 34px);

    display: inline-flex;

    align-items: center;

    border: 1px solid var(--cs-line);

    border-radius: 999px;

    background: var(--cs-panel-soft);

    color: var(--cs-accent);

    font-size: clamp(8.5px, 0.72vw, 10px);

    font-weight: 950;

    letter-spacing: 2.8px;

    line-height: 1;

    text-transform: uppercase;

    text-shadow: 0 0 12px var(--cs-glow);

  }

  .tgf-cs-pro__status {

    gap: 10px;

    padding: 0 16px;

  }

  .tgf-cs-pro__code {

    padding: 0 16px;

    color: color-mix(in srgb, var(--cs-accent) 72%, #ffffff);

  }

  .tgf-cs-pro__dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--cs-accent);

    box-shadow:

      0 0 12px var(--cs-glow-strong),

      0 0 28px var(--cs-glow);

    animation: tgfCsPulse 1.6s ease-in-out infinite;

  }

  .tgf-cs-pro__main {

    position: relative;

    z-index: 2;

    flex: 1 1 auto;

    min-height: 0;

    display: grid;

    grid-template-columns: 1.15fr 0.85fr;

    gap: clamp(18px, 2.4vw, 34px);

    align-items: center;

  }

  .tgf-cs-pro__content {

    text-align: left;

    padding: 0;

  }

  .tgf-cs-pro__eyebrow {

    margin: 0 0 clamp(8px, 1vh, 14px);

    color: var(--cs-accent);

    font-size: clamp(8px, 0.8vw, 10.5px);

    font-weight: 950;

    letter-spacing: clamp(3px, 0.35vw, 5px);

    text-transform: uppercase;

    text-shadow: 0 0 14px var(--cs-glow);

  }

  .tgf-cs-pro__title {

    margin: 0 0 clamp(12px, 1.7vh, 20px);

    color: var(--cs-white);

    font-size: clamp(38px, 4.55vw, 70px);

    font-weight: 950;

    letter-spacing: 2px;

    line-height: 0.90;

    text-transform: uppercase;

    text-shadow:

      0 0 16px var(--cs-glow),

      0 0 44px var(--cs-glow-soft),

      0 6px 22px rgba(0, 0, 0, 1);

  }

  .tgf-cs-pro__lead {

    max-width: 690px;

    margin: 0 0 clamp(10px, 1.4vh, 16px);

    color: var(--cs-text);

    font-size: clamp(13px, 1.05vw, 16px);

    font-weight: 750;

    line-height: 1.55;

    text-shadow: 0 3px 12px rgba(0, 0, 0, 1);

  }

  .tgf-cs-pro__text {

    max-width: 660px;

    margin: 0;

    color: var(--cs-muted);

    font-size: clamp(12px, 0.95vw, 14px);

    line-height: 1.55;

    text-shadow: 0 3px 12px rgba(0, 0, 0, 1);

  }

  .tgf-cs-pro__signal {

    width: min(520px, 100%);

    margin-top: clamp(14px, 2vh, 24px);

    display: grid;

    grid-template-columns: 1fr auto;

    gap: 16px;

    align-items: center;

  }

  .tgf-cs-pro__signal span {

    height: 1px;

    background: linear-gradient(90deg, var(--cs-accent), transparent);

    box-shadow: 0 0 18px var(--cs-glow);

  }

  .tgf-cs-pro__signal strong {

    color: var(--cs-accent);

    font-size: clamp(8.5px, 0.7vw, 10px);

    font-weight: 950;

    letter-spacing: 2.5px;

    text-transform: uppercase;

    white-space: nowrap;

    text-shadow: 0 0 12px var(--cs-glow);

  }

  .tgf-cs-pro__console {

    padding: clamp(14px, 1.9vh, 22px);

    border: 1px solid var(--cs-line);

    border-radius: 20px;

    background:

      linear-gradient(180deg, var(--cs-panel-soft), rgba(0, 0, 0, 0.28)),

      rgba(0, 0, 0, 0.32);

    box-shadow:

      inset 0 0 0 1px rgba(255, 255, 255, 0.025),

      0 0 26px var(--cs-glow-soft);

  }

  .tgf-cs-pro__console-head {

    display: flex;

    justify-content: space-between;

    gap: 14px;

    align-items: center;

    padding-bottom: clamp(10px, 1.3vh, 14px);

    margin-bottom: clamp(10px, 1.3vh, 14px);

    border-bottom: 1px solid var(--cs-line-soft);

  }

  .tgf-cs-pro__console-head span,

  .tgf-cs-pro__console-head small {

    color: var(--cs-accent);

    font-size: clamp(8.5px, 0.72vw, 10px);

    font-weight: 950;

    letter-spacing: 2.5px;

    text-transform: uppercase;

  }

  .tgf-cs-pro__console-head small {

    color: color-mix(in srgb, var(--cs-accent) 48%, #ffffff);

  }

  .tgf-cs-pro__service-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: clamp(8px, 1vh, 12px);

  }

  .tgf-cs-pro__service {

    min-height: clamp(76px, 10vh, 100px);

    padding: clamp(12px, 1.6vh, 18px) 12px;

    border: 1px solid var(--cs-line);

    border-radius: 16px;

    background:

      radial-gradient(circle at top, var(--cs-glow-soft), transparent 58%),

      var(--cs-panel-soft);

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 9px;

    transition: 0.25s ease;

  }

  .tgf-cs-pro__service:hover {

    transform: translateY(-3px);

    border-color: var(--cs-line-strong);

    background: var(--cs-panel-strong);

    box-shadow: 0 0 22px var(--cs-glow-soft);

  }

  .tgf-cs-pro__service span {

    color: var(--cs-accent);

    font-size: clamp(9px, 0.78vw, 11px);

    font-weight: 950;

    letter-spacing: 2px;

    text-shadow: 0 0 12px var(--cs-glow);

  }

  .tgf-cs-pro__service strong {

    color: #ffffff;

    font-size: clamp(10px, 0.85vw, 12px);

    font-weight: 950;

    letter-spacing: 1.2px;

    line-height: 1.35;

    text-transform: uppercase;

    text-shadow: 0 3px 10px rgba(0, 0, 0, 1);

  }

  .tgf-cs-pro__progress {

    margin-top: clamp(10px, 1.4vh, 16px);

    padding: clamp(10px, 1.5vh, 14px);

    border: 1px solid var(--cs-line-soft);

    border-radius: 16px;

    background: rgba(0, 0, 0, 0.24);

  }

  .tgf-cs-pro__progress-meta {

    display: flex;

    justify-content: space-between;

    margin-bottom: 12px;

    color: color-mix(in srgb, var(--cs-accent) 48%, #ffffff);

    font-size: clamp(8.5px, 0.7vw, 10px);

    font-weight: 950;

    letter-spacing: 2px;

    text-transform: uppercase;

  }

  .tgf-cs-pro__progress-meta strong {

    color: var(--cs-accent);

    text-shadow: 0 0 10px var(--cs-glow);

  }

  .tgf-cs-pro__rail {

    height: 8px;

    border-radius: 999px;

    background: color-mix(in srgb, var(--cs-accent) 10%, rgba(0, 0, 0, 0.40));

    overflow: hidden;

    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.75);

  }

  .tgf-cs-pro__rail span {

    width: 72%;

    height: 100%;

    display: block;

    border-radius: inherit;

    background: linear-gradient(

      90deg,

      color-mix(in srgb, var(--cs-accent) 28%, transparent),

      var(--cs-accent),

      rgba(255, 255, 255, 0.92)

    );

    box-shadow: 0 0 16px var(--cs-glow-strong);

    animation: tgfCsRail 2.8s ease-in-out infinite;

  }

  .tgf-cs-pro__mini {

    margin-top: clamp(8px, 1.2vh, 12px);

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 8px;

  }

  .tgf-cs-pro__mini div {

    min-height: clamp(48px, 6vh, 60px);

    padding: 10px;

    border: 1px solid var(--cs-line-soft);

    border-radius: 14px;

    background: var(--cs-panel-soft);

  }

  .tgf-cs-pro__mini span {

    display: block;

    margin-bottom: 7px;

    color: color-mix(in srgb, var(--cs-accent) 42%, #ffffff);

    font-size: clamp(7.5px, 0.6vw, 9px);

    font-weight: 950;

    letter-spacing: 2px;

    text-transform: uppercase;

  }

  .tgf-cs-pro__mini strong {

    color: var(--cs-white);

    font-size: clamp(9px, 0.72vw, 11px);

    font-weight: 950;

    letter-spacing: 1.5px;

    text-transform: uppercase;

  }

  .tgf-cs-pro__footerline {

    position: relative;

    z-index: 2;

    flex: 0 0 auto;

    margin-top: clamp(14px, 1.8vh, 24px);

    padding-top: clamp(12px, 1.5vh, 18px);

    border-top: 1px solid var(--cs-line-soft);

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px 24px;

    color: var(--cs-accent);

    font-size: clamp(8.5px, 0.7vw, 10px);

    font-weight: 950;

    letter-spacing: 3px;

    text-transform: uppercase;

    text-shadow: 0 0 12px var(--cs-glow);

  }

  .tgf-cs-pro__footerline span:not(:last-child)::after {

    content: "•";

    margin-left: 24px;

    color: var(--cs-line-strong);

  }
@keyframes tgfCsPulse {

    0%,

    100% {

      opacity: 0.55;

      transform: scale(0.86);

    }

    50% {

      opacity: 1;

      transform: scale(1.18);

    }

  }

  @keyframes tgfCsScan {

    0% {

      left: -36%;

    }

    100% {

      left: 100%;

    }

  }

  @keyframes tgfCsRail {

    0%,

    100% {

      opacity: 0.72;

      filter: brightness(0.92);

    }

    50% {

      opacity: 1;

      filter: brightness(1.2);

    }

  }

  @media (max-height: 820px) and (min-width: 981px) {

    .tgf-cs-pro {

      --cs-header-clearance: clamp(188px, 20vh, 245px);

      --cs-footer-clearance: 34px;

      width: min(1040px, calc(100% - 44px));

      min-height: 380px;

    }

    .tgf-cs-pro__shell {

      padding: 18px 28px;

    }

    .tgf-cs-pro__title {

      font-size: clamp(36px, 4.1vw, 62px);

    }

    .tgf-cs-pro__lead,

    .tgf-cs-pro__text {

      line-height: 1.42;

    }

    .tgf-cs-pro__service {

      min-height: 76px;

    }

    .tgf-cs-pro__mini div {

      min-height: 46px;

    }

  }

  @media (max-height: 720px) and (min-width: 981px) {

    .tgf-cs-pro {

      --cs-header-clearance: 178px;

      --cs-footer-clearance: 28px;

      min-height: 340px;

    }

    .tgf-cs-pro__code,

    .tgf-cs-pro__status {

      min-height: 28px;

      font-size: 8.5px;

    }

    .tgf-cs-pro__title {

      font-size: clamp(32px, 3.6vw, 54px);

      margin-bottom: 10px;

    }

    .tgf-cs-pro__lead {

      font-size: 13px;

      line-height: 1.35;

    }

    .tgf-cs-pro__text {

      font-size: 12px;

      line-height: 1.35;

    }

    .tgf-cs-pro__signal {

      margin-top: 12px;

    }

    .tgf-cs-pro__service {

      min-height: 66px;

    }

    .tgf-cs-pro__progress {

      display: none;

    }

  }

  @media (max-width: 980px) {

    .tgf-cs-pro {

      width: min(100%, calc(100% - 28px));

      height: auto;

      max-height: none;

      min-height: auto;

      padding: 24px 0 82px;

    }

    .tgf-cs-pro__shell {

      max-height: none;

      overflow: visible;

    }

    .tgf-cs-pro__main {

      grid-template-columns: 1fr;

    }

    .tgf-cs-pro__content {

      text-align: center;

    }

    .tgf-cs-pro__lead,

    .tgf-cs-pro__text {

      margin-left: auto;

      margin-right: auto;

    }

    .tgf-cs-pro__signal {

      margin-left: auto;

      margin-right: auto;

    }

  }

  @media (max-width: 620px) {

    .tgf-cs-pro {

      width: min(100%, calc(100% - 24px));

      padding-bottom: 76px;

    }

    .tgf-cs-pro__topbar {

      flex-direction: column;

      align-items: stretch;

    }

    .tgf-cs-pro__status,

    .tgf-cs-pro__code {

      justify-content: center;

      text-align: center;

    }

    .tgf-cs-pro__service-grid,

    .tgf-cs-pro__mini {

      grid-template-columns: 1fr;

    }

    .tgf-cs-pro__footerline {

      flex-direction: column;

      align-items: center;

      gap: 8px;

    }

    .tgf-cs-pro__footerline span::after {

      display: none;

    }

  }

/* =========================================================
   TRON v1.0.43 — A.R.C. Hosting Domain Discovery UI
   Presentation only: availability, recommendation relevance,
   saleability and selling prices remain A.R.C. Hosting-owned.
   ========================================================= */
.tron-domain-console__form button:disabled{
  opacity:.62;
  cursor:wait;
  transform:none!important;
}

.tron-domain-console__discovery{
  margin-top:14px;
  display:grid;
  gap:12px;
}

.tron-domain-console__discovery[hidden],
.tron-domain-console__discovery-primary[hidden],
.tron-domain-console__suggestions[hidden]{
  display:none!important;
}

.tron-domain-console__discovery-primary{
  padding:14px 16px;
  border:1px solid var(--tdc-line);
  border-radius:16px;
  background:
    radial-gradient(circle at 14% 0%,rgba(var(--tdc-rgb),.13),transparent 48%),
    rgba(0,0,0,.38);
  box-shadow:0 0 22px rgba(var(--tdc-rgb),.08),inset 0 0 0 1px rgba(255,255,255,.02);
}

.tron-domain-console__primary-top,
.tron-domain-console__primary-meta,
.tron-domain-console__suggestion-top,
.tron-domain-console__suggestion-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.tron-domain-console__primary-domain{
  min-width:0;
  color:var(--tdc-white);
  font-size:clamp(14px,1.25vw,18px);
  font-weight:950;
  letter-spacing:.35px;
  overflow-wrap:anywhere;
  text-shadow:0 0 12px rgba(var(--tdc-rgb),.16);
}

.tron-domain-console__primary-meta{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid var(--tdc-line-soft);
}

.tron-domain-console__availability{
  flex:0 0 auto;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid var(--tdc-line);
  border-radius:999px;
  background:rgba(var(--tdc-rgb),.06);
  color:var(--tdc-text);
  font-size:8px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.tron-domain-console__availability.is-available{
  border-color:rgba(var(--tdc-rgb),.58);
  color:var(--tdc-tint);
  box-shadow:0 0 14px rgba(var(--tdc-rgb),.12);
}

.tron-domain-console__availability.is-unavailable{
  opacity:.58;
}

.tron-domain-console__result-price{
  color:var(--tdc-white);
  font-size:13px;
  font-weight:950;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.tron-domain-console__result-price small{
  color:rgba(216,250,255,.54);
  font-size:8px;
  font-weight:850;
  letter-spacing:1px;
}

.tron-domain-console__register{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid var(--tdc-tint);
  border-radius:999px;
  background:var(--tdc-tint);
  color:var(--tdc-contrast)!important;
  text-decoration:none!important;
  font-size:8.5px;
  font-weight:950;
  letter-spacing:1.2px;
  text-transform:uppercase;
  box-shadow:0 0 14px rgba(var(--tdc-rgb),.18);
  transition:.2s ease;
}

.tron-domain-console__register:hover{
  background:var(--tdc-white);
  border-color:var(--tdc-white);
  transform:translateY(-1px);
}

.tron-domain-console__suggestions{
  padding:14px;
  border:1px solid var(--tdc-line-soft);
  border-radius:17px;
  background:rgba(0,0,0,.26);
}

.tron-domain-console__suggestions-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid var(--tdc-line-soft);
}

.tron-domain-console__suggestions-head > div{
  min-width:0;
}

.tron-domain-console__suggestions-head span,
.tron-domain-console__suggestions-head strong,
.tron-domain-console__suggestions-head small{
  display:block;
  text-transform:uppercase;
}

.tron-domain-console__suggestions-head span{
  margin-bottom:5px;
  color:rgba(216,250,255,.48);
  font-size:7.5px;
  font-weight:950;
  letter-spacing:1.8px;
}

.tron-domain-console__suggestions-head strong{
  color:var(--tdc-tint);
  font-size:10px;
  font-weight:950;
  letter-spacing:1.4px;
  text-shadow:0 0 10px var(--tdc-glow);
}

.tron-domain-console__suggestions-head small{
  flex:0 0 auto;
  color:rgba(216,250,255,.54);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.3px;
  text-align:right;
}

.tron-domain-console__suggestion-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.tron-domain-console__suggestion-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--tdc-line-soft);
  border-radius:13px;
  background:radial-gradient(circle at top,rgba(var(--tdc-rgb),.075),transparent 62%),rgba(var(--tdc-rgb),.035);
}

.tron-domain-console__suggestion-top strong{
  min-width:0;
  color:var(--tdc-white);
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.2px;
  overflow-wrap:anywhere;
}

.tron-domain-console__suggestion-card p{
  min-height:28px;
  margin:8px 0 10px!important;
  color:rgba(216,250,255,.58)!important;
  font-size:9px!important;
  line-height:1.45!important;
  text-align:left!important;
}

.tron-domain-console__suggestion-bottom{
  padding-top:9px;
  border-top:1px solid var(--tdc-line-soft);
}

.tron-domain-console__suggestions-empty{
  grid-column:1 / -1;
  padding:13px;
  border:1px dashed var(--tdc-line-soft);
  border-radius:12px;
  color:rgba(216,250,255,.58);
  font-size:9px;
  font-weight:800;
  line-height:1.45;
  text-align:center;
}

@media (max-width:980px){
  .tron-domain-console__suggestion-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:620px){
  .tron-domain-console__primary-top,
  .tron-domain-console__primary-meta,
  .tron-domain-console__suggestions-head,
  .tron-domain-console__suggestion-top,
  .tron-domain-console__suggestion-bottom{
    align-items:stretch;
    flex-direction:column;
  }
  .tron-domain-console__availability,
  .tron-domain-console__register{
    align-self:flex-start;
  }
  .tron-domain-console__suggestions-head small{
    text-align:left;
  }
}