/* TESLA RAN 2026 — unified blue/silver public UI */
:root{--tx-bg:#020915;--tx-panel:#06182a;--tx-panel2:#09243c;--tx-cyan:#25d8ff;--tx-blue:#087bd9;--tx-line:rgba(67,190,255,.34);--tx-text:#eaf8ff;--tx-muted:#7696ad;--tx-green:#38e7a1}
.tr-public-body{background:var(--tx-bg)!important;color:var(--tx-text)!important;background-image:radial-gradient(circle at 50% 0,rgba(6,112,187,.14),transparent 42%)!important}
.tr-reference-nav{position:absolute!important;top:0;left:0;right:0;z-index:1000;height:82px!important;display:grid!important;grid-template-columns:minmax(300px,1fr) 210px minmax(390px,1fr) 190px!important;padding:0 5vw!important;background:linear-gradient(180deg,rgba(2,12,27,.97),rgba(2,15,31,.88))!important;border-top:1px solid rgba(72,200,255,.65)!important;border-bottom:1px solid rgba(72,200,255,.28)!important;box-shadow:0 12px 35px rgba(0,0,0,.34),inset 0 -2px 16px rgba(0,150,255,.08)!important;backdrop-filter:blur(14px)}
.tr-reference-nav:before,.tr-reference-nav:after{content:"";position:absolute;bottom:-1px;width:31%;height:2px;background:linear-gradient(90deg,transparent,var(--tx-cyan));box-shadow:0 0 15px var(--tx-cyan)}
.tr-reference-nav:before{left:0}.tr-reference-nav:after{right:0;transform:scaleX(-1)}
.tr-reference-nav .tr-logo{position:relative;left:auto;transform:none;width:210px;height:104px;align-self:start;display:grid;place-items:center;background:linear-gradient(180deg,rgba(3,24,45,.97),rgba(2,11,23,.98));clip-path:polygon(12% 0,88% 0,100% 69%,86% 100%,14% 100%,0 69%);border:0;filter:drop-shadow(0 6px 13px rgba(0,0,0,.55))}
.tr-reference-nav .tr-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(65,214,255,.28) 50%,transparent 70%);transform:translateX(-110%);animation:tx-scan 6s ease-in-out infinite}
.tr-reference-nav .tr-logo img{width:156px!important;height:94px!important;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 9px rgba(29,183,255,.5))}
@keyframes tx-scan{0%,72%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.tr-reference-nav .tr-nav{position:static!important;height:82px!important;display:flex!important;gap:clamp(17px,2vw,38px)!important;background:none!important;padding:0!important;border:0!important}
.tr-reference-nav .tr-nav-left{justify-content:flex-end;padding-right:30px!important}.tr-reference-nav .tr-nav-right{justify-content:flex-start;padding-left:30px!important}
.tr-reference-nav .tr-nav a{height:82px!important;padding:0 4px!important;display:flex;align-items:center;color:#adc4d3!important;font:700 12px 'Chakra Petch',sans-serif!important;letter-spacing:.5px!important;position:relative;white-space:nowrap}
.tr-reference-nav .tr-nav a:hover,.tr-reference-nav .tr-nav a.active{color:#fff!important;text-shadow:0 0 12px rgba(48,218,255,.75)}
.tr-reference-nav .tr-nav a.active:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:2px;background:var(--tx-cyan);box-shadow:0 0 12px 3px rgba(37,216,255,.55)}
.tr-reference-nav .tr-mobile-auth{display:none}.tr-play-account{height:82px!important;border:0!important;justify-content:flex-end!important;gap:8px!important}
.tr-play-account .tr-account-button{width:175px!important;height:48px!important;clip-path:polygon(11% 0,91% 0,100% 50%,91% 100%,11% 100%,0 50%);border:1px solid var(--tx-cyan)!important;background:linear-gradient(90deg,rgba(0,105,177,.42),rgba(5,29,53,.88))!important;box-shadow:inset 0 0 18px rgba(13,172,240,.25),0 0 18px rgba(13,172,240,.14)!important;color:#fff!important;font:700 15px 'Chakra Petch'!important}
.tr-play-account .tr-notify{border:0!important}.tr-public-main{overflow:visible!important}

/* Home composition */
.tx-home{min-height:100vh;background:#020915;color:var(--tx-text);font-family:Inter,Arial,sans-serif}
.tx-hero{height:min(600px,67vw);min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;background:url('/images/tesla-hero-ep9.png') center 44%/cover no-repeat;border-bottom:1px solid var(--tx-line);overflow:hidden}
.tx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,17,.18),rgba(2,8,17,.04) 52%,rgba(2,8,17,.8)),radial-gradient(circle at center,transparent 15%,rgba(2,8,17,.35) 84%)}
.tx-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,18,.28),transparent 33%,transparent 67%,rgba(1,8,18,.28))}
.tx-hero-center{position:relative;z-index:2;margin-top:118px;text-align:center;display:flex;flex-direction:column;align-items:center}
.tx-hero-logo{width:clamp(300px,34vw,520px);height:250px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(0,166,255,.4))}
.tx-hero-center>p{margin:-18px 0 0;padding:0 27px;color:#d9edfa;font:700 14px 'Chakra Petch';letter-spacing:6px;text-shadow:0 2px 10px #000}
.tx-hero-center>small{margin-top:20px;color:#7da0b9;font:600 9px 'Chakra Petch';letter-spacing:4px}
.tx-hero-actions{display:flex;gap:14px;margin-top:22px}.tx-btn{height:48px;min-width:205px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;color:white!important;border:1px solid rgba(87,215,255,.6);font:700 13px 'Chakra Petch';letter-spacing:.5px;transition:.2s;clip-path:polygon(5% 0,95% 0,100% 25%,100% 75%,95% 100%,5% 100%,0 75%,0 25%)}
.tx-btn-primary{background:linear-gradient(100deg,#00bfe8,#078ee3);box-shadow:0 0 25px rgba(0,196,239,.34)}.tx-btn-secondary{background:rgba(5,25,45,.82)}.tx-btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.tx-btn span{font-size:24px;line-height:1}
.tx-status-shell{position:relative;z-index:4;margin-top:-1px;padding:8px 7vw 10px;background:linear-gradient(180deg,rgba(3,14,27,.94),#020b17);border-bottom:1px solid rgba(61,186,247,.24)}
.tx-status-grid{max-width:1420px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;gap:18px}.tx-status-grid article,.tx-era{height:78px;border:1px solid var(--tx-line);background:linear-gradient(135deg,rgba(8,39,65,.92),rgba(3,18,33,.95));clip-path:polygon(4% 0,96% 0,100% 22%,100% 78%,96% 100%,4% 100%,0 78%,0 22%);display:flex;align-items:center;padding:12px 28px;box-shadow:inset 0 0 26px rgba(0,116,196,.11);color:white}
.tx-status-grid article>i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin-right:18px;background:radial-gradient(circle,#1298e8,#062641 67%);box-shadow:0 0 17px rgba(28,181,255,.38);font-style:normal;font-size:24px}.tx-status-grid article div{display:flex;flex-direction:column}.tx-status-grid article b{font:700 12px 'Chakra Petch'}.tx-status-grid article strong{font:700 12px 'Chakra Petch';margin:2px 0}.tx-status-grid article strong span{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.tx-status-grid .online{color:var(--tx-green)}.tx-status-grid .online span{background:var(--tx-green);box-shadow:0 0 8px var(--tx-green)}.tx-status-grid .offline{color:#ff6076}.tx-status-grid .offline span{background:#ff6076}.tx-status-grid article small{color:#819cad;font-size:10px}.tx-era{justify-content:space-between;background:linear-gradient(90deg,rgba(9,82,134,.8),rgba(3,18,33,.96)),url('/images/home-v2/news-campus-war.png') center/cover}.tx-era span{font:700 17px 'Chakra Petch';letter-spacing:1px}.tx-era b{font-size:30px;color:var(--tx-cyan)}
.tx-dashboard{max-width:1500px;margin:0 auto;padding:18px 3vw 15px;display:grid;grid-template-columns:1fr 1.02fr 1.02fr;gap:15px;background:radial-gradient(circle at 50% 0,rgba(9,103,168,.1),transparent 55%)}
.tx-column{min-width:0;border:1px solid rgba(61,185,245,.25);background:linear-gradient(150deg,rgba(5,24,42,.98),rgba(2,13,25,.98));box-shadow:inset 0 0 30px rgba(0,95,160,.06)}.tx-column>header{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(61,185,245,.24)}.tx-column h2{margin:0;color:#dff6ff;font:700 17px 'Chakra Petch';letter-spacing:.7px}.tx-column h2:before{content:"";display:inline-block;width:7px;height:12px;margin-right:10px;background:var(--tx-cyan);box-shadow:0 0 9px var(--tx-cyan);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%)}.tx-column header a{color:var(--tx-cyan)!important;font:600 9px 'Chakra Petch';letter-spacing:.6px}
.tx-news-item{height:72px;display:grid;grid-template-columns:105px 1fr auto;gap:12px;align-items:center;padding:7px 12px;border-bottom:1px solid rgba(58,151,205,.15);color:white!important}.tx-news-item:hover{background:rgba(31,176,236,.06)}.tx-news-thumb{height:58px;background-position:center;background-size:cover;border:1px solid rgba(61,185,245,.28)}.tx-news-item>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.tx-news-item span{align-self:flex-start;padding:2px 6px;background:#146fba;color:white;font:700 8px 'Chakra Petch'}.tx-news-item b{font-size:11px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-news-item small{font-size:9px;color:#7891a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-news-item time{font-size:9px;color:#6f899e}
.tx-feature-event{height:178px;margin:10px;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center;color:white!important;border:1px solid rgba(61,185,245,.32)}.tx-feature-event span{color:var(--tx-cyan);font:700 9px 'Chakra Petch';letter-spacing:2px}.tx-feature-event h3{margin:3px 0;font:700 28px 'Chakra Petch';letter-spacing:2px}.tx-feature-event p{margin:0;color:#a9c0ce;font-size:10px;text-transform:uppercase;letter-spacing:1px}.tx-event-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 10px 10px}.tx-event-tiles a{height:71px;padding:13px;display:flex;flex-direction:column;justify-content:center;color:white!important;border:1px solid rgba(61,185,245,.28);background:linear-gradient(120deg,rgba(5,28,49,.94),rgba(4,48,78,.78)),url('/images/home-v2/news-battle.png') center/cover}.tx-event-tiles b{font:700 13px/1.05 'Chakra Petch'}.tx-event-tiles small{margin-top:5px;color:#8ba4b6;font-size:8px;letter-spacing:.7px}
.tx-tabs{height:32px;display:flex;justify-content:flex-end;border-bottom:1px solid rgba(61,185,245,.19)}.tx-tabs span{padding:9px 11px;color:#667f93;font:600 8px 'Chakra Petch'}.tx-tabs .active{color:white;background:linear-gradient(180deg,#096fac,#06406b)}.tx-ranking-head,.tx-ranking-row{display:grid;grid-template-columns:35px 1fr 55px 90px;align-items:center;min-height:28px;padding:0 13px}.tx-ranking-head{color:#7492a7;background:rgba(31,87,122,.25);font:600 8px 'Chakra Petch';text-align:center}.tx-ranking-head span:nth-child(2){text-align:left}.tx-ranking-row{color:#bcd0dd!important;border-bottom:1px solid rgba(61,185,245,.1);font-size:10px}.tx-ranking-row:hover{background:rgba(31,176,236,.06)}.tx-ranking-row>span{text-align:center;font-weight:700}.tx-ranking-row b{font-size:10px}.tx-ranking-row strong{text-align:center;color:#9ecbe1;font-size:10px}.tx-ranking-row small{text-align:center;color:#7895a8;font-size:9px}.tx-ranking-row .rank-1,.tx-ranking-row .rank-2,.tx-ranking-row .rank-3{width:19px;height:19px;margin:auto;border-radius:50%;display:grid;place-items:center;color:#05101d}.tx-ranking-row .rank-1{background:#f1ba3b}.tx-ranking-row .rank-2{background:#d0dfeb}.tx-ranking-row .rank-3{background:#cf8d51}.tx-empty{padding:30px;text-align:center;color:#7894a8;font-size:12px}.tx-bottom-line{height:35px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(61,185,245,.28);color:#466c87;font:600 8px 'Chakra Petch';letter-spacing:2px}

/* One visual language for every public page */
.tr-public-main>section:first-child,.tr-public-main>div:not(.tx-home){margin-top:82px!important}
.tr-public-main>div:not(.tx-home),.tr-public-main>section{--classic-red:var(--tx-blue)!important;--classic-gold:var(--tx-cyan)!important;--accent:var(--tx-cyan)!important}
.tr-public-body :is(.account-page,.rv2-page,.dv2-page,.mall-page,.mdv2-page,.cv2-page,.tuv2-page,.roulette-page,.daily-page,.event-page,.event-detail-page,.all-news-page,.news-detail-page,.server-status-page,.pp-page,.pps-page,.npv2-page,.transaction-page,.rcoin-page,.webpoint-page,.legal-page,.player-feature-off-page){background-color:#020915!important;background-image:radial-gradient(circle at 50% 0,rgba(9,110,178,.18),transparent 34%)!important;color:var(--tx-text)!important}
.tr-public-body :is(.card,[class*="-card"],[class*="-panel"],table,.table){border-color:rgba(61,185,245,.28)!important;box-shadow:inset 0 0 28px rgba(0,106,178,.04)!important}
.tr-public-body :is(.btn-primary,.login-btn,.register-btn,[class*="primary"]){background:linear-gradient(100deg,#008fd2,#12c5e9)!important;border-color:#36d8ff!important;color:#fff!important}
.tr-public-body :is(h1,h2,h3){font-family:'Chakra Petch',sans-serif!important}.tr-public-body table thead{background:linear-gradient(180deg,#0b3452,#071d31)!important}.tr-footer{border-top:1px solid rgba(61,185,245,.35)!important}.tr-footer-brand img{width:170px!important;height:115px;object-fit:contain}

@media(max-width:1260px){.tr-reference-nav{grid-template-columns:1fr 160px 1fr 150px!important;padding:0 22px!important}.tr-reference-nav .tr-logo{width:160px}.tr-reference-nav .tr-logo img{width:125px!important}.tr-reference-nav .tr-nav{gap:16px!important}.tr-reference-nav .tr-nav a{font-size:10px!important}.tr-play-account .tr-account-button{width:140px!important}.tx-status-grid{grid-template-columns:repeat(3,1fr)}.tx-era{display:none}.tx-dashboard{grid-template-columns:1fr 1fr}.tx-ranking-column{grid-column:1/-1}}
@media(max-width:820px){.tr-reference-nav{height:68px!important;position:absolute!important;display:grid!important;grid-template-columns:1fr auto!important;padding:0 16px!important}.tr-reference-nav .tr-logo{position:absolute;left:16px;top:0;width:126px;height:78px;clip-path:none;background:none}.tr-reference-nav .tr-logo img{width:118px!important;height:74px!important}.tr-reference-nav .tr-menu-button{display:block!important;grid-column:2}.tr-reference-nav .tr-nav-left{display:none!important;position:absolute!important;top:68px!important;left:0!important;right:0!important;height:auto!important;padding:14px!important;background:#031525!important;flex-direction:column!important}.tr-reference-nav .tr-nav-left.open{display:flex!important}.tr-reference-nav .tr-nav-left a,.tr-reference-nav .tr-nav-right a{height:42px!important}.tr-reference-nav .tr-nav-right,.tr-reference-nav .tr-nav-account{display:none!important}.tr-reference-nav .tr-nav-left.open~.tr-nav-right{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:222px!important;height:auto!important;padding:0 14px 14px!important;background:#031525!important;flex-direction:column!important}.tx-hero{height:590px;min-height:590px;background-position:66% center}.tx-hero-center{margin-top:70px}.tx-hero-logo{width:300px;height:220px}.tx-hero-center>p{font-size:10px;letter-spacing:3px}.tx-status-shell{padding:9px 14px}.tx-status-grid{grid-template-columns:1fr}.tx-status-grid article{height:70px}.tx-dashboard{grid-template-columns:1fr;padding:14px}.tx-ranking-column{grid-column:auto}.tr-public-main>section:first-child,.tr-public-main>div:not(.tx-home){margin-top:68px!important}}
@media(max-width:520px){.tx-hero{height:520px;min-height:520px}.tx-hero-logo{width:255px;height:190px}.tx-hero-actions{width:86%;flex-direction:column}.tx-btn{width:100%;height:44px}.tx-hero-center>small{letter-spacing:2px}.tx-news-item{grid-template-columns:82px 1fr}.tx-news-item time{display:none}.tx-event-tiles{grid-template-columns:1fr}.tx-tabs span{padding:9px 7px}.tx-status-grid article{padding:10px 20px}.tx-status-grid article>i{width:44px;height:44px}.tx-bottom-line{display:none}}

/* REVISION 2 — precise reference wordmark + livelier public pages */
.tr-reference-nav .tr-wordmark{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.tr-reference-nav .tr-wordmark strong{position:relative;z-index:2;margin-top:-4px;color:transparent;font:italic 900 35px/.82 'Chakra Petch',sans-serif;letter-spacing:1px;-webkit-text-stroke:1px #f0fbff;background:linear-gradient(180deg,#fff 8%,#b9e8ff 38%,#4eaee9 60%,#e9f8ff 82%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 #05355b) drop-shadow(0 0 9px rgba(40,198,255,.5));transform:skewX(-7deg)}
.tr-reference-nav .tr-wordmark span{position:relative;z-index:2;margin-top:8px;color:#d8effb;font:700 9px/1 'Chakra Petch',sans-serif;letter-spacing:5px;text-shadow:0 0 8px rgba(42,211,255,.8)}
.tr-reference-nav .tr-wordmark:before{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,var(--tx-cyan),transparent);box-shadow:0 0 9px var(--tx-cyan)}
.tx-news-fallback{animation:tx-rise .55s both}.tx-news-fallback:nth-child(2){animation-delay:.08s}.tx-news-fallback:nth-child(3){animation-delay:.16s}
.tr-public-body :is(.card,[class*="-card"],[class*="-panel"]){transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.tr-public-body :is(.card,[class*="-card"],[class*="-panel"]):hover{border-color:rgba(61,210,255,.55)!important;box-shadow:inset 0 0 32px rgba(0,138,218,.08),0 14px 36px rgba(0,0,0,.22)!important}
.tr-public-body :is(input,select,textarea):focus{border-color:var(--tx-cyan)!important;box-shadow:0 0 0 3px rgba(37,216,255,.1),0 0 18px rgba(37,216,255,.08)!important}
.tr-public-body :is(.account-page,.rv2-page,.dv2-page,.mall-page,.mdv2-page,.cv2-page,.tuv2-page,.roulette-page,.daily-page,.event-page,.event-detail-page,.all-news-page,.news-detail-page,.server-status-page,.pp-page,.pps-page,.npv2-page,.transaction-page,.rcoin-page,.webpoint-page,.legal-page,.player-feature-off-page){position:relative;isolation:isolate;overflow:hidden}
.tr-public-body :is(.account-page,.rv2-page,.dv2-page,.mall-page,.mdv2-page,.cv2-page,.tuv2-page,.roulette-page,.daily-page,.event-page,.event-detail-page,.all-news-page,.news-detail-page,.server-status-page,.pp-page,.pps-page,.npv2-page,.transaction-page,.rcoin-page,.webpoint-page,.legal-page,.player-feature-off-page):before{content:"";position:fixed;z-index:-1;inset:82px 0 0;pointer-events:none;background-image:linear-gradient(rgba(37,216,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(37,216,255,.025) 1px,transparent 1px),radial-gradient(circle at 16% 18%,rgba(0,159,231,.12),transparent 24%),radial-gradient(circle at 88% 55%,rgba(31,83,181,.1),transparent 27%);background-size:64px 64px,64px 64px,auto,auto;animation:tx-grid-drift 18s linear infinite}
.tr-public-body :is(.btn,a[class*="btn"],button){transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.tr-public-body :is(.btn,a[class*="btn"],button):hover{filter:brightness(1.1);transform:translateY(-2px)}
.tx-status-grid article{animation:tx-rise .48s both}.tx-status-grid article:nth-child(2){animation-delay:.07s}.tx-status-grid article:nth-child(3){animation-delay:.14s}.tx-era{animation:tx-rise .48s .21s both}.tx-column{animation:tx-rise .55s both}.tx-column:nth-child(2){animation-delay:.09s}.tx-column:nth-child(3){animation-delay:.18s}
body:has(.tx-home)>.tr-footer{display:none!important}
@keyframes tx-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes tx-grid-drift{to{background-position:64px 64px,64px 64px,0 0,0 0}}
@media(max-width:820px){.tr-reference-nav .tr-wordmark{position:absolute!important;left:15px!important;top:0!important;width:150px!important;height:68px!important;clip-path:none!important;background:none!important;align-items:flex-start!important}.tr-reference-nav .tr-wordmark strong{font-size:27px}.tr-reference-nav .tr-wordmark span{font-size:7px;letter-spacing:3.5px;margin-top:6px}.tr-reference-nav .tr-wordmark:before{display:none}.tr-public-body :is(.account-page,.rv2-page,.dv2-page,.mall-page,.mdv2-page,.cv2-page,.tuv2-page,.roulette-page,.daily-page,.event-page,.event-detail-page,.all-news-page,.news-detail-page,.server-status-page,.pp-page,.pps-page,.npv2-page,.transaction-page,.rcoin-page,.webpoint-page,.legal-page,.player-feature-off-page):before{inset:68px 0 0}}
@media(prefers-reduced-motion:reduce){.tr-public-body *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* REVISION 3 — navbar matched to the supplied reference crop */
@media(min-width:821px){
  .tr-reference-nav{height:72px!important;grid-template-columns:minmax(330px,1fr) 272px minmax(430px,1fr) 196px!important;padding:0 3.1vw!important;overflow:visible!important;background:linear-gradient(180deg,rgba(2,16,34,.985),rgba(3,21,42,.94))!important;border-top:2px solid rgba(88,203,255,.72)!important;border-bottom:0!important;box-shadow:0 8px 24px rgba(0,0,0,.48)!important}
  .tr-reference-nav:before,.tr-reference-nav:after{bottom:0!important;width:calc(50% - 112px)!important;height:1px!important;background:linear-gradient(90deg,transparent 0,rgba(61,174,235,.65) 24%,#46d9ff 87%,transparent)!important;box-shadow:0 1px 9px rgba(37,216,255,.8)!important}
  .tr-reference-nav .tr-nav{height:72px!important;gap:clamp(28px,3.2vw,62px)!important;border-bottom:1px solid rgba(48,151,211,.32)!important}
  .tr-reference-nav .tr-nav-left{justify-content:flex-end!important;padding-right:62px!important;clip-path:polygon(0 0,91% 0,100% 100%,0 100%)}
  .tr-reference-nav .tr-nav-right{justify-content:flex-start!important;padding-left:62px!important;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
  .tr-reference-nav .tr-nav a{height:72px!important;font-size:11px!important;color:#b9cddd!important}
  .tr-reference-nav .tr-nav a.active:after{left:0!important;right:0!important;height:2px!important;bottom:0!important}
  .tr-reference-nav .tr-wordmark{width:272px!important;height:84px!important;align-self:start!important;margin:0!important;background:linear-gradient(180deg,#08243f 0,#041426 76%,#03101d 100%)!important;clip-path:polygon(14% 0,86% 0,100% 55%,91% 100%,9% 100%,0 55%)!important;filter:drop-shadow(0 7px 6px rgba(0,0,0,.56)) drop-shadow(0 0 5px rgba(37,216,255,.22))!important}
  .tr-reference-nav .tr-wordmark:before{display:block!important;left:29px!important;right:29px!important;bottom:7px!important;height:1px!important;background:linear-gradient(90deg,transparent,#5de1ff,transparent)!important}
  .tr-reference-nav .tr-wordmark:after{content:""!important;position:absolute!important;z-index:1!important;inset:2px!important;background:linear-gradient(180deg,rgba(5,27,50,.2),rgba(0,8,18,.2))!important;clip-path:polygon(14% 0,86% 0,100% 55%,91% 100%,9% 100%,0 55%)!important;border-top:1px solid rgba(166,231,255,.52)!important;animation:none!important;transform:none!important}
  .tr-reference-nav .tr-wordmark strong{font-size:42px!important;line-height:.78!important;margin-top:-5px!important;letter-spacing:-1px!important;-webkit-text-stroke:1.2px #f6fdff!important;filter:drop-shadow(0 2px 0 #08416b) drop-shadow(0 0 10px rgba(63,205,255,.52))!important}
  .tr-reference-nav .tr-wordmark span{font-size:9px!important;letter-spacing:6px!important;margin-top:9px!important}
  .tr-reference-nav .tr-play-account{height:72px!important;padding-left:17px!important;border-bottom:1px solid rgba(48,151,211,.32)!important}
  .tr-play-account .tr-account-button{width:176px!important;height:46px!important;background:linear-gradient(90deg,rgba(4,62,106,.72),rgba(4,26,49,.94))!important;border:1px solid #23c8f4!important;clip-path:polygon(12% 0,89% 0,100% 50%,89% 100%,12% 100%,0 50%)!important;box-shadow:inset 0 0 20px rgba(25,190,246,.19),0 0 14px rgba(32,204,255,.26)!important;outline:1px solid rgba(42,213,255,.2)!important;outline-offset:4px!important}
  .tr-play-account .tr-account-button:hover{background:linear-gradient(90deg,#087fc1,#0ab4da)!important;box-shadow:inset 0 0 22px rgba(255,255,255,.14),0 0 24px rgba(32,204,255,.55)!important}
  .tx-hero{background-position:center 58%!important}
}

/* REVISION 4 — 100% browser zoom uses the same compact proportions as the 125% reference */
@media(min-width:1537px){
  .tr-reference-nav{padding-left:calc((100vw - 1536px)/2)!important;padding-right:calc((100vw - 1536px)/2)!important}
  .tx-status-shell{padding-left:calc((100vw - 1480px)/2)!important;padding-right:calc((100vw - 1480px)/2)!important}
  .tx-dashboard{width:1440px!important;max-width:calc(100vw - 64px)!important;padding-left:0!important;padding-right:0!important}
  .tx-bottom-line{padding-left:calc((100vw - 1440px)/2)!important;padding-right:calc((100vw - 1440px)/2)!important}
  .tr-footer-grid{width:1440px!important;max-width:calc(100vw - 64px)!important}
}
