/* ============================================================
   Aron Play  ·  aron-play.homes  ·  Mobile Casino Lobby
   Palette tokens (view9d188-*)  ·  Outline tile system
   Canvas: 320 - 430 px phone frame, centered on wide screens
   ============================================================ */

/* ---------- Design tokens ---------- */
:root{
  /* Palette (4 base hues) */
  --view9d188-teal-deep:#004D40;     /* primary dark surface */
  --view9d188-teal-mid:#00332B;      /* deeper banding */
  --view9d188-teal-line:#0A6A59;     /* hairline */
  --view9d188-cyan:#00E5FF;          /* accent / active */
  --view9d188-mint:#80CBC4;          /* soft secondary */
  --view9d188-charcoal:#1C2833;      /* deepest ink */
  --view9d188-ink:#0B1417;           /* page ink */
  --view9d188-paper:#F3FBFA;         /* light text */
  --view9d188-paper-dim:#BFE3DE;     /* dimmed text */
  --view9d188-paper-faint:#6FB0A8;   /* faint text */

  /* Type */
  --view9d188-font-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --view9d188-font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;

  /* Shape */
  --view9d188-radius-xs:4px;
  --view9d188-radius-sm:8px;
  --view9d188-radius-md:12px;
  --view9d188-radius-pill:999px;

  /* Layout */
  --view9d188-canvas-w:430px;
  --view9d188-gutter:14px;
  --view9d188-head-h:58px;
  --view9d188-foot-h:68px;

  /* Motion */
  --view9d188-ease:cubic-bezier(.22,.61,.36,1);
  --view9d188-dur:.28s;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
ul,ol{margin:0;padding:0;list-style:none;}
input,select,textarea{font:inherit;}

body{
  font-family:var(--view9d188-font-body);
  background:
    radial-gradient(1100px 700px at 50% -8%, #013A30 0%, transparent 60%),
    linear-gradient(180deg,#07241F 0%, #041814 55%, #021110 100%);
  color:var(--view9d188-paper);
  min-height:100dvh;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Wide-screen centered phone canvas */
@media (min-width:431px){
  body::before{
    content:"";
    position:fixed;inset:0;
    background:
      radial-gradient(640px 480px at 18% 12%, rgba(0,229,255,.10), transparent 60%),
      radial-gradient(720px 520px at 84% 88%, rgba(128,203,196,.10), transparent 65%);
    pointer-events:none;z-index:0;
  }
}

/* ---------- Phone frame ---------- */
.view9d188-frame{
  position:relative;z-index:1;
  max-width:var(--view9d188-canvas-w);
  margin:0 auto;
  background:linear-gradient(180deg,#01231D 0%, #021814 100%);
  box-shadow:0 0 0 1px rgba(0,229,255,.05), 0 24px 70px -30px rgba(0,0,0,.8);
  min-height:100dvh;
  display:flex;flex-direction:column;
}

/* ---------- Skip link ---------- */
.view9d188-skip{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--view9d188-cyan);color:#022;
  padding:10px 14px;border-radius:0 0 var(--view9d188-radius-sm) 0;
  font-weight:700;
}
.view9d188-skip:focus{left:0;}

/* ============================================================
   HEADER · centered identity bar
   ============================================================ */
.view9d188-header{
  position:sticky;top:0;z-index:90;
  height:var(--view9d188-head-h);
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  gap:10px;
  padding:0 var(--view9d188-gutter);
  background:rgba(2,30,25,.86);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--view9d188-teal-line);
}
.view9d188-head-slot{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
.view9d188-identity{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-width:0;
}
.view9d188-identity .view9d188-logo{
  width:30px;height:30px;border-radius:var(--view9d188-radius-xs);
  object-fit:cover;
  border:1px solid rgba(0,229,255,.45);
  box-shadow:0 0 0 2px rgba(0,229,255,.10);
}
.view9d188-identity .view9d188-brand{
  font-family:var(--view9d188-font-display);
  font-weight:700;letter-spacing:.04em;font-size:16px;
  color:var(--view9d188-paper);
  white-space:nowrap;
}
.view9d188-identity .view9d188-brand b{color:var(--view9d188-cyan);}

/* Header action buttons */
.view9d188-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:36px;padding:0 14px;
  font-family:var(--view9d188-font-display);
  font-weight:600;font-size:13px;letter-spacing:.02em;
  border-radius:var(--view9d188-radius-sm);
  transition:transform var(--view9d188-dur) var(--view9d188-ease),
             background var(--view9d188-dur) var(--view9d188-ease),
             color var(--view9d188-dur) var(--view9d188-ease);
  -webkit-tap-highlight-color:transparent;
}
.view9d188-btn:active{transform:translateY(1px) scale(.98);}
.view9d188-btn:focus-visible{outline:2px solid var(--view9d188-cyan);outline-offset:2px;}

.view9d188-btn-ghost{
  color:var(--view9d188-mint);
  border:1px solid rgba(128,203,196,.38);
  background:rgba(128,203,196,.06);
}
.view9d188-btn-ghost:active{background:rgba(128,203,196,.16);}

.view9d188-btn-solid{
  color:#022;
  background:linear-gradient(135deg,#00E5FF 0%, #4FF2FF 100%);
  box-shadow:0 6px 18px -8px rgba(0,229,255,.6);
}
.view9d188-btn-solid:active{box-shadow:0 2px 8px -4px rgba(0,229,255,.6);}

/* Menu trigger (icon only, hidden text) */
.view9d188-trigger{
  width:44px;height:44px;border-radius:var(--view9d188-radius-sm);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:1px solid var(--view9d188-teal-line);
  background:rgba(0,229,255,.06);
}
.view9d188-trigger span{
  display:block;width:18px;height:2px;border-radius:2px;
  background:var(--view9d188-cyan);
  transition:transform var(--view9d188-dur) var(--view9d188-ease),opacity .2s;
}
.view9d188-trigger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.view9d188-trigger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.view9d188-trigger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ============================================================
   SLIDE-UP ROUTE PANEL
   ============================================================ */
.view9d188-panel-backdrop{
  position:fixed;inset:0;z-index:140;
  background:rgba(2,12,10,.62);
  backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;
  transition:opacity var(--view9d188-dur) var(--view9d188-ease),visibility 0s linear var(--view9d188-dur);
  max-width:none; /* override frame max-width via fixed */
}
.view9d188-panel-backdrop[data-open="true"]{
  opacity:1;visibility:visible;
  transition:opacity var(--view9d188-dur) var(--view9d188-ease);
}
.view9d188-panel{
  position:fixed;left:50%;transform:translate(-50%,100%);
  bottom:0;z-index:150;
  width:100%;max-width:var(--view9d188-canvas-w);
  background:linear-gradient(180deg,#02352C 0%, #021814 100%);
  border-radius:18px 18px 0 0;
  border-top:1px solid rgba(0,229,255,.28);
  padding:14px var(--view9d188-gutter) calc(var(--view9d188-foot-h) + 18px);
  max-height:78vh;overflow:auto;
  transition:transform .36s var(--view9d188-ease);
}
.view9d188-panel[data-open="true"]{transform:translate(-50%,0);}
.view9d188-panel-handle{
  width:42px;height:4px;border-radius:999px;
  background:rgba(128,203,196,.4);
  margin:2px auto 12px;
}
.view9d188-panel-title{
  font-family:var(--view9d188-font-display);
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--view9d188-cyan);margin:6px 0 10px;
}
.view9d188-panel-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.view9d188-panel-item{
  display:flex;align-items:center;gap:10px;
  padding:12px;border-radius:var(--view9d188-radius-sm);
  border:1px solid var(--view9d188-teal-line);
  background:rgba(0,229,255,.04);
  min-height:48px;
  transition:background var(--view9d188-dur) var(--view9d188-ease),border-color var(--view9d188-dur) var(--view9d188-ease);
}
.view9d188-panel-item:active{background:rgba(0,229,255,.14);border-color:rgba(0,229,255,.5);}
.view9d188-panel-item .view9d188-dot{
  width:8px;height:8px;border-radius:2px;background:var(--view9d188-mint);flex:0 0 8px;
}
.view9d188-panel-item span{font-size:13px;font-weight:600;color:var(--view9d188-paper);}
.view9d188-panel-cta{
  margin-top:12px;display:flex;gap:8px;
}
.view9d188-panel-cta .view9d188-btn{flex:1;}

/* ============================================================
   MAIN
   ============================================================ */
.view9d188-main{
  flex:1 0 auto;
  padding-bottom:calc(var(--view9d188-foot-h) + 22px);
}
.view9d188-section{padding:18px var(--view9d188-gutter) 4px;}
.view9d188-section + .view9d188-section{padding-top:8px;}

/* ---------- Hero / Carousel ---------- */
.view9d188-hero{
  position:relative;
  margin:12px var(--view9d188-gutter) 0;
  border-radius:var(--view9d188-radius-md);
  overflow:hidden;
  border:1px solid rgba(0,229,255,.22);
  background:#01201B;
}
.view9d188-hero-track{
  display:flex;
  scroll-snap-type:x mandatory;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.view9d188-hero-track::-webkit-scrollbar{display:none;}
.view9d188-slide{
  flex:0 0 100%;
  scroll-snap-align:start;
  position:relative;
  aspect-ratio:16/10;
}
.view9d188-slide img{
  width:100%;height:100%;object-fit:cover;
}
.view9d188-slide-cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:14px 14px 16px;
  background:linear-gradient(0deg, rgba(2,16,13,.92) 0%, rgba(2,16,13,.55) 55%, transparent 100%);
  display:flex;flex-direction:column;gap:8px;
}
.view9d188-slide-eyebrow{
  font-family:var(--view9d188-font-display);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--view9d188-cyan);
}
.view9d188-slide-title{
  font-family:var(--view9d188-font-display);
  font-size:18px;line-height:1.25;font-weight:700;margin:0;color:var(--view9d188-paper);
}
.view9d188-slide-actions{display:flex;gap:8px;margin-top:2px;}
.view9d188-slide-actions .view9d188-btn{padding:0 12px;}
.view9d188-slide-link{
  background:none;border:0;padding:0;color:var(--view9d188-paper);font:inherit;cursor:pointer;width:100%;text-align:left;
}
.view9d188-hero-dots{
  position:absolute;bottom:8px;right:12px;display:flex;gap:5px;z-index:2;
}
.view9d188-hero-dot{
  width:7px;height:7px;border-radius:2px;background:rgba(255,255,255,.28);
  transition:background var(--view9d188-dur) var(--view9d188-ease),width var(--view9d188-dur) var(--view9d188-ease);
}
.view9d188-hero-dot[data-active="true"]{background:var(--view9d188-cyan);width:18px;}

/* ---------- Intro / lede ---------- */
.view9d188-lede{
  margin:14px var(--view9d188-gutter) 0;
  padding:14px;
  border:1px solid var(--view9d188-teal-line);
  border-left:3px solid var(--view9d188-cyan);
  border-radius:var(--view9d188-radius-sm);
  background:rgba(0,229,255,.04);
}
.view9d188-lede h1{
  font-family:var(--view9d188-font-display);
  font-size:19px;line-height:1.3;margin:0 0 6px;letter-spacing:.01em;color:var(--view9d188-paper);
}
.view9d188-lede p{margin:0;font-size:13.5px;color:var(--view9d188-paper-dim);}

/* ---------- Section heading ---------- */
.view9d188-sh{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:10px;margin:0 0 12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--view9d188-teal-line);
  position:relative;
}
.view9d188-sh::after{
  content:"";position:absolute;left:0;bottom:-1px;
  width:38px;height:2px;background:var(--view9d188-cyan);
  transition:width var(--view9d188-dur) var(--view9d188-ease);
}
.view9d188-sh:hover::after,
.view9d188-sh:focus-within::after{width:78px;}
.view9d188-sh-title{
  font-family:var(--view9d188-font-display);
  font-size:16px;font-weight:700;margin:0;color:var(--view9d188-paper);letter-spacing:.02em;
}
.view9d188-sh-meta{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--view9d188-paper-faint);
}

/* ---------- Game grid (outline tile cards) ---------- */
.view9d188-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
@media (min-width:360px){.view9d188-grid{gap:9px;}}
@media (min-width:395px){.view9d188-grid{grid-template-columns:repeat(5,1fr);gap:10px;}}

.view9d188-tile{
  position:relative;display:flex;flex-direction:column;gap:4px;
  padding:0;border:0;background:none;
  border-radius:var(--view9d188-radius-sm);
  transition:transform var(--view9d188-dur) var(--view9d188-ease);
  -webkit-tap-highlight-color:transparent;
}
.view9d188-tile:active{transform:translateY(1px) scale(.97);}
.view9d188-tile:focus-visible{outline:2px solid var(--view9d188-cyan);outline-offset:2px;}

.view9d188-tile-thumb{
  position:relative;
  aspect-ratio:1/1;
  border-radius:var(--view9d188-radius-sm);
  overflow:hidden;
  border:1px solid rgba(0,229,255,.22);
  background:
    linear-gradient(180deg,rgba(0,229,255,.06),rgba(0,0,0,0)) ,
    #01201B;
}
.view9d188-tile-thumb img{width:100%;height:100%;object-fit:cover;}
.view9d188-tile::after{
  /* focus indicator sliding bar */
  content:"";position:absolute;
  left:6px;right:6px;bottom:18px;
  height:2px;border-radius:2px;background:var(--view9d188-cyan);
  transform:scaleX(0);transform-origin:left center;
  transition:transform var(--view9d188-dur) var(--view9d188-ease);
  opacity:.85;
}
.view9d188-tile:hover::after,
.view9d188-tile:focus-visible::after{transform:scaleX(1);}
.view9d188-tile-name{
  font-size:10.5px;line-height:1.25;
  text-align:center;
  color:var(--view9d188-paper-dim);
  font-weight:600;
  padding:0 2px 2px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* Tag chip on featured tiles */
.view9d188-tag{
  position:absolute;top:4px;left:4px;z-index:2;
  font-family:var(--view9d188-font-display);
  font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  color:#022;background:var(--view9d188-cyan);
  padding:2px 5px;border-radius:3px;
}

/* ---------- info modules (conclusion-first) ---------- */
.view9d188-stack{display:flex;flex-direction:column;gap:10px;}
.view9d188-info{
  border:1px solid var(--view9d188-teal-line);
  border-radius:var(--view9d188-radius-sm);
  background:linear-gradient(180deg,rgba(0,229,255,.04),rgba(0,0,0,0));
  padding:14px;
}
.view9d188-info-head{
  display:flex;align-items:center;gap:8px;margin-bottom:8px;
}
.view9d188-info-num{
  font-family:var(--view9d188-font-display);
  font-size:11px;font-weight:700;color:#022;
  background:var(--view9d188-cyan);border-radius:3px;padding:2px 6px;letter-spacing:.04em;
}
.view9d188-info h2{
  font-family:var(--view9d188-font-display);
  font-size:15px;line-height:1.35;margin:0;color:var(--view9d188-paper);
}
.view9d188-info h3{
  font-family:var(--view9d188-font-display);
  font-size:13px;font-weight:600;color:var(--view9d188-mint);
  margin:10px 0 4px;letter-spacing:.02em;
}
.view9d188-info p{margin:0 0 8px;font-size:13px;color:var(--view9d188-paper-dim);}
.view9d188-info p:last-child{margin-bottom:0;}
.view9d188-info .view9d188-lead{color:var(--view9d188-paper);font-weight:500;}
.view9d188-info strong{color:var(--view9d188-cyan);font-weight:600;}

/* Inline affiliate text link inside copy */
.view9d188-aff{
  color:var(--view9d188-cyan);font-weight:600;
  border-bottom:1px dashed rgba(0,229,255,.5);
  padding-bottom:1px;background:none;border-radius:0;
}
.view9d188-aff:active{color:#9FF6FF;}

/* Body internal anchor (different style, real href) */
.view9d188-ref{
  color:var(--view9d188-mint);font-weight:600;
  border-bottom:1px solid rgba(128,203,196,.4);
}

/* ---------- Comparison / checklist row layouts ---------- */
.view9d188-rows{display:flex;flex-direction:column;gap:8px;}
.view9d188-row{
  display:flex;align-items:flex-start;gap:10px;
  padding:10px 12px;border-radius:var(--view9d188-radius-xs);
  background:rgba(128,203,196,.06);
  border:1px solid rgba(128,203,196,.18);
}
.view9d188-row-ico{
  flex:0 0 22px;width:22px;height:22px;border-radius:5px;
  display:grid;place-items:center;
  background:rgba(0,229,255,.14);color:var(--view9d188-cyan);
  font-family:var(--view9d188-font-display);font-size:11px;font-weight:700;
}
.view9d188-row-body{font-size:12.5px;line-height:1.5;color:var(--view9d188-paper-dim);}
.view9d188-row-body b{color:var(--view9d188-paper);font-weight:600;}

/* Two-column comparison */
.view9d188-pair{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;
}
.view9d188-pair-cell{
  border:1px solid var(--view9d188-teal-line);border-radius:var(--view9d188-radius-xs);
  padding:10px;background:rgba(0,0,0,.18);
}
.view9d188-pair-cell h4{
  margin:0 0 4px;font-family:var(--view9d188-font-display);font-size:12px;letter-spacing:.04em;
}
.view9d188-pair-cell.view9d188-pro h4{color:var(--view9d188-cyan);}
.view9d188-pair-cell.view9d188-con h4{color:var(--view9d188-mint);}
.view9d188-pair-cell p{margin:0;font-size:12px;color:var(--view9d188-paper-dim);}

/* Inline chip row */
.view9d188-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.view9d188-chip{
  font-size:11px;letter-spacing:.02em;
  padding:4px 8px;border-radius:var(--view9d188-radius-pill);
  color:var(--view9d188-mint);
  border:1px solid rgba(128,203,196,.3);
  background:rgba(128,203,196,.06);
}

/* ---------- Quick CTA strip ---------- */
.view9d188-cta-strip{
  display:flex;gap:8px;flex-wrap:wrap;
  margin:14px var(--view9d188-gutter) 0;
}
.view9d188-cta-strip .view9d188-btn{flex:1 1 auto;}

/* ---------- Stats bar ---------- */
.view9d188-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin:14px var(--view9d188-gutter) 0;
  border-radius:var(--view9d188-radius-sm);overflow:hidden;
  border:1px solid var(--view9d188-teal-line);
  background:var(--view9d188-teal-line);
}
.view9d188-stat{
  background:#01231D;
  padding:10px 8px;text-align:center;
}
.view9d188-stat-num{
  font-family:var(--view9d188-font-display);
  font-size:17px;font-weight:700;color:var(--view9d188-cyan);letter-spacing:.02em;
}
.view9d188-stat-lbl{
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--view9d188-paper-faint);margin-top:2px;
}

/* ---------- Partners marquee ---------- */
.view9d188-partners{
  margin:16px var(--view9d188-gutter) 0;
  padding:12px;border:1px dashed rgba(128,203,196,.28);
  border-radius:var(--view9d188-radius-sm);background:rgba(0,0,0,.16);
}
.view9d188-partners-cap{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--view9d188-paper-faint);margin-bottom:8px;
}
.view9d188-partners-row{
  display:flex;flex-wrap:wrap;gap:6px;
}
.view9d188-partners-row img{
  width:38px;height:38px;border-radius:6px;object-fit:cover;
  border:1px solid rgba(128,203,196,.22);
}

/* ============================================================
   EXTENDED FOOTER (two-column directory)
   ============================================================ */
.view9d188-extfoot{
  margin:18px var(--view9d188-gutter) 0;
  border-top:1px solid var(--view9d188-teal-line);
  padding-top:16px;
}
.view9d188-brandcard{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px;border-radius:var(--view9d188-radius-sm);
  border:1px solid var(--view9d188-teal-line);
  background:rgba(0,229,255,.04);margin-bottom:12px;
}
.view9d188-brandcard img{
  width:38px;height:38px;border-radius:var(--view9d188-radius-xs);border:1px solid rgba(0,229,255,.4);
}
.view9d188-brandcard h3{
  font-family:var(--view9d188-font-display);font-size:14px;margin:0 0 2px;color:var(--view9d188-paper);
}
.view9d188-brandcard p{margin:0;font-size:12px;color:var(--view9d188-paper-dim);}

.view9d188-directory{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.view9d188-directory h4{
  grid-column:1 / -1;
  font-family:var(--view9d188-font-display);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--view9d188-cyan);margin:0 0 2px;
}
.view9d188-directory a{
  display:flex;align-items:center;gap:6px;
  padding:8px 10px;font-size:12px;color:var(--view9d188-paper-dim);
  border:1px solid var(--view9d188-teal-line);border-radius:var(--view9d188-radius-xs);
  background:rgba(0,0,0,.14);
  transition:color var(--view9d188-dur) var(--view9d188-ease),border-color var(--view9d188-dur) var(--view9d188-ease);
}
.view9d188-directory a::before{
  content:"›";color:var(--view9d188-mint);font-weight:700;
}
.view9d188-directory a:active{color:var(--view9d188-paper);border-color:rgba(0,229,255,.4);}

.view9d188-promoblock{margin-top:12px;}
.view9d188-promoblock h4{
  font-family:var(--view9d188-font-display);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--view9d188-cyan);margin:0 0 8px;
}
.view9d188-promoblock .view9d188-cta-strip{margin:0;flex-direction:column;}
.view9d188-promoblock .view9d188-btn{width:100%;justify-content:space-between;}

.view9d188-disclaimer{
  margin-top:14px;
  padding:10px 12px;border-radius:var(--view9d188-radius-xs);
  background:rgba(128,203,196,.06);
  border:1px solid rgba(128,203,196,.18);
  font-size:11px;line-height:1.55;color:var(--view9d188-paper-faint);
}

/* ---------- Copyright ---------- */
.view9d188-copyright{
  margin:14px var(--view9d188-gutter) 6px;
  padding-top:12px;border-top:1px solid var(--view9d188-teal-line);
  font-size:11px;color:var(--view9d188-paper-faint);text-align:center;letter-spacing:.02em;
}
.view9d188-copyright b{color:var(--view9d188-paper-dim);}

/* ============================================================
   BOTTOM NAV · layered bar, 5 roles
   ============================================================ */
.view9d188-bottom{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:0;z-index:120;
  width:100%;max-width:var(--view9d188-canvas-w);
  height:var(--view9d188-foot-h);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:stretch;
  background:linear-gradient(180deg, rgba(2,28,23,.92), rgba(1,16,13,.98));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-top:1px solid var(--view9d188-teal-line);
  padding:6px 4px calc(env(safe-area-inset-bottom,0px) + 4px);
}
.view9d188-bottom::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(0,229,255,.5) 50%, transparent 100%);
}
.view9d188-navbtn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:44px;padding:4px 2px;border-radius:var(--view9d188-radius-xs);
  color:var(--view9d188-paper-faint);
  transition:color var(--view9d188-dur) var(--view9d188-ease),background var(--view9d188-dur) var(--view9d188-ease);
  position:relative;
  -webkit-tap-highlight-color:transparent;
}
.view9d188-navbtn:active{background:rgba(0,229,255,.10);}
.view9d188-navbtn[data-active="true"]{color:var(--view9d188-cyan);}
.view9d188-navbtn[data-active="true"]::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:24px;height:2px;border-radius:2px;background:var(--view9d188-cyan);
}
.view9d188-navbtn[data-role="promo"]{color:var(--view9d188-mint);}
.view9d188-navbtn[data-role="promo"]:active{color:var(--view9d188-cyan);}
.view9d188-navbtn svg{width:21px;height:21px;}
.view9d188-navbtn .view9d188-nav-label{
  font-size:10px;letter-spacing:.04em;font-weight:600;font-family:var(--view9d188-font-display);
}

/* ---------- Utilities ---------- */
.view9d188-visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.view9d188-row-key{color:var(--view9d188-cyan);font-family:var(--view9d188-font-display);font-weight:600;font-size:12px;}
.view9d188-muted{color:var(--view9d188-paper-faint);}
.view9d188-tight{margin-top:0;}

/* ---------- Wide screen guard (centered canvas only) ---------- */
@media (min-width:431px){
  .view9d188-bottom,
  .view9d188-header{max-width:var(--view9d188-canvas-w);left:50%;transform:translateX(-50%);}
  .view9d188-header{transform:none;}
  .view9d188-panel{left:50%;}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;}
}

/* ---------- Tiny screen tightening ---------- */
@media (max-width:340px){
  :root{--view9d188-gutter:11px;}
  .view9d188-lede h1{font-size:17px;}
  .view9d188-sh-title{font-size:15px;}
  .view9d188-grid{gap:6px;}
}