/* ==========================================================================
   db44.homes — compact canvas stylesheet
   Class prefix : mobile5eee0-
   Canvas       : mobile-first, 320–430px, centered on wide screens
   Palette      : #212F3D base / #FFB74D accent
   Direction    : mono accents + regular body, light card rounding,
                  grouped cover cards, compact metric blocks,
                  short-distance transitions, segmented CTAs
   ========================================================================== */

:root{
  --mobile5eee0-base:#212F3D;
  --mobile5eee0-deep:#182431;
  --mobile5eee0-panel:#28394A;
  --mobile5eee0-card:#2E4152;
  --mobile5eee0-card-hi:#38505F;
  --mobile5eee0-ink:#EDF3F9;
  --mobile5eee0-muted:#9DB0C0;
  --mobile5eee0-amber:#FFB74D;
  --mobile5eee0-amber-deep:#E39C2F;
  --mobile5eee0-amber-veil:rgba(255,183,77,.14);
  --mobile5eee0-line:rgba(255,183,77,.30);
  --mobile5eee0-hair:rgba(237,243,249,.10);
  --mobile5eee0-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --mobile5eee0-body:"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mobile5eee0-r-card:10px;
  --mobile5eee0-r-btn:7px;
  --mobile5eee0-dock:62px;
  --mobile5eee0-mast:58px;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--mobile5eee0-deep);
  color:var(--mobile5eee0-ink);
  font-family:var(--mobile5eee0-body);
  font-size:15px;
  line-height:1.62;
  max-width:480px;
  margin-left:auto;
  margin-right:auto;
  min-height:100vh;
  background-image:
    radial-gradient(120% 52% at 50% 0%, rgba(255,183,77,.07), transparent 60%),
    linear-gradient(180deg,#1B2836 0%,#182431 100%);
  box-shadow:0 0 44px rgba(0,0,0,.5);
  overflow-x:hidden;
}

img{max-width:100%;display:block;}

a{color:var(--mobile5eee0-amber);text-decoration:none;}
a:hover,a:focus-visible{color:#FFD08A;text-decoration:underline;}

:focus-visible{outline:2px solid var(--mobile5eee0-amber);outline-offset:2px;border-radius:4px;}

/* ------------------------------------------------------------------ *
 * 1. Asymmetric mast (fixed top brand + action zone)
 * ------------------------------------------------------------------ */

.mobile5eee0-mast{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:480px;z-index:60;
  height:var(--mobile5eee0-mast);
  display:flex;align-items:center;gap:8px;
  padding:0 10px 0 8px;
  background:linear-gradient(180deg,rgba(24,36,49,.98),rgba(24,36,49,.92));
  border-bottom:1px solid var(--mobile5eee0-hair);
  backdrop-filter:blur(6px);
}

/* brand block sits lower-left, offset asymmetric against the action cluster */
.mobile5eee0-brand{
  display:flex;align-items:center;gap:8px;
  margin-right:auto;
  padding:5px 10px 5px 6px;
  border:1px solid var(--mobile5eee0-hair);
  border-left:3px solid var(--mobile5eee0-amber);
  border-radius:0 var(--mobile5eee0-r-btn) var(--mobile5eee0-r-btn) 0;
  background:rgba(255,183,77,.06);
}

.mobile5eee0-brand img{
  width:34px;height:34px;object-fit:contain;border-radius:6px;
  background:#0F1721;padding:2px;
}

.mobile5eee0-wordmark{
  font-family:var(--mobile5eee0-mono);
  font-size:19px;font-weight:700;letter-spacing:.5px;
  color:var(--mobile5eee0-ink);line-height:1;
}
.mobile5eee0-wordmark small{
  display:block;font-size:8px;letter-spacing:2px;
  color:var(--mobile5eee0-amber);margin-top:3px;font-weight:400;
}

/* segmented action cluster: two joined segments + burger */
.mobile5eee0-actions{display:flex;align-items:center;gap:0;}

.mobile5eee0-segpair{
  display:flex;align-items:stretch;
  border:1px solid var(--mobile5eee0-line);
  border-radius:var(--mobile5eee0-r-btn);
  overflow:hidden;
}

.mobile5eee0-reg{
  font-family:var(--mobile5eee0-body);
  font-size:12.5px;font-weight:700;
  min-height:38px;padding:0 12px;
  background:var(--mobile5eee0-amber);color:#1D2833;
  border:0;cursor:pointer;
  transition:filter .18s ease, box-shadow .18s ease;
}
.mobile5eee0-reg:hover,.mobile5eee0-reg:focus-visible{
  filter:brightness(1.08);
  box-shadow:0 0 12px rgba(255,183,77,.45);
}

.mobile5eee0-log{
  font-family:var(--mobile5eee0-body);
  font-size:12.5px;font-weight:700;
  min-height:38px;padding:0 12px;
  background:transparent;color:var(--mobile5eee0-amber);
  border:0;border-left:1px solid var(--mobile5eee0-line);
  cursor:pointer;
  transition:background .18s ease;
}
.mobile5eee0-log:hover,.mobile5eee0-log:focus-visible{
  background:var(--mobile5eee0-amber-veil);
}

.mobile5eee0-burger{
  width:42px;height:38px;margin-left:6px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:var(--mobile5eee0-r-btn);
  cursor:pointer;
  transition:border-color .18s ease;
}
.mobile5eee0-burger:hover,.mobile5eee0-burger:focus-visible{border-color:var(--mobile5eee0-line);}
.mobile5eee0-burger i{
  display:block;width:16px;height:2px;border-radius:2px;
  background:var(--mobile5eee0-amber);
  transition:transform .18s ease,opacity .18s ease;
}
.mobile5eee0-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg);}
.mobile5eee0-burger[aria-expanded="true"] i:nth-child(2){opacity:0;}
.mobile5eee0-burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ------------------------------------------------------------------ *
 * 2. Slide-up route panel
 * ------------------------------------------------------------------ */

.mobile5eee0-veil{
  position:fixed;inset:0;z-index:55;
  background:rgba(10,16,22,.62);
  opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease;
}
.mobile5eee0-veil.mobile5eee0-on{opacity:1;visibility:visible;}

.mobile5eee0-routes{
  position:fixed;left:50%;bottom:0;transform:translate(-50%,102%);
  width:100%;max-width:480px;z-index:56;
  background:var(--mobile5eee0-base);
  border-top:2px solid var(--mobile5eee0-amber);
  border-radius:16px 16px 0 0;
  padding:14px 14px calc(14px + env(safe-area-inset-bottom));
  transition:transform .24s ease;
}
.mobile5eee0-routes.mobile5eee0-up{transform:translate(-50%,0);}

.mobile5eee0-routesHead{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  margin:0 2px 10px;
}
.mobile5eee0-routesHead b{
  font-family:var(--mobile5eee0-mono);
  font-size:11px;letter-spacing:2px;color:var(--mobile5eee0-amber);
  text-transform:uppercase;
}
.mobile5eee0-routesHead span{font-size:11px;color:var(--mobile5eee0-muted);}

.mobile5eee0-routeGrid{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;
}
.mobile5eee0-route{
  display:flex;align-items:center;gap:7px;
  min-height:46px;padding:8px 10px;
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:9px;
  color:var(--mobile5eee0-ink);
  font-size:13px;font-weight:600;
  transition:background .18s ease,border-color .18s ease;
}
.mobile5eee0-route em{
  font-family:var(--mobile5eee0-mono);font-style:normal;
  font-size:11px;color:var(--mobile5eee0-amber);
  min-width:16px;
}
.mobile5eee0-route:hover,.mobile5eee0-route:focus-visible{
  background:var(--mobile5eee0-card);border-color:var(--mobile5eee0-line);
  text-decoration:none;
}
.mobile5eee0-route.mobile5eee0-here{
  background:var(--mobile5eee0-amber-veil);
  border-color:var(--mobile5eee0-amber);
  color:var(--mobile5eee0-amber);
}

/* ------------------------------------------------------------------ *
 * 3. Main column
 * ------------------------------------------------------------------ */

.mobile5eee0-main{
  padding:calc(var(--mobile5eee0-mast) + 12px) 12px calc(var(--mobile5eee0-dock) + 26px);
}

.mobile5eee0-sec{margin:0 0 18px;}

/* ------------------------------------------------------------------ *
 * 4. Hero
 * ------------------------------------------------------------------ */

.mobile5eee0-hero{
  padding:14px 14px 16px;
  background:linear-gradient(155deg,rgba(255,183,77,.10),rgba(33,47,61,.35) 55%);
  border:1px solid var(--mobile5eee0-hair);
  border-left:3px solid var(--mobile5eee0-amber);
  border-radius:0 var(--mobile5eee0-r-card) var(--mobile5eee0-r-card) var(--mobile5eee0-r-card);
}

.mobile5eee0-heroTag{
  display:inline-block;
  font-family:var(--mobile5eee0-mono);
  font-size:10px;letter-spacing:2px;
  color:var(--mobile5eee0-amber);
  border:1px solid var(--mobile5eee0-line);
  border-radius:4px;
  padding:3px 8px;margin-bottom:10px;
}

.mobile5eee0-hero h1{
  margin:0 0 8px;
  font-size:24px;line-height:1.3;font-weight:800;
  letter-spacing:.2px;
}

.mobile5eee0-hero p{
  margin:0;font-size:14px;color:var(--mobile5eee0-muted);
}

/* compact metric strip: value in mono + tiny label under it */
.mobile5eee0-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;
  margin-top:12px;
}
.mobile5eee0-metric{
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:9px;
  padding:8px 6px;text-align:center;
  transition:transform .18s ease,border-color .18s ease;
}
.mobile5eee0-metric:hover{transform:translateY(-2px);border-color:var(--mobile5eee0-line);}
.mobile5eee0-metric b{
  display:block;
  font-family:var(--mobile5eee0-mono);
  font-size:15px;color:var(--mobile5eee0-amber);
}
.mobile5eee0-metric span{
  display:block;font-size:9.5px;color:var(--mobile5eee0-muted);
  margin-top:2px;line-height:1.35;
}

/* ------------------------------------------------------------------ *
 * 5. Promo carousel (snap track + dots)
 * ------------------------------------------------------------------ */

.mobile5eee0-carousel{
  margin:16px 0 4px;
  position:relative;
}
.mobile5eee0-track{
  display:flex;gap:10px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding-bottom:4px;
  -webkit-overflow-scrolling:touch;
}
.mobile5eee0-track::-webkit-scrollbar{display:none;}

.mobile5eee0-slide{
  flex:0 0 100%;
  scroll-snap-align:center;
  position:relative;
  padding:0;border:1px solid var(--mobile5eee0-hair);
  border-radius:var(--mobile5eee0-r-card);
  overflow:hidden;cursor:pointer;
  background:var(--mobile5eee0-panel);
  text-align:left;
  transition:border-color .18s ease;
}
.mobile5eee0-slide:hover,.mobile5eee0-slide:focus-visible{border-color:var(--mobile5eee0-line);}
.mobile5eee0-slide img{width:100%;height:150px;object-fit:cover;}
.mobile5eee0-slideCaption{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;
}
.mobile5eee0-slideCaption b{font-size:13.5px;font-weight:700;color:var(--mobile5eee0-ink);}
.mobile5eee0-slideCaption i{
  font-family:var(--mobile5eee0-mono);font-style:normal;font-size:10px;
  color:#1D2833;background:var(--mobile5eee0-amber);
  border-radius:4px;padding:2px 7px;white-space:nowrap;
}

.mobile5eee0-dots{
  display:flex;justify-content:center;gap:6px;margin-top:6px;
}
.mobile5eee0-dot{
  width:22px;height:6px;padding:0;
  border:0;border-radius:3px;cursor:pointer;
  background:var(--mobile5eee0-card);
  transition:background .18s ease,box-shadow .18s ease;
}
.mobile5eee0-dot.mobile5eee0-live{
  background:var(--mobile5eee0-amber);
  box-shadow:0 0 8px rgba(255,183,77,.55);
}

/* ------------------------------------------------------------------ *
 * 6. Search row
 * ------------------------------------------------------------------ */

.mobile5eee0-searchRow{margin:14px 0 4px;}
.mobile5eee0-search{
  width:100%;min-height:44px;
  font-family:var(--mobile5eee0-body);
  font-size:14px;color:var(--mobile5eee0-ink);
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:9px;
  padding:8px 12px;
}
.mobile5eee0-search::placeholder{color:var(--mobile5eee0-muted);}
.mobile5eee0-search:focus{border-color:var(--mobile5eee0-amber);outline:none;}

/* ------------------------------------------------------------------ *
 * 7. Grouped game panels with cover cards
 * ------------------------------------------------------------------ */

.mobile5eee0-group{
  background:linear-gradient(180deg,rgba(40,57,74,.65),rgba(33,47,61,.25));
  border:1px solid var(--mobile5eee0-hair);
  border-radius:var(--mobile5eee0-r-card);
  padding:12px 10px 12px;
  margin:0 0 16px;
}

.mobile5eee0-groupHead{
  display:flex;align-items:flex-start;gap:9px;
  padding:0 2px 9px;
  border-bottom:1px dashed var(--mobile5eee0-hair);
  margin-bottom:10px;
}

.mobile5eee0-groupNo{
  font-family:var(--mobile5eee0-mono);
  font-size:11px;font-weight:700;
  color:#1D2833;background:var(--mobile5eee0-amber);
  border-radius:5px;padding:3px 6px;
  margin-top:4px;white-space:nowrap;
}

.mobile5eee0-groupHead h2{
  margin:0;font-size:17px;line-height:1.4;font-weight:800;
}

.mobile5eee0-groupHead p{
  margin:3px 0 0;font-size:12.5px;color:var(--mobile5eee0-muted);line-height:1.55;
}

.mobile5eee0-gameGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px 7px;
}

.mobile5eee0-gcard{
  display:flex;flex-direction:column;
  padding:0;border:1px solid var(--mobile5eee0-hair);
  border-radius:9px;overflow:hidden;
  background:var(--mobile5eee0-card);
  cursor:pointer;text-align:center;
  font-family:var(--mobile5eee0-body);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.mobile5eee0-gcard:hover,.mobile5eee0-gcard:focus-visible{
  transform:translateY(-3px);
  border-color:var(--mobile5eee0-line);
  box-shadow:0 6px 14px rgba(0,0,0,.35);
}
.mobile5eee0-gcover{
  display:block;position:relative;
  aspect-ratio:1/1;background:#0F1721;
}
.mobile5eee0-gcover img{width:100%;height:100%;object-fit:cover;}
.mobile5eee0-gcover::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(15,23,33,.55));
}
.mobile5eee0-gname{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
  font-size:10.5px;font-weight:600;line-height:1.35;
  color:var(--mobile5eee0-ink);
  padding:5px 4px 6px;
  min-height:34px;
}

/* related internal page chips under each group */
.mobile5eee0-chipRow{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-top:11px;padding-top:10px;
  border-top:1px dashed var(--mobile5eee0-hair);
}
.mobile5eee0-chipRow b{
  font-family:var(--mobile5eee0-mono);font-size:9.5px;font-weight:400;
  letter-spacing:1px;color:var(--mobile5eee0-muted);
  align-self:center;
}
.mobile5eee0-chip{
  display:inline-flex;align-items:center;gap:5px;
  min-height:34px;padding:4px 10px;
  font-size:11.5px;font-weight:600;
  color:var(--mobile5eee0-amber);
  background:var(--mobile5eee0-amber-veil);
  border:1px solid var(--mobile5eee0-line);
  border-radius:17px;
  transition:background .18s ease;
}
.mobile5eee0-chip:hover,.mobile5eee0-chip:focus-visible{
  background:rgba(255,183,77,.24);text-decoration:none;
}
.mobile5eee0-chip::before{content:"›";font-family:var(--mobile5eee0-mono);}

/* ------------------------------------------------------------------ *
 * 8. Editorial blocks (guide / rtp / answer / comparison)
 * ------------------------------------------------------------------ */

.mobile5eee0-block{
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:var(--mobile5eee0-r-card);
  padding:13px 13px 15px;
  margin:0 0 16px;
}
.mobile5eee0-block h2{
  margin:0 0 9px;font-size:17px;line-height:1.45;font-weight:800;
}
.mobile5eee0-block h3{
  margin:13px 0 6px;font-size:14.5px;font-weight:700;color:var(--mobile5eee0-amber);
}
.mobile5eee0-block p{margin:0 0 9px;font-size:13.5px;color:var(--mobile5eee0-muted);}
.mobile5eee0-block p:last-child{margin-bottom:0;}
.mobile5eee0-block strong{color:var(--mobile5eee0-ink);font-weight:700;}

/* persona rows for the selection guide */
.mobile5eee0-persona{
  display:flex;gap:9px;align-items:flex-start;
  padding:9px 0;
  border-bottom:1px dashed var(--mobile5eee0-hair);
}
.mobile5eee0-persona:last-of-type{border-bottom:0;}
.mobile5eee0-personaMark{
  font-family:var(--mobile5eee0-mono);
  font-size:10px;font-weight:700;
  color:var(--mobile5eee0-amber);
  border:1px solid var(--mobile5eee0-line);
  border-radius:5px;
  padding:3px 6px;margin-top:3px;white-space:nowrap;
}
.mobile5eee0-persona div p{margin:0;font-size:12.8px;}

/* rtp metric cards */
.mobile5eee0-rtpGrid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;
  margin:10px 0 11px;
}
.mobile5eee0-rtpCell{
  background:var(--mobile5eee0-base);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:9px;padding:8px 6px;text-align:center;
}
.mobile5eee0-rtpCell b{
  display:block;font-family:var(--mobile5eee0-mono);
  font-size:12.5px;color:var(--mobile5eee0-amber);margin-bottom:3px;
}
.mobile5eee0-rtpCell span{font-size:9.8px;color:var(--mobile5eee0-muted);line-height:1.4;display:block;}

/* direct-answer ledger */
.mobile5eee0-qa{
  border-left:2px solid var(--mobile5eee0-line);
  padding:2px 0 2px 11px;margin:9px 0;
}
.mobile5eee0-qa p{margin:0 0 7px;font-size:13px;}
.mobile5eee0-qa p:last-child{margin-bottom:0;}
.mobile5eee0-qa b{color:var(--mobile5eee0-ink);}

/* comparison ledger rows */
.mobile5eee0-cmpRow{
  display:grid;grid-template-columns:86px 1fr;gap:9px;
  padding:8px 0;border-bottom:1px dashed var(--mobile5eee0-hair);
}
.mobile5eee0-cmpRow:last-of-type{border-bottom:0;}
.mobile5eee0-cmpKey{
  font-family:var(--mobile5eee0-mono);
  font-size:10px;letter-spacing:.5px;
  color:var(--mobile5eee0-amber);
  text-transform:uppercase;
  padding-top:3px;
}
.mobile5eee0-cmpRow p{margin:0;font-size:12.6px;}

/* numbered checklist (club tiers / bonus steps) */
.mobile5eee0-steps{list-style:none;margin:8px 0 0;padding:0;counter-reset:mobile5eee0-step;}
.mobile5eee0-steps li{
  counter-increment:mobile5eee0-step;
  display:flex;gap:9px;align-items:flex-start;
  padding:7px 0;border-bottom:1px dashed var(--mobile5eee0-hair);
  font-size:12.8px;color:var(--mobile5eee0-muted);
}
.mobile5eee0-steps li:last-child{border-bottom:0;}
.mobile5eee0-steps li::before{
  content:counter(mobile5eee0-step,decimal-leading-zero);
  font-family:var(--mobile5eee0-mono);
  font-size:10px;font-weight:700;
  color:var(--mobile5eee0-amber);
  border:1px solid var(--mobile5eee0-line);
  border-radius:5px;
  padding:2px 5px;margin-top:2px;
}

/* ------------------------------------------------------------------ *
 * 9. Extended footer: promo segments > brand > directory > disclaimer
 * ------------------------------------------------------------------ */

.mobile5eee0-ext{
  margin-top:20px;
  border-top:2px solid var(--mobile5eee0-line);
  padding-top:15px;
}
.mobile5eee0-ext h2{margin:0 0 10px;font-size:16.5px;font-weight:800;}

.mobile5eee0-promoWrap{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;
  margin-bottom:14px;
}
.mobile5eee0-promo{
  display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:46px;padding:6px 8px;
  font-family:var(--mobile5eee0-body);
  font-size:12.3px;font-weight:700;line-height:1.3;text-align:center;
  color:var(--mobile5eee0-ink);
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-left:3px solid var(--mobile5eee0-amber);
  border-radius:var(--mobile5eee0-r-btn);
  cursor:pointer;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.mobile5eee0-promo:hover,.mobile5eee0-promo:focus-visible{
  background:var(--mobile5eee0-card);
  box-shadow:0 0 12px rgba(255,183,77,.30);
  transform:translateY(-2px);
}
.mobile5eee0-promo.mobile5eee0-wide{grid-column:1 / -1;}

.mobile5eee0-brandNote{
  background:var(--mobile5eee0-panel);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:var(--mobile5eee0-r-card);
  padding:11px 12px;margin-bottom:14px;
}
.mobile5eee0-brandNote p{margin:0;font-size:12.6px;color:var(--mobile5eee0-muted);}

.mobile5eee0-dirTitle{
  font-family:var(--mobile5eee0-mono);
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--mobile5eee0-amber);margin:0 0 8px;
}
.mobile5eee0-dir{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  margin-bottom:14px;
}
.mobile5eee0-dir a{
  display:flex;align-items:center;gap:6px;
  min-height:40px;padding:5px 9px;
  font-size:12px;font-weight:600;line-height:1.3;
  background:var(--mobile5eee0-base);
  border:1px solid var(--mobile5eee0-hair);
  border-radius:8px;
  transition:border-color .18s ease,background .18s ease;
}
.mobile5eee0-dir a::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--mobile5eee0-amber);flex:0 0 5px;
}
.mobile5eee0-dir a:hover,.mobile5eee0-dir a:focus-visible{
  border-color:var(--mobile5eee0-line);background:var(--mobile5eee0-card);
  text-decoration:none;
}

.mobile5eee0-disclaimer{
  background:rgba(255,183,77,.06);
  border:1px dashed var(--mobile5eee0-line);
  border-radius:var(--mobile5eee0-r-card);
  padding:10px 12px;
}
.mobile5eee0-disclaimer p{
  margin:0;font-size:11.6px;line-height:1.6;color:var(--mobile5eee0-muted);
}
.mobile5eee0-disclaimer b{
  display:block;font-size:11px;color:var(--mobile5eee0-amber);
  margin-bottom:4px;letter-spacing:.5px;
}

/* ------------------------------------------------------------------ *
 * 10. Common footer + floating dock
 * ------------------------------------------------------------------ */

.mobile5eee0-copyright{
  text-align:center;
  font-family:var(--mobile5eee0-mono);
  font-size:10.5px;letter-spacing:1px;
  color:var(--mobile5eee0-muted);
  padding:12px 0 4px;
}

.mobile5eee0-dock{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:480px;z-index:58;
  height:calc(var(--mobile5eee0-dock) + env(safe-area-inset-bottom));
  padding-bottom:env(safe-area-inset-bottom);
  display:flex;align-items:stretch;
  background:rgba(24,36,49,.97);
  border-top:1px solid var(--mobile5eee0-line);
  backdrop-filter:blur(6px);
}
.mobile5eee0-dockItem{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:44px;
  font-family:var(--mobile5eee0-body);
  font-size:10px;font-weight:600;letter-spacing:.3px;
  color:var(--mobile5eee0-muted);
  background:transparent;border:0;cursor:pointer;
  text-decoration:none;
  transition:color .18s ease;
}
.mobile5eee0-dockItem svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;}
.mobile5eee0-dockItem:hover,.mobile5eee0-dockItem:focus-visible{color:var(--mobile5eee0-ink);text-decoration:none;}
.mobile5eee0-dockItem.mobile5eee0-on{color:var(--mobile5eee0-amber);}
.mobile5eee0-dockItem.mobile5eee0-on svg{
  filter:drop-shadow(0 0 6px rgba(255,183,77,.65));
}
.mobile5eee0-dockItem.mobile5eee0-on::after{
  content:"";width:14px;height:2px;border-radius:2px;
  background:var(--mobile5eee0-amber);margin-top:1px;
}

/* ------------------------------------------------------------------ *
 * 11. Small screens / phone canvas tuning
 * ------------------------------------------------------------------ */

@media (max-width: 430px){
  .mobile5eee0-mast{padding:0 8px 0 6px;}
  .mobile5eee0-reg{padding:0 9px;font-size:12px;}
  .mobile5eee0-log{padding:0 9px;font-size:12px;}
  .mobile5eee0-hero h1{font-size:22px;}
  .mobile5eee0-slide img{height:140px;}
  .mobile5eee0-promoWrap{gap:6px;}
  .mobile5eee0-promo{font-size:11.8px;min-height:44px;}
}

@media (max-width: 355px){
  .mobile5eee0-wordmark{font-size:16px;}
  .mobile5eee0-brand img{width:28px;height:28px;}
  .mobile5eee0-gameGrid{gap:6px 5px;}
  .mobile5eee0-gname{font-size:10px;}
  .mobile5eee0-metrics{grid-template-columns:repeat(2,1fr);}
}

/* wider phones get a 5th game column */
@media (min-width: 390px){
  .mobile5eee0-gameGrid{grid-template-columns:repeat(5,minmax(0,1fr));}
}

/* desktop: keep the centered phone canvas, dim the sides */
@media (min-width: 700px){
  body{box-shadow:0 0 70px rgba(0,0,0,.65);}
  .mobile5eee0-main{padding-left:16px;padding-right:16px;}
}

/* short-distance motion budget */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition:none !important;animation:none !important;}
}