/* ===== site-v074.css ===== */

/* v0.7.2 shared layout, header and Potato Score repairs */
:root{--skab-max:1180px}
body{overflow-x:hidden}
.wrap,.site-header-inner,main.wrap{width:min(var(--skab-max),calc(100% - 32px))!important;max-width:var(--skab-max)!important;margin-left:auto!important;margin-right:auto!important}
.hero,.section-panel,.community-chat-panel{max-width:var(--skab-max);margin-left:auto;margin-right:auto}
.hero h2{max-width:760px!important}.hero-copy{max-width:670px!important}
@media(min-width:1500px){.brand h1{font-size:62px!important}.hero h2{font-size:76px!important}}
@media(max-width:720px){.wrap,.site-header-inner,main.wrap{width:calc(100% - 10px)!important;max-width:none!important}}

/* Matching header for every standalone page */
.skab-shared-header{position:relative;z-index:50;border-bottom:1px solid var(--line,#243040);background:rgba(7,9,12,.94);color:#e8eef6}
.skab-shared-header::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(44,232,255,.045) 26px 30px,transparent 30px 56px,rgba(255,47,142,.045) 56px 60px)}
.skab-header-inner{width:min(var(--skab-max),calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 15px}
.skab-brand-link{text-decoration:none;display:block}
.skab-brand-word{font-family:"Arial Narrow",Haettenschweiler,Impact,sans-serif;font-weight:900;font-size:clamp(38px,5vw,64px);line-height:.88;letter-spacing:.01em;text-transform:uppercase;transform:skewX(-9deg);transform-origin:left center;background:linear-gradient(96deg,#2ce8ff,#e8eef6 42%,#ff2f8e);-webkit-background-clip:text;background-clip:text;color:transparent}
.skab-brand-sub{margin-top:7px;color:#7d8ba0;font:9px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.skab-brand-sub b{color:#2ce8ff;font-weight:400}
.skab-header-nav{display:flex;gap:8px;align-items:flex-end}.skab-nav-btn{min-width:126px;border:1px solid #243040;background:#0d1118;color:#e8eef6;padding:11px 13px;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font:10px ui-monospace,monospace;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.skab-nav-btn.skab-hover-disabled-v172,.skab-tool-menu.open>.skab-nav-btn{border-color:#2ce8ff;background:rgba(44,232,255,.08)}
.skab-tool-menu{position:relative}.skab-tool-dropdown{display:none;position:absolute;right:0;top:calc(100% + 7px);width:240px;padding:6px;background:linear-gradient(180deg,#151c27,#0b1017);border:1px solid #243040;box-shadow:0 18px 50px rgba(0,0,0,.5);z-index:80}.skab-tool-menu.open .skab-tool-dropdown{display:block}.skab-tool-dropdown a{display:block;color:#7d8ba0;text-decoration:none;padding:10px 11px;border:1px solid transparent;font:10px ui-monospace,monospace;text-transform:uppercase}.skab-tool-dropdown a.skab-hover-disabled-v172{color:#e8eef6;border-color:#243040;background:rgba(44,232,255,.06)}
@media(max-width:680px){.skab-header-inner{width:calc(100% - 14px);padding:12px 0 10px;gap:9px}.skab-brand-word{font-size:34px}.skab-brand-sub{font-size:6px}.skab-header-nav{gap:5px}.skab-nav-btn{min-width:0;padding:9px 9px;font-size:8px}.skab-tool-dropdown{width:min(230px,88vw)}}

/* One shared compact Potato Score component everywhere */
.potato-rating,.detail-potato-rating{position:relative}
.potato-counts,.spuds{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(12px,2.4vw,22px)!important;flex-wrap:nowrap!important;margin-top:8px!important;overflow:visible!important}
.potato-count-icon,.spud{position:relative!important;border:0!important;border-bottom:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;width:36px!important;height:38px!important;min-width:36px!important;cursor:pointer!important;overflow:visible!important;display:block!important;filter:none!important;transition:transform .12s ease,filter .12s ease!important;text-decoration:none!important}
.potato-count-icon::before,.potato-count-icon::after,.spud::before,.spud::after{display:none!important;content:none!important;border:0!important}
.potato-count-icon img,.spud img{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.potato-count-icon.is-mine,.spud.is-mine{filter:drop-shadow(0 0 5px rgba(44,232,255,.55))!important;transform:translateY(-1px) scale(1.04)!important}
.potato-count-icon:active,.spud:active{transform:scale(.92)!important}
.potato-count-badge,.spud em{position:absolute!important;right:-5px!important;top:-5px!important;min-width:16px!important;height:16px!important;padding:0 3px!important;border-radius:999px!important;background:#20cbd9!important;color:#021015!important;border:1px solid #071019!important;display:grid!important;place-items:center!important;font:900 7px "Arial Narrow",Impact,sans-serif!important;box-shadow:0 0 6px rgba(32,203,217,.34)!important;z-index:2!important}
.potato-score{align-items:flex-start!important}.potato-score-value,.detail-score-value{color:#2ce8ff!important}.potato-score small,.detail-score-note{color:#7d8ba0!important}
.potato-react-btn,.potato-tray{display:none!important}
.browse-card.spud-interacting,.ride-card.spud-interacting{transform:none!important;animation:none!important;filter:none!important}
@media(max-width:780px){.potato-counts,.spuds{gap:clamp(13px,7vw,24px)!important}.potato-count-icon,.spud{width:31px!important;height:34px!important;min-width:31px!important}.potato-count-icon img,.spud img{width:30px!important;height:30px!important}.potato-count-badge,.spud em{right:-5px!important;top:-5px!important;min-width:15px!important;height:15px!important;font-size:6px!important}}

/* v0.7.4 final interaction hardening and cache-busted complete fix */
.potato-rating{border-top:0!important}
.potato-counts{border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}
.potato-count-icon{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-bottom:0!important;background:none!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent!important}
.potato-count-icon:focus,.potato-count-icon:focus-visible{outline:0!important;border:0!important;box-shadow:none!important}
.potato-count-icon.is-mine:focus-visible{filter:drop-shadow(0 0 5px rgba(44,232,255,.6))!important}
.browse-card.spud-interacting,.ride-card.spud-interacting,.card.spud-interacting,
.browse-card:has(.potato-count-icon:active),.ride-card:has(.potato-count-icon:active),.card:has(.potato-count-icon:active){transform:none!important;scale:1!important;animation:none!important;filter:none!important;box-shadow:inherit!important}
.browse-card .potato-count-icon:active,.ride-card .potato-count-icon:active{transform:scale(.92)!important}

/* Keep desktop content framed and consistent in every browser */
@media(min-width:1100px){
  :root{--skab-max:1180px}
  body>main,body>main.wrap,.wrap,.site-header-inner,.skab-header-inner{max-width:var(--skab-max)!important}
  .hero{width:min(var(--skab-max),calc(100% - 32px))!important}
  .hero-copy,.hero h2{max-width:720px!important}
}

/* ===== site-v100.css ===== */
/* v1.0 interaction repair: simple, explicit hit targets */
.menu,.skab-tool-menu{position:relative}
.dropdown,.skab-tool-dropdown{z-index:10000!important;pointer-events:auto!important}
.menu.open>.dropdown,.skab-tool-menu.open>.skab-tool-dropdown{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.dropdown a,.skab-tool-dropdown a{pointer-events:auto!important;position:relative!important;z-index:10001!important}

.potato-rating,.detail-potato-rating{position:relative!important;z-index:20!important;isolation:isolate!important;pointer-events:auto!important}
.potato-react-btn,.potato-tray{display:none!important}
.potato-counts,.detail-potato-rating .potato-counts,.spuds{display:grid!important;grid-template-columns:repeat(4,34px)!important;justify-content:start!important;align-items:center!important;gap:clamp(10px,3vw,20px)!important;margin:8px 0 0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important}
.potato-count-icon,.spud{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;position:relative!important;width:34px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;cursor:pointer!important;overflow:visible!important;transform:none!important;animation:none!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;text-decoration:none!important}
.potato-count-icon::before,.potato-count-icon::after,.spud::before,.spud::after{display:none!important;content:none!important}
.potato-count-icon img,.spud img{display:block!important;width:31px!important;height:31px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important}
.potato-count-icon.is-mine,.spud.is-mine{filter:drop-shadow(0 0 5px rgba(44,232,255,.72))!important}
.potato-count-badge,.spud em{position:absolute!important;right:-5px!important;top:-4px!important;display:grid!important;place-items:center!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:999px!important;border:1px solid #071019!important;background:#21cedb!important;color:#031016!important;font:900 7px/1 ui-monospace,monospace!important;font-style:normal!important;box-shadow:0 0 5px rgba(33,206,219,.3)!important;pointer-events:none!important}
/* Never animate a ride card because a nested control was pressed. Navigation feedback stays on explicit links. */
.browse-card:active,.ride-card:active,.media-card-compact:active,.browse-card.spud-interacting,.ride-card.spud-interacting{transform:none!important;scale:1!important;animation:none!important;box-shadow:inherit!important}
.compact-view-link:active,.browse-card-media:active,.title-clickthrough:active{opacity:.8}
@media(max-width:780px){
  .potato-counts,.detail-potato-rating .potato-counts,.spuds{grid-template-columns:repeat(4,30px)!important;gap:clamp(8px,4.5vw,18px)!important}
  .potato-count-icon,.spud{width:30px!important;height:32px!important}
  .potato-count-icon img,.spud img{width:28px!important;height:28px!important}
  .potato-count-badge,.spud em{min-width:14px!important;height:14px!important;font-size:7px!important}
}

/* v1.0.1 — compact Members' Rides Potato Score + remove pink lines */
.member-rides-grid .browse-card,
.member-rides-grid .ride-info,
.member-rides-grid .potato-rating,
.member-rides-grid .potato-score,
.member-rides-grid .potato-counts,
.member-rides-grid .ride-meta,
.member-rides-grid .compact-view-link {
  --member-spud-size: 25px;
}

/* Remove every leftover magenta/pink rule from Members' Rides cards. */
.member-rides-grid .browse-card::before,
.member-rides-grid .browse-card::after,
.member-rides-grid .ride-info::before,
.member-rides-grid .ride-info::after,
.member-rides-grid .potato-rating::before,
.member-rides-grid .potato-rating::after,
.member-rides-grid .potato-score::before,
.member-rides-grid .potato-score::after,
.member-rides-grid .potato-counts::before,
.member-rides-grid .potato-counts::after,
.member-rides-grid .ride-meta::before,
.member-rides-grid .ride-meta::after,
.member-rides-grid .compact-view-link::before,
.member-rides-grid .compact-view-link::after,
.member-rides-grid .potato-count-icon::before,
.member-rides-grid .potato-count-icon::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.member-rides-grid .browse-card,
.member-rides-grid .ride-info,
.member-rides-grid .potato-rating,
.member-rides-grid .potato-score,
.member-rides-grid .potato-counts,
.member-rides-grid .ride-meta,
.member-rides-grid .compact-view-link,
.member-rides-grid .potato-count-icon {
  text-decoration: none !important;
  border-bottom-color: transparent !important;
  background-image: none !important;
}
.member-rides-grid .potato-rating {
  border-top: 1px solid rgba(118,139,166,.14) !important;
}

/* Four equal, compact controls that cannot overflow a two-column mobile card. */
.member-rides-grid .potato-counts {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 2px !important;
  margin: 6px 0 2px !important;
  padding: 0 2px !important;
  overflow: visible !important;
}
.member-rides-grid .potato-count-icon {
  width: var(--member-spud-size) !important;
  height: calc(var(--member-spud-size) + 2px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: center !important;
  filter: none !important;
}
.member-rides-grid .potato-count-icon img {
  width: var(--member-spud-size) !important;
  height: var(--member-spud-size) !important;
  max-width: 100% !important;
}
.member-rides-grid .potato-count-icon.is-mine {
  filter: drop-shadow(0 0 3px rgba(44,232,255,.48)) !important;
}
.member-rides-grid .potato-count-badge {
  right: -3px !important;
  top: -3px !important;
  min-width: 11px !important;
  height: 11px !important;
  padding: 0 2px !important;
  border-width: 1px !important;
  font-size: 5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 0 3px rgba(33,206,219,.22) !important;
}

@media (max-width: 780px) {
  .member-rides-grid .browse-card,
  .member-rides-grid .ride-info,
  .member-rides-grid .potato-rating,
  .member-rides-grid .potato-score,
  .member-rides-grid .potato-counts,
  .member-rides-grid .ride-meta,
  .member-rides-grid .compact-view-link {
    --member-spud-size: 23px;
  }
  .member-rides-grid .potato-counts {
    gap: 1px !important;
    padding-inline: 1px !important;
  }
  .member-rides-grid .potato-count-badge {
    right: -2px !important;
    top: -2px !important;
    min-width: 10px !important;
    height: 10px !important;
    font-size: 5px !important;
  }
}

@media (max-width: 390px) {
  .member-rides-grid .browse-card,
  .member-rides-grid .ride-info,
  .member-rides-grid .potato-rating,
  .member-rides-grid .potato-score,
  .member-rides-grid .potato-counts,
  .member-rides-grid .ride-meta,
  .member-rides-grid .compact-view-link {
    --member-spud-size: 21px;
  }
}

/* v1.0.2 — static ride cards, compact adaptive count badges, aligned rating rows */
/* Home Members' Rides cards never animate or highlight as a whole. */
.member-rides-grid .browse-card,
.member-rides-grid .browse-card.skab-hover-disabled-v172,
.member-rides-grid .browse-card:focus,
.member-rides-grid .browse-card:focus-within,
.member-rides-grid .browse-card:active,
.member-rides-grid .ride-card,
.member-rides-grid .ride-card.skab-hover-disabled-v172,
.member-rides-grid .ride-card:focus,
.member-rides-grid .ride-card:focus-within,
.member-rides-grid .ride-card:active {
  transform: none !important;
  scale: 1 !important;
  translate: none !important;
  animation: none !important;
  transition-property: border-color, color, opacity !important;
  box-shadow: none !important;
  filter: none !important;
}
.member-rides-grid .browse-card * {
  -webkit-tap-highlight-color: transparent !important;
}

/* Reserve the same content height so scores/spuds align even with two-line titles. */
.member-rides-grid .ride-info {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.member-rides-grid .title-clickthrough {
  display: block !important;
  min-height: 2.45em !important;
}
.member-rides-grid .title-clickthrough h4 {
  line-height: 1.08 !important;
  min-height: 2.16em !important;
  max-height: 2.16em !important;
  margin-bottom: 0 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
.member-rides-grid .ride-meta {
  min-height: 34px !important;
  align-content: start !important;
}
.member-rides-grid .potato-rating {
  margin-top: auto !important;
}

/* Smaller notification badges. Single digits stay circular; 10+ become pills. */
.member-rides-grid .potato-count-badge {
  right: -2px !important;
  top: -2px !important;
  width: 9px !important;
  min-width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 4.5px !important;
  font-weight: 650 !important;
  line-height: 9px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 0 2px rgba(33,206,219,.18) !important;
}
.member-rides-grid .potato-count-badge.is-pill {
  width: auto !important;
  min-width: 12px !important;
  padding: 0 2px !important;
  border-radius: 999px !important;
}

@media (max-width: 780px) {
  .member-rides-grid .title-clickthrough {
    min-height: 2.35em !important;
  }
  .member-rides-grid .title-clickthrough h4 {
    min-height: 2.16em !important;
    max-height: 2.16em !important;
  }
  .member-rides-grid .ride-meta {
    min-height: 31px !important;
  }
  .member-rides-grid .potato-count-badge {
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    font-size: 4px !important;
    line-height: 8px !important;
  }
  .member-rides-grid .potato-count-badge.is-pill {
    width: auto !important;
    min-width: 11px !important;
    padding-inline: 2px !important;
  }
}

/* ===== site-v108.css ===== */
/* SkabStudio v1.0.8 — compact homepage layout pass */

/* Remove the unused lower area from the video hero. */
.hero-panel.video-hero{
  min-height:0!important;
  height:auto!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
}

/* Let Members' Rides cards end when their content ends. */
#members-rides .member-rides-grid{
  align-items:start!important;
  grid-auto-rows:auto!important;
}
#members-rides .browse-card,
#members-rides .ride-card,
#members-rides .media-card-compact,
#members-rides .ride-info,
#members-rides .media-info-compact{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
}
#members-rides .media-info-compact{
  display:block!important;
  padding-top:10px!important;
  padding-bottom:11px!important;
}
#members-rides .media-info-compact .label{
  min-height:0!important;
  margin-bottom:4px!important;
}
#members-rides .media-info-compact .title-clickthrough,
#members-rides .media-info-compact h4{
  min-height:0!important;
  height:auto!important;
}
#members-rides .media-info-compact .ride-meta{
  min-height:0!important;
  margin:7px 0 9px!important;
}
#members-rides .media-info-compact .potato-rating{
  margin-top:9px!important;
}
#members-rides .compact-view-link{
  display:inline-block!important;
  margin-top:8px!important;
}

/* Use one proper full-size Coming Soon garage card. */
#team-garages .team-garage-grid{
  align-items:stretch!important;
}
#team-garages .team-coming-soon{
  display:flex!important;
  min-height:100%!important;
}
#team-garages .team-coming-soon .garage-card-info{
  width:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:22px!important;
}

/* Remove the accidental pink decorative rules inside artist cards. */
#featured-artists .artist-grid .card::before,
#featured-artists .artist-grid .card::after,
#featured-artists .artist-grid .browse-card::before,
#featured-artists .artist-grid .browse-card::after,
#featured-artists .artist-grid .placeholder::before,
#featured-artists .artist-grid .placeholder::after,
#featured-artists .artist-grid .label::before,
#featured-artists .artist-grid .label::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:780px){
  .hero-panel.video-hero{
    padding-top:22px!important;
    padding-bottom:24px!important;
  }
  #members-rides .member-rides-grid{
    gap:7px!important;
  }
  #members-rides .media-info-compact{
    padding:9px!important;
  }
  #members-rides .media-info-compact .potato-rating{
    margin-top:7px!important;
  }
  #team-garages .team-coming-soon .garage-card-info{
    padding:14px!important;
  }
}

/* ===== site-v110.css ===== */
/* SkabStudio v1.1.0 — static ride cards + anonymous weekly voting */
/* Members' Rides cards must never animate when a Potato Score control is used. */
#members-rides .ride-card,
#members-rides .ride-card.skab-hover-disabled-v172,
#members-rides .ride-card:active,
#members-rides .ride-card:focus,
#members-rides .ride-card:focus-visible,
#members-rides .ride-card:focus-within,
#members-rides .ride-card.is-active,
#members-rides .ride-card.is-pressed,
#members-rides .ride-card.card-pressed{
  transform:none!important;translate:none!important;scale:1!important;
  animation:none!important;transition:none!important;
  box-shadow:none!important;filter:none!important;outline:none!important;
}
#members-rides .ride-card::before,#members-rides .ride-card::after{
  animation:none!important;transition:none!important;transform:none!important;
}
#members-rides .ride-card .browse-card-media img,
#members-rides .ride-card.skab-hover-disabled-v172 .browse-card-media img,
#members-rides .ride-card:active .browse-card-media img,
#members-rides .ride-card:focus-within .browse-card-media img{
  transform:none!important;animation:none!important;transition:none!important;
}
#members-rides .potato-count-icon{
  touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
}
#members-rides .potato-count-icon:active{transform:none!important}

/* Make the whole Ride of the Week feature clearly lead to anonymous weekly entries. */
#ride-of-week .rotw-feature{position:relative}
#ride-of-week .weekly-vote-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
#ride-of-week .rotw-info,#ride-of-week .media-clickthrough{position:relative;z-index:2}
#ride-of-week .potato-rating,#ride-of-week .rotw-compact-actions{position:relative;z-index:3}

/* ===== site-v113.css ===== */
:root{--skab-v113-header:0px}
html{scroll-padding-top:calc(var(--skab-v113-header) + 10px)!important}
body{padding-top:var(--skab-v113-header)!important}
body>header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:999999!important;overflow:visible!important;transform:none!important}
body>header .topbar,body>header .menu{overflow:visible!important}
body>header .dropdown{z-index:1000000!important;pointer-events:auto!important}
body>header .menu.open>.dropdown{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body>header .dropdown a{pointer-events:auto!important;touch-action:manipulation!important}
body.skab-scrolled>header .topbar{padding-top:max(6px,env(safe-area-inset-top))!important;padding-bottom:7px!important;gap:5px!important}
body.skab-scrolled>header .site-home-brand{font-size:clamp(28px,7vw,43px)!important;line-height:.9!important}
body.skab-scrolled>header .subtitle{display:none!important}
body.skab-scrolled>header nav{margin-top:0!important;gap:6px!important}

#ride-of-week .rotw-feature,#members-rides .ride-card,#members-rides .browse-card,
#ride-of-week .rotw-feature.skab-hover-disabled-v172,#members-rides .ride-card.skab-hover-disabled-v172,#members-rides .browse-card.skab-hover-disabled-v172,
#ride-of-week .rotw-feature:active,#members-rides .ride-card:active,#members-rides .browse-card:active,
#ride-of-week .rotw-feature:focus-within,#members-rides .ride-card:focus-within,#members-rides .browse-card:focus-within{
 transform:none!important;animation:none!important;transition:none!important;filter:none!important;box-shadow:none!important;outline:none!important;-webkit-tap-highlight-color:transparent!important
}
#members-rides .ride-card.skab-hover-disabled-v172{border-color:var(--line)!important;background:#080c12!important}
#ride-of-week .rotw-feature img,#members-rides .ride-card img,#members-rides .browse-card-media img,
#ride-of-week .rotw-feature.skab-hover-disabled-v172 img,#members-rides .ride-card.skab-hover-disabled-v172 img,#members-rides .browse-card-media.skab-hover-disabled-v172 img{
 transform:none!important;animation:none!important;transition:none!important;filter:none!important
}
#ride-of-week .potato-rating,#members-rides .potato-rating{position:relative!important;z-index:50!important;isolation:isolate!important;-webkit-tap-highlight-color:transparent!important}
#ride-of-week .potato-count-icon,#members-rides .potato-count-icon{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}

/* ===== site-v117.css ===== */
/* v1.1.7 — full Members' Rides placeholder and safe tool-page header offset */

/* Fill the fourth grid cell with a complete card matching the live ride cards. */
#members-rides .member-rides-grid{align-items:stretch!important}
#members-rides .ride-coming-soon{
  height:100%!important;
  min-height:100%!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  background:#080c12!important;
}
#members-rides .ride-coming-soon .ride-placeholder-media{
  aspect-ratio:16/11!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-bottom:1px solid var(--line)!important;
  background:
    linear-gradient(145deg,rgba(44,232,255,.07),transparent 48%),
    repeating-linear-gradient(125deg,transparent 0 28px,rgba(255,44,181,.035) 28px 30px),
    #05080d!important;
}
#members-rides .ride-coming-soon .ride-placeholder-media span{
  color:rgba(44,232,255,.62)!important;
  font:700 9px var(--mono)!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
}
#members-rides .ride-coming-soon .ride-info{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
#members-rides .ride-coming-soon h4{margin:8px 0 0!important}
#members-rides .ride-coming-soon p{display:block!important;margin:12px 0 0!important;color:var(--dim)!important}
#members-rides .ride-coming-soon .ride-meta{margin-top:14px!important}
#members-rides .ride-coming-soon .coming-soon-fill{flex:1 1 auto!important;min-height:48px!important}

/* The tools open inside a full-screen shell. Start that shell below the fixed header. */
#toolShell{
  top:var(--skab-v113-header)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:auto!important;
}
#toolFrame{height:100%!important}

@media(max-width:780px){
  #members-rides .ride-coming-soon .ride-placeholder-media{aspect-ratio:4/3!important}
  #members-rides .ride-coming-soon p{font-size:9px!important;line-height:1.45!important}
  #members-rides .ride-coming-soon .coming-soon-fill{min-height:34px!important}
  #toolShell{top:calc(var(--skab-v113-header) + 1px)!important}
}

/* ===== site-v118.css ===== */
/* v1.1.8 — tool pages use the full screen without the homepage navigation banner */
body.tool-view-open > header{display:none!important}
body.tool-view-open #toolShell{top:0!important;height:100dvh!important}
body.tool-view-open #toolFrame{height:100dvh!important}
@supports not (height:100dvh){
  body.tool-view-open #toolShell,body.tool-view-open #toolFrame{height:100vh!important}
}

/* ===== site-v119.css ===== */
/* v1.1.9 — tool overlay always replaces the homepage header */
html.tool-view-open,body.tool-view-open{overflow:hidden!important}
html.tool-view-open body>header,
body.tool-view-open>header{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.tool-view-open #toolShell{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  top:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:2147483646!important;
  margin:0!important;
  padding:0!important;
}
body.tool-view-open #toolFrame{
  display:block!important;
  width:100%!important;
  height:100dvh!important;
  border:0!important;
  margin:0!important;
}
@supports not (height:100dvh){
  body.tool-view-open #toolShell,body.tool-view-open #toolFrame{height:100vh!important}
}

/* ===== site-v120.css ===== */
/* v1.2.0 — brighter hero video with localized text contrast */
.hero-panel.video-hero .hero-video{
  filter:brightness(.84) contrast(1.06) saturate(.98)!important;
}
.hero-panel.video-hero::after{
  background:
    linear-gradient(90deg,
      rgba(2,5,10,.82) 0%,
      rgba(3,7,14,.68) 38%,
      rgba(3,7,14,.34) 68%,
      rgba(2,5,10,.16) 100%),
    linear-gradient(180deg,
      rgba(2,5,10,.20) 0%,
      rgba(2,5,10,.05) 42%,
      rgba(2,5,10,.50) 100%)!important;
}
.hero-panel.video-hero .hero-copy{
  color:rgba(232,238,246,.94)!important;
  text-shadow:0 2px 5px rgba(0,0,0,.88)!important;
}
.hero-panel.video-hero h2{
  text-shadow:0 4px 20px rgba(0,0,0,.78)!important;
}
@media(max-width:760px){
  .hero-panel.video-hero .hero-video{
    filter:brightness(.76) contrast(1.08) saturate(.94)!important;
  }
  .hero-panel.video-hero::after{
    background:
      linear-gradient(90deg,
        rgba(2,5,10,.88) 0%,
        rgba(3,7,14,.74) 56%,
        rgba(3,7,14,.38) 100%),
      linear-gradient(180deg,
        rgba(2,5,10,.18) 0%,
        rgba(2,5,10,.08) 40%,
        rgba(2,5,10,.60) 100%)!important;
  }
}

/* ===== site-v126.css ===== */
/* SkabStudio v1.2.6 — stable fixed-header footprint after mobile chat/keyboard use */
:root{--skab-v126-header-space:132px}
html{scroll-padding-top:calc(var(--skab-v126-header-space) + 10px)!important}
body:not(.tool-view-open){padding-top:var(--skab-v126-header-space)!important}
body>header{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;
  z-index:999999!important;
  transform:none!important;
}
/* The page footprint never changes. Only elements inside the header compact. */
body>header .topbar{box-sizing:border-box!important}
body.tool-view-open{padding-top:0!important}
html.tool-view-open{scroll-padding-top:0!important}
@media(max-width:780px){:root{--skab-v126-header-space:142px}}

/* ===== site-v128.css ===== */
/* v1.2.8 — slightly brighter homepage hero video only */
.hero-panel.video-hero .hero-video{
  filter:brightness(.84) contrast(1.06) saturate(.96) !important;
}
.hero-panel.video-hero::after{
  background:
    linear-gradient(90deg,rgba(2,5,10,.82) 0%,rgba(3,7,14,.68) 38%,rgba(3,7,14,.32) 68%,rgba(2,5,10,.16) 100%),
    linear-gradient(180deg,rgba(2,5,10,.20) 0%,rgba(2,5,10,.05) 42%,rgba(2,5,10,.50) 100%) !important;
}
@media(max-width:760px){
  .hero-panel.video-hero .hero-video{
    filter:brightness(.76) contrast(1.08) saturate(.93) !important;
  }
  .hero-panel.video-hero::after{
    background:
      linear-gradient(90deg,rgba(2,5,10,.87) 0%,rgba(3,7,14,.73) 58%,rgba(3,7,14,.36) 100%),
      linear-gradient(180deg,rgba(2,5,10,.18) 0%,rgba(2,5,10,.07) 38%,rgba(2,5,10,.58) 100%) !important;
  }
}

/* ===== site-v142.css ===== */
/* SkabStudio v1.4.2 — isolated floating Toolkit panel */
.toolkit-panel-trigger{position:relative;z-index:2}
.toolkit-panel-trigger[aria-expanded="true"]{border-color:#20d9e7!important;box-shadow:inset 0 0 0 1px rgba(32,217,231,.2)!important}
.toolkit-panel-trigger[aria-expanded="true"] .chev{display:inline-block;transform:rotate(180deg)}

.toolkit-panel-backdrop-v142{
  position:fixed;inset:0;z-index:99970;background:rgba(1,5,11,.58);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  touch-action:none;
}
.toolkit-panel-v142{
  --panel-top:90px;
  position:fixed;z-index:99980;
  top:var(--panel-top);right:max(12px,env(safe-area-inset-right));
  width:min(330px,calc(100vw - 24px));
  max-height:calc(100dvh - var(--panel-top) - max(12px,env(safe-area-inset-bottom)));
  display:flex;flex-direction:column;
  background:linear-gradient(145deg,rgba(17,24,39,.985),rgba(7,13,24,.995));
  border:1px solid rgba(77,103,129,.7);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  box-shadow:0 20px 60px rgba(0,0,0,.58),0 0 0 1px rgba(0,229,255,.06) inset;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.985);transform-origin:top right;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
  overscroll-behavior:contain;
}
.toolkit-panel-v142.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.toolkit-panel-head-v142{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid rgba(63,86,109,.55);flex:0 0 auto}
.toolkit-panel-head-v142 strong{display:block;font:800 clamp(24px,6vw,32px)/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#eef4fb}
.toolkit-kicker-v142{display:block;margin-bottom:7px;font:600 10px/1.2 monospace;text-transform:uppercase;letter-spacing:.24em;color:#27d4e6}
.toolkit-close-v142{width:42px;height:42px;border:1px solid rgba(64,95,119,.8);background:#0b1320;color:#e6eef7;font-size:28px;line-height:1;cursor:pointer}
.toolkit-panel-scroll-v142{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 12px 18px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#20d9e7 #0b1320}
.toolkit-panel-scroll-v142::-webkit-scrollbar{width:6px}.toolkit-panel-scroll-v142::-webkit-scrollbar-track{background:#0b1320}.toolkit-panel-scroll-v142::-webkit-scrollbar-thumb{background:#20d9e7}
.toolkit-group-v142+ .toolkit-group-v142{margin-top:16px;padding-top:14px;border-top:1px solid rgba(63,86,109,.52)}
.toolkit-group-v142 h3{margin:0 7px 8px;font:700 11px/1.2 monospace;text-transform:uppercase;letter-spacing:.24em;color:#ff38a7}
.toolkit-item-v142{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:54px;margin:0 0 7px;padding:8px 11px;text-decoration:none!important;color:#d9e4ef!important;background:rgba(12,22,35,.9);border:1px solid rgba(47,72,94,.72);font:650 14px/1.25 monospace;letter-spacing:.07em;text-transform:uppercase;transition:border-color .12s ease,background .12s ease,transform .12s ease}
.toolkit-item-v142:active{transform:scale(.985);border-color:#20d9e7;background:rgba(18,37,50,.98)}
.toolkit-icon-v142{display:grid;place-items:center;width:42px;height:36px;border:1px solid rgba(32,217,231,.62);color:#20d9e7;background:rgba(5,17,26,.86);font:800 11px/1 monospace;letter-spacing:.05em}
.toolkit-rotten-v142>span:last-child{display:flex;flex-direction:column;line-height:1.05;gap:2px}.toolkit-rotten-v142 b{font:inherit;color:inherit}
html.toolkit-panel-lock-v142,body.toolkit-panel-lock-v142{overscroll-behavior:none!important}
body.toolkit-panel-lock-v142{overflow:hidden!important;touch-action:none!important}
body.toolkit-panel-lock-v142 .toolkit-panel-v142,body.toolkit-panel-lock-v142 .toolkit-panel-v142 *{touch-action:pan-y}

@media (min-width:700px){
 .toolkit-panel-v142{width:340px;right:max(24px,calc((100vw - min(1180px,100vw - 48px))/2));}
 .toolkit-item-v142.skab-hover-disabled-v172{border-color:#20d9e7;background:rgba(18,37,50,.98)}
}
@media (prefers-reduced-motion:reduce){.toolkit-panel-v142,.toolkit-item-v142{transition:none!important}}

/* ===== site-v154.css ===== */
/* SkabStudio v1.5.0 — Design Freeze Candidate
   Stability-only safeguards. No new features. */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
button,a,input,textarea,select{touch-action:manipulation}

/* Keep headings and page content clear of the sticky header. */
[id]{scroll-margin-top:clamp(118px,18vw,210px)}

/* Prevent card media and controls from overflowing narrow screens. */
.browse-card,.ride-card,.garage-card,.card,.section-panel{min-width:0}
.potato-rating,.potato-counts,.potato-tray{max-width:100%}
.potato-tray{overflow-x:auto;overscroll-behavior-x:contain}

/* Preserve the working floating Toolkit panel and contain its scrolling. */
.toolkit-panel-v142{overscroll-behavior:contain;max-height:min(72dvh,680px)}
.toolkit-panel-v142 .toolkit-panel-scroll-v142{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* Static placeholder controls should not mimic active buttons. */
[aria-disabled="true"],.is-placeholder{cursor:default;pointer-events:none;opacity:.72}

@media(max-width:780px){
  .wrap,main{max-width:100%}
  .section-panel{overflow:clip}
  .member-rides-grid,.team-garage-grid,.artist-grid{min-width:0}
  .browse-card img,.ride-card img,.garage-card img{max-width:100%}
}

/* v1.5.1 design-freeze navigation consistency */
.toolkit-rotten-v151>span:last-child{display:block!important;white-space:nowrap!important;line-height:1.1!important}
#ride-of-week .rotw-feature,
#members-rides .browse-card:not(.ride-coming-soon),
#team-garages .garage-card:not(.team-coming-soon),
#featured-artists .card{cursor:pointer}
#ride-of-week .rotw-feature:focus-visible,
#members-rides .browse-card:not(.ride-coming-soon):focus-visible,
#team-garages .garage-card:not(.team-coming-soon):focus-visible,
#featured-artists .card:focus-visible{outline:1px solid var(--ice);outline-offset:3px}

/* v1.5.2 — card title links behave like compact buttons */
#ride-of-week .title-clickthrough,
#members-rides .title-clickthrough,
#team-garages .full-card-link h4,
#featured-artists .full-card-link h4,
#featured-artists .card>h4{
  position:relative;
  display:inline-block;
  width:auto;
  max-width:100%;
  padding:4px 7px 5px;
  margin-left:-7px;
  border:1px solid transparent;
  border-radius:2px;
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease;
  -webkit-tap-highlight-color:transparent;
}
#ride-of-week .title-clickthrough.skab-hover-disabled-v172,
#ride-of-week .title-clickthrough:focus-visible,
#members-rides .title-clickthrough.skab-hover-disabled-v172,
#members-rides .title-clickthrough:focus-visible,
#team-garages .full-card-link.skab-hover-disabled-v172 h4,
#team-garages .full-card-link:focus-visible h4,
#featured-artists .full-card-link.skab-hover-disabled-v172 h4,
#featured-artists .full-card-link:focus-visible h4,
#featured-artists .card>h4.skab-hover-disabled-v172{
  border-color:rgba(44,232,255,.55);
  background:rgba(44,232,255,.07);
  color:var(--ice);
  box-shadow:0 0 14px rgba(44,232,255,.11);
  outline:none;
}
#ride-of-week .title-clickthrough:active,
#members-rides .title-clickthrough:active,
#team-garages .full-card-link:active h4,
#featured-artists .full-card-link:active h4,
#featured-artists .card:active>h4{
  transform:translateY(2px) scale(.97);
  border-color:rgba(255,79,216,.68);
  background:rgba(255,79,216,.08);
  color:var(--pink);
  box-shadow:none;
}
@media(prefers-reduced-motion:reduce){
  #ride-of-week .title-clickthrough,
  #members-rides .title-clickthrough,
  #team-garages .full-card-link h4,
  #featured-artists .full-card-link h4,
  #featured-artists .card>h4{transition:none}
}

/* v1.5.3 — explicit title-button links with reliable mobile press state */
.card-title-button-v153{
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  max-width:100%;
  padding:5px 8px 6px!important;
  margin:0 0 0 -8px!important;
  color:inherit!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  background:transparent!important;
  border-radius:2px;
  cursor:pointer;
  position:relative;
  z-index:6;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease!important;
}
.card-title-button-v153 h4{margin:0!important;pointer-events:none}
.card-title-button-v153.skab-hover-disabled-v172,
.card-title-button-v153:focus-visible{
  border-color:rgba(44,232,255,.65)!important;
  background:rgba(44,232,255,.09)!important;
  color:var(--ice)!important;
  box-shadow:0 0 14px rgba(44,232,255,.13)!important;
  outline:none;
}
.card-title-button-v153.is-pressed-v153,
.card-title-button-v153:active{
  transform:translateY(2px) scale(.96)!important;
  border-color:rgba(255,79,216,.75)!important;
  background:rgba(255,79,216,.12)!important;
  color:var(--pink)!important;
  box-shadow:none!important;
}
@media(prefers-reduced-motion:reduce){.card-title-button-v153{transition:none!important}}

/* v1.5.4 — section collection titles are real animated links */
.section-title-link-v154{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  margin-top:3px;
  padding:5px 9px 6px;
  margin-left:-9px;
  color:inherit;
  text-decoration:none;
  border:1px solid transparent;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .13s ease,border-color .13s ease,background-color .13s ease,color .13s ease,box-shadow .13s ease;
}
.section-title-link-v154 h3{margin:0!important;pointer-events:none}
.section-title-link-v154 span{
  font:700 7px var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--ice);
  white-space:nowrap;
  opacity:.8;
  pointer-events:none;
}
.section-title-link-v154.skab-hover-disabled-v172,
.section-title-link-v154:focus-visible{
  color:var(--ice);
  border-color:rgba(44,232,255,.62);
  background:rgba(44,232,255,.08);
  box-shadow:0 0 16px rgba(44,232,255,.12);
  outline:none;
}
.section-title-link-v154:active,
.section-title-link-v154.is-pressed-v154{
  transform:translateY(2px) scale(.97);
  color:var(--pink);
  border-color:rgba(255,79,216,.72);
  background:rgba(255,79,216,.1);
  box-shadow:none;
}
@media(max-width:780px){
  .section-title-link-v154{align-items:flex-end;gap:7px;padding-right:7px}
  .section-title-link-v154 span{font-size:6px;white-space:normal;line-height:1.2;max-width:62px}
}
@media(prefers-reduced-motion:reduce){.section-title-link-v154{transition:none}}

/* ===== site-v156.css ===== */
/* v1.5.6 — touch highlight only after a genuine tap */
.tap-confirm-v156{
  transition:transform .11s ease,background-color .11s ease,border-color .11s ease,color .11s ease,filter .11s ease,box-shadow .11s ease!important;
}
.tap-confirm-v156.is-tapped-v156{
  transform:scale(.975)!important;
  border-color:var(--ice,#2ce8ff)!important;
  background:rgba(44,232,255,.11)!important;
  color:var(--ice,#2ce8ff)!important;
  box-shadow:inset 0 0 0 1px rgba(44,232,255,.16)!important;
}

/* Touchscreens must not keep hover/focus/active highlights while scrolling. */
@media (hover:none) and (pointer:coarse){
  .card-title-button-v153.skab-hover-disabled-v172,
  .card-title-button-v153:focus,
  .card-title-button-v153:active,
  .section-title-link-v154.skab-hover-disabled-v172,
  .section-title-link-v154:focus,
  .section-title-link-v154:active,
  .toolkit-item-v142.skab-hover-disabled-v172,
  .toolkit-item-v142:focus,
  .toolkit-item-v142:active,
  .compact-view-link.skab-hover-disabled-v172,
  .compact-view-link:focus,
  .compact-view-link:active,
  .submit-btn.skab-hover-disabled-v172,
  .submit-btn:focus,
  .submit-btn:active,
  .follow-btn.skab-hover-disabled-v172,
  .follow-btn:focus,
  .follow-btn:active,
  .profile-btn.skab-hover-disabled-v172,
  .profile-btn:focus,
  .profile-btn:active,
  .tool-link.skab-hover-disabled-v172,
  .tool-link:focus,
  .tool-link:active,
  .menu-btn.skab-hover-disabled-v172,
  .menu-btn:focus,
  .menu-btn:active,
  .back.skab-hover-disabled-v172,
  .back:focus,
  .back:active,
  .btn.skab-hover-disabled-v172,
  .btn:focus,
  .btn:active{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .card-title-button-v153:not(.is-tapped-v156),
  .section-title-link-v154:not(.is-tapped-v156),
  .toolkit-item-v142:not(.is-tapped-v156){
    background:transparent!important;
  }
  .toolkit-item-v142:not(.is-tapped-v156){
    background:rgba(12,22,35,.9)!important;
    border-color:rgba(47,72,94,.72)!important;
    color:#d9e4ef!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .tap-confirm-v156{transition:none!important}
}

/* ===== site-v159.css ===== */
/* v1.5.7 — genuine-tap-only control feedback on touchscreens */
@media (hover:none) and (pointer:coarse){
  /* Remove every browser/legacy hover, focus and pointer-down visual while a finger is scrolling. */
  .card-title-button-v153,
  .section-title-link-v154,
  .toolkit-item-v142,
  .compact-view-link,
  .submit-btn,
  .follow-btn,
  .profile-btn,
  .tool-link,
  .menu-btn,
  .back,
  .btn{
    -webkit-tap-highlight-color:transparent!important;
  }

  .card-title-button-v153.skab-hover-disabled-v172,
  .card-title-button-v153:focus,
  .card-title-button-v153:focus-visible,
  .card-title-button-v153:active,
  .card-title-button-v153.is-pressed-v153,
  .section-title-link-v154.skab-hover-disabled-v172,
  .section-title-link-v154:focus,
  .section-title-link-v154:focus-visible,
  .section-title-link-v154:active,
  .section-title-link-v154.is-pressed-v154,
  .compact-view-link.skab-hover-disabled-v172,
  .compact-view-link:focus,
  .compact-view-link:focus-visible,
  .compact-view-link:active,
  .submit-btn.skab-hover-disabled-v172,
  .submit-btn:focus,
  .submit-btn:focus-visible,
  .submit-btn:active,
  .follow-btn.skab-hover-disabled-v172,
  .follow-btn:focus,
  .follow-btn:focus-visible,
  .follow-btn:active,
  .profile-btn.skab-hover-disabled-v172,
  .profile-btn:focus,
  .profile-btn:focus-visible,
  .profile-btn:active,
  .tool-link.skab-hover-disabled-v172,
  .tool-link:focus,
  .tool-link:focus-visible,
  .tool-link:active,
  .menu-btn.skab-hover-disabled-v172,
  .menu-btn:focus,
  .menu-btn:focus-visible,
  .menu-btn:active,
  .back.skab-hover-disabled-v172,
  .back:focus,
  .back:focus-visible,
  .back:active,
  .btn.skab-hover-disabled-v172,
  .btn:focus,
  .btn:focus-visible,
  .btn:active{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
    outline:none!important;
    background:transparent!important;
    border-color:transparent!important;
    color:inherit!important;
  }

  /* Toolkit items retain their normal resting panel styling. */
  .toolkit-item-v142.skab-hover-disabled-v172,
  .toolkit-item-v142:focus,
  .toolkit-item-v142:focus-visible,
  .toolkit-item-v142:active{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
    outline:none!important;
    background:rgba(12,22,35,.9)!important;
    border-color:rgba(47,72,94,.72)!important;
    color:#d9e4ef!important;
  }

  /* This class is added only after a confirmed tap, never on pointer-down. */
  .tap-click-v157{
    transform:scale(.975)!important;
    border-color:var(--ice,#2ce8ff)!important;
    background:rgba(44,232,255,.11)!important;
    color:var(--ice,#2ce8ff)!important;
    box-shadow:inset 0 0 0 1px rgba(44,232,255,.18)!important;
  }
}

/* v1.5.9 — sharp, snappy confirmed-tap animation */
@media (hover:none) and (pointer:coarse){
  .card-title-button-v153.tap-confirmed-v159,
  .section-title-link-v154.tap-confirmed-v159{
    transform:translateY(1px) scale(.985)!important;
    border-color:rgba(44,232,255,.9)!important;
    background:rgba(44,232,255,.09)!important;
    color:var(--ice,#2ce8ff)!important;
    box-shadow:0 0 7px rgba(44,232,255,.16)!important;
    transition:transform .045s cubic-bezier(.2,.8,.2,1),border-color .045s linear,background-color .045s linear,color .045s linear,box-shadow .045s linear!important;
  }
}

/* ===== site-v161.css ===== */
/* v1.6.1 — My Garage workspace tabs and simplified chat */
body.profile-view #myGarageNavBtn,
body.profile-view #toolkitPanelBtnV142{
  border-color:rgba(44,232,255,.35);
}
body.profile-view #myGarageNavBtn.is-workspace-active-v161,
body.profile-view #toolkitPanelBtnV142.is-workspace-active-v161{
  border-color:var(--ice);
  background:rgba(44,232,255,.08);
  color:var(--ice);
}
body.profile-view #toolkitPanelBtnV142 .chev{display:none}
body.profile-view #my-garage>.section-head{display:none}
body.profile-view #my-garage{min-height:70vh}
body.profile-view #my-garage.is-chat-view-v161>.profile-shell{display:none!important}
body.profile-view #my-garage:not(.is-chat-view-v161)>.garage-chat-hub-v161{display:none!important}
.garage-chat-hub-v161{width:100%}
.garage-chat-mode-tabs-v161{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.garage-chat-mode-tabs-v161 button{min-height:48px;border:1px solid var(--line);background:#080d13;color:var(--dim);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.garage-chat-mode-tabs-v161 button.is-active{border-color:var(--ice);color:var(--ice);background:rgba(44,232,255,.07)}
.dm-beta-badge-v161{display:inline-block;margin-left:5px;padding:2px 4px;border:1px solid rgba(255,79,216,.55);color:var(--pink);font-size:7px}
.garage-chat-mode-panel-v161{min-width:0}
.garage-community-chat-v161{margin:0!important}
.direct-messages-v161{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);min-height:560px;border:1px solid var(--line);background:#070b10}
.dm-list-v161{border-right:1px solid var(--line);background:#090f16}
.dm-list-head-v161{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);color:var(--ice);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.dm-list-head-v161 button{width:32px;height:32px;border:1px solid var(--line);background:#05080c;color:var(--ice);cursor:pointer}
.dm-thread-v161{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:12px;border:0;border-bottom:1px solid rgba(38,49,61,.75);background:transparent;color:var(--bone);cursor:pointer}
.dm-thread-v161.is-active{background:rgba(44,232,255,.07);box-shadow:inset 2px 0 var(--ice)}
.dm-thread-v161 span:nth-child(2){min-width:0}.dm-thread-v161 b,.dm-thread-v161 small{display:block}.dm-thread-v161 b{font-size:10px}.dm-thread-v161 small{margin-top:4px;color:var(--dim);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-thread-v161 i{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pink);color:#05070a;font-style:normal;font-size:8px;font-weight:800}
.dm-avatar-v161{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ice);color:var(--ice);font-size:9px}
.dm-window-v161{display:flex;flex-direction:column;min-width:0}
.dm-window-head-v161{padding:15px 16px;border-bottom:1px solid var(--line)}.dm-window-head-v161 b,.dm-window-head-v161 small{display:block}.dm-window-head-v161 b{font:900 22px var(--display);text-transform:uppercase}.dm-window-head-v161 small{margin-top:4px;color:var(--dim);font-size:8px}
.dm-messages-v161{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.dm-message-v161{max-width:80%;align-self:flex-start;border:1px solid var(--line);background:#0b121b;padding:11px}.dm-message-v161.is-mine{align-self:flex-end;border-color:rgba(44,232,255,.45);background:rgba(44,232,255,.06)}.dm-message-v161 b{color:var(--ice);font-size:9px}.dm-message-v161 p{margin:6px 0;color:var(--bone);font-size:10px;line-height:1.55}.dm-message-v161 small{color:var(--dim);font-size:7px}
.dm-compose-v161{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.dm-compose-v161 input{min-width:0;background:#05070a;border:1px solid var(--line);color:var(--bone);padding:12px;font:10px var(--mono)}.dm-compose-v161 button{border:1px solid var(--ice);background:transparent;color:var(--ice);padding:0 22px;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.dm-note-v161{padding:0 12px 12px;color:var(--dim);font-size:7px;line-height:1.5}
@media(max-width:700px){
  .direct-messages-v161{grid-template-columns:1fr;min-height:0}
  .dm-list-v161{border-right:0;border-bottom:1px solid var(--line)}
  .dm-list-head-v161{padding:10px 12px}
  .dm-thread-v161{padding:10px 12px}
  .dm-window-v161{min-height:420px}
  .garage-chat-mode-tabs-v161 button{min-height:44px;font-size:9px;letter-spacing:.1em}
}
@media(hover:none) and (pointer:coarse){
  .garage-chat-mode-tabs-v161 button,.dm-thread-v161,.dm-list-head-v161 button,.dm-compose-v161 button{-webkit-tap-highlight-color:transparent}
}

/* ===== site-v162.css ===== */
/* v1.6.2 — compact Ride of the Week, clean application header, viewport-fit chat */

/* Ride of the Week title stays on one line on phones. */
#ride-of-week .section-title-link-v154 h3{
  white-space:nowrap;
  font-size:clamp(28px,8.5vw,58px);
  line-height:.95;
}
#ride-of-week .rotw-section-head-v162{
  margin-bottom:10px;
}
#ride-of-week .rotw-info{
  padding-top:18px;
}
#ride-of-week .rotw-title-row{
  margin-bottom:8px;
}

/* The feature application page uses the logo as its only banner control. */
body:has(#featureForm) .skab-header-nav{
  display:none!important;
}
body:has(#featureForm) .skab-header-inner{
  grid-template-columns:1fr!important;
}

/* Garage chat: no page-width overflow and both mode buttons always fit. */
body.profile-view #my-garage,
body.profile-view #my-garage *,
.garage-chat-hub-v161,
.garage-chat-mode-panel-v161,
.garage-community-chat-v161,
.direct-messages-v161,
.dm-list-v161,
.dm-window-v161{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
body.profile-view #my-garage{
  overflow-x:hidden;
}
.garage-chat-mode-tabs-v161{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
}
.garage-chat-mode-tabs-v161 button{
  width:100%;
  min-width:0;
  padding:0 6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:700px){
  body.profile-view #my-garage.is-chat-view-v161{
    min-height:0;
  }
  .garage-chat-hub-v161{
    height:calc(100svh - 132px);
    min-height:500px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .garage-chat-mode-tabs-v161{
    flex:0 0 auto;
    margin-bottom:6px;
  }
  .garage-chat-mode-tabs-v161 button{
    min-height:40px;
    font-size:8px;
    letter-spacing:.07em;
  }
  .dm-beta-badge-v161{display:none}
  .garage-chat-mode-panel-v161.is-active{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
  }
  .garage-community-chat-v161{
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .garage-community-chat-v161 .community-chat-head,
  .garage-community-chat-v161 .chat-pinned,
  .garage-community-chat-v161 .chat-join,
  .garage-community-chat-v161 .chat-compose{
    flex:0 0 auto;
  }
  .garage-community-chat-v161 .chat-feed{
    flex:1 1 auto;
    min-height:110px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .direct-messages-v161{
    height:100%;
    min-height:0;
    grid-template-rows:auto minmax(0,1fr);
    overflow:hidden;
  }
  .dm-list-v161{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-bottom:1px solid var(--line);
    overflow:hidden;
  }
  .dm-list-head-v161{display:none}
  .dm-thread-v161{
    grid-template-columns:28px minmax(0,1fr);
    gap:6px;
    padding:8px 6px;
    border-bottom:0;
    border-right:1px solid rgba(38,49,61,.75);
  }
  .dm-thread-v161:last-child{border-right:0}
  .dm-avatar-v161{width:28px;height:28px;font-size:7px}
  .dm-thread-v161 b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dm-thread-v161 small,.dm-thread-v161 i{display:none}
  .dm-window-v161{
    min-height:0;
    height:100%;
    overflow:hidden;
  }
  .dm-window-head-v161{padding:9px 10px}
  .dm-window-head-v161 b{font-size:17px}
  .dm-window-head-v161 small{display:none}
  .dm-messages-v161{
    min-height:0;
    padding:10px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .dm-compose-v161{padding:8px;gap:6px}
  .dm-compose-v161 input{padding:10px;font-size:9px}
  .dm-compose-v161 button{padding:0 13px;font-size:8px}
  .dm-note-v161{display:none}
}

/* ===== site-v163.css ===== */
/* v1.6.3 — boxed Garage/Chat tabs, compact section heads, viewport-safe chat */

/* Inside My Garage both workspace controls remain visibly boxed. */
body.profile-view #myGarageNavBtn,
body.profile-view #toolkitPanelBtnV142{
  display:flex!important;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(118,139,166,.42)!important;
  background:#080d13!important;
  color:var(--bone)!important;
  min-height:52px;
  box-shadow:none!important;
}
body.profile-view #myGarageNavBtn.is-workspace-active-v161,
body.profile-view #toolkitPanelBtnV142.is-workspace-active-v161{
  border-color:var(--ice)!important;
  background:rgba(44,232,255,.09)!important;
  color:var(--ice)!important;
  box-shadow:inset 0 0 0 1px rgba(44,232,255,.18)!important;
}

/* Remove decorative pre-headings to reduce vertical travel between sections. */
body:not(.profile-view) main.wrap > .section-panel > .section-head .eyebrow{
  display:none!important;
}
body:not(.profile-view) main.wrap > .section-panel > .section-head{
  margin-bottom:10px!important;
}
#ride-of-week .rotw-section-head-v162{
  padding-top:0!important;
}

/* Chat height is calculated from its actual screen position by site-v163.js. */
@media(max-width:700px){
  body.profile-view #my-garage.is-chat-view-v161{
    padding-bottom:0!important;
  }
  .garage-chat-hub-v161{
    height:var(--garage-chat-height-v163, calc(100dvh - 310px))!important;
    min-height:360px!important;
    max-height:none!important;
  }
  .garage-chat-mode-panel-v161.is-active,
  .direct-messages-v161,
  .dm-window-v161{
    min-height:0!important;
  }
  .direct-messages-v161{
    height:100%!important;
  }
  .dm-window-v161{
    height:auto!important;
  }
  .dm-messages-v161{
    flex:1 1 0!important;
    min-height:0!important;
  }
  .dm-compose-v161{
    flex:0 0 auto!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    background:#070b10;
  }
}

/* ===== site-v164.css ===== */
/* SkabStudio v1.6.4 — section separators, no floating badge, single-line titles */

/* The floating member status chip can cover chat and other controls. */
.member-pill,
#memberPill{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* A short, thin pink marker separates each homepage section without adding height. */
body:not(.profile-view) main.wrap > .section-panel{
  position:relative;
}
body:not(.profile-view) main.wrap > .section-panel::before{
  content:"";
  display:block;
  width:clamp(92px,28vw,235px);
  height:2px;
  margin:0 0 12px 0;
  background:#ff2fa9;
  box-shadow:0 0 7px rgba(255,47,169,.22);
}

/* Keep primary section and card titles on one line throughout the site. */
.section-title-link-v154 h3,
.section-head h3,
.rotw-feature h4,
.member-rides-grid h4,
.team-garage-grid h4,
.artist-grid h3,
.artist-grid h4,
.browse-card h4,
.garage-card h4,
.card-title-button-v153 h4,
.garage-chat-hub-v161 h2,
.garage-chat-hub-v161 h3,
.garage-chat-mode-v161,
[data-chat-mode-v161]{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%;
}

@media(max-width:700px){
  body:not(.profile-view) main.wrap > .section-panel::before{
    margin-bottom:9px;
    width:clamp(86px,34vw,190px);
  }
  .section-title-link-v154 h3,
  .section-head h3{
    font-size:clamp(27px,7.8vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.025em!important;
  }
  #ride-of-week .section-title-link-v154 h3{
    font-size:clamp(26px,7.4vw,42px)!important;
  }
  .rotw-feature h4,
  .member-rides-grid h4,
  .team-garage-grid h4,
  .artist-grid h3,
  .artist-grid h4,
  .browse-card h4,
  .garage-card h4,
  .card-title-button-v153 h4{
    font-size:clamp(15px,4.4vw,21px)!important;
    line-height:1!important;
    letter-spacing:-.015em!important;
  }
  .garage-chat-hub-v161 h2,
  .garage-chat-hub-v161 h3{
    font-size:clamp(19px,6vw,29px)!important;
    line-height:1!important;
  }
  .garage-chat-mode-v161,
  [data-chat-mode-v161]{
    font-size:clamp(7px,2.4vw,10px)!important;
    letter-spacing:.12em!important;
  }
}

/* ===== site-v165.css ===== */
/* SkabStudio v1.6.5 — full-width collection titles */

/* The entire heading is the collection link, so the redundant View All label is gone. */
.section-title-link-v154{
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding-right:9px!important;
}
.section-title-link-v154 h3{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

@media(max-width:700px){
  .section-title-link-v154{
    width:100%!important;
  }
  .section-title-link-v154 h3{
    font-size:clamp(25px,7vw,42px)!important;
    letter-spacing:-.035em!important;
  }
}

/* ===== site-v166.css ===== */
/* SkabStudio v1.6.6 — repair homepage Team Garage and Featured Artist cards */

/* Prevent legacy full-height rules and invalid nested controls from stretching cards. */
#team-garages .team-garage-grid,
#featured-artists .artist-grid{
  align-items:start!important;
  grid-auto-rows:auto!important;
}
#team-garages .garage-card,
#featured-artists .card{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  overflow:hidden!important;
}
#team-garages .full-card-link{
  display:block!important;
  height:auto!important;
  min-height:0!important;
}
#team-garages .garage-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  display:block!important;
}
#team-garages .garage-card-info,
#featured-artists .card{
  min-height:0!important;
}
#team-garages .team-coming-soon{
  min-height:0!important;
  height:auto!important;
}
#team-garages .team-coming-soon .garage-card-info{
  min-height:0!important;
  height:auto!important;
  justify-content:flex-start!important;
}

/* Keep card copy contained and readable instead of overlapping neighbouring controls. */
#team-garages h4,
#featured-artists h4{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
#featured-artists .card-title-button-v153{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
#featured-artists .follow-row{
  display:flex!important;
  gap:7px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
#featured-artists .follow-btn{
  max-width:100%!important;
}

@media(max-width:780px){
  #team-garages .team-garage-grid,
  #featured-artists .artist-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #team-garages .garage-card-info,
  #featured-artists .card{
    padding:9px!important;
  }
  #team-garages .garage-card img{
    aspect-ratio:4/3!important;
  }
  #team-garages .garage-card p,
  #featured-artists .card p{
    display:none!important;
  }
  #team-garages .garage-badges,
  #featured-artists .follow-row{
    margin-top:8px!important;
  }
  #featured-artists .follow-btn{
    font-size:7px!important;
    padding:8px!important;
  }
}

/* ===== site-v167.css ===== */
/* SkabStudio v1.6.7 — desktop wheel-scroll performance repair */

/* Smooth scrolling can make mouse-wheel movement feel like it is catching on large panels. */
html{scroll-behavior:auto!important}
body{background-attachment:scroll!important}

/* Avoid repainting the full viewport for fixed/sticky glass effects while the wheel is moving. */
.topbar,
header,
.modal-layer,
.garage-overlay,
.profile-editor,
#skabLocalGate{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Large layered glows on full-width cards are expensive during desktop scrolling. */
@media (min-width:721px){
  .panel,
  .section-panel,
  .rotw-feature,
  .community-chat,
  .profile-shell,
  .profile-car,
  .garage-card,
  .artist-grid .card,
  .browse-card,
  .activity-ticker-wrap{
    box-shadow:none!important;
  }

  /* Keep button feedback, but stop whole cards moving beneath the mouse. */
  .rotw-feature.skab-hover-disabled-v172,
  .browse-card.skab-hover-disabled-v172,
  .garage-card.skab-hover-disabled-v172,
  .artist-grid .card.skab-hover-disabled-v172,
  .section-panel.skab-hover-disabled-v172{
    transform:none!important;
  }

  /* Contain card paint work without creating nested scrolling areas. */
  .rotw-feature,
  .browse-card,
  .garage-card,
  .artist-grid .card{
    contain:layout paint;
    overflow:clip;
  }

  /* The hero remains clickable/readable without forcing constant GPU compositing. */
  .hero,
  .hero video,
  .hero-media,
  .hero-bg{
    will-change:auto!important;
    transform:none!important;
  }
}

/* Never let a decorative card layer capture the mouse wheel. */
.section-panel::before,
.section-panel::after,
.panel::before,
.panel::after,
.rotw-feature::before,
.rotw-feature::after,
.browse-card::before,
.browse-card::after,
.garage-card::before,
.garage-card::after{
  pointer-events:none!important;
}