:root{
  --c-bg:#05070b;
  --c-panel:#0c111b;
  --c-panel2:#111827;
  --c-line:rgba(255,255,255,.12);
  --c-text:#f8fafc;
  --c-muted:rgba(248,250,252,.68);
  --c-red:#ff2438;
  --c-orange:#ff8a00;
  --c-gold:#ffc247;
  --c-cyan:#00d5ff;
  --c-purple:#9b5cff;
  --c-green:#38f2a5;
}

html{
  background:#05070b!important;
}

body{
  color:var(--c-text)!important;
  background:
    radial-gradient(circle at 12% -8%, rgba(255,36,56,.30), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(0,213,255,.22), transparent 26%),
    radial-gradient(circle at 55% 105%, rgba(255,138,0,.18), transparent 34%),
    linear-gradient(135deg,#040509 0%,#090d15 42%,#101827 100%)!important;
}

body:before{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.65!important;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 90%)!important;
}

body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.04) 46%, transparent 52%),
    repeating-linear-gradient(90deg, transparent 0 80px, rgba(255,255,255,.025) 80px 82px);
  opacity:.55;
}

.shell{
  width:min(1240px,calc(100% - 26px))!important;
}

.nav{
  border-radius:26px!important;
  background:rgba(6,9,15,.82)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.40)!important;
}

.brand{
  color:#fff!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase;
}

.logo{
  background:linear-gradient(135deg,var(--c-red),var(--c-orange))!important;
  box-shadow:0 0 30px rgba(255,36,56,.42)!important;
}

.links a{
  color:rgba(255,255,255,.78)!important;
}

.links a:hover{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}

.links .signup{
  background:linear-gradient(135deg,var(--c-red),var(--c-orange))!important;
  color:#fff!important;
}

.card,
.panel,
.preview{
  color:var(--c-text)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),
    rgba(8,12,20,.92)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 75px rgba(0,0,0,.32)!important;
}

.card:before{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,36,56,.12),transparent 30%),
    radial-gradient(circle at 100% 20%,rgba(0,213,255,.09),transparent 32%)!important;
}

h1,h2,h3,
.car,
.previewTitle{
  color:#fff!important;
}

p,.small,li,
.owner,
.panel p{
  color:var(--c-muted)!important;
}

a{
  color:var(--c-cyan)!important;
}

.pill,
.badge.live,
.status{
  color:#fff!important;
  background:linear-gradient(135deg,var(--c-red),var(--c-orange))!important;
  box-shadow:0 12px 32px rgba(255,36,56,.25)!important;
}

.badge{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
}

.btn,
button,
input[type=submit]{
  background:linear-gradient(135deg,var(--c-red),var(--c-orange))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 18px 42px rgba(255,36,56,.27)!important;
  text-transform:uppercase;
  letter-spacing:.025em;
}

a.btn:not(.primary),
.btn.secondary{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}

input,
select,
textarea{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}

input::placeholder,
textarea::placeholder{
  color:rgba(255,255,255,.45)!important;
}

label{
  color:rgba(255,255,255,.82)!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:12px!important;
}

table{
  color:#fff!important;
}

th{
  color:rgba(255,255,255,.55)!important;
}

td{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}

td a{
  background:rgba(255,36,56,.14)!important;
  color:#fff!important;
}

.hero{
  min-height:78vh!important;
  border-radius:38px!important;
  background:
    linear-gradient(90deg,rgba(4,5,9,.82),rgba(4,5,9,.42)),
    radial-gradient(circle at 18% 14%,rgba(255,36,56,.38),transparent 31%),
    radial-gradient(circle at 85% 10%,rgba(0,213,255,.25),transparent 30%),
    linear-gradient(135deg,#060910,#111827)!important;
  border:1px solid rgba(255,255,255,.13);
}

.hero h1{
  text-transform:uppercase;
  letter-spacing:-.075em!important;
  text-shadow:0 18px 55px rgba(0,0,0,.50);
}

.grad{
  background:linear-gradient(135deg,#fff 0%,var(--c-gold) 34%,var(--c-red) 76%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.heroCopy{
  color:rgba(255,255,255,.74)!important;
}

.preview{
  border-radius:34px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04)),
    rgba(7,10,18,.92)!important;
}

.entryCard{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

.rank{
  background:linear-gradient(135deg,var(--c-gold),var(--c-red))!important;
}

.score{
  color:var(--c-gold)!important;
}

.metric{
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}

.metric span{
  color:rgba(255,255,255,.68)!important;
}

.chip{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

.crownd-app-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}

.crownd-feature-tile{
  min-height:150px;
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.025)),
    rgba(7,10,18,.88);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 20px 56px rgba(0,0,0,.30);
}

.crownd-feature-tile:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,36,56,.24),transparent 32%),
    radial-gradient(circle at 92% 18%,rgba(0,213,255,.17),transparent 28%);
}

.crownd-feature-tile > *{
  position:relative;
  z-index:1;
}

.crownd-feature-tile strong{
  display:block;
  color:#fff;
  font-size:25px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-.04em;
}

.crownd-feature-tile span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.65);
  font-weight:800;
}

.crownd-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:22px;
}

.crownd-strip div{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
}

.crownd-strip b{
  color:var(--c-gold);
  display:block;
  font-size:26px;
}

.crownd-strip span{
  color:rgba(255,255,255,.68);
  font-weight:800;
}

img[src^="/uploads/shows/"]{
  box-shadow:0 22px 60px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
}

@media(max-width:900px){
  .crownd-app-grid,
  .crownd-strip{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .crownd-app-grid,
  .crownd-strip{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:44px!important;
  }
}


/* featured show split mobile */
@media(max-width:760px){
  .card div[style*="grid-template-columns:1.15fr .85fr"]{
    grid-template-columns:1fr!important;
  }
  .card div[style*="border-left:1px solid"]{
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
}


/* Crown'd split image cards */
.crownd-split-card{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:300px;
}

.crownd-image-panel{
  min-height:300px;
  background:rgba(0,0,0,.36);
  display:flex;
  align-items:center;
  justify-content:center;
  border-left:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}

.crownd-panel-img{
  width:100%;
  height:100%;
  max-height:380px;
  object-fit:contain;
  background:rgba(0,0,0,.35);
  display:block;
}

@media(max-width:760px){
  .crownd-split-card{
    grid-template-columns:1fr!important;
  }

  .crownd-image-panel{
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }

  .crownd-panel-img{
    max-height:340px;
  }
}


/* Crown'd Option 6 Brand Lockup */
.crowndNavBrand,
.brand.crowndNavBrand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
}

.crowndBrandLockup{
  display:inline-flex;
  align-items:center;
  gap:11px;
  line-height:1;
  white-space:nowrap;
}

.crowndMark{
  width:50px;
  height:42px;
  display:inline-grid;
  place-items:center;
  filter:drop-shadow(0 10px 22px rgba(255,45,61,.22));
}

.crowndMark svg{
  width:100%;
  height:100%;
  overflow:visible;
}

.crowndMarkCrown,
.crowndMarkC{
  fill:#ffffff;
}

.crowndMarkSlash{
  fill:url(#crowndAccent);
}

.crowndWordmark{
  font-weight:1000;
  font-size:26px;
  letter-spacing:-.045em;
  color:#ffffff;
  text-transform:uppercase;
  text-shadow:0 12px 32px rgba(0,0,0,.32);
}

.crowndWordmark span{
  color:#ff3b32;
}

.crowndBrandLockup.large .crowndMark{
  width:82px;
  height:64px;
}

.crowndBrandLockup.large .crowndWordmark{
  font-size:48px;
}

.logo{
  display:none!important;
}

@media(max-width:560px){
  .crowndWordmark{
    font-size:22px;
  }

  .crowndMark{
    width:42px;
    height:36px;
  }
}

/* ===== FINAL REAL CROWN'D LOGO ===== */
.crowndNavBrand,
.brand.crowndNavBrand{
  display:flex !important;
  align-items:center !important;
  text-decoration:none !important;
}

.crowndBrandLockup{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
}

.crowndRealLogo{
  display:block !important;
  height:56px !important;
  width:auto !important;
  max-width:260px !important;
  object-fit:contain !important;
}

.logo{
  display:none !important;
}

@media (max-width: 640px){
  .crowndRealLogo{
    height:44px !important;
    max-width:210px !important;
  }
}

/* Auth buttons top-right inside nav */
.nav.hasAuthTopRight{
  position:relative !important;
  padding-top:58px !important;
}

.nav .authLinks{
  position:absolute !important;
  top:12px !important;
  right:16px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  z-index:5 !important;
}

.nav .authLinks a{
  min-height:38px !important;
  padding:9px 15px !important;
  border-radius:999px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.nav .authLinks .authLogin{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.nav .authLinks .authSignup,
.nav .authLinks .authLogout{
  color:#fff !important;
  background:linear-gradient(135deg,#ff2438,#ff8a00) !important;
  box-shadow:0 14px 32px rgba(255,45,61,.25) !important;
}

.nav .links{
  justify-content:center !important;
  width:100% !important;
}

.nav .links > a[href="/login"],
.nav .links > a[href="/signup"],
.nav .links > a[href="/logout"]{
  display:none !important;
}

@media(max-width:760px){
  .nav.hasAuthTopRight{
    padding-top:92px !important;
  }

  .nav .authLinks{
    left:12px !important;
    right:12px !important;
    justify-content:center !important;
  }
}

/* ===== CLEAN CROWN'D NAV BRAND + AUTH FIX ===== */
.nav{
  position:sticky !important;
  top:14px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:20px !important;
  padding:16px 18px !important;
  min-height:98px !important;
}

.nav.hasAuthTopRight{
  padding-top:16px !important;
}

.crowndNavBrand,
.brand.crowndNavBrand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  align-self:center !important;
  min-width:190px !important;
  text-decoration:none !important;
}

.crowndBrandLockup{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.crowndCleanIcon{
  width:54px !important;
  height:46px !important;
  display:inline-grid !important;
  place-items:center !important;
  filter:drop-shadow(0 12px 24px rgba(255,80,0,.23)) !important;
}

.crowndCleanIcon svg{
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}

.crowndCleanWord{
  font-size:27px !important;
  font-weight:1000 !important;
  letter-spacing:-.05em !important;
  color:#fff !important;
  text-transform:uppercase !important;
  text-shadow:0 10px 26px rgba(0,0,0,.32) !important;
}

.crowndCleanWord span{
  color:#ff3b32 !important;
}

.crowndRealLogo,
.logo,
.crowndMark,
.crowndWordmark{
  display:none !important;
}

.nav .links{
  width:auto !important;
  justify-self:center !important;
  justify-content:center !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.nav .authLinks{
  position:static !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  z-index:5 !important;
}

.nav .authLinks a,
.nav .authUserPill{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.nav .authUserPill{
  color:rgba(255,255,255,.78) !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.nav .authLogin{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.nav .authSignup,
.nav .authLogout{
  color:#fff !important;
  background:linear-gradient(135deg,#ff2438,#ff8a00) !important;
  box-shadow:0 14px 32px rgba(255,45,61,.25) !important;
}

.nav .links > a[href="/login"],
.nav .links > a[href="/signup"],
.nav .links > a[href="/logout"],
.nav .links > a[href="/profile/edit"],
.nav .links > a[href="/garage"]{
  display:none !important;
}

@media(max-width:980px){
  .nav{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    min-height:auto !important;
  }

  .crowndNavBrand,
  .brand.crowndNavBrand{
    justify-content:center !important;
    min-width:0 !important;
  }

  .nav .links{
    flex-wrap:wrap !important;
  }

  .nav .authLinks{
    justify-self:center !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
  }
}

@media(max-width:560px){
  .crowndCleanIcon{
    width:46px !important;
    height:40px !important;
  }

  .crowndCleanWord{
    font-size:22px !important;
  }
}

/* ===== CLEANER PREMIUM CROWN'D LOGO ===== */
.crowndCleanIcon,
.crowndCleanWord,
.crowndRealLogo,
.crowndMark,
.crowndWordmark,
.logo{
  display:none !important;
}

.crowndBrandLockup{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.crowndPremiumBadge{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  display:inline-grid !important;
  place-items:center !important;
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,.32), transparent 30%),
    linear-gradient(135deg,#ff273c 0%,#ff6a19 55%,#ff9f0a 100%) !important;
  box-shadow:
    0 16px 34px rgba(255,58,35,.24),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.crowndTinyCrown{
  color:#fff !important;
  font-size:27px !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  text-shadow:0 8px 16px rgba(0,0,0,.30) !important;
}

.crowndPremiumWord{
  color:#fff !important;
  font-size:29px !important;
  font-weight:1000 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
  text-shadow:0 10px 26px rgba(0,0,0,.35) !important;
}

.crowndPremiumWord span{
  color:#ff4a2f !important;
}

@media(max-width:560px){
  .crowndPremiumBadge{
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
  }

  .crowndTinyCrown{
    font-size:23px !important;
  }

  .crowndPremiumWord{
    font-size:24px !important;
  }
}

/* ===== FINAL DRAWN CROWN'D APP LOGO ===== */
.crowndCleanIcon,
.crowndCleanWord,
.crowndPremiumBadge,
.crowndPremiumWord,
.crowndTinyCrown,
.crowndRealLogo,
.crowndSiteLogo,
.crowndMark,
.crowndWordmark,
.logo{
  display:none !important;
}

.crowndNavBrand,
.brand.crowndNavBrand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-decoration:none !important;
  min-width:220px !important;
}

.crowndBrandLockup{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.crowndAppIcon{
  width:50px !important;
  height:50px !important;
  border-radius:15px !important;
  display:inline-grid !important;
  place-items:center !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.38), transparent 28%),
    linear-gradient(135deg,#ff273c 0%,#ff5125 45%,#ff8a00 100%) !important;
  box-shadow:
    0 16px 34px rgba(255,75,20,.24),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -12px 22px rgba(120,0,0,.16) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  transform:translateY(0) !important;
}

.crowndAppCrown{
  width:34px !important;
  height:34px !important;
  color:#fff !important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.28)) !important;
}

.crowndAppWord{
  color:#fff !important;
  font-size:29px !important;
  font-weight:1000 !important;
  letter-spacing:-.055em !important;
  text-transform:uppercase !important;
  text-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}

.crowndAppWord span{
  color:#ff4d32 !important;
}

.nav{
  align-items:center !important;
}

@media(max-width:560px){
  .crowndNavBrand,
  .brand.crowndNavBrand{
    min-width:0 !important;
  }

  .crowndAppIcon{
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
  }

  .crowndAppCrown{
    width:29px !important;
    height:29px !important;
  }

  .crowndAppWord{
    font-size:23px !important;
  }
}

/* ===== MY CROWN'D ACCOUNT CLEANUP ===== */

/* Hide old forced top edit-profile card if it exists */
#forceEditProfileBtn{
  display:none !important;
}

/* Make Account action buttons match */
#meAccountActions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:14px !important;
}

#meAccountActions .btn,
#meAccountActions a.btn,
.card a[href="/profile/edit"],
.card a[href="/garage"]{
  color:#fff !important;
  background:linear-gradient(135deg,#ff2438,#ff8a00) !important;
  border:0 !important;
  box-shadow:0 16px 34px rgba(255,45,61,.25) !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
}

/* Keep Account section clean and consistent */
.card h2 + p .pill,
.card h2 + p span.pill{
  background:linear-gradient(135deg,#ff2438,#ff8a00) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(255,45,61,.22) !important;
}