:root{
  --bg:#041018;
  --bg2:#071822;
  --panel:#0a202d;
  --panel2:#0c2a3a;
  --blue:#003554;
  --blue2:#006897;
  --orange:#c84b00;
  --cyan:#00b3c8;
  --cyan2:#7feaf2;
  --white:#ffffff;
  --text:#dcebf1;
  --muted:#8ca4af;
  --green:#35d07f;
  --red:#ff625b;
  --border:rgba(255,255,255,.10);
  --shadow:0 16px 45px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  color:var(--text);
  font:15px/1.55 Arial,Helvetica,sans-serif;
  background:
    linear-gradient(135deg,rgba(0,53,84,.20) 0 10%,transparent 10% 90%,rgba(200,75,0,.08) 90%),
    radial-gradient(circle at 85% 0,rgba(0,104,151,.20),transparent 35%),
    var(--bg);
}
a{color:var(--cyan);text-decoration:none}
a:hover,a:focus{color:var(--cyan2)}
.wrap{width:min(1200px,calc(100% - 30px));margin:auto}

.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(2,13,20,.97);
  border-bottom:1px solid rgba(0,179,200,.26);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.header-inner{
  min-height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{
  display:flex;align-items:baseline;gap:7px;
  color:#fff;font-weight:1000;letter-spacing:.055em;
  transform:skewX(-7deg);
}
.brand-muroc{font-size:21px;color:#fff}
.brand-racing{font-size:21px;color:var(--orange)}
.brand small{font-size:10px;color:var(--cyan);letter-spacing:.16em}
.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.main-nav a{
  position:relative;
  padding:9px 10px;
  color:#d4e2e8;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.main-nav a:hover{color:#fff;background:rgba(0,179,200,.09)}
.main-nav .admin-link{color:#ff9252}
.main-nav .register-link{
  background:var(--orange);color:#fff;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}

.page{padding:26px 0 50px}
.hero{
  position:relative;overflow:hidden;
  padding:32px 34px;margin-bottom:24px;
  border:1px solid rgba(0,179,200,.22);
  border-left:5px solid var(--orange);
  background:
    linear-gradient(120deg,rgba(0,53,84,.98),rgba(4,18,27,.96));
  box-shadow:var(--shadow);
}
.hero::after{
  content:"";
  position:absolute;right:-40px;top:-60px;
  width:250px;height:180px;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 13px,transparent 13px 26px);
  transform:rotate(8deg);
}
.hero h1{position:relative;z-index:1;margin:0 0 7px;font-size:clamp(30px,5vw,50px);font-style:italic;text-transform:uppercase;letter-spacing:-.02em}
.hero p{position:relative;z-index:1;margin:0;color:#b8ccd5}
.kicker{color:var(--orange);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em}

.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:22px 0 12px}
.section-title h1,.section-title h2{margin:0;text-transform:uppercase;font-style:italic}
.muted,.meta{color:var(--muted);font-size:13px}

.panel,.forum-row,.topic-row,.post,.member-card,.stat-card{
  border:1px solid var(--border);
  background:linear-gradient(145deg,rgba(0,53,84,.72),rgba(7,25,35,.95));
  box-shadow:0 9px 28px rgba(0,0,0,.17);
}
.panel{padding:20px;margin-bottom:18px}
.category{margin-bottom:22px}
.category-title{
  padding:10px 14px;
  background:#03131d;
  border:1px solid var(--border);
  border-left:4px solid var(--orange);
  text-transform:uppercase;
  font-weight:1000;
  font-style:italic;
  letter-spacing:.08em;
}

.forum-row,.topic-row{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 105px 245px;
  gap:15px;align-items:center;padding:15px;
  border-top:0;
}
.forum-row h3,.topic-row h3{margin:0 0 3px}
.stats{text-align:center;color:#c7d8df;font-weight:800;font-size:12px}
.last-post{font-size:12px}

.post-status{
  width:34px;height:34px;margin:auto;
  border-radius:50%;
  display:grid;place-items:center;
  border:2px solid rgba(255,255,255,.18);
  background:#071822;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.025);
}
.post-status::after{content:"";width:12px;height:12px;transform:rotate(45deg)}
.post-status.read::after{background:#526873}
.post-status.unread{
  border-color:rgba(0,179,200,.65);
  box-shadow:0 0 18px rgba(0,179,200,.20),inset 0 0 0 4px rgba(0,179,200,.05);
}
.post-status.unread::after{background:var(--cyan)}
.post-status.locked::after{background:var(--red)}
.post-status.sticky::after{background:var(--orange)}

.legend{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:12px}
.legend span{display:flex;align-items:center;gap:7px}
.legend .post-status{width:19px;height:19px;margin:0}
.legend .post-status::after{width:7px;height:7px}

.btn,button,input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:9px 14px;
  border:1px solid rgba(0,179,200,.35);
  background:#092839;color:#fff;
  font:inherit;font-size:13px;font-weight:900;
  cursor:pointer;text-transform:uppercase;letter-spacing:.04em;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);
}
.btn:hover,button:hover,input[type=submit]:hover{background:#0d3a4e;border-color:var(--cyan);color:#fff}
.btn.primary{background:var(--orange);border-color:var(--orange)}
.btn.danger{background:#551a1a;border-color:#922f2f}
.actions{display:flex;gap:7px;flex-wrap:wrap}

.form-grid{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;color:#d9e7ec;font-weight:800}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{
  width:100%;padding:11px 12px;
  border:1px solid rgba(255,255,255,.14);
  background:#061720;color:#fff;font:inherit;outline:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,179,200,.10)}
textarea{min-height:170px;resize:vertical}
.notice{padding:12px 14px;margin-bottom:16px;border:1px solid var(--border);background:#0b2431}
.notice.success{border-color:rgba(53,208,127,.45);color:#c8f7da}
.notice.error{border-color:rgba(255,98,91,.45);color:#ffd1ce}

.post{display:grid;grid-template-columns:185px minmax(0,1fr);margin-bottom:14px}
.post-user{padding:17px;border-right:1px solid var(--border);background:rgba(0,0,0,.13)}
.post-body{padding:18px;min-width:0}
.post-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font-size:12px}
.post-content{overflow-wrap:anywhere}
.avatar,.avatar-placeholder{
  width:90px;height:90px;display:block;margin:0 0 10px;
  border:1px solid rgba(0,179,200,.35);background:#04111a
}
.avatar{object-fit:cover}
.avatar-placeholder{display:grid;place-items:center;color:var(--cyan);font-size:30px;font-weight:1000}
.username{font-weight:1000;color:#fff}
.role{color:var(--orange);font-size:11px;font-weight:1000;text-transform:uppercase}
.user-stat{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.signature{margin-top:20px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.12);color:#9fb3bd;font-size:12px}

.badge{
  display:inline-flex;padding:3px 7px;
  border:1px solid rgba(0,179,200,.35);
  color:var(--cyan2);font-size:10px;font-weight:1000;text-transform:uppercase;
}
.badge.sticky{border-color:rgba(200,75,0,.55);color:#ff9d62}
.badge.locked{border-color:rgba(255,98,91,.45);color:#ffaaa6}

.pagination{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
.pagination a{min-width:34px;padding:6px 8px;text-align:center;background:#092331;border:1px solid var(--border)}
.pagination a.active{background:var(--orange);color:#fff}

.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.stat-card{padding:16px;border-top:3px solid var(--cyan)}
.stat-card strong{display:block;font-size:28px;color:#fff}
.stat-card span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.07em}

.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.member-card{padding:16px}
.member-card h3{margin:0 0 5px}

.admin-nav{
  position:sticky;top:78px;z-index:20;
  display:flex;flex-wrap:wrap;gap:6px;
  margin:0 0 18px;padding:10px;
  background:#03131d;border:1px solid var(--border)
}
.admin-nav a{padding:7px 9px;color:#c7d8df;font-size:11px;font-weight:900;text-transform:uppercase}
.admin-nav a:hover{background:rgba(0,179,200,.10);color:#fff}
.admin-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-card{padding:18px;border:1px solid var(--border);background:linear-gradient(145deg,#082130,#05151e)}
.admin-card h3{margin:0 0 8px;color:var(--cyan2);text-transform:uppercase;font-size:12px}
.admin-card strong{font-size:32px}

.permission-table,table{width:100%;border-collapse:collapse}
th,td{padding:9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
th{color:var(--cyan2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.permission-table input[type=checkbox]{width:18px;height:18px}

.smiley-picker{padding:10px;border:1px solid rgba(0,179,200,.22);background:#061821}
.smiley-picker-title{margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}
.smiley-picker-buttons{display:flex;flex-wrap:wrap;gap:5px}
.smiley-btn{
  width:38px;height:38px;min-height:38px;padding:0;
  border:1px solid rgba(255,255,255,.10);
  background:#081f2b;font-size:21px;clip-path:none
}
.smiley-btn:hover{background:#0c3345;border-color:var(--cyan)}

.attachments{margin-top:20px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.12)}
.attachments-title{color:var(--orange);font-size:11px;font-weight:1000;text-transform:uppercase;margin-bottom:8px}
.attachment-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}
.attachment-item span{color:var(--muted);font-size:11px}
.attachment-image{display:block;max-width:220px;max-height:150px;border:1px solid rgba(0,179,200,.25)}

.honeypot{position:absolute!important;left:-9999px!important}
.site-footer{border-top:1px solid var(--border);padding:25px 0;background:#020b11;color:var(--muted);font-size:12px}
.footer-grid{display:flex;justify-content:space-between;gap:20px}
.site-footer strong{color:#fff}
.footer-right{text-align:right}

@media(max-width:900px){
  .forum-row,.topic-row{grid-template-columns:42px minmax(0,1fr)}
  .stats,.last-post{grid-column:2;text-align:left}
  .stats-strip,.admin-dashboard{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .header-inner{align-items:flex-start;flex-direction:column;padding:12px 0}
  .main-nav{gap:2px}
  .post{grid-template-columns:1fr}
  .post-user{border-right:0;border-bottom:1px solid var(--border)}
  .form-row{grid-template-columns:1fr}
  .member-grid{grid-template-columns:1fr}
  .stats-strip,.admin-dashboard{grid-template-columns:1fr 1fr}
  .footer-grid{flex-direction:column}
  .footer-right{text-align:left}
}


/* Forum3 usergroups */
.usergroup-panel{border-left:4px solid var(--cyan)}
.usergroup-dot{
  display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;
  box-shadow:0 0 12px rgba(0,179,200,.3)
}
.usergroup-badge{
  --group-color:#00b3c8;
  display:inline-flex;align-items:center;
  margin:2px 4px 2px 0;padding:3px 8px;
  border:1px solid var(--group-color);
  color:#fff;background:rgba(0,0,0,.18);
  font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em
}
.group-separator{
  height:1px;margin:20px 0;border:0;background:rgba(255,255,255,.09)
}
.usergroup-add-member{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px
}
.group-member-list{margin-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.group-member-row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)
}
.group-member-row form{display:flex;align-items:center;gap:8px}
.group-leader-toggle{display:flex;align-items:center;gap:6px;font-size:12px}
@media(max-width:720px){
  .usergroup-add-member{grid-template-columns:1fr}
  .group-member-row{align-items:flex-start;flex-direction:column}
}


/* Forum permissions: roles + custom usergroups */
.permission-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:10px 0 22px;
}
.permission-card{
  display:grid;
  gap:9px;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(3,18,27,.58);
}
.permission-card label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
}
.permission-card input[type=checkbox]{
  width:18px;
  height:18px;
}
.permission-card-title{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  color:#fff;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.permission-role-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  background:#092b3a;
  border:1px solid rgba(0,179,200,.30);
  color:#7feaf2;
  font-size:11px;
}
.permission-group-dot{
  width:14px;
  height:14px;
  border-radius:50%;
  flex:0 0 auto;
  box-shadow:0 0 10px rgba(0,179,200,.22);
}
.permission-group-description{
  min-height:34px;
}
.permission-subtitle{
  margin-top:25px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#ff9859;
  text-transform:uppercase;
  font-style:italic;
}
.usergroup-permission-card{
  border-top:3px solid rgba(0,179,200,.35);
}
@media(max-width:1000px){
  .permission-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .permission-grid{
    grid-template-columns:1fr;
  }
}


/* Forum3 high quality image smileys */
.image-smiley-picker{
  margin-top:2px;
}
.image-smiley-btn{
  width:54px;
  height:54px;
  min-height:54px;
  padding:4px;
  overflow:hidden;
  background:#061821;
  border:1px solid rgba(0,179,200,.18);
  clip-path:none;
}
.image-smiley-btn img{
  display:block;
  width:44px;
  height:44px;
  object-fit:contain;
}
.image-smiley-btn:hover,
.image-smiley-btn:focus{
  background:#0a2b3a;
  border-color:#00b3c8;
  transform:translateY(-1px);
}
.post-smiley{
  display:inline-block;
  width:42px;
  height:42px;
  object-fit:contain;
  vertical-align:middle;
  margin:0 2px;
}
@media(max-width:600px){
  .image-smiley-btn{
    width:48px;
    height:48px;
    min-height:48px;
  }
  .image-smiley-btn img{
    width:38px;
    height:38px;
  }
  .post-smiley{
    width:36px;
    height:36px;
  }
}


/* FIX: Forum3 image smileys must never render at their 256x256 source size */
.smiley-picker.image-smiley-picker{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  overflow:visible !important;
}
.smiley-picker.image-smiley-picker .smiley-picker-buttons{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  width:100% !important;
  height:auto !important;
  overflow:visible !important;
}
.smiley-picker.image-smiley-picker .image-smiley-btn{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 46px !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  padding:3px !important;
  margin:0 !important;
  overflow:hidden !important;
  clip-path:none !important;
}
.smiley-picker.image-smiley-picker .image-smiley-btn > img{
  box-sizing:border-box !important;
  display:block !important;
  flex:none !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}
.post-content .post-smiley,
.post-smiley{
  display:inline-block !important;
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  object-fit:contain !important;
  vertical-align:middle !important;
}
@media(max-width:600px){
  .smiley-picker.image-smiley-picker .image-smiley-btn{
    flex-basis:42px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
  }
  .smiley-picker.image-smiley-picker .image-smiley-btn > img{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
  }
}


/* FIX: rendered smileys inside published posts */
.post-body .post-content img.post-smiley,
.post-content img.post-smiley,
.post img.post-smiley,
img.post-smiley{
  display:inline-block !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  max-width:32px !important;
  max-height:32px !important;
  object-fit:contain !important;
  vertical-align:middle !important;
  margin:0 3px !important;
  padding:0 !important;
  float:none !important;
  position:static !important;
  transform:none !important;
}


/* Forum3 password recovery */
.forgot-password-link{
  margin-top:-4px;
  text-align:right;
  font-size:12px;
}
.forgot-password-link a{
  color:var(--cyan);
  font-weight:800;
}
.forgot-password-link a:hover{
  color:var(--cyan2);
}


/* Forum3 topic subscriptions */
.topic-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.inline-form{
  display:inline;
  margin:0;
}
.subscribe-btn{
  border-color:rgba(0,179,200,.55);
}
.subscribed-btn{
  border-color:rgba(200,75,0,.7);
}
.subscription-checkbox{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  cursor:pointer;
}
.subscription-checkbox input[type="checkbox"]{
  width:18px;
  height:18px;
  min-width:18px;
  margin:0;
}
.subscription-list{
  display:grid;
  gap:10px;
}
.subscription-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.subscription-main{
  min-width:0;
}
.subscription-title{
  display:inline-block;
  margin-top:3px;
  font-size:18px;
  font-weight:900;
}
.subscription-meta{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
}
.subscription-new{
  display:inline-block;
  margin-left:8px;
  padding:2px 7px;
  border:1px solid rgba(0,179,200,.55);
  color:var(--cyan);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
@media(max-width:700px){
  .subscription-row{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Forum3 - Who is online */
.who-is-online{
  margin-top:18px;
}
.online-users-panel{
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(4,16,24,.72);
}
.online-users-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.online-user{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border:1px solid rgba(0,179,200,.28);
  background:#071822;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.online-user:hover{
  border-color:#00b3c8;
  color:#7feaf2;
}
.online-dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2ad66f;
  box-shadow:0 0 8px rgba(42,214,111,.7);
}
.online-role-admin{
  border-color:rgba(200,75,0,.6);
}
.online-role-moderator{
  border-color:rgba(0,104,151,.7);
}
.online-users-summary{
  margin-top:12px;
  color:var(--muted);
  font-size:12px;
}
.online-users-summary strong{
  color:#fff;
}


/* Forum3 maximum users online */
.maximum-online{
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
}
.maximum-online strong{
  color:#fff;
  font-size:13px;
}


/* Forum3 registration - I'm not a robot */
.robot-check{
  position:relative;
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:12px;
  width:min(100%,320px);
  min-height:64px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  background:#071822;
  cursor:pointer;
  user-select:none;
}
.robot-check input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.robot-check-box{
  position:relative;
  display:inline-block;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:2px solid rgba(255,255,255,.42);
  background:#041018;
}
.robot-check input:checked + .robot-check-box{
  border-color:#00b3c8;
  background:#003554;
}
.robot-check input:checked + .robot-check-box::after{
  content:"";
  position:absolute;
  left:7px;
  top:2px;
  width:8px;
  height:15px;
  border:solid #7feaf2;
  border-width:0 3px 3px 0;
  transform:rotate(45deg);
}
.robot-check input:focus-visible + .robot-check-box{
  outline:2px solid #00b3c8;
  outline-offset:3px;
}
.robot-check-text{
  color:#fff;
  font-size:15px;
  font-weight:800;
}


/* Forum3 index - racing corner instead of diagonal stripes */
.home-racing-hero{
  isolation:isolate;
  padding-right:260px;
}

/* Replace the generic hero diagonal stripes on the front page */
.home-racing-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  right:24px;
  top:13px;
  width:196px;
  height:94px;

  /* Racing checkered flag */
  background:
    conic-gradient(
      from 90deg,
      rgba(255,255,255,.78) 25%,
      rgba(0,53,84,.82) 0 50%,
      rgba(255,255,255,.78) 0 75%,
      rgba(0,53,84,.82) 0
    );
  background-size:30px 30px;

  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    -10px 12px 0 rgba(200,75,0,.34),
    -18px 20px 0 rgba(0,179,200,.13);

  clip-path:polygon(
    10% 0,
    100% 0,
    90% 78%,
    72% 68%,
    55% 82%,
    36% 70%,
    18% 84%,
    0 72%
  );

  transform:skewX(-8deg) rotate(2deg);
  opacity:.46;
}

/* Small speed / apex chevrons under the flag */
.home-racing-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  right:39px;
  top:116px;
  width:145px;
  height:18px;
  background:
    linear-gradient(
      135deg,
      transparent 0 16%,
      var(--orange) 16% 31%,
      transparent 31% 40%,
      var(--cyan) 40% 55%,
      transparent 55% 64%,
      rgba(255,255,255,.9) 64% 79%,
      transparent 79%
    );
  transform:skewX(-18deg);
  opacity:.85;
}

.home-racing-hero > *{
  position:relative;
  z-index:1;
}

@media(max-width:760px){
  .home-racing-hero{
    padding-right:34px;
  }

  .home-racing-hero::after{
    right:-20px;
    top:6px;
    width:135px;
    height:68px;
    background-size:22px 22px;
    opacity:.17;
  }

  .home-racing-hero::before{
    display:none;
  }
}


/* Forum3 - online members without frames */
.online-users-list .online-user,
.online-users-list .online-user.online-role-admin,
.online-users-list .online-user.online-role-moderator{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:3px 2px !important;
}

.online-users-list .online-user:hover,
.online-users-list .online-user:focus{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}


/* Forum3 - Who is online completely borderless */
.who-is-online .category-title{
  border:0 !important;
  border-left:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.who-is-online .online-users-panel{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.who-is-online .online-user,
.who-is-online .online-user:hover,
.who-is-online .online-user:focus,
.who-is-online .online-user.online-role-admin,
.who-is-online .online-user.online-role-moderator{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}


/* Forum3 - online members: no dot, blue text */
.who-is-online .online-dot{
  display:none !important;
}

.who-is-online .online-user,
.who-is-online .online-user:visited,
.who-is-online .online-user:hover,
.who-is-online .online-user:focus,
.who-is-online .online-user.online-role-admin,
.who-is-online .online-user.online-role-moderator{
  color:#006897 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.who-is-online .online-user:hover,
.who-is-online .online-user:focus{
  color:#00b3c8 !important;
}


/* Forum3 - Edit Post */
.post-edited{
  margin-top:12px;
  color:var(--muted);
  font-size:11px;
  font-style:italic;
}
.edit-post-form textarea{
  min-height:260px;
}

/* Forum3 - Polls */
.poll-create-panel{
  border:1px solid rgba(0,104,151,.35);
  background:rgba(0,53,84,.08);
}
.poll-create-panel > summary{
  padding:13px 15px;
  cursor:pointer;
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.poll-create-panel[open] > summary{
  border-bottom:1px solid rgba(255,255,255,.08);
}
.poll-create-fields{
  display:grid;
  gap:14px;
  padding:15px;
}
.poll-settings-grid{
  display:flex;
  flex-wrap:wrap;
  gap:16px 24px;
}
.poll-duration-label{
  max-width:360px;
}
.poll-duration-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.poll-duration-row input{
  width:90px;
}
.field-help{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
}

.poll-card{
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(0,104,151,.42);
  background:
    linear-gradient(
      135deg,
      rgba(0,53,84,.18),
      rgba(4,16,24,.92) 46%
    );
}
.poll-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.poll-card-head h2{
  margin:2px 0 0;
}
.poll-status{
  flex:0 0 auto;
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.16);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.poll-status.open{
  color:#00b3c8;
  border-color:rgba(0,179,200,.48);
}
.poll-status.closed{
  color:#a7b5bd;
}
.poll-options{
  display:grid;
  gap:11px;
}
.poll-option{
  padding:10px 12px;
  background:rgba(7,24,34,.58);
}
.poll-option.selected{
  background:rgba(0,104,151,.12);
}
.poll-option-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:7px;
}
.poll-choice{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:9px;
  min-width:0;
  cursor:pointer;
}
.poll-choice input{
  width:18px;
  height:18px;
  min-width:18px;
  margin:0;
}
.poll-option-name{
  min-width:0;
  color:#fff;
  font-weight:800;
}
.poll-your-vote{
  display:inline-block;
  margin-left:7px;
  padding:2px 6px;
  color:#00b3c8;
  border:1px solid rgba(0,179,200,.38);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.poll-option-result{
  flex:0 0 auto;
  color:var(--muted);
  font-size:11px;
}
.poll-bar{
  width:100%;
  height:6px;
  overflow:hidden;
  background:#031018;
}
.poll-bar > span{
  display:block;
  height:100%;
  min-width:0;
  background:linear-gradient(90deg,#006897,#00b3c8);
}
.poll-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:15px;
}
.poll-login-note{
  margin-top:14px;
}
.poll-footer{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.07);
  color:var(--muted);
  font-size:11px;
}
@media(max-width:650px){
  .poll-card-head,
  .poll-option-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .poll-option-result{
    flex:none;
  }
}


/* Forum3 - Edit Post attachment removal */
.edit-attachments{
  margin-top:4px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.edit-attachments-title{
  margin-bottom:10px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.edit-attachments-list{
  display:grid;
  gap:8px;
}
.edit-attachment-item{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:9px 10px;
  background:rgba(7,24,34,.55);
}
.edit-attachment-preview{
  width:64px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.edit-attachment-preview img{
  display:block;
  width:64px !important;
  height:52px !important;
  max-width:64px !important;
  max-height:52px !important;
  object-fit:cover;
}
.edit-attachment-file-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:40px;
  border:1px solid rgba(0,104,151,.5);
  color:#00b3c8;
  font-size:10px;
  font-weight:900;
}
.edit-attachment-info{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:3px;
}
.edit-attachment-name{
  overflow:hidden;
  color:#fff;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.remove-attachment-check{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:8px;
  width:auto !important;
  color:#ff8f6d;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}
.remove-attachment-check input{
  width:18px;
  height:18px;
  min-width:18px;
  margin:0;
}
.edit-attachment-warning{
  margin-top:9px;
  color:var(--muted);
  font-size:11px;
}
@media(max-width:650px){
  .edit-attachment-item{
    grid-template-columns:54px minmax(0,1fr);
  }
  .remove-attachment-check{
    grid-column:1 / -1;
  }
}


/* Forum3 - Edit Post add new attachments */
.edit-add-attachments{
  margin-top:6px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.edit-add-attachments input[type="file"]{
  margin-top:6px;
}
.edit-attachment-rules{
  margin-top:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
.edit-attachment-rules strong{
  color:#fff;
}


/* Forum3 smileys +10px */
.smiley-picker.image-smiley-picker .image-smiley-btn{
  flex:0 0 56px !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
}

.smiley-picker.image-smiley-picker .image-smiley-btn > img{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
}

.post-body .post-content img.post-smiley,
.post-content img.post-smiley,
.post img.post-smiley,
img.post-smiley{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
}

@media(max-width:600px){
  .smiley-picker.image-smiley-picker .image-smiley-btn{
    flex-basis:52px !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }

  .smiley-picker.image-smiley-picker .image-smiley-btn > img{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
  }
}