/* ==========================================================================
   hawkeye.homes — mobile canvas stylesheet
   File: css/palette-responsive-81f80c.css
   Class prefix: mobile1f80c-
   Canvas: 320px up to 430px wide (430px hard cap), kept centered as a phone
           frame on wider screens.
   Palette: #C0C0C0 silver | #0C0C0C ink | #DCDCDC gainsboro | #4B0082 indigo
            #ECF0F1 mist | #F8F8FF ghost
   Visual voice: poster-style condensed headings, near-square tool corners,
   pure-image game cards with short names, indigo energy accents.
   ========================================================================== */

:root{
  --mobile1f80c-c-silver:#C0C0C0;
  --mobile1f80c-c-ink:#0C0C0C;
  --mobile1f80c-c-gainsboro:#DCDCDC;
  --mobile1f80c-c-indigo:#4B0082;
  --mobile1f80c-c-mist:#ECF0F1;
  --mobile1f80c-c-ghost:#F8F8FF;

  --mobile1f80c-ink-0:#0C0C0C;
  --mobile1f80c-ink-1:#121214;
  --mobile1f80c-ink-2:#191A1E;
  --mobile1f80c-ink-3:#202127;

  --mobile1f80c-hair:rgba(220,220,220,.14);
  --mobile1f80c-hair-strong:rgba(220,220,220,.30);

  --mobile1f80c-font-poster:"Arial Narrow","Arial Nova Condensed","Liberation Sans Narrow","Helvetica Neue",Arial,sans-serif;
  --mobile1f80c-font-body:"Arial Narrow","Arial Nova Condensed","Liberation Sans Narrow",Arial,Helvetica,sans-serif;

  --mobile1f80c-canvas:430px;
  --mobile1f80c-topbar-h:60px;
  --mobile1f80c-bnav-h:64px;
  --mobile1f80c-radius:3px;
  --mobile1f80c-radius-sm:2px;
  --mobile1f80c-tap:44px;
}

/* --------------------------------------------------------------------------
   1. Reset and base canvas
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{
  -webkit-text-size-adjust:100%;
  background:#050506;
  overflow-x:hidden;
}
body{
  margin:0 auto;
  max-width:430px;                     /* mobile canvas cap */
  width:100%;
  min-height:100vh;
  min-height:100dvh;
  background:
    repeating-linear-gradient(180deg,
      rgba(220,220,220,.015) 0px,
      rgba(220,220,220,.015) 1px,
      transparent 1px,
      transparent 4px),
    var(--mobile1f80c-c-ink);
  color:var(--mobile1f80c-c-mist);
  font-family:var(--mobile1f80c-font-body);
  font-size:15px;
  line-height:1.5;
  letter-spacing:.012em;
  overflow-x:hidden;
  position:relative;
}
img{max-width:100%;height:auto;display:block;border:0;}
a{color:var(--mobile1f80c-c-gainsboro);text-decoration:none;}
a:hover{color:var(--mobile1f80c-c-ghost);}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-family:var(--mobile1f80c-font-poster);}
p{margin:0 0 12px;}
p:last-child{margin-bottom:0;}
button{
  font-family:inherit;
  cursor:pointer;
  border:0;
  background:none;
  color:inherit;
}
:focus{outline:none;}
:focus-visible{
  outline:2px solid var(--mobile1f80c-c-gainsboro);
  outline-offset:2px;
}
::selection{background:var(--mobile1f80c-c-indigo);color:var(--mobile1f80c-c-ghost);}

/* Skip link */
.mobile1f80c-skip{
  position:absolute;
  left:8px;
  top:-48px;
  z-index:120;
  background:var(--mobile1f80c-c-indigo);
  color:var(--mobile1f80c-c-ghost);
  padding:10px 14px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:top .18s ease;
}
.mobile1f80c-skip:focus{top:8px;color:var(--mobile1f80c-c-ghost);}

/* Body lock while drawer is open */
.mobile1f80c-no-scroll{overflow:hidden;}

/* Wide-screen phone frame: keep the 430px canvas centered with hairlines */
@media (min-width:431px){
  body{
    border-left:1px solid #232327;
    border-right:1px solid #232327;
    box-shadow:0 0 42px rgba(75,0,130,.16);
  }
}

/* --------------------------------------------------------------------------
   2. Fixed top bar: compact brand strip + action cluster
   -------------------------------------------------------------------------- */
.mobile1f80c-topbar{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:90;
  min-height:var(--mobile1f80c-topbar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  background:linear-gradient(180deg,rgba(12,12,12,.97),rgba(12,12,12,.90));
  border-bottom:1px solid var(--mobile1f80c-hair-strong);
  backdrop-filter:blur(6px);
}
.mobile1f80c-brand{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.mobile1f80c-brand-logo{
  width:34px;
  height:34px;
  border-radius:var(--mobile1f80c-radius-sm);
  border:1px solid var(--mobile1f80c-hair-strong);
  object-fit:cover;
  background:var(--mobile1f80c-ink-2);
  flex:0 0 auto;
}
.mobile1f80c-brand-name{
  font-family:var(--mobile1f80c-font-poster);
  font-weight:800;
  font-size:19px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  white-space:nowrap;
  text-shadow:0 0 14px rgba(75,0,130,.55);
}
.mobile1f80c-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}

/* Buttons: staggered primary / secondary sizes, chamfered near-square CTA */
.mobile1f80c-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--mobile1f80c-tap);
  font-family:var(--mobile1f80c-font-poster);
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  transition:transform .14s ease,background-color .18s ease,border-color .18s ease;
}
.mobile1f80c-btn:active{transform:translateY(1px);}
.mobile1f80c-btn-primary{
  min-width:86px;
  padding:0 14px;
  font-size:13.5px;
  color:var(--mobile1f80c-c-ghost);
  background:linear-gradient(160deg,#5D0FA0 0%,var(--mobile1f80c-c-indigo) 62%,#3A0163 100%);
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);
  box-shadow:inset 0 0 0 1px rgba(248,248,255,.16),0 4px 16px rgba(75,0,130,.42);
}
.mobile1f80c-btn-primary:hover{
  background:linear-gradient(160deg,#6C14B4 0%,#53048C 62%,#420273 100%);
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-btn-ghost{
  min-width:70px;
  padding:0 12px;
  font-size:12.5px;
  color:var(--mobile1f80c-c-silver);
  border:1px solid var(--mobile1f80c-hair-strong);
  background:rgba(25,26,30,.65);
}
.mobile1f80c-btn-ghost:hover{
  color:var(--mobile1f80c-c-ghost);
  border-color:var(--mobile1f80c-c-silver);
}
@media (max-width:339px){
  .mobile1f80c-btn-primary{min-width:74px;padding:0 10px;font-size:12.5px;}
  .mobile1f80c-btn-ghost{min-width:60px;padding:0 9px;font-size:11.5px;}
}

/* Burger: two bars that morph into an X when open */
.mobile1f80c-burger{
  width:44px;
  height:44px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid var(--mobile1f80c-hair);
}
.mobile1f80c-burger-bar{
  display:block;
  width:20px;
  height:2px;
  background:var(--mobile1f80c-c-silver);
  transition:transform .22s ease,background-color .22s ease,width .22s ease;
}
.mobile1f80c-burger:hover .mobile1f80c-burger-bar{background:var(--mobile1f80c-c-ghost);}
.mobile1f80c-burger.is-open .mobile1f80c-burger-bar{
  background:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-burger.is-open .mobile1f80c-burger-bar:first-child{
  transform:translateY(4.5px) rotate(45deg);
}
.mobile1f80c-burger.is-open .mobile1f80c-burger-bar:last-child{
  transform:translateY(-4.5px) rotate(-45deg);
}

/* --------------------------------------------------------------------------
   3. Side drawer menu
   -------------------------------------------------------------------------- */
.mobile1f80c-drawerwrap{
  position:fixed;
  inset:0;
  z-index:100;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  height:100%;
  visibility:hidden;
  pointer-events:none;
}
.mobile1f80c-drawerwrap.is-open{
  visibility:visible;
  pointer-events:auto;
}
.mobile1f80c-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,5,6,.68);
  opacity:0;
  transition:opacity .24s ease;
}
.mobile1f80c-drawerwrap.is-open .mobile1f80c-backdrop{opacity:1;}
.mobile1f80c-drawer{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:min(82vw,306px);
  background:linear-gradient(180deg,var(--mobile1f80c-ink-1) 0%,var(--mobile1f80c-ink-0) 100%);
  border-right:1px solid var(--mobile1f80c-hair-strong);
  box-shadow:14px 0 34px rgba(0,0,0,.5);
  transform:translateX(-104%);
  transition:transform .26s ease;
  display:flex;
  flex-direction:column;
  padding:14px 0 calc(18px + env(safe-area-inset-bottom));
  overflow-y:auto;
}
.mobile1f80c-drawerwrap.is-open .mobile1f80c-drawer{transform:translateX(0);}
.mobile1f80c-drawer-head{
  padding:6px 16px 12px;
  border-bottom:1px solid var(--mobile1f80c-hair);
  margin-bottom:8px;
}
.mobile1f80c-drawer-eyebrow{
  display:block;
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-silver);
  opacity:.75;
  margin-bottom:4px;
}
.mobile1f80c-drawer-title{
  font-size:22px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-drawer-group{
  padding:10px 16px 4px;
  font-size:10.5px;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-silver);
  opacity:.62;
}
.mobile1f80c-drawer-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:46px;
  padding:0 16px;
  font-family:var(--mobile1f80c-font-poster);
  font-size:15px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-gainsboro);
  border-left:3px solid transparent;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
.mobile1f80c-drawer-link .mobile1f80c-drawer-arrow{
  font-size:13px;
  color:var(--mobile1f80c-c-silver);
  opacity:.55;
  transition:transform .16s ease,opacity .16s ease;
}
.mobile1f80c-drawer-link:hover,
.mobile1f80c-drawer-link:focus-visible{
  background:rgba(75,0,130,.20);
  color:var(--mobile1f80c-c-ghost);
  border-left-color:var(--mobile1f80c-c-indigo);
}
.mobile1f80c-drawer-link:hover .mobile1f80c-drawer-arrow{
  transform:translateX(3px);
  opacity:1;
}
.mobile1f80c-drawer-link[aria-current="page"]{
  background:var(--mobile1f80c-c-indigo);
  color:var(--mobile1f80c-c-ghost);
  border-left-color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-drawer-cta{
  margin:14px 16px 0;
  display:flex;
  gap:8px;
}
.mobile1f80c-drawer-cta .mobile1f80c-btn{flex:1;}

/* --------------------------------------------------------------------------
   4. Main column and hero
   -------------------------------------------------------------------------- */
.mobile1f80c-main{
  padding:calc(var(--mobile1f80c-topbar-h) + 12px) 12px
          calc(var(--mobile1f80c-bnav-h) + 30px + env(safe-area-inset-bottom));
}
.mobile1f80c-hero{
  padding:10px 2px 16px;
  border-bottom:1px solid var(--mobile1f80c-hair);
  margin-bottom:16px;
}
.mobile1f80c-kicker{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-silver);
  border:1px solid var(--mobile1f80c-hair-strong);
  padding:5px 9px;
  margin-bottom:12px;
  background:rgba(25,26,30,.6);
}
.mobile1f80c-title{
  font-size:clamp(27px,8.4vw,35px);
  line-height:1.04;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  margin-bottom:12px;
  text-shadow:0 2px 22px rgba(75,0,130,.45);
}
.mobile1f80c-title .mobile1f80c-title-mark{color:var(--mobile1f80c-c-silver);}
.mobile1f80c-lede{
  font-size:15px;
  line-height:1.58;
  color:var(--mobile1f80c-c-mist);
  max-width:62ch;
}

/* --------------------------------------------------------------------------
   5. Carousel
   -------------------------------------------------------------------------- */
.mobile1f80c-carousel{
  position:relative;
  margin:4px 0 20px;
  border:1px solid var(--mobile1f80c-hair-strong);
  background:var(--mobile1f80c-ink-1);
  overflow:hidden;
}
.mobile1f80c-track{
  display:flex;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  touch-action:pan-y;
}
.mobile1f80c-slide{
  position:relative;
  flex:0 0 100%;
  display:block;
  aspect-ratio:430/186;
  overflow:hidden;
}
.mobile1f80c-slide-img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.mobile1f80c-slide:hover .mobile1f80c-slide-img{transform:scale(1.03);}
.mobile1f80c-slide-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:22px 12px 9px;
  background:linear-gradient(180deg,transparent,rgba(12,12,12,.92) 78%);
  font-family:var(--mobile1f80c-font-poster);
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:var(--mobile1f80c-tap);
  height:var(--mobile1f80c-tap);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--mobile1f80c-c-ghost);
  background:rgba(12,12,12,.62);
  border:1px solid var(--mobile1f80c-hair-strong);
}
.mobile1f80c-carousel-arrow:hover{background:var(--mobile1f80c-c-indigo);}
.mobile1f80c-carousel-arrow svg{width:16px;height:16px;}
.mobile1f80c-arrow-prev{left:6px;}
.mobile1f80c-arrow-next{right:6px;}
.mobile1f80c-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:34px;
  display:flex;
  justify-content:center;
  gap:7px;
}
.mobile1f80c-dot{
  width:11px;
  height:11px;
  padding:0;
  border:1px solid var(--mobile1f80c-c-ghost);
  background:transparent;
  transform:rotate(45deg);
  transition:background-color .2s ease,transform .2s ease;
}
.mobile1f80c-dot:hover{border-color:var(--mobile1f80c-c-ghost);}
.mobile1f80c-dot.is-active{
  background:var(--mobile1f80c-c-ghost);
  transform:rotate(45deg) scale(1.14);
}

/* --------------------------------------------------------------------------
   6. Game shelves: heading + pure-image card grid
   -------------------------------------------------------------------------- */
.mobile1f80c-shelf{
  margin-bottom:24px;
}
.mobile1f80c-shelf-head{
  display:flex;
  align-items:baseline;
  gap:8px;
  border-bottom:2px solid var(--mobile1f80c-hair-strong);
  padding-bottom:7px;
  margin-bottom:8px;
}
.mobile1f80c-shelf-count{
  margin-left:auto;
  font-size:10.5px;
  letter-spacing:.16em;
  color:var(--mobile1f80c-c-silver);
  opacity:.7;
  white-space:nowrap;
}
.mobile1f80c-shelf-title{
  font-size:19px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:1.15;
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-shelf-note{
  font-size:13.5px;
  line-height:1.55;
  color:var(--mobile1f80c-c-mist);
  opacity:.94;
  margin:0 0 12px;
}
.mobile1f80c-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.mobile1f80c-tile{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.mobile1f80c-tile-imgwrap{
  display:block;
  border:1px solid var(--mobile1f80c-hair);
  background:var(--mobile1f80c-ink-2);
  aspect-ratio:1/1;
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.mobile1f80c-tile-imgwrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}
.mobile1f80c-tile:hover .mobile1f80c-tile-imgwrap,
.mobile1f80c-tile:focus-visible .mobile1f80c-tile-imgwrap{
  border-color:var(--mobile1f80c-c-indigo);
  box-shadow:0 0 0 1px rgba(75,0,130,.55),0 6px 18px rgba(0,0,0,.45);
}
.mobile1f80c-tile:hover .mobile1f80c-tile-imgwrap img{transform:scale(1.06);}
.mobile1f80c-tile:active .mobile1f80c-tile-imgwrap img{transform:scale(.97);}
.mobile1f80c-tile-name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:26px;
  font-family:var(--mobile1f80c-font-poster);
  font-size:11px;
  font-weight:700;
  line-height:1.22;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-align:center;
  color:var(--mobile1f80c-c-gainsboro);
  overflow-wrap:break-word;
}
.mobile1f80c-tile:hover .mobile1f80c-tile-name{color:var(--mobile1f80c-c-ghost);}

/* Wider phones get a fifth column */
@media (min-width:412px){
  .mobile1f80c-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}
}

/* --------------------------------------------------------------------------
   7. Content modules — each module keeps its own shape on purpose
   -------------------------------------------------------------------------- */
.mobile1f80c-mod{
  margin:0 0 26px;
  padding-top:16px;
  border-top:1px solid var(--mobile1f80c-hair);
}
.mobile1f80c-mod-title{
  font-size:20px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  line-height:1.18;
  color:var(--mobile1f80c-c-ghost);
  margin-bottom:10px;
}
.mobile1f80c-mod-title::after{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-top:7px;
  background:linear-gradient(90deg,var(--mobile1f80c-c-indigo),var(--mobile1f80c-c-silver));
}
.mobile1f80c-mod p{
  font-size:14px;
  line-height:1.6;
  color:var(--mobile1f80c-c-mist);
}
.mobile1f80c-mod a{
  color:var(--mobile1f80c-c-ghost);
  border-bottom:1px solid var(--mobile1f80c-c-silver);
  padding-bottom:1px;
}
.mobile1f80c-mod a:hover{border-bottom-color:var(--mobile1f80c-c-ghost);}

/* 7a. Scenario branches (promotions module) */
.mobile1f80c-branches{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.mobile1f80c-branch{
  border:1px solid var(--mobile1f80c-hair);
  border-top:3px solid var(--mobile1f80c-c-indigo);
  background:var(--mobile1f80c-ink-1);
  padding:11px 11px 9px;
}
.mobile1f80c-branch:nth-child(even){border-top-color:var(--mobile1f80c-c-silver);}
.mobile1f80c-branch-tag{
  display:block;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-silver);
  opacity:.72;
  margin-bottom:5px;
}
.mobile1f80c-branch-title{
  font-size:14.5px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  margin-bottom:6px;
}
.mobile1f80c-branch p{
  font-size:12.5px;
  line-height:1.5;
  color:var(--mobile1f80c-c-mist);
  margin:0;
}
.mobile1f80c-branch--wide{grid-column:1 / -1;}
@media (max-width:359px){
  .mobile1f80c-branches{grid-template-columns:1fr;}
}

/* 7b. Winners strip (horizontal rail) */
.mobile1f80c-winners{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 2px 10px;
  margin:10px 0 4px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.mobile1f80c-winners::-webkit-scrollbar{display:none;}
.mobile1f80c-winner-row{
  flex:0 0 auto;
  min-width:168px;
  border:1px solid var(--mobile1f80c-hair);
  background:linear-gradient(180deg,var(--mobile1f80c-ink-1),var(--mobile1f80c-ink-0));
  padding:9px 11px;
}
.mobile1f80c-winner-alias{
  display:block;
  font-family:var(--mobile1f80c-font-poster);
  font-size:13.5px;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--mobile1f80c-c-ghost);
  text-transform:uppercase;
}
.mobile1f80c-winner-game{
  display:block;
  font-size:12px;
  color:var(--mobile1f80c-c-silver);
  margin:3px 0 5px;
}
.mobile1f80c-winner-amount{
  display:inline-block;
  font-family:var(--mobile1f80c-font-poster);
  font-size:15px;
  font-weight:800;
  letter-spacing:.03em;
  color:var(--mobile1f80c-c-ghost);
  background:var(--mobile1f80c-c-indigo);
  padding:2px 8px;
}
.mobile1f80c-winner-time{
  display:block;
  font-size:10.5px;
  letter-spacing:.1em;
  color:var(--mobile1f80c-c-silver);
  opacity:.66;
  margin-top:6px;
}
.mobile1f80c-winners-note{
  font-size:11.5px;
  color:var(--mobile1f80c-c-silver);
  opacity:.8;
  letter-spacing:.04em;
}

/* 7c. RTP table */
.mobile1f80c-tablewrap{
  border:1px solid var(--mobile1f80c-hair-strong);
  overflow-x:auto;
  margin:12px 0;
  background:var(--mobile1f80c-ink-1);
}
.mobile1f80c-table{
  width:100%;
  border-collapse:collapse;
  font-size:12.5px;
  min-width:320px;
}
.mobile1f80c-table caption{
  caption-side:top;
  text-align:left;
  font-family:var(--mobile1f80c-font-poster);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-silver);
  padding:9px 11px;
  border-bottom:1px solid var(--mobile1f80c-hair);
}
.mobile1f80c-table th,
.mobile1f80c-table td{
  text-align:left;
  padding:9px 11px;
  border-bottom:1px solid var(--mobile1f80c-hair);
  vertical-align:top;
  line-height:1.45;
}
.mobile1f80c-table th:last-child,
.mobile1f80c-table td:last-child{border-bottom:1px solid var(--mobile1f80c-hair);}
.mobile1f80c-table tr:last-child th,
.mobile1f80c-table tr:last-child td{border-bottom:0;}
.mobile1f80c-table thead th{
  font-family:var(--mobile1f80c-font-poster);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  background:var(--mobile1f80c-ink-3);
}
.mobile1f80c-table tbody th{
  font-family:var(--mobile1f80c-font-poster);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  white-space:nowrap;
}
.mobile1f80c-table td{color:var(--mobile1f80c-c-mist);}

/* 7d. Q&A block */
.mobile1f80c-qa{
  margin-top:12px;
  border:1px solid var(--mobile1f80c-hair);
  background:var(--mobile1f80c-ink-1);
}
.mobile1f80c-qa-item{
  padding:12px 13px 13px;
  border-bottom:1px solid var(--mobile1f80c-hair);
}
.mobile1f80c-qa-item:last-child{border-bottom:0;}
.mobile1f80c-qa-q{
  font-family:var(--mobile1f80c-font-poster);
  font-size:14.5px;
  font-weight:800;
  letter-spacing:.03em;
  color:var(--mobile1f80c-c-ghost);
  margin:0 0 6px;
  padding-left:20px;
  position:relative;
}
.mobile1f80c-qa-q::before{
  content:"Q";
  position:absolute;
  left:0;
  top:1px;
  font-size:11px;
  font-weight:800;
  color:var(--mobile1f80c-c-ghost);
  background:var(--mobile1f80c-c-indigo);
  width:15px;
  height:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mobile1f80c-qa-a{
  font-size:13px;
  line-height:1.58;
  color:var(--mobile1f80c-c-mist);
  margin:0;
}

/* 7e. Key takeaways checklist */
.mobile1f80c-takeaways{
  margin-top:12px;
  display:grid;
  gap:8px;
}
.mobile1f80c-tk{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid var(--mobile1f80c-hair);
  border-left:3px solid var(--mobile1f80c-c-indigo);
  background:var(--mobile1f80c-ink-1);
  padding:10px 12px;
}
.mobile1f80c-tk:nth-child(even){border-left-color:var(--mobile1f80c-c-silver);}
.mobile1f80c-tk-ico{
  flex:0 0 auto;
  width:18px;
  height:18px;
  color:var(--mobile1f80c-c-silver);
  margin-top:1px;
}
.mobile1f80c-tk p{
  font-size:13px;
  line-height:1.5;
  color:var(--mobile1f80c-c-mist);
  margin:0;
}

/* --------------------------------------------------------------------------
   8. Homepage extended footer: directory > brand > promo shortcuts > note
   -------------------------------------------------------------------------- */
.mobile1f80c-xf{
  margin:6px 0 0;
  padding:18px 12px 16px;
  border-top:1px solid var(--mobile1f80c-hair-strong);
  background:linear-gradient(180deg,var(--mobile1f80c-ink-1),var(--mobile1f80c-ink-0));
}
.mobile1f80c-xf-title{
  font-size:15px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  margin-bottom:10px;
}
.mobile1f80c-xf-block{margin-bottom:18px;}
.mobile1f80c-xf-block:last-child{margin-bottom:0;}
.mobile1f80c-dir{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.mobile1f80c-dir-link{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:6px 9px;
  border:1px solid var(--mobile1f80c-hair);
  background:rgba(18,18,20,.7);
  font-family:var(--mobile1f80c-font-poster);
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-gainsboro);
  transition:border-color .16s ease,color .16s ease;
}
.mobile1f80c-dir-link:hover{
  color:var(--mobile1f80c-c-ghost);
  border-color:var(--mobile1f80c-c-indigo);
}
.mobile1f80c-dir-ico{
  flex:0 0 auto;
  width:13px;
  height:13px;
  color:var(--mobile1f80c-c-silver);
}
.mobile1f80c-xf-brand{
  font-size:12.5px;
  line-height:1.6;
  color:var(--mobile1f80c-c-silver);
  max-width:64ch;
}
.mobile1f80c-xf-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.mobile1f80c-xs-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--mobile1f80c-hair-strong);
  background:rgba(75,0,130,.16);
  font-family:var(--mobile1f80c-font-poster);
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  transition:background-color .18s ease,border-color .18s ease,transform .14s ease;
}
.mobile1f80c-xs-btn svg{width:14px;height:14px;flex:0 0 auto;}
.mobile1f80c-xs-btn:hover{
  background:var(--mobile1f80c-c-indigo);
  border-color:var(--mobile1f80c-c-silver);
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-xs-btn:active{transform:translateY(1px);}
.mobile1f80c-xs-btn--lead{
  background:linear-gradient(160deg,#5D0FA0,var(--mobile1f80c-c-indigo) 70%);
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);
}
.mobile1f80c-xf-disclaimer{
  font-size:11px;
  line-height:1.55;
  letter-spacing:.02em;
  color:var(--mobile1f80c-c-silver);
  opacity:.82;
  border-top:1px solid var(--mobile1f80c-hair);
  padding-top:10px;
}

/* --------------------------------------------------------------------------
   9. Common footer + fixed bottom action bar (5 roles)
   -------------------------------------------------------------------------- */
.mobile1f80c-foot{
  padding:0 12px 12px;
  border-top:1px solid var(--mobile1f80c-hair);
  background:var(--mobile1f80c-ink-0);
}
.mobile1f80c-foot p{
  margin:0;
  padding:12px 0 4px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-silver);
  opacity:.72;
  text-align:center;
}
.mobile1f80c-bnav{
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:95;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  min-height:calc(var(--mobile1f80c-bnav-h) + env(safe-area-inset-bottom));
  padding-bottom:env(safe-area-inset-bottom);
  background:rgba(12,12,12,.97);
  border-top:1px solid var(--mobile1f80c-hair-strong);
  backdrop-filter:blur(8px);
}
.mobile1f80c-bnav-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:var(--mobile1f80c-bnav-h);
  padding:6px 2px 4px;
  color:var(--mobile1f80c-c-silver);
  transition:color .18s ease,background-color .18s ease;
}
.mobile1f80c-bnav-item + .mobile1f80c-bnav-item::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:1px;
  background:var(--mobile1f80c-hair);
}
.mobile1f80c-bnav-item:hover{color:var(--mobile1f80c-c-ghost);}
.mobile1f80c-bnav-ico{
  width:21px;
  height:21px;
  transition:transform .2s ease,rotate .2s ease;
}
.mobile1f80c-bnav-item:active .mobile1f80c-bnav-ico{transform:scale(.9);}
.mobile1f80c-bnav-item:hover .mobile1f80c-bnav-ico{transform:translateY(-2px);}
.mobile1f80c-bnav-label{
  font-family:var(--mobile1f80c-font-poster);
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
/* Active role: full contrast inversion into indigo */
.mobile1f80c-bnav-item.is-active{
  background:linear-gradient(180deg,rgba(75,0,130,.34),var(--mobile1f80c-c-indigo));
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-bnav-item.is-active .mobile1f80c-bnav-ico{
  transform:scale(1.1) rotate(-5deg);
}
.mobile1f80c-bnav-item.is-active::after{
  content:"";
  position:absolute;
  top:0;
  left:14%;
  right:14%;
  height:2px;
  background:var(--mobile1f80c-c-ghost);
}

/* --------------------------------------------------------------------------
   10. Utilities and motion preferences
   -------------------------------------------------------------------------- */
.mobile1f80c-visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .mobile1f80c-track{transition:none;}
}

/* --------------------------------------------------------------------------
   11. Help-page field layouts
   -------------------------------------------------------------------------- */
.mobile1f80c-guide-hero{
  margin:4px 0 22px;
  padding:16px 13px 18px;
  border:1px solid var(--mobile1f80c-hair-strong);
  border-left:4px solid var(--mobile1f80c-c-indigo);
  background:linear-gradient(135deg,var(--mobile1f80c-ink-2),var(--mobile1f80c-ink-0));
}
.mobile1f80c-guide-hero .mobile1f80c-kicker{margin-bottom:10px;}
.mobile1f80c-guide-hero h1{margin-bottom:11px;}
.mobile1f80c-guide-hero p{font-size:14px;line-height:1.62;color:var(--mobile1f80c-c-mist);}
.mobile1f80c-answer{
  margin:0 0 22px;
  padding:13px 14px;
  border:1px solid var(--mobile1f80c-c-silver);
  background:var(--mobile1f80c-c-ghost);
  color:var(--mobile1f80c-c-ink);
}
.mobile1f80c-answer strong{font-family:var(--mobile1f80c-font-poster);letter-spacing:.07em;text-transform:uppercase;}
.mobile1f80c-answer p{margin-top:6px;font-size:14px;line-height:1.58;}
.mobile1f80c-signal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0 16px;
}
.mobile1f80c-signal{
  min-height:126px;
  padding:11px;
  border:1px solid var(--mobile1f80c-hair);
  border-top:3px solid var(--mobile1f80c-c-indigo);
  background:var(--mobile1f80c-ink-1);
}
.mobile1f80c-signal:nth-child(even){border-top-color:var(--mobile1f80c-c-silver);}
.mobile1f80c-signal-mark{
  display:block;
  margin-bottom:7px;
  font-family:var(--mobile1f80c-font-poster);
  font-size:22px;
  font-weight:800;
  color:var(--mobile1f80c-c-ghost);
}
.mobile1f80c-signal h3,.mobile1f80c-rule h3,.mobile1f80c-tip-card h3{
  font-family:var(--mobile1f80c-font-poster);
  font-size:14px;
  line-height:1.2;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  margin:0 0 6px;
}
.mobile1f80c-signal p,.mobile1f80c-rule p,.mobile1f80c-tip-card p{
  margin:0;
  font-size:12.5px;
  line-height:1.52;
  color:var(--mobile1f80c-c-mist);
}
.mobile1f80c-rule-list{
  display:grid;
  gap:8px;
  margin:12px 0 16px;
  counter-reset:mobile1f80c-rule;
}
.mobile1f80c-rule{
  position:relative;
  padding:12px 12px 12px 43px;
  border:1px solid var(--mobile1f80c-hair);
  background:linear-gradient(90deg,rgba(75,0,130,.18),var(--mobile1f80c-ink-1));
  counter-increment:mobile1f80c-rule;
}
.mobile1f80c-rule::before{
  content:counter(mobile1f80c-rule,decimal-leading-zero);
  position:absolute;
  left:12px;
  top:13px;
  color:var(--mobile1f80c-c-silver);
  font-family:var(--mobile1f80c-font-poster);
  font-size:15px;
  font-weight:800;
}
.mobile1f80c-rule h3{margin-bottom:5px;}
.mobile1f80c-definition{
  display:grid;
  gap:0;
  margin:12px 0 16px;
  border:1px solid var(--mobile1f80c-hair-strong);
}
.mobile1f80c-definition-row{
  display:grid;
  grid-template-columns:35% 65%;
  border-bottom:1px solid var(--mobile1f80c-hair);
}
.mobile1f80c-definition-row:last-child{border-bottom:0;}
.mobile1f80c-definition-row dt,.mobile1f80c-definition-row dd{
  margin:0;
  padding:10px;
  font-size:12.5px;
  line-height:1.48;
}
.mobile1f80c-definition-row dt{
  font-family:var(--mobile1f80c-font-poster);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--mobile1f80c-c-ghost);
  background:var(--mobile1f80c-ink-3);
}
.mobile1f80c-definition-row dd{color:var(--mobile1f80c-c-mist);background:var(--mobile1f80c-ink-1);}
.mobile1f80c-guide-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:14px 0 18px;
  padding:11px 12px;
  border:1px solid var(--mobile1f80c-hair-strong);
  background:rgba(75,0,130,.16);
}
.mobile1f80c-guide-cta p{margin:0;font-size:12.5px;line-height:1.45;color:var(--mobile1f80c-c-mist);}
.mobile1f80c-guide-cta .mobile1f80c-btn{flex:0 0 auto;min-height:44px;}
.mobile1f80c-guardrail{
  margin:12px 0 18px;
  padding:12px 13px;
  border-left:3px solid var(--mobile1f80c-c-silver);
  background:var(--mobile1f80c-ink-2);
}
.mobile1f80c-guardrail p{font-size:13px;line-height:1.58;color:var(--mobile1f80c-c-mist);}
.mobile1f80c-route-list{
  display:grid;
  gap:0;
  margin:13px 0 18px;
  border-left:2px solid var(--mobile1f80c-c-indigo);
}
.mobile1f80c-route-step{
  position:relative;
  padding:12px 12px 13px 17px;
  border-bottom:1px solid var(--mobile1f80c-hair);
  background:var(--mobile1f80c-ink-1);
}
.mobile1f80c-route-step::before{
  content:"";
  position:absolute;
  left:-7px;
  top:17px;
  width:11px;
  height:11px;
  background:var(--mobile1f80c-c-silver);
  transform:rotate(45deg);
}
.mobile1f80c-route-step:nth-child(even)::before{background:var(--mobile1f80c-c-indigo);}
.mobile1f80c-route-step h3{margin:0 0 5px;font-family:var(--mobile1f80c-font-poster);font-size:15px;letter-spacing:.045em;text-transform:uppercase;color:var(--mobile1f80c-c-ghost);}
.mobile1f80c-route-step p{margin:0;font-size:13px;line-height:1.56;color:var(--mobile1f80c-c-mist);}
.mobile1f80c-tip-board{
  display:grid;
  gap:9px;
  margin:12px 0 18px;
}
.mobile1f80c-tip-card{
  padding:12px;
  border:1px solid var(--mobile1f80c-hair);
  background:var(--mobile1f80c-ink-1);
}
.mobile1f80c-tip-card:nth-child(3n+1){border-left:3px solid var(--mobile1f80c-c-indigo);}
.mobile1f80c-tip-card:nth-child(3n+2){border-left:3px solid var(--mobile1f80c-c-silver);}
.mobile1f80c-tip-card:nth-child(3n){border-left:3px solid var(--mobile1f80c-c-gainsboro);}
.mobile1f80c-tip-card h3{display:flex;justify-content:space-between;gap:8px;}
.mobile1f80c-tip-card h3 span{font-size:10px;letter-spacing:.12em;color:var(--mobile1f80c-c-silver);}
.mobile1f80c-diagnostic{
  width:100%;
  border-collapse:collapse;
  margin:12px 0 17px;
  font-size:12px;
  background:var(--mobile1f80c-ink-1);
}
.mobile1f80c-diagnostic th,.mobile1f80c-diagnostic td{padding:9px 8px;text-align:left;vertical-align:top;border:1px solid var(--mobile1f80c-hair);line-height:1.45;}
.mobile1f80c-diagnostic th{font-family:var(--mobile1f80c-font-poster);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mobile1f80c-c-ghost);background:var(--mobile1f80c-ink-3);}
.mobile1f80c-diagnostic td{color:var(--mobile1f80c-c-mist);}
.mobile1f80c-diagnostic td:first-child{font-family:var(--mobile1f80c-font-poster);font-weight:800;color:var(--mobile1f80c-c-ghost);}
.mobile1f80c-compare-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:12px 0 18px;
}
.mobile1f80c-compare-card{padding:10px 8px;border-top:3px solid var(--mobile1f80c-c-indigo);background:var(--mobile1f80c-ink-1);}
.mobile1f80c-compare-card:nth-child(2){border-top-color:var(--mobile1f80c-c-silver);}
.mobile1f80c-compare-card:nth-child(3){border-top-color:var(--mobile1f80c-c-gainsboro);}
.mobile1f80c-compare-card h3{font-family:var(--mobile1f80c-font-poster);font-size:12px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--mobile1f80c-c-ghost);margin:0 0 6px;}
.mobile1f80c-compare-card p{font-size:11.5px;line-height:1.48;color:var(--mobile1f80c-c-mist);margin:0;}
.mobile1f80c-warning-list{display:grid;gap:7px;margin:12px 0 17px;}
.mobile1f80c-warning{padding:10px 11px;border:1px solid rgba(220,220,220,.22);background:rgba(12,12,12,.72);font-size:12.5px;line-height:1.52;color:var(--mobile1f80c-c-mist);}
.mobile1f80c-warning strong{color:var(--mobile1f80c-c-ghost);font-family:var(--mobile1f80c-font-poster);letter-spacing:.05em;text-transform:uppercase;}
.mobile1f80c-promo-stack{display:grid;gap:8px;margin:12px 0 18px;}
.mobile1f80c-promo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--mobile1f80c-hair);background:var(--mobile1f80c-ink-1);}
.mobile1f80c-promo-row p{margin:0;font-size:12.5px;line-height:1.45;color:var(--mobile1f80c-c-mist);}
.mobile1f80c-promo-row .mobile1f80c-xs-btn{flex:0 0 auto;min-height:42px;padding:0 10px;}
@media (max-width:359px){
  .mobile1f80c-signal-grid{grid-template-columns:1fr;}
  .mobile1f80c-definition-row{grid-template-columns:38% 62%;}
  .mobile1f80c-compare-grid{grid-template-columns:1fr;}
  .mobile1f80c-guide-cta,.mobile1f80c-promo-row{align-items:flex-start;flex-direction:column;}
  .mobile1f80c-guide-cta .mobile1f80c-btn,.mobile1f80c-promo-row .mobile1f80c-xs-btn{width:100%;}
}
@media (min-width:412px){
  .mobile1f80c-guide-hero{padding-left:16px;padding-right:16px;}
  .mobile1f80c-signal{min-height:136px;}
}