:root {
  --mi-bg: #08020e;
  --mi-panel: rgba(29, 8, 48, .9);
  --mi-panel-soft: rgba(42, 11, 68, .58);
  --mi-purple: #ad42ff;
  --mi-pink: #ff38ce;
  --mi-text: #f8efff;
  --mi-muted: #bca6d2;
  --mi-border: rgba(205, 80, 255, .27);
  --mi-green: #53fc18;
}

html {
  background: var(--mi-bg) !important;
}

body {
  min-width: 0 !important;
  padding-top: 68px !important;
  padding-bottom: 76px !important;
  color: var(--mi-text) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(164, 42, 245, .27), transparent 24rem),
    radial-gradient(circle at 100% 36%, rgba(243, 48, 210, .13), transparent 18rem),
    linear-gradient(155deg, #07020d, #160521 54%, #08020e) !important;
}

body::after {
  opacity: .2 !important;
}

body > header:not(.mi-header),
body > nav.hover-side-nav,
.sitewide-mobile-menu,
.merch-mobile-menu,
.events-header,
.nb-header,
.forum-header,
.member-header,
.merch-side-header {
  display: none !important;
}

.mi-header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  min-height: 68px;
  padding: .68rem .82rem;
  border-bottom: 1px solid rgba(192, 69, 255, .2);
  background: rgba(8, 2, 15, .92);
  backdrop-filter: blur(18px);
}

.mi-brand {
  display: flex;
  align-items: center;
  gap: .56rem;
  min-width: 0;
}

.mi-mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 41px;
  height: 41px;
  border: 1px solid rgba(240, 127, 255, .43);
  border-radius: 11px;
  background: linear-gradient(140deg, var(--mi-pink), var(--mi-purple), #5422c7);
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  box-shadow: 0 0 23px rgba(193, 43, 255, .37);
}

.mi-brand-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.mi-brand-copy strong {
  overflow: hidden;
  color: #fff;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 1.22rem;
  font-weight: 800;
  font-style: italic;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.mi-brand-copy small {
  margin-top: .14rem;
  color: #a08ab8;
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mi-kick {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  flex: 0 0 auto;
  padding: .52rem .66rem;
  border: 1px solid rgba(83, 252, 24, .29);
  border-radius: 999px;
  color: var(--mi-green);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.mi-kick span {
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--mi-green);
  box-shadow: 0 0 11px rgba(83, 252, 24, .75);
}

.mi-page-label {
  margin: .2rem 0 1rem;
  color: #de9eff;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.mi-bottom-nav {
  position: fixed;
  z-index: 100;
  right: .58rem;
  bottom: max(.58rem, env(safe-area-inset-bottom));
  left: .58rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .16rem;
  padding: .36rem;
  border: 1px solid rgba(209, 80, 255, .29);
  border-radius: 1rem;
  background: rgba(12, 3, 22, .94);
  box-shadow: 0 17px 44px rgba(0,0,0,.46);
  backdrop-filter: blur(18px);
}

.mi-bottom-nav a {
  padding: .62rem .12rem;
  border-radius: .63rem;
  color: #c5acd9;
  font-size: .59rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.mi-bottom-nav a.active {
  background: rgba(147, 37, 227, .29);
  color: #fff;
}

/* EVENTS */
.events-shell {
  width: auto !important;
  margin: 0 !important;
  padding: 1.2rem .78rem 1.5rem !important;
}

.events-hero {
  margin-bottom: 1.35rem !important;
}

.events-eyebrow {
  margin-bottom: .52rem !important;
  font-size: .67rem !important;
}

.events-hero h1 {
  margin-bottom: .72rem !important;
  font-size: clamp(3.7rem, 20vw, 5.2rem) !important;
}

.events-hero > p:last-child {
  font-size: .9rem !important;
  line-height: 1.55 !important;
}

.featured-event-section,
.events-list-section {
  margin-bottom: 1.15rem !important;
}

.events-section-heading {
  margin-bottom: .78rem !important;
}

.events-section-heading h2 {
  font-size: 2.15rem !important;
}

.featured-event-card,
.events-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .7rem !important;
}

.event-card {
  border-radius: .92rem !important;
  background: var(--mi-panel) !important;
}

.event-image,
.featured-event-card .event-image {
  height: auto !important;
  min-height: 0 !important;
  max-height: 250px !important;
  aspect-ratio: 16 / 9;
}

.event-content,
.featured-event-card .event-content {
  padding: .92rem !important;
}

.event-card h3 {
  font-size: 2rem !important;
}

.event-card p {
  margin-bottom: .78rem !important;
  font-size: .79rem !important;
  line-height: 1.5 !important;
}

.event-actions .button {
  width: 100% !important;
  min-height: 46px !important;
}

/* MERCH */
.merch-shell {
  max-width: none !important;
  padding: 1rem .78rem 1.4rem !important;
}

.merch-hero {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  gap: 1rem !important;
  padding: 1.08rem !important;
  border-radius: 1rem !important;
}

.merch-hero h1 {
  margin-bottom: .62rem !important;
  font-size: clamp(3.25rem, 18vw, 4.7rem) !important;
  letter-spacing: -.025em !important;
}

.merch-hero-copy > p:not(.merch-eyebrow) {
  margin-bottom: .92rem !important;
  font-size: .86rem !important;
  line-height: 1.55 !important;
}

.merch-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.merch-actions .button {
  min-height: 47px !important;
}

.merch-badge-card {
  order: -1;
  padding: .78rem !important;
  border-radius: .78rem !important;
}

.merch-badge-card img {
  max-height: 125px !important;
}

.featured-section {
  padding-top: 1.25rem !important;
}

.featured-section .section-heading h2 {
  font-size: 2.35rem !important;
}

.merch-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .56rem !important;
}

.merch-product-card {
  border-radius: .78rem !important;
}

.merch-product-image {
  aspect-ratio: 1 / 1 !important;
}

.merch-product-info {
  padding: .62rem !important;
}

.merch-product-info h3 {
  min-height: 2.2em;
  font-size: .78rem !important;
}

.merch-product-bottom span,
.merch-product-bottom strong {
  font-size: .7rem !important;
}

/* NUTTABUDDY */
.nb-shell {
  width: auto !important;
  margin: 0 !important;
  padding: 1rem .78rem 1.3rem !important;
}

.nb-hero {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.nb-hero-copy h1 {
  font-size: clamp(3.7rem, 21vw, 5.2rem) !important;
}

.nb-lead {
  font-size: .87rem !important;
  line-height: 1.55 !important;
}

.nb-hero-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .55rem !important;
}

.nb-bot-preview {
  padding: .85rem !important;
  border-radius: .92rem !important;
}

.nb-section,
.nb-roadmap,
.nb-setup {
  margin-top: 1.15rem !important;
  padding: 1rem !important;
  border-radius: 1rem !important;
}

.nb-section-heading h2 {
  font-size: 2.3rem !important;
}

.nb-card-grid,
.nb-roadmap-list,
.nb-steps {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .62rem !important;
}

.nb-feature-card,
.nb-roadmap-list article {
  padding: .82rem !important;
  border-radius: .72rem !important;
}

/* FORUMS / THREADS */
.forum-shell,
.thread-shell {
  width: auto !important;
  margin: 0 !important;
  padding: 1rem .78rem 1.4rem !important;
}

.forum-hero {
  margin-bottom: .9rem !important;
}

.forum-hero h1 {
  font-size: clamp(2.75rem, 15vw, 3.65rem) !important;
  line-height: .96 !important;
}

.forum-hero p:last-child {
  font-size: .83rem !important;
  line-height: 1.5 !important;
}

.forum-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: .72rem !important;
}

.forum-panel {
  padding: .86rem !important;
  border-radius: .85rem !important;
}

.category-list {
  display: flex !important;
  overflow-x: auto !important;
  gap: .45rem !important;
  padding-bottom: .15rem;
}

.category-list > * {
  flex: 0 0 auto !important;
}

.thread-list {
  display: grid !important;
  gap: .54rem !important;
}

.original-post h1 {
  font-size: clamp(2rem, 12vw, 2.8rem) !important;
}

.post-body {
  font-size: .86rem !important;
  line-height: 1.58 !important;
}

.reply-list {
  display: grid !important;
  gap: .52rem !important;
}

.forum-panel input,
.forum-panel textarea,
.forum-panel select {
  width: 100% !important;
  font-size: 16px !important;
}

.moderator-actions,
.event-actions {
  flex-direction: column !important;
}

/* LOGIN, REGISTER, ACCOUNT, PUBLIC PROFILES */
.member-shell,
.account-shell,
.public-profile-shell {
  width: auto !important;
  margin: 0 !important;
  padding: 1rem .78rem 1.4rem !important;
}

.member-card {
  padding: 1rem !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(205, 57, 255, .13), transparent 36%),
    var(--mi-panel) !important;
}

.member-card h1 {
  font-size: clamp(2.8rem, 16vw, 3.7rem) !important;
}

.member-card .intro {
  margin-bottom: .92rem !important;
  font-size: .85rem !important;
}

.member-card form {
  gap: .72rem !important;
}

.member-card input,
.member-card textarea {
  font-size: 16px !important;
}

.member-card button,
.profile-link,
.secondary-action {
  min-height: 47px !important;
  justify-content: center !important;
}

.account-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: .85rem !important;
}

.account-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .5rem !important;
}

.profile-form {
  margin-top: .7rem !important;
  gap: .82rem !important;
}

.profile-social-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .65rem !important;
}

.handle-input span {
  padding-left: .68rem !important;
  font-size: .78rem !important;
}

.public-profile-card,
.profile-error {
  max-width: none !important;
}

.profile-links {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .5rem !important;
}

@media (min-width: 540px) {
  .events-shell,
  .merch-shell,
  .nb-shell,
  .forum-shell,
  .thread-shell,
  .member-shell,
  .account-shell,
  .public-profile-shell {
    max-width: 540px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}


/* ===== MOBILE HIGHLIGHTS INNER PAGE 20260603 ===== */

.mi-bottom-nav {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.highlights-shell {
  width: auto !important;
  margin: 0 !important;
  padding: 1rem .78rem 1.5rem !important;
}

.highlights-hero h1 {
  font-size: clamp(3.5rem, 20vw, 5rem) !important;
}

.highlights-grid {
  grid-template-columns: 1fr !important;
}

.featured-highlight {
  grid-template-columns: 1fr !important;
}

@media (min-width: 540px) {
  .highlights-shell {
    max-width: 540px !important;
    margin: 0 auto !important;
  }
}

/* ===== MOBILE HIGHLIGHTS INNER PAGE END ===== */


/* ===== MOBILE INNER HIGHLIGHTS NAV FIT 20260603 ===== */

.mi-bottom-nav {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mi-bottom-nav a {
  padding-left: 0.08rem;
  padding-right: 0.08rem;
  font-size: 0.55rem;
}

/* ===== MOBILE INNER HIGHLIGHTS NAV FIT END ===== */