/* TESLA COMMAND PAGES
   A page language intentionally unrelated to Happy Ran's red/gold classic cards. */
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"]){position:relative;isolation:isolate;background:#020a14;overflow:hidden}
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"])::before{content:"";position:fixed;z-index:-3;inset:72px 0 0;background:radial-gradient(circle at 11% 22%,rgba(0,188,255,.14),transparent 25%),radial-gradient(circle at 88% 72%,rgba(49,65,190,.12),transparent 29%),linear-gradient(117deg,transparent 0 48%,rgba(75,215,255,.025) 48% 48.15%,transparent 48.15%);pointer-events:none}
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"])::after{content:"TESLA // SECURE NETWORK // EPISODE 9";position:fixed;z-index:20;left:18px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);color:rgba(89,211,255,.28);font:600 9px 'Chakra Petch',sans-serif;letter-spacing:4px;pointer-events:none}
.tx-page-ambient{position:absolute;z-index:-1;inset:72px 0 0;pointer-events:none;overflow:hidden}
.tx-ambient-rail{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(44,202,255,.28) 15%,rgba(44,202,255,.08) 80%,transparent)}
.tx-ambient-left{left:max(42px,calc((100vw - 1540px)/2))}.tx-ambient-right{right:max(42px,calc((100vw - 1540px)/2))}
.tx-ambient-rail::before,.tx-ambient-rail::after{content:"";position:absolute;left:-3px;width:7px;height:7px;border:1px solid rgba(66,219,255,.6);transform:rotate(45deg);box-shadow:0 0 12px rgba(32,207,255,.5)}.tx-ambient-rail::before{top:16%}.tx-ambient-rail::after{top:71%}
.tx-sector-tag{position:absolute;right:max(55px,calc((100vw - 1460px)/2));top:34px;min-width:205px;padding:12px 18px 10px 24px;display:grid;grid-template-columns:1fr auto;border-top:1px solid rgba(61,219,255,.5);border-right:1px solid rgba(61,219,255,.25);background:linear-gradient(90deg,transparent,rgba(4,29,51,.8));clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 38%)}
.tx-sector-tag small{grid-column:1/-1;color:#4f829e;font:600 7px 'Chakra Petch';letter-spacing:2.5px}.tx-sector-tag b{color:#dff8ff;font:700 15px 'Chakra Petch';letter-spacing:1.5px}.tx-sector-tag i{align-self:end;color:#30d8ff;font:500 7px 'Chakra Petch';font-style:normal;letter-spacing:1px}
.tx-orbit{position:absolute;left:-120px;top:190px;width:360px;height:360px;border:1px solid rgba(36,196,255,.07);border-radius:50%;animation:tx-orbit-spin 26s linear infinite}.tx-orbit::before,.tx-orbit::after{content:"";position:absolute;border:1px solid rgba(36,196,255,.06);border-radius:50%}.tx-orbit::before{inset:36px}.tx-orbit::after{inset:76px}.tx-orbit span{position:absolute;width:5px;height:5px;border-radius:50%;background:#37d9ff;box-shadow:0 0 13px #37d9ff}.tx-orbit span:nth-child(1){top:16px;left:49%}.tx-orbit span:nth-child(2){right:31px;top:69%}.tx-orbit span:nth-child(3){left:40px;top:74%}
@keyframes tx-orbit-spin{to{transform:rotate(360deg)}}

/* Asymmetric content silhouette */
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"])>section,.tr-public-main[data-tesla-page]:not([data-tesla-page="home"])>div:not(.tx-page-ambient){position:relative;z-index:1}
.tr-public-body :is(.container,.rv2-shell,.dv2-shell,.cv2-shell,.tuv2-shell,.npv2-shell){max-width:1380px}
.tr-public-body :is(.card,[class*="-card"],[class*="-panel"]){border-radius:2px 18px 2px 18px!important;background:linear-gradient(145deg,rgba(8,31,52,.9),rgba(3,14,27,.96))!important;border:1px solid rgba(67,191,240,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),inset 12px 0 35px rgba(0,122,195,.035),0 16px 50px rgba(0,0,0,.19)!important;position:relative}
.tr-public-body :is(.card,[class*="-card"],[class*="-panel"])::after{content:"";position:absolute;z-index:3;right:12px;top:10px;width:24px;height:3px;background:linear-gradient(90deg,transparent,#32d7ff);box-shadow:0 0 8px rgba(50,215,255,.5);pointer-events:none}
.tr-public-body :is(.card,[class*="-card"],[class*="-panel"]):hover{transform:translateY(-3px);border-color:rgba(74,222,255,.52)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),inset 18px 0 42px rgba(0,139,218,.07),0 22px 55px rgba(0,0,0,.28)!important}

/* Hero modules become Tesla data chambers rather than classic banners */
.tr-public-body :is([class$="-hero"],[class*="-hero "],.page-header,.hero-section){border-radius:0!important;border-bottom:1px solid rgba(54,203,255,.35)!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,56% 100%,54.5% calc(100% - 10px),45.5% calc(100% - 10px),44% 100%,24px 100%,0 calc(100% - 24px))!important}
.tr-public-body :is([class$="-hero"],[class*="-hero "],.page-header,.hero-section)::after{content:"SIGNAL LOCKED   ◇   TESLA NODE ONLINE"!important;position:absolute!important;right:4.5vw!important;bottom:18px!important;width:auto!important;height:auto!important;color:rgba(141,226,255,.68)!important;background:none!important;font:600 8px 'Chakra Petch'!important;letter-spacing:2.4px!important;text-transform:uppercase!important}

/* Distinct controls: segmented rails, not Happy Ran rounded tabs */
.tr-public-body :is(.nav-tabs,[class*="tabs"],[class*="filter"]){gap:4px!important;padding:5px!important;border:1px solid rgba(61,187,236,.18)!important;border-radius:2px!important;background:rgba(1,11,22,.66)!important}
.tr-public-body :is(.nav-tabs a,.nav-tabs button,[class*="tabs"] a,[class*="tabs"] button,[class*="filter"] a,[class*="filter"] button){border-radius:1px!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important}
.tr-public-body :is(.nav-tabs .active,[class*="tabs"] .active,[class*="filter"] .active){background:linear-gradient(115deg,#07578e,#08a8d1)!important;color:white!important;box-shadow:inset 0 0 16px rgba(160,240,255,.12),0 0 14px rgba(0,178,235,.14)!important}

/* Data tables float as scan rows */
.tr-public-body table{border-collapse:separate!important;border-spacing:0 5px!important;background:transparent!important}
.tr-public-body table thead th{height:42px!important;background:rgba(6,42,69,.92)!important;border:0!important;border-bottom:1px solid rgba(61,202,255,.34)!important;color:#7edfff!important;font:700 10px 'Chakra Petch'!important;letter-spacing:1px!important;text-transform:uppercase}
.tr-public-body table tbody tr{background:linear-gradient(90deg,rgba(7,28,47,.96),rgba(5,18,32,.91))!important;transition:.2s}
.tr-public-body table tbody tr:hover{background:linear-gradient(90deg,rgba(7,72,109,.86),rgba(5,26,45,.95))!important;transform:translateX(4px)}
.tr-public-body table tbody td{border-top:1px solid rgba(56,151,199,.1)!important;border-bottom:1px solid rgba(56,151,199,.1)!important;border-left:0!important;border-right:0!important;padding-top:13px!important;padding-bottom:13px!important}

/* Inputs look like console channels */
.tr-public-body :is(input,select,textarea){border-radius:2px 10px 2px 10px!important;background:linear-gradient(180deg,rgba(3,18,32,.96),rgba(5,27,44,.92))!important;border:1px solid rgba(66,177,225,.25)!important;border-left:3px solid rgba(52,205,255,.55)!important}
.tr-public-body :is(input,select,textarea):focus{border-left-color:#50e2ff!important;background:rgba(5,31,51,.98)!important}
.tr-public-body :is(.btn,.tx-btn,a[class*="btn"],button:not(.tr-menu-button)){border-radius:2px!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;font-family:'Chakra Petch',sans-serif!important;letter-spacing:.5px}

/* Page-family signatures */
.tr-public-main[data-tesla-page="ranking"]{--tx-page-accent:#37e2ff}.tr-public-main[data-tesla-page="mall"]{--tx-page-accent:#9b7cff}.tr-public-main[data-tesla-page="topup"]{--tx-page-accent:#41f0c3}.tr-public-main[data-tesla-page="roulette"]{--tx-page-accent:#ffb340}.tr-public-main[data-tesla-page="account"]{--tx-page-accent:#4ca1ff}.tr-public-main[data-tesla-page="download"]{--tx-page-accent:#63d8ff}
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"]) :is(h1,h2,h3)::before{content:"//";margin-right:.45em;color:var(--tx-page-accent,#31d8ff);font-size:.65em;letter-spacing:-.16em;text-shadow:0 0 12px currentColor}
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"]) :is(.badge,[class*="badge"]){border-radius:1px!important;background:rgba(5,33,55,.9)!important;color:var(--tx-page-accent,#50dcff)!important;border:1px solid color-mix(in srgb,var(--tx-page-accent,#50dcff) 45%,transparent)!important;letter-spacing:.7px}

@media(max-width:900px){.tr-public-main[data-tesla-page]:not([data-tesla-page="home"])::after,.tx-sector-tag,.tx-orbit{display:none}.tx-ambient-left{left:14px}.tx-ambient-right{right:14px}.tr-public-body :is(.card,[class*="-card"],[class*="-panel"]){border-radius:2px 12px 2px 12px!important}.tr-public-body table{border-spacing:0 3px!important}}
@media(prefers-reduced-motion:reduce){.tx-orbit{animation:none}}

/* Blue/cyan/silver identity lock — no Happy Ran red or gold rank accents */
.tx-ranking-row .rank-1{background:linear-gradient(135deg,#e9fbff,#32dfff)!important;box-shadow:0 0 12px rgba(50,223,255,.38)!important}.tx-ranking-row .rank-2{background:linear-gradient(135deg,#f7fbff,#a8bfce)!important}.tx-ranking-row .rank-3{background:linear-gradient(135deg,#72a9cf,#28739e)!important;color:#eafaff!important}
.tr-public-main[data-tesla-page="ranking"]{--tx-page-accent:#37e2ff}.tr-public-main[data-tesla-page="mall"]{--tx-page-accent:#579cff}.tr-public-main[data-tesla-page="topup"]{--tx-page-accent:#a7ecff}.tr-public-main[data-tesla-page="roulette"]{--tx-page-accent:#26c9ff}.tr-public-main[data-tesla-page="account"]{--tx-page-accent:#c3d9e7}.tr-public-main[data-tesla-page="download"]{--tx-page-accent:#63d8ff}

/* 2026 LAYOUT MATRIX — every service has its own silhouette */
@media(min-width:981px){
  /* Ranking: vertical telemetry rail + wide live leaderboard */
  .rv2-game-panel{display:grid!important;grid-template-columns:245px minmax(0,1fr);grid-template-areas:"head head" "filter summary" "filter detail";gap:14px 22px;padding:20px!important}
  .rv2-game-panel>.rv2-panel-head{grid-area:head}.rv2-game-panel>.rv2-filter{grid-area:filter;display:flex!important;flex-direction:column;align-items:stretch;position:sticky;top:96px;height:max-content;padding:8px!important}
  .rv2-game-panel>.rv2-filter :is(a,button){min-height:48px;text-align:left;padding-inline:18px!important}
  .rv2-game-panel>.rv2-summary-grid{grid-area:summary}.rv2-game-panel>.rv2-detail{grid-area:detail;min-width:0}
  .rv2-spender-grid{display:grid!important;grid-template-columns:1.35fr repeat(2,1fr);grid-auto-rows:minmax(118px,auto);gap:12px!important}
  .rv2-spender-first{grid-row:span 2;min-height:248px}.rv2-spender-card:nth-child(4){grid-column:2/4}

  /* Mall: sticky catalogue rail + product flight deck */
  .mall-container{display:grid!important;grid-template-columns:230px minmax(0,1fr) 260px;grid-template-areas:"title title wallet" "filter filter wallet" "categories result result" "categories products products" "categories pages pages";gap:14px 18px;align-items:start}
  .mall-header{grid-area:title}.mall-balance{grid-area:wallet;min-height:132px;position:sticky;top:96px}.mall-filter-panel{grid-area:filter}.mall-categories{grid-area:categories;position:sticky;top:96px;display:flex!important;flex-direction:column;align-items:stretch;padding:8px!important}.mall-categories>*{width:100%;text-align:left}
  .mall-result-bar{grid-area:result}.mall-grid{grid-area:products;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px!important}.mall-pagination{grid-area:pages}
  .mall-card:nth-child(6n+1){transform:translateY(13px)}.mall-card:nth-child(6n+4){transform:translateY(-7px)}.mall-card:hover{transform:translateY(-5px)!important}

  /* Download: one dominant launcher, utility modules orbit it */
  .dv2-download-grid{display:grid!important;grid-template-columns:1.35fr .82fr;grid-auto-rows:minmax(132px,auto);gap:14px!important}.dv2-download-card:first-child{grid-row:span 2;min-height:292px;display:flex;flex-direction:column;justify-content:center}.dv2-download-card:first-child :is(.btn,a[class*="btn"]){align-self:flex-start;min-width:220px}
  .dv2-lower-grid{display:grid!important;grid-template-columns:1.15fr .85fr;grid-template-areas:"guide specs" "guide mirrors";gap:16px!important}.dv2-lower-grid>.dv2-panel:first-child{grid-area:guide}.dv2-lower-grid>.dv2-panel:nth-child(2){grid-area:specs}.dv2-lower-grid>.dv2-panel:nth-child(3){grid-area:mirrors}

  /* Contact: support constellation, intentionally non-uniform */
  .cv2-contact-grid{display:grid!important;grid-template-columns:1.2fr .8fr 1fr;grid-auto-rows:minmax(122px,auto);gap:14px!important}.cv2-contact-card:first-child{grid-row:span 2}.cv2-contact-card:nth-child(4){grid-column:2/4}.cv2-help-grid{display:grid!important;grid-template-columns:1.35fr .65fr .65fr;gap:14px!important}.cv2-help-card:first-child{grid-row:span 2}
  .cv2-social-strip{display:grid!important;grid-template-columns:1.2fr repeat(3,.6fr);align-items:center}

  /* Top up: transaction cockpit + sticky guide */
  .tuv2-account-strip{display:grid!important;grid-template-columns:1.3fr repeat(3,.7fr);align-items:center}.tuv2-main-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px!important}.tuv2-guide{position:sticky;top:96px}.tuv2-quick-amounts,.tuv2-payment-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tuv2-history{margin-left:7%;width:93%}

  /* News: editorial mission wall */
  .all-news-header{text-align:left!important;display:grid;grid-template-columns:1fr auto;align-items:end}.all-news-header p{grid-column:1}.all-news-header .news-filter{grid-column:2;grid-row:1/3}.all-news-result{grid-column:1/-1}
  .all-news-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(165px,auto);gap:15px!important}.all-news-card:first-child{grid-column:span 2;grid-row:span 2}.all-news-card:nth-child(5n+4){grid-column:span 2}.all-news-card:first-child .all-news-image{min-height:250px}

  /* Events: staggered operations timeline */
  .event-container{position:relative}.event-container::before{content:"";position:absolute;left:50%;top:220px;bottom:70px;width:1px;background:linear-gradient(transparent,#24cef0 12%,rgba(36,206,240,.18) 88%,transparent);box-shadow:0 0 16px rgba(36,206,240,.22)}
  .event-header{text-align:left!important;max-width:720px}.event-filter{justify-content:flex-start!important}.event-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 56px!important}.event-grid>*:nth-child(even){transform:translateY(58px)}.event-grid>*:hover{transform:translateY(-4px)!important}.event-grid>*:nth-child(even):hover{transform:translateY(52px)!important}

  /* Account: bento control center */
  .dashboard-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(112px,auto);gap:13px!important}.dashboard-item:first-child{grid-column:span 2;grid-row:span 2}.dashboard-item:nth-child(4){grid-column:span 2}.account-action-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px!important}.account-action-card:first-child{grid-column:span 2}.apv21-security-grid{display:grid!important;grid-template-columns:1.25fr .75fr;gap:16px!important}

  /* Roulette: arcade machine + modular prize bay */
  .roulette-game-layout{display:grid!important;grid-template-columns:minmax(420px,1.25fr) minmax(0,.75fr);gap:20px!important;align-items:start}.roulette-wheel-column{position:sticky;top:96px;min-height:590px}.roulette-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important}.roulette-prize-category:first-child{grid-column:span 2}
}

/* Live scan details */
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"]) :is(.rv2-panel-head,.mall-header,.dv2-section>h2,.cv2-main-panel>h2,.tuv2-create-panel>h2,.event-section-title,.account-page>h2){position:relative;overflow:hidden}
.tr-public-main[data-tesla-page]:not([data-tesla-page="home"]) :is(.rv2-panel-head,.mall-header,.dv2-section>h2,.cv2-main-panel>h2,.tuv2-create-panel>h2,.event-section-title,.account-page>h2)::after{content:"";position:absolute;left:-30%;bottom:0;width:28%;height:1px;background:linear-gradient(90deg,transparent,#5fe8ff,transparent);animation:tx-scan 5.5s ease-in-out infinite}
@keyframes tx-scan{50%,100%{left:108%}}

@media(max-width:980px){
  .mall-container,.rv2-game-panel,.dv2-download-grid,.dv2-lower-grid,.cv2-contact-grid,.cv2-help-grid,.tuv2-main-grid,.all-news-grid,.event-grid,.dashboard-grid,.account-action-grid,.apv21-security-grid,.roulette-game-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:none!important}
  .mall-container>*{grid-column:1/-1}.mall-grid{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-container::before{display:none}.event-grid>*{transform:none!important}
}
@media(max-width:640px){
  .mall-container,.rv2-game-panel,.dv2-download-grid,.dv2-lower-grid,.cv2-contact-grid,.cv2-help-grid,.tuv2-main-grid,.all-news-grid,.event-grid,.dashboard-grid,.account-action-grid,.apv21-security-grid,.roulette-game-layout,.mall-grid{grid-template-columns:1fr!important}
  .all-news-card,.dashboard-item,.account-action-card,.roulette-prize-category,.cv2-contact-card{grid-column:auto!important;grid-row:auto!important}.tuv2-history{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.tr-public-main[data-tesla-page]:not([data-tesla-page="home"]) :is(.rv2-panel-head,.mall-header,.dv2-section>h2,.cv2-main-panel>h2,.tuv2-create-panel>h2,.event-section-title,.account-page>h2)::after{animation:none}}

/* Remove the old Happy Ran red/gold visual vocabulary from legacy inline styles. */
.tr-public-main[data-tesla-page="event"] :is(.event-header>span,.event-section-title>span,.event-status.upcoming,.event-detail-back:hover,.event-detail-meta strong.upcoming){color:#55ddff!important}
.tr-public-main[data-tesla-page="event"] :is(.event-filter a.active,.event-filter a:hover,.event-card.featured,.event-status.upcoming,.event-detail-meta strong.upcoming){border-color:rgba(68,215,255,.62)!important}
.tr-public-main[data-tesla-page="event"] .event-card.featured{box-shadow:inset 0 3px 0 #35d7ff,0 16px 50px rgba(0,0,0,.2)!important}
.tr-public-main[data-tesla-page="event"] :is(.event-action,.event-filter a.active,.event-filter a:hover){background:linear-gradient(115deg,#075a8d,#09b9dc)!important;color:#fff!important}
.tr-public-main[data-tesla-page="roulette"] :is(.roulette-header>span,.roulette-section-title>span,.roulette-stat-card.main strong,.roulette-status-box strong.disabled){color:#53ddff!important}
.tr-public-main[data-tesla-page="roulette"] :is(.roulette-outer-ring,.roulette-pointer,.roulette-wheel,.roulette-spin-button,.roulette-action){border-color:#39d7ff!important;box-shadow:0 0 34px rgba(46,210,255,.2)!important}
.tr-public-main[data-tesla-page="roulette"] :is(.roulette-spin-button,.roulette-action){background:linear-gradient(115deg,#075a8d,#09b9dc)!important;color:#fff!important}
.tr-public-main[data-tesla-page="mall"] :is(.ran-info-gold,.ran-info-red,.ran-info-name,.ran-info-requirement-grid,.ran-info-flags .blocked){color:#68ddff!important}
.tr-public-main[data-tesla-page="mall"] :is(.mall-card button,.mall-card a[class*="button"],.mall-card a[class*="btn"]){border-color:#39d7ff!important;background:linear-gradient(115deg,#064f7d,#079dca)!important;color:#fff!important}