:root{
  --bg:#0c0c0d;
  --panel:#151515;
  --panel2:#1c1c1d;
  --line:#2d2d2f;
  --line2:#414143;
  --text:#f6f6f3;
  --muted:#a3a3a3;
  --lime:#ff5a1f;
  --orange:#ff956f;
  --cream:#f1f1ee;
  --sidebar:250px;
}

::selection{background:#ff5a1f;color:#121212}
body{background:radial-gradient(circle at 70% -20%,rgba(255,90,31,.07),transparent 34%),var(--bg)}
.sidebar{background:#101011;border-right-color:#29292a}
.brand-lockup{display:block;margin:-12px 0 2px;padding:0 2px;line-height:normal}
.brand-lockup img{display:block;width:100%;height:auto}
.season-tag{margin-top:12px}
.mini-logo img{width:31px;height:31px;border-radius:8px;object-fit:cover}
.footer-brand{width:116px;flex:0 0 auto}
.footer-brand img{display:block;width:100%;height:auto}
.card-brand{display:flex;align-items:center;gap:6px}
.card-brand img{width:20px;height:20px;border-radius:5px}

.hero{background:radial-gradient(circle at 86% 42%,rgba(255,90,31,.13),transparent 30%),linear-gradient(125deg,#151516,#0c0c0d 62%)}
.hero:before{border-left-color:rgba(255,90,31,.25);background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(255,255,255,.025) 25px 26px)}
.hero:after{content:'';position:absolute;right:-70px;top:58px;width:360px;height:360px;background:url('assets/the-split-icon.png') center/contain no-repeat;opacity:.055;transform:rotate(-7deg);pointer-events:none}
.hero-copy,.hero-telemetry{position:relative;z-index:2}
.compact-hero,.admin-hero{background-image:radial-gradient(circle at 88% 45%,rgba(255,90,31,.07),transparent 30%)}

.live-dot{background:#ff5a1f;box-shadow:0 0 0 3px rgba(255,90,31,.1),0 0 14px rgba(255,90,31,.72)}
.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(255,90,31,.13),transparent)}
.segmented button.active{background:linear-gradient(0deg,rgba(255,90,31,.09),transparent)}
.button.primary:hover{box-shadow:0 8px 30px rgba(255,90,31,.2)}
.profile-avatar,.top-avatar,.avatar-button{border-color:#555;background:linear-gradient(145deg,#272728,#141415)}
.status-card{background:#171718}
.admin-mode{border-color:#71412f;background:#21140f}
.admin-notice{border-color:#5b4036;background:#1c1411}
.admin-icon,.admin-metric-icon{background:#261914}
.daily-game-shell{background:radial-gradient(circle at 92% 8%,rgba(255,90,31,.1),transparent 28%),var(--panel)}
.daily-scheduler.featured-scheduler{border-color:#75422f;background:radial-gradient(circle at 90% 5%,rgba(255,90,31,.1),transparent 35%),var(--panel)}
.word-icon{background:#321a12;color:#ff5a1f}
.foil{background:conic-gradient(from 90deg,transparent,rgba(255,90,31,.14),transparent,rgba(255,255,255,.07),transparent)}
.driver-card{outline-color:#8d4b31;background:linear-gradient(140deg,#161313 0 44%,#5a2d1d 44% 47%,#191515 47%)}
.driver-name{border-color:#84452f}
.take-vote>div{background:#414143}
.take-vote button:last-child b{color:#a3a3a3}
.gridword-board span.present{background:#7a665d;border-color:#9b8175}
.track-map{background-color:#0f0f10}

@media(max-width:820px){
  :root{--sidebar:0px}
  .brand-lockup{margin:-8px 0 0}
}

@media(max-width:600px){
  .footer-brand{width:132px}
  .hero:after{width:250px;height:250px;right:-95px;top:95px}
}
/* Shared preview access gate */
html.site-locked,
html.site-locked body {
  min-height: 100%;
  overflow: hidden;
  background: #101010;
}

html.site-locked body > :not(#siteGate) {
  display: none !important;
}

.access-gate {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 24px;
  color: #f5f5f2;
  background:
    radial-gradient(circle at 18% 15%, rgba(255, 82, 31, .18), transparent 32%),
    linear-gradient(145deg, #191919 0%, #0b0b0b 72%);
  font-family: "DM Sans", system-ui, sans-serif;
}

.access-gate::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image: repeating-linear-gradient(115deg, transparent 0 30px, rgba(255, 255, 255, .035) 31px 32px);
}

.access-card {
  position: relative;
  width: min(460px, 100%);
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-top: 3px solid #ff521f;
  border-radius: 12px;
  background: rgba(22, 22, 22, .94);
  box-shadow: 0 26px 90px rgba(0, 0, 0, .55);
}

.access-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 34px;
}

.access-brand img {
  width: 54px;
  height: 54px;
  border-radius: 12px;
}

.access-brand b,
.access-brand span {
  display: block;
}

.access-brand b {
  font: 800 25px/1 "Barlow Condensed", system-ui, sans-serif;
  letter-spacing: .08em;
}

.access-brand span {
  margin-top: 5px;
  color: #9e9e9e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
}

.access-kicker {
  color: #ff6a3c;
  font: 700 11px/1 "DM Sans", system-ui, sans-serif;
  letter-spacing: .18em;
}

.access-card h1 {
  margin: 10px 0 8px;
  font: italic 800 clamp(36px, 8vw, 50px)/.94 "Barlow Condensed", system-ui, sans-serif;
  letter-spacing: -.02em;
}

.access-card > p {
  margin: 0 0 25px;
  color: #aaa;
  line-height: 1.55;
}

.access-form label {
  display: block;
  margin-bottom: 9px;
  color: #c9c9c9;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}

.access-field {
  display: grid;
  grid-template-columns: 1fr auto;
  overflow: hidden;
  border: 1px solid #3a3a3a;
  border-radius: 7px;
  background: #0d0d0d;
}

.access-field:focus-within {
  border-color: #ff521f;
  box-shadow: 0 0 0 3px rgba(255, 82, 31, .14);
}

.access-field input {
  min-width: 0;
  padding: 15px;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font: 600 16px/1 "DM Sans", system-ui, sans-serif;
}

.access-field button {
  padding: 0 14px;
  border: 0;
  color: #a8a8a8;
  background: transparent;
  cursor: pointer;
  font-weight: 800;
}

.access-submit {
  width: 100%;
  margin-top: 13px;
  padding: 15px 18px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #ff521f;
  cursor: pointer;
  font: 800 14px/1 "Barlow Condensed", system-ui, sans-serif;
  letter-spacing: .08em;
}

.access-submit:hover {
  background: #ff6a3c;
}

.access-error {
  min-height: 21px;
  margin: 10px 0 0 !important;
  color: #ff8b68 !important;
  font-size: 13px;
}

.access-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  color: #737373;
  font-size: 11px;
}

.access-foot i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #49d67d;
  box-shadow: 0 0 12px #49d67d;
}

@media (max-width: 520px) {
  .access-card { padding: 27px 22px; }
}

/* Readability pass: clips, submissions, and Garage Calls */
.clip-card .card-body > p {
  margin: 8px 0 16px;
  color: #aab3ae;
  font-size: 13px;
  line-height: 1.45;
}

.clip-card .card-body > p b {
  color: #f1f3f0;
  font-size: 13px;
}

.submit-strip {
  padding: 25px 26px;
}

.submit-strip .kicker {
  font-size: 13px;
}

.submit-strip h3 {
  font-size: 31px;
  margin: 7px 0 8px;
}

.submit-strip p {
  max-width: 720px;
  color: #a8b0ac;
  font-size: 13px;
  line-height: 1.55;
}

.submit-strip .button {
  min-height: 46px;
  font-size: 13px;
}

#submitModal .modal-card {
  padding: 32px;
}

#submitModal .modal-card h2 {
  font-size: 37px;
}

#submitModal .modal-card label {
  font-size: 13px;
  line-height: 1.35;
}

#submitModal select,
#submitModal input {
  font-size: 15px;
}

#submitModal .fake-upload b {
  font-size: 14px;
}

#submitModal .fake-upload small {
  font-size: 11px;
}

#submitModal .form-note {
  font-size: 12px;
  line-height: 1.6;
}

.section-heading:has(+ .garage-calls) .kicker {
  font-size: 12px;
}

.section-heading:has(+ .garage-calls) h2 {
  font-size: 35px;
}

.section-heading:has(+ .garage-calls) .text-button {
  font-size: 11px;
}

.garage-card {
  padding: 18px;
  grid-template-columns: 48px 1fr auto;
  gap: 14px;
}

.garage-logo {
  width: 48px;
  height: 48px;
  font-size: 18px;
}

.garage-card h4 {
  font-size: 19px;
}

.garage-card p {
  margin: 5px 0;
  color: #a3ada8;
  font-size: 12px;
  line-height: 1.35;
}

.garage-card small {
  color: #d0d6d2;
  font-size: 10px;
  line-height: 1.35;
}

.garage-card button {
  font-size: 11px;
  padding: 9px 10px;
}

@media (max-width: 600px) {
  .submit-strip { padding: 22px; }
  .submit-strip h3 { font-size: 28px; }
  #submitModal .modal-card { padding: 27px 22px; }
  .garage-card { grid-template-columns: 48px 1fr; }
  .garage-card button { grid-column: 1 / -1; width: 100%; }
}

/* Pit Lane readability and scale */
#pitlane .pit-tabs button {
  padding: 15px 23px;
  font-size: 13px;
}

#pitlane .finder-layout {
  grid-template-columns: 330px 1fr;
  gap: 36px;
}

#pitlane .filters {
  padding: 26px;
  gap: 18px;
}

#pitlane .filters .kicker {
  font-size: 12px;
}

#pitlane .filters h3 {
  font-size: 29px;
}

#pitlane .filters label {
  gap: 8px;
  font-size: 12px;
}

#pitlane .filters select {
  min-height: 48px;
  font-size: 15px;
}

#pitlane .filters .button {
  min-height: 47px;
  font-size: 14px;
}

#pitlane .team-stack {
  max-width: 680px;
}

#pitlane .team-cover {
  height: 215px;
}

#pitlane .team-cover b {
  font-size: 76px;
}

#pitlane .team-cover span {
  padding: 7px 10px;
  font-size: 11px;
}

#pitlane .team-content {
  padding: 28px;
}

#pitlane .team-content h2 {
  font-size: 39px;
}

#pitlane .team-content > p {
  font-size: 14px;
  line-height: 1.65;
}

#pitlane .team-tags {
  gap: 8px;
}

#pitlane .team-tags span {
  padding: 8px 11px;
  font-size: 11px;
}

#pitlane .team-members .mini-avatar {
  width: 34px;
  height: 34px;
  font-size: 11px;
}

#pitlane .team-members small {
  font-size: 11px;
}

#pitlane .swipe-actions {
  gap: 18px;
  margin-top: 22px;
}

#pitlane .swipe-actions button {
  width: 58px;
  height: 58px;
  font-size: 28px;
}

#pitlane .team-stack > p {
  font-size: 11px;
}

#pitlane .confession-compose {
  padding: 26px;
}

#pitlane .confession-compose textarea {
  min-height: 135px;
  font-size: 16px;
  line-height: 1.6;
}

#pitlane .confession-compose > div {
  margin-top: 14px;
  font-size: 11px;
}

#pitlane .confession-compose .button {
  min-height: 45px;
  font-size: 13px;
}

#pitlane .confession-grid {
  column-gap: 17px;
  margin-top: 18px;
}

#pitlane .confession-card {
  padding: 24px;
  margin-bottom: 17px;
}

#pitlane .confession-card::before {
  font-size: 58px;
}

#pitlane .confession-card p {
  font-size: 18px;
  line-height: 1.6;
}

#pitlane .confession-card footer,
#pitlane .confession-card button {
  font-size: 11px;
}

#pitlane .excuse-machine {
  max-width: 880px;
  margin-block: 44px;
}

#pitlane .excuse-machine > .kicker {
  font-size: 13px;
}

#pitlane .excuse-machine h2 {
  font-size: 49px;
  margin: 10px 0 30px;
}

#pitlane .excuse-display {
  min-height: 270px;
  grid-template-columns: 60px 1fr 60px;
  padding: 34px;
}

#pitlane .excuse-display > span {
  font-size: 76px;
}

#pitlane .excuse-display blockquote {
  font-size: clamp(30px, 4vw, 43px);
}

#pitlane .excuse-button {
  min-height: 54px;
  padding-inline: 28px;
  font-size: 15px;
}

#pitlane .excuse-machine .button {
  min-height: 44px;
  font-size: 13px;
}

#pitlane .excuse-machine > small {
  font-size: 11px;
  line-height: 1.5;
}

#pitlane .meme-grid {
  gap: 18px;
}

#pitlane .meme-art {
  height: 310px;
  padding: 20px;
  font-size: 30px;
}

#pitlane .meme-art::after {
  font-size: 110px;
}

#pitlane .meme-card footer {
  padding: 16px;
}

#pitlane .meme-card small {
  font-size: 12px;
}

#pitlane .meme-card button {
  padding: 9px 13px;
  font-size: 12px;
}

@media (max-width: 820px) {
  #pitlane .finder-layout { grid-template-columns: 1fr; gap: 24px; }
  #pitlane .team-stack { max-width: 100%; }
  #pitlane .filters { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  #pitlane .pit-tabs button { padding: 14px 17px; font-size: 12px; }
  #pitlane .filters { display: flex; padding: 22px; }
  #pitlane .team-cover { height: 180px; }
  #pitlane .team-content { padding: 22px; }
  #pitlane .team-content h2 { font-size: 34px; }
  #pitlane .confession-compose { padding: 20px; }
  #pitlane .excuse-display { min-height: 235px; grid-template-columns: 34px 1fr 34px; padding: 22px 12px; }
  #pitlane .excuse-display > span { font-size: 52px; }
  #pitlane .excuse-machine h2 { font-size: 40px; }
  #pitlane .meme-art { height: 300px; }
}