:root{
  --tt-premium-gold:#e5bd66;
  --tt-premium-gold-dark:#74501c;
  --tt-premium-panel:linear-gradient(145deg,rgba(6,20,12,.96),rgba(2,10,6,.96));
  --text:#e8f0e9;
  --muted:#84968a;
  --line:rgba(105,171,109,.22);
}

html,body{max-width:100%;overflow-x:hidden}
body{background:radial-gradient(circle at 52% -12%,rgba(40,117,56,.23),transparent 34%),radial-gradient(circle at 78% 54%,rgba(229,189,102,.055),transparent 30%),linear-gradient(180deg,#020704,#07120b 54%,#020503)}
.main-stage,.page,.home-page,.home-command-deck,.home-intelligence-grid,.panel,.content-card{min-width:0}
.left-rail,.right-rail{background:linear-gradient(165deg,rgba(4,17,9,.995),rgba(6,24,12,.99) 52%,rgba(2,8,5,.995))!important;box-shadow:inset 0 0 48px rgba(73,169,83,.055),0 28px 90px rgba(0,0,0,.68)!important}
.drawer-head{background:linear-gradient(180deg,rgba(8,28,15,.99),rgba(3,13,7,.97))}
.drawer-toggle{background:linear-gradient(180deg,rgba(10,32,17,.99),rgba(3,13,7,.99))!important}
.rail-nav a,.right-nav a,.right-nav button{color:#9cac9f}
.rail-nav a span,.right-nav a span,.right-nav button span{color:#c9a95d}
.rail-nav a:hover,.rail-nav a.active,.right-nav a:hover,.right-nav button:hover{background:linear-gradient(90deg,rgba(63,166,73,.18),rgba(16,57,26,.04));border-color:rgba(116,201,121,.28);color:#f1f7f2}
.home-command-deck{background:#020b06;box-shadow:0 22px 70px rgba(0,0,0,.49),inset 0 0 58px rgba(70,171,81,.035)}
.command-status-bar{background:linear-gradient(90deg,rgba(7,29,14,.98),rgba(8,25,13,.97),rgba(4,17,9,.98))}
.home-command-deck .platform-strip{background:linear-gradient(90deg,rgba(4,18,10,.99),rgba(8,29,15,.98),rgba(3,14,8,.99))}
.economy-disclosure{background:linear-gradient(90deg,rgba(23,63,30,.55),rgba(3,15,8,.97));color:#aebcaf}
.home-intelligence-grid .home-panel{background:var(--tt-premium-panel)!important;box-shadow:0 16px 38px rgba(0,0,0,.28)!important}
.news-side-list a,.announcement-media-item,.platform-highlights>a{background:linear-gradient(145deg,rgba(8,28,15,.9),rgba(3,13,7,.94))}
.home-page>.trust-strip{background:rgba(4,17,9,.98)}
.home-page>.trust-strip a{background:linear-gradient(145deg,rgba(8,29,15,.52),rgba(3,13,7,.52))}
.side-status-card a:hover,.side-quick-grid a:hover{border-color:rgba(115,196,120,.35);background:rgba(30,100,42,.14)}

/* Compact metallic wordmark, aligned to the supplied TAPTIRED reference. */
.tt-wordmark{
  display:inline-flex;align-items:baseline;line-height:.84;text-transform:uppercase;
  font-family:"Bahnschrift Condensed","Arial Narrow","Rajdhani",sans-serif;font-style:italic;font-weight:1000;
  letter-spacing:-.055em;filter:drop-shadow(0 2px 1px rgba(0,0,0,.92))
}
.tt-wordmark__tap{
  color:#edf4ee;font-weight:1000;
  background:linear-gradient(180deg,#ffffff 0%,#bec8c4 37%,#59645f 62%,#edf3f0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.14)
}
.tt-wordmark__tired{
  margin-left:.07em;color:var(--tt-premium-gold);font-weight:1000;letter-spacing:-.015em;
  background:linear-gradient(180deg,#f8e7a7 0%,#b8c26d 31%,#638043 52%,#7d5019 70%,#e8c66e 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,240,172,.2),0 3px 8px rgba(0,0,0,.46)
}
.drawer-brand .tt-wordmark__tired,.drawer-toggle .tt-wordmark__tired{font-size:1.02em}
.command-status-bar .command-brand{font-size:20px;letter-spacing:0}
.command-status-bar .command-brand .tt-wordmark__tap{
  background:linear-gradient(180deg,#fff 0%,#c4cfca 40%,#5a655f 64%,#f1f5f2 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.command-status-bar .command-brand .tt-wordmark__tired{
  background:linear-gradient(180deg,#f9e9aa 0%,#b8c16b 30%,#5f7e42 50%,#7b4c17 70%,#e8c76d 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}

/* Premium public preview: the character, copy, and preview each own a layout cell. */
.home-page .hero-v2-grid{
  grid-template-columns:minmax(270px,.9fr) minmax(310px,1fr) minmax(330px,1.02fr);
  gap:clamp(12px,2vw,30px);padding-inline:clamp(18px,2vw,34px)
}
.home-page .hero-v2-character{isolation:isolate;overflow:visible}
.home-page .hero-v2-character img{height:min(515px,38vw);min-height:430px;max-width:150%;z-index:2}
.home-page .hero-v2-copy{min-width:0}
.home-page .hero-video-card{min-width:0;border-color:rgba(229,189,102,.27);background:rgba(3,13,8,.94)}
.home-page .hero-video-image{aspect-ratio:16/10;height:auto;min-height:235px}
.home-page .video-launch{
  position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  min-width:82px;min-height:46px;display:grid;place-items:center;padding:0 14px;border-radius:999px;
  border:1px solid rgba(229,189,102,.7);background:rgba(3,16,9,.84);color:#fff2bd;
  font-size:8px;font-weight:950;letter-spacing:.08em;box-shadow:0 0 0 7px rgba(229,189,102,.07),0 12px 30px rgba(0,0,0,.42)
}
.home-page .video-launch:focus-visible{outline:2px solid #fff2bd;outline-offset:4px}
.home-page .panel,.home-page .content-card{
  background:var(--tt-premium-panel);border-color:rgba(111,182,114,.18);box-shadow:0 14px 36px rgba(0,0,0,.22)
}
.page-head h1,.home-page .panel-head h2,.tt-showcase-head h2{
  color:#e8d39a;text-shadow:0 1px 0 rgba(255,239,181,.18),0 3px 0 rgba(47,30,7,.62),0 8px 18px rgba(0,0,0,.35)
}

/* Single-card game strip. */
.tt-home-showcase{margin-top:14px;padding:clamp(12px,2vw,20px);overflow:hidden}
.tt-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}
.tt-showcase-head h2{margin:0;font-size:clamp(19px,2.2vw,30px);letter-spacing:.025em}
.tt-showcase-head p{max-width:740px;margin:0;color:#87998c;font-size:9px;line-height:1.65}
.tt-showcase-viewport{overflow:hidden;border:1px solid rgba(229,189,102,.2);border-radius:14px;background:#020806;touch-action:pan-y;outline:none;cursor:grab;user-select:none}
.tt-showcase-viewport.is-dragging{cursor:grabbing}
.tt-showcase-viewport:focus-visible{box-shadow:0 0 0 2px #62d96f}
.tt-showcase-track{display:flex;will-change:transform;transition:transform .58s cubic-bezier(.22,.72,.22,1)}
.tt-showcase-slide{position:relative;flex:0 0 100%;min-width:100%;height:clamp(270px,34vw,430px);overflow:hidden;background:#030806}
.tt-showcase-slide>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.76) contrast(1.08);transform:scale(1.01)}
.tt-showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,4,.94) 0%,rgba(1,7,4,.75) 38%,rgba(1,7,4,.12) 72%),linear-gradient(0deg,rgba(1,6,3,.7),transparent 55%)}
.tt-showcase-copy{position:absolute;z-index:2;left:clamp(18px,4vw,58px);top:50%;width:min(480px,58%);transform:translateY(-50%)}
.tt-showcase-status{display:inline-flex;padding:5px 9px;border:1px solid rgba(229,189,102,.44);border-radius:999px;background:rgba(24,17,6,.72);color:#f0ce7c;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.tt-showcase-copy>small{display:block;margin:13px 0 5px;color:#79b782;font-size:8px;font-weight:900;letter-spacing:.09em}
.tt-showcase-copy h3{margin:0;color:#f3f7f3;font-size:clamp(26px,4vw,52px);line-height:1;text-shadow:0 4px 18px rgba(0,0,0,.62)}
.tt-showcase-copy .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:17px}
.tt-showcase-controls{display:flex;align-items:center;justify-content:center;margin-top:7px;min-height:20px}
.tt-showcase-dots{display:flex;align-items:center;justify-content:center;gap:5px}
.tt-showcase-controls .tt-showcase-dots button{min-width:15px!important;min-height:5px!important;width:15px;height:5px;padding:0;border:0;border-radius:999px;background:#304136;cursor:pointer;transition:width .24s ease,background-color .24s ease,box-shadow .24s ease}
.tt-showcase-controls .tt-showcase-dots button:hover,.tt-showcase-controls .tt-showcase-dots button:focus-visible{background:#5f816b;outline:2px solid rgba(229,189,102,.72);outline-offset:3px}
.tt-showcase-controls .tt-showcase-dots button.is-active{width:27px;background:linear-gradient(90deg,#8a5b1d,#efce79);box-shadow:0 0 9px rgba(72,239,115,.2)}

/* Verified registration profile step and real selected drawer avatar. */
#railAvatar.avatar{
  padding:0;overflow:hidden;background-image:none!important;background:linear-gradient(145deg,#163e22,#07150d)!important;
  color:#f5e4ae!important;font-size:21px!important;border-color:rgba(229,189,102,.62)!important;
  text-shadow:0 3px 9px rgba(0,0,0,.5)
}
#railAvatar .tt-avatar-image,.avatar .tt-avatar-image{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 34%}
.tt-avatar-fallback{display:grid;width:100%;height:100%;place-items:center}
.tt-onboarding-form{gap:15px}
.tt-onboarding-intro{padding:14px;border:1px solid rgba(91,194,104,.18);border-radius:11px;background:rgba(8,30,15,.55)}
.tt-onboarding-intro p{margin:8px 0 0;color:#a8b8ac;font-size:10px;line-height:1.65}
.tt-avatar-picker{margin:0;padding:0;border:0}
.tt-avatar-picker legend{margin-bottom:8px;color:#bdc9bf;font-size:9px;font-weight:900;letter-spacing:.06em}
.tt-avatar-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tt-avatar-picker label{position:relative;min-width:0;cursor:pointer}
.tt-avatar-picker input{position:absolute;opacity:0;pointer-events:none}
.tt-avatar-picker label>span{height:82px;display:block;overflow:hidden;border:1px solid rgba(114,165,117,.2);border-radius:11px;background:rgba(4,16,9,.78);transition:.18s}
.tt-avatar-picker label>span img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 34%;filter:saturate(.9) contrast(1.04);transition:transform .18s,filter .18s}
.tt-avatar-picker label>b{display:block;margin-top:5px;overflow:hidden;color:#718178;font-size:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.tt-avatar-picker input:checked+span{border-color:#e5bd66;background:linear-gradient(145deg,rgba(39,87,43,.8),rgba(30,20,6,.82));box-shadow:0 0 0 2px rgba(229,189,102,.1)}
.tt-avatar-picker input:checked+span img{transform:scale(1.04);filter:saturate(1.05) contrast(1.06) brightness(1.04)}
.tt-avatar-picker input:focus-visible+span{outline:2px solid #7ae786;outline-offset:2px}
.tt-profile-identity-preview{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(229,189,102,.24);border-radius:13px;background:rgba(4,17,9,.72)}
.tt-profile-preview-avatar{width:68px;height:68px;flex:0 0 68px;overflow:hidden;border:1px solid rgba(229,189,102,.55);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.34)}
.tt-profile-preview-avatar .tt-avatar-image{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 34%}
.tt-profile-identity-preview strong,.tt-profile-identity-preview small{display:block}.tt-profile-identity-preview strong{font-size:16px;color:#edf4ee}.tt-profile-identity-preview small{margin-top:5px;color:#87978b;font-size:9px}

@media(max-width:1180px){
  .home-page .hero-v2-grid{grid-template-columns:minmax(250px,.86fr) minmax(300px,1fr)}
  .home-page .hero-v2-character{grid-column:1;grid-row:1}
  .home-page .hero-v2-copy{grid-column:2;grid-row:1}
  .home-page .hero-video-card{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr)}
  .home-page .hero-video-image{min-height:260px}
  .home-page .video-stats{border-top:0;border-left:1px solid rgba(85,240,109,.14);grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .page{padding-inline:10px}
  .home-page .hero-v2:before{display:none!important}
  .home-page .hero-v2-grid{display:grid!important;grid-template-columns:1fr!important;gap:6px;padding:13px!important}
  .home-page .hero-v2-copy{grid-column:1;grid-row:1;padding:12px 5px 4px!important;text-align:left;align-items:flex-start}
  .home-page .hero-v2-copy h1{font-size:clamp(52px,19vw,72px)}
  .home-page .hero-v2-character{display:block!important;grid-column:1;grid-row:2;min-height:245px;height:245px;margin:0!important;overflow:hidden!important}
  .home-page .hero-v2-character img{left:50%!important;bottom:-88px!important;height:350px!important;min-height:0;max-width:none;transform:translateX(-50%)!important}
  .home-page .character-glow{left:50%!important;bottom:-25px!important}
  .home-page .hero-video-card{grid-column:1;grid-row:3;display:block;margin:0}
  .home-page .hero-video-image{min-height:0;height:auto;aspect-ratio:16/10}
  .home-page .video-stats{border-left:0;border-top:1px solid rgba(85,240,109,.14)}
  .home-page .home-panel,.home-page .content-card{box-shadow:0 8px 22px rgba(0,0,0,.18);overflow:hidden}
  .tt-showcase-head{display:block}.tt-showcase-head>.tag{display:inline-flex;margin-top:9px}
  .tt-showcase-slide{height:390px}
  .tt-showcase-shade{background:linear-gradient(0deg,rgba(1,7,4,.98) 0%,rgba(1,7,4,.76) 50%,rgba(1,7,4,.08) 78%)}
  .tt-showcase-copy{left:16px;right:16px;top:auto;bottom:18px;width:auto;transform:none}
  .tt-showcase-copy h3{font-size:30px}.tt-showcase-copy p{font-size:9px}
  .tt-showcase-controls{margin-top:6px}.tt-showcase-dots{gap:4px}
  .tt-avatar-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .tt-showcase-track,.tt-avatar-picker label>span,.tt-avatar-picker label>span img{transition:none!important}
}

.task-verification-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.task-verification-line>small{flex-basis:100%;color:var(--muted)}
.task-automatic-check{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;padding:9px 10px;border:1px solid rgba(79,207,139,.18);border-radius:12px;background:rgba(3,17,13,.54)}
.task-automatic-check>small{flex-basis:100%;color:var(--muted)}
.task-claim-result{display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:100%;padding-top:2px}.task-claim-result>small{color:var(--muted)}
.task-key{display:block;margin-top:3px;color:rgba(236,201,119,.74);font:700 10px/1.3 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase}

/* Foundation 350 — Obsidian Crown UI system. Vivid color is reserved for action and state. */
:root{
  --tt-ink-0:#010403;
  --tt-ink-1:#030a06;
  --tt-ink-2:#07140c;
  --tt-ink-3:#0b2113;
  --tt-gold-hi:#ffe9a9;
  --tt-gold:#f3c45f;
  --tt-gold-mid:#c98a28;
  --tt-gold-deep:#6f410d;
  --tt-emerald-hi:#92ffad;
  --tt-emerald:#48ef73;
  --tt-emerald-deep:#147b37;
  --tt-cyan:#6be7d6;
  --tt-danger:#ff7c79;
  --tt-text:#f3f7f2;
  --tt-text-soft:#c3d0c6;
  --tt-text-muted:#8fa196;
  --tt-line-gold:rgba(243,196,95,.34);
  --tt-line-green:rgba(72,239,115,.23);
  --tt-panel:linear-gradient(145deg,rgba(9,25,15,.98),rgba(2,8,5,.985) 64%,rgba(15,11,4,.98));
  --tt-panel-raised:linear-gradient(145deg,rgba(15,38,23,.98),rgba(3,12,7,.99) 58%,rgba(22,15,5,.97));
  --text:var(--tt-text);
  --muted:var(--tt-text-muted);
  --line:var(--tt-line-green);
}

html{background:var(--tt-ink-0);color-scheme:dark}
body{
  color:var(--tt-text);
  background:
    radial-gradient(ellipse at 15% -8%,rgba(38,210,89,.18),transparent 34%),
    radial-gradient(ellipse at 88% 18%,rgba(246,191,70,.13),transparent 28%),
    radial-gradient(ellipse at 52% 92%,rgba(19,113,55,.14),transparent 38%),
    linear-gradient(180deg,#010503 0%,#07130b 46%,#020604 100%);
}
body,button,input,select,textarea{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}

.topbar,.left-rail,.right-rail,.drawer-head,.drawer-toggle,.game-filterbar,.premium-card-toolbar{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.topbar{background:linear-gradient(180deg,rgba(8,23,14,.995),rgba(2,8,5,.995))!important;border-bottom-color:var(--tt-line-gold)!important;box-shadow:0 10px 34px rgba(0,0,0,.46),inset 0 -1px rgba(72,239,115,.08)!important}
.left-rail,.right-rail{border-color:var(--tt-line-gold)!important;background:linear-gradient(165deg,#07180e 0%,#020905 54%,#120c04 100%)!important}
.drawer-head{background:linear-gradient(180deg,#102718,#050c07)!important;border-bottom-color:var(--tt-line-gold)!important}
.drawer-toggle{background:linear-gradient(155deg,#15341f,#040b07 58%,#1b1105)!important;border-color:rgba(255,220,124,.48)!important;box-shadow:0 14px 36px rgba(0,0,0,.58),inset 0 1px rgba(255,239,186,.08)!important}
.drawer-toggle:hover,.drawer-toggle:focus-visible{border-color:var(--tt-gold-hi)!important;box-shadow:0 16px 40px rgba(0,0,0,.62),0 0 22px rgba(72,239,115,.15)!important}
.rail-nav a,.right-nav a,.right-nav button{border:1px solid transparent!important;border-radius:7px!important;color:#b5c4b9!important}
.rail-nav a:hover,.rail-nav a.active,.right-nav a:hover,.right-nav button:hover,.right-nav a:focus-visible,.right-nav button:focus-visible{
  border-color:rgba(72,239,115,.28)!important;background:linear-gradient(90deg,rgba(42,178,78,.22),rgba(238,183,56,.06))!important;color:#fff!important;outline:none;
}
.rail-nav a.active{box-shadow:inset 3px 0 var(--tt-emerald),0 8px 20px rgba(0,0,0,.16)}
.rail-nav a span,.right-nav a span,.right-nav button span,.eyebrow{color:var(--tt-gold)!important}

.panel,.content-card,.game-card,.task-card,.operator-card,.token-information-card,.roadmap-step,.modal-panel,.side-status-card,.side-quick-grid a,.release-taxonomy,.economy-disclosure{
  border-color:var(--tt-line-gold)!important;
  background:var(--tt-panel)!important;
  box-shadow:inset 0 1px rgba(255,239,187,.055),inset 0 -1px rgba(72,239,115,.035),0 18px 42px rgba(0,0,0,.29)!important;
}
.panel:hover,.content-card:hover,.game-card:hover,.side-quick-grid a:hover{
  border-color:rgba(255,213,105,.52)!important;
}
.panel-head,.content-card header,.game-card header{border-color:rgba(243,196,95,.18)!important;background:linear-gradient(90deg,rgba(229,174,54,.09),rgba(52,226,93,.035) 52%,transparent)!important}

.page-head h1,.home-page .hero-v2-copy h1,.games-page .page-head h1{
  background:linear-gradient(180deg,#fffdf2 0%,#ffe5a0 25%,#d7972e 49%,#73440e 56%,#ffd77b 77%,#a66a1f 100%)!important;
  color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:none!important;text-shadow:0 2px 0 rgba(255,244,204,.12),0 5px 0 rgba(34,20,4,.9),0 14px 28px rgba(0,0,0,.58)!important;
}
.panel-head h2,.content-card h2,.content-card h3,.game-card h3,.modal-panel h2,.drawer-brand b,.drawer-head>div b,.platform-highlights b,.announcement-media-item b,.news-feature b,.news-side-list b{
  background:none!important;color:#f8edd2!important;-webkit-text-fill-color:currentColor!important;filter:none!important;
  text-shadow:0 1px rgba(255,247,216,.12),0 3px 8px rgba(0,0,0,.68)!important;
}
p,.content-card p,.game-card p,.page-head p,.panel small,.content-card small{color:var(--tt-text-soft)}
.muted,.meta,.hint,.form-hint{color:var(--tt-text-muted)!important}
a{color:#f3ca6d}a:hover{color:#fff0bd}

.primary,.gold-btn,.command-cta-gold,.tt-showcase-copy .ghost{
  border-color:#ffe49a!important;background:linear-gradient(180deg,#ffeca9 0%,#f4c255 34%,#c37a1d 65%,#74410b 100%)!important;color:#190f02!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(76,39,1,.6),0 10px 24px rgba(0,0,0,.3),0 0 18px rgba(238,182,51,.13)!important;
}
.primary:hover,.gold-btn:hover,.command-cta-gold:hover,.tt-showcase-copy .ghost:hover{filter:brightness(1.08)!important;transform:translateY(-1px)}
.ghost,.command-cta-ghost,.drawer-close,.tt-showcase-controls button{
  border-color:rgba(128,255,158,.24)!important;background:linear-gradient(180deg,rgba(15,45,25,.98),rgba(3,11,7,.99))!important;color:#e5f2e8!important;
  box-shadow:inset 0 1px rgba(153,255,176,.055),0 8px 18px rgba(0,0,0,.2)!important;
}
.ghost:hover,.command-cta-ghost:hover,.drawer-close:hover,.tt-showcase-controls button:hover{border-color:rgba(118,255,151,.66)!important;background:linear-gradient(180deg,rgba(29,91,45,.95),rgba(5,20,11,.99))!important;color:#fff!important}
.danger-btn{border-color:rgba(255,124,121,.48)!important;background:linear-gradient(180deg,rgba(111,31,30,.78),rgba(39,8,8,.96))!important;color:#ffd8d7!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--tt-emerald-hi)!important;outline-offset:3px!important}

input,select,textarea{
  border-color:rgba(152,211,164,.25)!important;background:#030a06!important;color:#f4faf5!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.32)!important;
}
input:hover,select:hover,textarea:hover{border-color:rgba(243,196,95,.42)!important}
input:focus,select:focus,textarea:focus{border-color:var(--tt-emerald)!important;box-shadow:0 0 0 3px rgba(72,239,115,.11),inset 0 1px 8px rgba(0,0,0,.3)!important}
input::placeholder,textarea::placeholder{color:#728278;opacity:1}

.tag.green,.notice.good,.task-automatic-check{
  border-color:rgba(74,246,116,.46)!important;background:linear-gradient(135deg,rgba(15,100,44,.35),rgba(3,24,12,.8))!important;color:var(--tt-emerald-hi)!important;
}
.tag.gold,.notice.warning,.tt-showcase-status{
  border-color:rgba(255,215,114,.52)!important;background:linear-gradient(135deg,rgba(113,73,13,.36),rgba(26,17,4,.84))!important;color:#ffe29a!important;
}
.notice.danger{border-color:rgba(255,124,121,.44)!important;background:linear-gradient(135deg,rgba(101,26,25,.34),rgba(28,5,5,.82))!important;color:#ffc5c3!important}
.notice strong{color:#fff5d6!important}.presence,.dot,.command-status i{background:var(--tt-emerald)!important;box-shadow:0 0 12px rgba(72,239,115,.72)!important}

.home-command-deck{border-color:rgba(255,215,112,.42)!important;background:#020704!important;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,233,164,.06)!important}
.home-command-deck .hero-v2{background:radial-gradient(circle at 19% 40%,rgba(49,229,91,.15),transparent 30%),radial-gradient(circle at 82% 36%,rgba(239,184,54,.14),transparent 27%),linear-gradient(122deg,#06130b,#020704 52%,#160e04)!important}
.home-command-deck .hero-video-card{border-color:rgba(255,218,119,.62)!important;background:#020704!important;box-shadow:0 22px 52px rgba(0,0,0,.5),0 0 28px rgba(72,239,115,.08)!important}
.hero-video-image{position:relative;isolation:isolate;background:#010403!important}
.hero-preview-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;background:#010403}
.hero-video-image:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(1,5,3,.04),transparent 44%,rgba(1,5,3,.62));transition:opacity .2s ease}
.video-badge,.video-copy,.video-concept-note{z-index:3;pointer-events:none;transition:opacity .18s ease}
.video-badge{border:1px solid rgba(255,223,132,.56)!important;background:rgba(12,8,2,.88)!important;color:#ffe7a5!important}
.video-copy{bottom:46px!important}.video-copy b{color:var(--tt-gold-hi)!important}.video-copy strong{color:#fff!important}.video-copy small{color:#c7d5ca!important}
.video-concept-note{position:absolute;top:9px;right:9px;left:auto;bottom:auto;max-width:76%;padding:5px 8px;border:1px solid rgba(255,225,139,.36);border-radius:5px;background:rgba(1,6,3,.88);color:#f4d787;font-size:6px;font-weight:900;letter-spacing:.12em;text-align:center}
.hero-video-card.is-playing .video-badge,.hero-video-card.is-playing .video-copy,.hero-video-card.is-playing .hero-video-image:after{opacity:0}
.video-stats{border-color:rgba(72,239,115,.18)!important;background:linear-gradient(90deg,#07180e,#120d04)!important}.video-stats b{color:#ffe191!important}.video-stats small{color:#8fa99a!important}

.tt-home-showcase{border-color:rgba(255,217,117,.4)!important;background:var(--tt-panel-raised)!important}
.tt-showcase-viewport{border-color:rgba(255,220,125,.38)!important;background:#010403!important;box-shadow:inset 0 0 36px rgba(0,0,0,.34)}
.tt-showcase-track{will-change:auto!important}.tt-showcase-track.is-moving{will-change:transform!important}
.tt-showcase-slide>img{filter:saturate(1.08) contrast(1.06) brightness(1.01)!important;transform:scale(1.005)!important}
.tt-showcase-slide>img:not([src]){visibility:hidden}
.tt-showcase-shade{background:linear-gradient(90deg,rgba(1,6,3,.95),rgba(1,6,3,.66) 43%,rgba(1,6,3,.08) 75%),linear-gradient(0deg,rgba(1,5,3,.72),transparent 58%)!important}
.tt-showcase-copy>small{color:var(--tt-emerald-hi)!important}.tt-showcase-copy h3{color:#fff7dc!important;text-shadow:0 3px 0 rgba(83,49,7,.68),0 12px 28px rgba(0,0,0,.7)!important}.tt-showcase-copy p{color:#d0dbd2!important}
.tt-showcase-dots button{border:0!important;background:#25402f!important;box-shadow:none!important}.tt-showcase-dots button.is-active{background:linear-gradient(90deg,var(--tt-emerald),var(--tt-gold))!important;box-shadow:0 0 9px rgba(72,239,115,.24)!important}

.game-card img,.news-feature>img,.news-side-list img,.announcement-media-item img,.platform-highlights img{filter:saturate(1.04) contrast(1.05) brightness(.98)}
.game-card:hover img,.news-feature:hover>img,.platform-highlights>a:hover img{filter:saturate(1.13) contrast(1.06) brightness(1.04)}

/* Keep zoom, refresh and WebGL recovery on one compositing plane. */
.platform-3d-sitewide{width:100%!important;max-width:100%!important;filter:none!important;contain:size layout style!important;opacity:.1!important;pointer-events:none!important}
.platform-3d-sitewide[hidden]{display:none!important}
.home-panel,.game-card,.content-card,.collectible,.task-row,.stack-item{content-visibility:visible!important;contain:layout style!important}
.featured-game img,.game-card img,.news-feature img,.news-side-list img,.announcement-media-item img,.platform-highlights img{backface-visibility:visible!important}
.hero-v2-copy,.hero-video-card,.hero-v2-character{backface-visibility:visible!important}
.hero-v2-bg,.hero-croc-figure{will-change:auto!important}
html[data-tt-layout-transition] .platform-3d-sitewide,html[data-tt-viewport-scaled] .platform-3d-sitewide{visibility:hidden!important}
html[data-tt-layout-transition] .tt-3d-surface,html[data-tt-layout-transition] .hero-v2-copy,html[data-tt-layout-transition] .hero-video-card{transform:none!important;transition:none!important}
html[data-tt-layout-transition] .hero-v2-bg,html[data-tt-layout-transition] .hero-croc-figure{animation-play-state:paused!important;filter:none!important}
html[data-tt-layout-transition] .topbar,html[data-tt-layout-transition] .drawer-scrim,html[data-tt-layout-transition] .modal-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .drawer-scrim,.modal-backdrop,.command-backdrop{background:rgba(0,0,0,.88)!important}
}

@media(max-width:680px){
  body.tt-drawer-active .tt-runtime-guardian{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .primary,.ghost,.gold-btn,.danger-btn{min-height:44px}
  .home-page .hero-video-image{aspect-ratio:16/9!important}
  .video-copy{bottom:48px!important;left:10px!important}.video-copy strong{font-size:12px!important}.video-copy small{font-size:6px!important}
  .video-concept-note{font-size:5px;letter-spacing:.08em}
  .tt-showcase-slide>img{object-position:62% center}
  .tt-showcase-shade{background:linear-gradient(0deg,rgba(1,6,3,.98),rgba(1,6,3,.73) 48%,rgba(1,6,3,.04) 82%)!important}
  .panel,.content-card,.game-card{box-shadow:inset 0 1px rgba(255,239,187,.045),0 10px 24px rgba(0,0,0,.24)!important}
}

@media(prefers-reduced-motion:reduce){
  .primary,.ghost,.gold-btn,.command-cta,.hero-video-image:after,.video-badge,.video-copy,.video-concept-note,.game-card img,.news-feature>img,.platform-highlights img{transition:none!important;transform:none!important}
}

/* Platform Final v144 — compact drawer controls and centered authentication. */
.drawer-toggle-left{
  width:78px!important;min-width:78px!important;min-height:52px!important;
  grid-template-columns:1fr!important;place-items:center!important;gap:0!important;
  padding:0 14px!important;border-radius:0 14px 14px 0!important;
}
.drawer-toggle-left .drawer-toggle-menu-label{
  display:block!important;min-width:0!important;margin:0!important;color:#ffe29a!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important;
  line-height:1!important;text-align:center!important;white-space:nowrap!important;
}
.drawer-toggle-right{
  right:10px!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
  display:grid!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;
  padding:5px!important;border-radius:50%!important;overflow:hidden!important;
}
.drawer-profile-avatar{
  display:grid!important;width:48px!important;height:48px!important;min-width:48px!important;place-items:center!important;
  overflow:hidden!important;border:1px solid rgba(255,229,151,.36)!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 34%,rgba(230,188,78,.17),rgba(5,4,2,.96) 72%)!important;
  box-shadow:0 0 24px rgba(72,239,115,.16)!important;
}
.drawer-profile-image,.drawer-user-mark,.drawer-user-mark img{border-radius:50%!important}
.drawer-profile-image{
  width:100%!important;height:100%!important;margin:0!important;border:0!important;object-fit:cover!important;object-position:50% 34%!important;
  transform:none!important;filter:brightness(1.08) contrast(1.08) saturate(1.02)!important;box-shadow:none!important;
}
body.tt-modal-active{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
.modal{
  position:fixed!important;inset:0!important;z-index:260!important;
  width:100%!important;height:100%!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
  align-items:center!important;justify-items:center!important;isolation:isolate!important;
}
.modal.open{display:grid!important;place-items:center!important}
.modal .modal-backdrop{position:absolute!important;inset:0!important}
.modal .modal-panel{touch-action:pan-y!important;overscroll-behavior:contain!important}
#authModal .auth-panel{
  width:min(540px,calc(100vw - 24px))!important;max-height:min(88dvh,780px)!important;
  overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges;
}

/* Freeze redundant compositing work only while viewport geometry is changing. */
html[data-tt-layout-transition] .ambient,
html[data-tt-layout-transition] .hero-wind-scene,
html[data-tt-layout-transition] .collectible-sheen,
html[data-tt-layout-transition] .tt-showcase-track{
  animation-play-state:paused!important;
}
html[data-tt-layout-transition] .tt-showcase-track{transition:none!important}
.home-intelligence-grid,.tt-home-showcase,.home-page>.trust-strip,.site-footer{
  content-visibility:auto;contain-intrinsic-size:auto 440px;
}

@media(max-width:700px){
  .drawer-toggle-left{width:72px!important;min-width:72px!important;min-height:48px!important;padding:0 11px!important}
  .drawer-toggle-left .drawer-toggle-menu-label{font-size:9px!important}
  .drawer-toggle-right{right:8px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;padding:5px!important}
  .drawer-profile-avatar{width:42px!important;height:42px!important;min-width:42px!important}
  .modal .modal-panel{width:min(540px,calc(100vw - 16px))!important;max-height:calc(100dvh - 16px)!important}
}
@media(max-width:390px){
  .drawer-toggle-left{width:68px!important;min-width:68px!important;grid-template-columns:1fr!important}
  .drawer-toggle-left .drawer-toggle-menu-label{display:block!important}
  .drawer-toggle-right{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .drawer-profile-avatar{width:40px!important;height:40px!important;min-width:40px!important}
}


/* Pinch/browser zoom pauses expensive paint only for the active gesture. */
html[data-tt-zoom-active] .ambient,
html[data-tt-zoom-active] .hero-wind-scene,
html[data-tt-zoom-active] .hero-v2-bg,
html[data-tt-zoom-active] .hero-croc-figure,
html[data-tt-zoom-active] .collectible-sheen,
html[data-tt-zoom-active] .tt-showcase-track{
  animation-play-state:paused!important;
}
html[data-tt-zoom-active] .tt-showcase-track,
html[data-tt-zoom-active] .tt-3d-surface{
  transition:none!important;
}
html[data-tt-zoom-active] .drawer-scrim,
html[data-tt-zoom-active] .modal-backdrop{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}


/* Platform Final v145 — final home balance and lighter mobile runtime. */
.home-page .hero-v2-grid{gap:8px!important}
.home-page .hero-v2-character img{height:min(540px,39vw)!important;min-height:450px!important}
@media(max-width:980px){
  .topbar,.left-rail,.right-rail,.drawer-head,.drawer-toggle,.game-filterbar,.premium-card-toolbar{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
}
@media(max-width:700px){
  .home-page .hero-v2-character{min-height:270px!important;height:270px!important}
  .home-page .hero-v2-character img{height:390px!important;bottom:-108px!important;min-height:0!important}
}