/*! good11.cyou adaptive frame stylesheet
   Mobile-first canvas 320-430px.
   All class names use the "shell183ba-" prefix.
   Palette: #DEB887 | #AD1457 | #FF5722 | #FF91A4 | #2E4057 | #F8F9FA
*/
:root{
  --shell183ba-clay:#DEB887;
  --shell183ba-wine:#AD1457;
  --shell183ba-flame:#FF5722;
  --shell183ba-blush:#FF91A4;
  --shell183ba-ink:#2E4057;
  --shell183ba-cloud:#F8F9FA;
  --shell183ba-ink-deep:#1b2837;
  --shell183ba-ink-700:#34485e;
  --shell183ba-ink-300:#566b81;
  --shell183ba-line:rgba(248,249,250,.14);
  --shell183ba-shadow:0 12px 30px rgba(20,30,42,.32);
  --shell183ba-radius-s:8px;
  --shell183ba-radius-m:14px;
  --shell183ba-radius-l:22px;
  --shell183ba-gap:14px;
  --shell183ba-focus:#FFE082;
  --shell183ba-max:430px;
  --shell183ba-font-body:"Hind Siliguri","Noto Sans Bengali",system-ui,"Segoe UI",Roboto,sans-serif;
  --shell183ba-font-display:"Anek Bangla","Hind Siliguri",system-ui,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--shell183ba-font-body);
  color:var(--shell183ba-cloud);
  background:#0c1219;
  line-height:1.6;
  font-size:15px;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border:0}
a{color:var(--shell183ba-clay);text-decoration:none}
a:focus-visible,button:focus-visible{
  outline:3px solid var(--shell183ba-focus);
  outline-offset:2px;
  border-radius:6px;
}
button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
ul{margin:0;padding:0;list-style:none}

/* phone canvas frame */
.shell183ba-stage{
  max-width:var(--shell183ba-max);
  margin:0 auto;
  background:linear-gradient(180deg,#21344a 0%,#2E4057 26%,#26384f 70%,#1f3046 100%);
  min-height:100vh;
  position:relative;
  box-shadow:var(--shell183ba-shadow);
  padding-bottom:88px;
}

/* ===== top header ===== */
.shell183ba-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  background:linear-gradient(180deg,rgba(173,20,87,.97),rgba(173,20,87,.85));
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.shell183ba-brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.shell183ba-brand-logo{
  width:38px;
  height:38px;
  border-radius:10px;
  object-fit:cover;
  background:var(--shell183ba-cloud);
  padding:3px;
  flex:0 0 auto;
  box-shadow:0 4px 10px rgba(0,0,0,.18);
}
.shell183ba-brand b{
  font-family:var(--shell183ba-font-display);
  font-weight:700;
  letter-spacing:.4px;
  font-size:19px;
  color:#fff;
  white-space:nowrap;
  line-height:1;
}
.shell183ba-brand span{
  display:block;
  font-size:9.5px;
  font-weight:600;
  color:rgba(255,255,255,.78);
  letter-spacing:.6px;
  margin-top:2px;
}
.shell183ba-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.shell183ba-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  letter-spacing:.3px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.shell183ba-btn--register{
  background:linear-gradient(135deg,var(--shell183ba-flame),var(--shell183ba-blush));
  color:#fff;
  box-shadow:0 6px 14px rgba(255,87,34,.35);
}
.shell183ba-btn--login{
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.32);
}
.shell183ba-btn:active{transform:translateY(1px) scale(.97)}
.shell183ba-iconbtn{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
}
.shell183ba-iconbtn svg{width:20px;height:20px;fill:currentColor}

/* ===== slide-down drawer ===== */
.shell183ba-drawer{
  position:fixed;
  top:0;
  left:50%;
  transform:translate(-50%,-112%);
  width:100%;
  max-width:var(--shell183ba-max);
  background:linear-gradient(180deg,#1b2a3a,#23374d);
  z-index:60;
  padding:18px 16px 22px;
  border-radius:0 0 22px 22px;
  box-shadow:0 22px 40px rgba(0,0,0,.4);
  transition:transform .34s ease;
  border-bottom:2px solid var(--shell183ba-wine);
}
.shell183ba-drawer[data-open="true"]{transform:translate(-50%,0)}
.shell183ba-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.shell183ba-drawer-head strong{
  font-family:var(--shell183ba-font-display);
  font-weight:700;
  color:var(--shell183ba-cloud);
  font-size:15px;
}
.shell183ba-drawer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.shell183ba-drawer-grid a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:12px 6px;
  border-radius:12px;
  background:rgba(248,249,250,.06);
  color:var(--shell183ba-cloud);
  font-size:11.5px;
  font-weight:500;
  text-align:center;
  border:1px solid rgba(248,249,250,.06);
  transition:background .18s ease;
}
.shell183ba-drawer-grid a:active{background:rgba(255,87,34,.18)}
.shell183ba-drawer-grid svg{width:22px;height:22px;fill:var(--shell183ba-clay)}
.shell183ba-drawer-cta{
  display:flex;
  gap:8px;
  margin-top:12px;
}
.shell183ba-drawer-cta .shell183ba-btn{flex:1;padding:10px 0}

.shell183ba-scrim{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
  z-index:55;
}
.shell183ba-scrim[data-open="true"]{opacity:1;pointer-events:auto}

/* ===== hero / carousel ===== */
.shell183ba-hero{
  position:relative;
  margin:14px 12px 4px;
  border-radius:var(--shell183ba-radius-l);
  overflow:hidden;
  background:#15202e;
  box-shadow:var(--shell183ba-shadow);
}
.shell183ba-hero-track{
  display:flex;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.shell183ba-hero-slide{
  flex:0 0 100%;
  position:relative;
}
.shell183ba-hero-slide img{
  width:100%;
  height:172px;
  object-fit:cover;
}
.shell183ba-hero-cap{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.shell183ba-hero-cap b{
  display:block;
  font-family:var(--shell183ba-font-display);
  font-size:17px;
  letter-spacing:.2px;
  line-height:1.25;
}
.shell183ba-hero-cap small{
  display:block;
  font-size:11.5px;
  opacity:.94;
  margin-top:3px;
  max-width:88%;
}
.shell183ba-hero-dots{
  position:absolute;
  bottom:9px;
  right:12px;
  display:flex;
  gap:5px;
}
.shell183ba-hero-dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  display:block;
  transition:all .25s ease;
}
.shell183ba-hero-dots i[data-active="true"]{
  background:var(--shell183ba-flame);
  width:18px;
  border-radius:4px;
}
.shell183ba-hero-pill{
  position:absolute;
  top:12px;
  left:12px;
  background:rgba(0,0,0,.42);
  color:#fff;
  padding:4px 10px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.6px;
  backdrop-filter:blur(4px);
}

/* ===== promo strip ===== */
.shell183ba-strip{
  margin:12px;
  padding:11px 14px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(255,87,34,.16),rgba(255,145,164,.16));
  border:1px solid rgba(255,87,34,.32);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:12.5px;
  color:var(--shell183ba-cloud);
}
.shell183ba-strip b{color:var(--shell183ba-blush)}
.shell183ba-strip button{
  background:var(--shell183ba-flame);
  color:#fff;
  padding:6px 12px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
}

/* ===== sections ===== */
.shell183ba-section{
  margin:20px 12px 4px;
}
.shell183ba-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(248,249,250,.1);
}
.shell183ba-section-head h2{
  margin:0;
  font-family:var(--shell183ba-font-display);
  font-size:17px;
  color:var(--shell183ba-cloud);
  letter-spacing:.2px;
  line-height:1.3;
}
.shell183ba-section-head h2 em{color:var(--shell183ba-clay);font-style:normal}
.shell183ba-section-head .shell183ba-catcount{
  font-size:11px;
  color:var(--shell183ba-ink-300);
  font-weight:600;
  white-space:nowrap;
}
.shell183ba-section-anchor{scroll-margin-top:78px}

/* ===== category chips ===== */
.shell183ba-chips{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:2px 0 8px;
  margin:0 0 4px;
}
.shell183ba-chips::-webkit-scrollbar{display:none}
.shell183ba-chips button{
  flex:0 0 auto;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(248,249,250,.07);
  color:var(--shell183ba-cloud);
  font-size:12.5px;
  font-weight:600;
  border:1px solid rgba(248,249,250,.1);
  white-space:nowrap;
}
.shell183ba-chips button[data-active="true"]{
  background:var(--shell183ba-wine);
  color:#fff;
  border-color:transparent;
}

/* ===== game grid ===== */
.shell183ba-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px 8px;
}
@media (min-width:375px){
  .shell183ba-grid{gap:13px 10px}
}
@media (min-width:430px){
  .shell183ba-grid{grid-template-columns:repeat(5,1fr)}
}
.shell183ba-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:transparent;
  padding:0;
  color:var(--shell183ba-cloud);
  min-width:0;
  transition:transform .18s ease;
}
.shell183ba-card:active{transform:scale(.97)}
.shell183ba-card-media{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(135deg,#2a3c52,#34506b);
  box-shadow:0 6px 14px rgba(0,0,0,.3);
  border:1px solid rgba(222,184,135,.22);
}
.shell183ba-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.shell183ba-card-tag{
  position:absolute;
  top:5px;
  left:5px;
  background:var(--shell183ba-wine);
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.4px;
  padding:2px 6px;
  border-radius:6px;
  line-height:1.2;
}
.shell183ba-card-tag--hot{background:var(--shell183ba-flame)}
.shell183ba-card-tag--new{background:#3aa75a}
.shell183ba-card-name{
  margin-top:6px;
  font-size:11.5px;
  line-height:1.25;
  color:var(--shell183ba-cloud);
  font-weight:500;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:28px;
}

/* ===== info / question-driven modules ===== */
.shell183ba-info{
  background:rgba(248,249,250,.04);
  border:1px solid rgba(248,249,250,.09);
  border-radius:16px;
  padding:14px 14px 12px;
  margin:12px 12px 0;
}
.shell183ba-info h3{
  margin:0 0 6px;
  font-size:14.5px;
  color:var(--shell183ba-clay);
  font-family:var(--shell183ba-font-display);
  line-height:1.35;
}
.shell183ba-info p{
  margin:0 0 8px;
  font-size:13px;
  color:rgba(248,249,250,.86);
}
.shell183ba-info p:last-child{margin-bottom:0}
.shell183ba-info a{
  color:var(--shell183ba-blush);
  text-decoration:underline;
  text-underline-offset:2px;
}
.shell183ba-info-lead{
  font-size:13.2px;
  color:#fff;
  font-weight:600;
  margin-bottom:8px;
}
.shell183ba-info ul{padding-left:18px;margin:4px 0 0}
.shell183ba-info ul li{
  list-style:disc;
  font-size:12.5px;
  color:rgba(248,249,250,.82);
  margin-bottom:4px;
}

/* side-by-side columns for compact compare */
.shell183ba-cols{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:12px 12px 0;
}
@media (min-width:430px){
  .shell183ba-cols{grid-template-columns:1fr 1fr}
}

/* decision checklist */
.shell183ba-checklist{
  margin:12px 12px 0;
  background:rgba(173,20,87,.13);
  border:1px solid rgba(173,20,87,.32);
  border-radius:16px;
  padding:14px;
}
.shell183ba-checklist h3{
  margin:0 0 10px;
  font-family:var(--shell183ba-font-display);
  font-size:14.5px;
  color:#fff;
}
.shell183ba-checklist li{
  position:relative;
  padding:6px 0 6px 28px;
  font-size:12.8px;
  color:rgba(248,249,250,.9);
  border-bottom:1px dashed rgba(248,249,250,.12);
}
.shell183ba-checklist li:last-child{border-bottom:0}
.shell183ba-checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:7px;
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--shell183ba-flame);
  color:#fff;
  border-radius:50%;
  font-size:10px;
  font-weight:700;
}

/* pros & limits grid */
.shell183ba-proslimit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 12px 0;
}
.shell183ba-proslimit > div{
  padding:12px;
  border-radius:14px;
  background:rgba(248,249,250,.05);
  border:1px solid rgba(248,249,250,.1);
}
.shell183ba-proslimit h4{
  margin:0 0 6px;
  font-size:13px;
  font-family:var(--shell183ba-font-display);
}
.shell183ba-proslimit .pros h4{color:#9ad29a}
.shell183ba-proslimit .cons h4{color:var(--shell183ba-blush)}
.shell183ba-proslimit ul{padding-left:16px}
.shell183ba-proslimit li{
  list-style:disc;
  font-size:11.8px;
  color:rgba(248,249,250,.82);
  margin-bottom:4px;
}

/* CTA block */
.shell183ba-cta-block{
  margin:18px 12px 4px;
  padding:18px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--shell183ba-wine) 0%,var(--shell183ba-flame) 100%);
  text-align:center;
  color:#fff;
  box-shadow:0 14px 26px rgba(173,20,87,.34);
}
.shell183ba-cta-block h3{
  margin:0 0 6px;
  font-family:var(--shell183ba-font-display);
  font-size:16px;
  line-height:1.35;
}
.shell183ba-cta-block p{
  margin:0 0 12px;
  font-size:12.5px;
  color:rgba(255,255,255,.92);
}
.shell183ba-cta-block .shell183ba-btn{
  background:#fff;
  color:var(--shell183ba-wine);
  padding:11px 24px;
  font-size:13.5px;
}
.shell183ba-cta-block .shell183ba-btn--ghost{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.6);
  margin-left:6px;
}

/* ===== extended footer ===== */
.shell183ba-footer{
  margin-top:28px;
  padding:22px 14px 18px;
  background:linear-gradient(180deg,#1a2735,#121c27);
  border-top:1px solid rgba(248,249,250,.08);
}
.shell183ba-footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.shell183ba-footer-brand img{
  width:34px;
  height:34px;
  border-radius:9px;
  background:rgba(255,255,255,.08);
  padding:3px;
}
.shell183ba-footer-brand b{
  font-family:var(--shell183ba-font-display);
  color:#fff;
  font-size:16px;
}
.shell183ba-footer h4{
  margin:16px 0 8px;
  font-family:var(--shell183ba-font-display);
  font-size:13.5px;
  color:var(--shell183ba-clay);
  letter-spacing:.3px;
}
.shell183ba-footer p{
  font-size:12px;
  color:rgba(248,249,250,.74);
  margin:0 0 6px;
  line-height:1.65;
}
.shell183ba-footer-links{
  columns:2;
  column-gap:14px;
  font-size:12px;
}
.shell183ba-footer-links a{
  display:block;
  color:rgba(248,249,250,.78);
  padding:3px 0;
  break-inside:avoid;
}
.shell183ba-footer-links a:active{color:var(--shell183ba-blush)}
.shell183ba-promo-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:4px;
}
.shell183ba-promo-list button{
  padding:9px 11px;
  border-radius:10px;
  background:rgba(173,20,87,.18);
  border:1px solid rgba(173,20,87,.36);
  color:#fff;
  font-size:11.8px;
  font-weight:600;
  text-align:left;
  line-height:1.3;
}
.shell183ba-promo-list button span{
  display:block;
  color:var(--shell183ba-clay);
  font-size:10px;
  margin-top:2px;
  font-weight:500;
}
.shell183ba-disclaimer{
  margin-top:14px;
  padding:11px 13px;
  border-radius:10px;
  background:rgba(248,249,250,.04);
  border-left:3px solid var(--shell183ba-clay);
  font-size:10.8px;
  color:rgba(248,249,250,.66);
  line-height:1.6;
}
.shell183ba-copy{
  margin-top:12px;
  text-align:center;
  font-size:11px;
  color:rgba(248,249,250,.5);
}

/* ===== bottom tab bar (5 roles) ===== */
.shell183ba-tabbar{
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:var(--shell183ba-max);
  background:rgba(13,20,28,.97);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(248,249,250,.1);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom));
  z-index:50;
}
.shell183ba-tab{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:5px 2px;
  color:rgba(248,249,250,.62);
  font-size:10px;
  font-weight:600;
  min-height:50px;
  border-radius:10px;
  position:relative;
  text-align:center;
}
.shell183ba-tab svg{width:20px;height:20px;fill:currentColor}
.shell183ba-tab[data-active="true"]{color:var(--shell183ba-flame)}
.shell183ba-tab[data-active="true"]::before{
  content:"";
  position:absolute;
  top:0;
  width:26px;
  height:3px;
  border-radius:0 0 4px 4px;
  background:var(--shell183ba-flame);
}
.shell183ba-tab--promo{color:var(--shell183ba-blush)}
.shell183ba-tab--promo svg{filter:drop-shadow(0 0 6px rgba(255,145,164,.55))}

/* ===== utility ===== */
.shell183ba-sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}
.shell183ba-hide-on-narrow{display:none}
@media (min-width:430px){
  .shell183ba-hide-on-narrow{display:initial}
}

.shell183ba-stage[data-tint="warm"]{background:linear-gradient(180deg,#49362b 0%,#2E4057 28%,#3e3045 72%,#251f2b 100%)}
.shell183ba-stage[data-tint="cool"]{background:linear-gradient(180deg,#21344a 0%,#2E4057 30%,#213a48 72%,#182934 100%)}
.shell183ba-themebtn{min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;background:rgba(255,255,255,.1);font-size:11px;font-weight:700}
.shell183ba-article{margin:18px 12px 0;padding:18px 15px 2px;background:rgba(248,249,250,.045);border:1px solid rgba(248,249,250,.12);border-radius:var(--shell183ba-radius-m)}
.shell183ba-article h1{margin:0 0 10px;font-family:var(--shell183ba-font-display);font-size:23px;line-height:1.3;color:#fff}
.shell183ba-article h2{margin:24px 0 8px;padding-left:10px;border-left:4px solid var(--shell183ba-flame);font-family:var(--shell183ba-font-display);font-size:18px;line-height:1.38;color:var(--shell183ba-clay)}
.shell183ba-article h3{margin:17px 0 6px;color:var(--shell183ba-blush);font-size:15px;line-height:1.4}
.shell183ba-article p{margin:0 0 11px;color:rgba(248,249,250,.88);font-size:13.4px;line-height:1.72}
.shell183ba-article ul,.shell183ba-article ol{margin:0 0 14px;padding-left:21px}
.shell183ba-article li{margin:0 0 7px;color:rgba(248,249,250,.86);font-size:13px;line-height:1.62}
.shell183ba-article li::marker{color:var(--shell183ba-blush)}
.shell183ba-article .shell183ba-note{padding:12px;margin:12px 0;background:rgba(255,87,34,.12);border-left:3px solid var(--shell183ba-flame);border-radius:8px;color:#fff}
.shell183ba-article .shell183ba-table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:12px}
.shell183ba-table th,.shell183ba-table td{padding:8px 6px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(248,249,250,.14)}
.shell183ba-table th{color:var(--shell183ba-clay);font-weight:700}
.shell183ba-article strong{color:#fff}
.shell183ba-article a{color:var(--shell183ba-blush);text-decoration:underline;text-underline-offset:2px}
.shell183ba-faq{margin:12px 0 16px;border-top:1px solid rgba(248,249,250,.12)}
.shell183ba-faq details{padding:10px 0;border-bottom:1px solid rgba(248,249,250,.12)}
.shell183ba-faq summary{min-height:44px;padding:8px 0;color:#fff;font-weight:700;cursor:pointer}
.shell183ba-faq p{padding:5px 0 0;margin-bottom:0}
.shell183ba-routebar{display:flex;gap:8px;overflow-x:auto;padding:10px 12px 2px;scrollbar-width:none}
.shell183ba-routebar::-webkit-scrollbar{display:none}
.shell183ba-routebar a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;background:rgba(248,249,250,.08);color:#fff;font-size:12px;white-space:nowrap}
.shell183ba-routebar a[aria-current="page"]{background:var(--shell183ba-wine);color:#fff}
.shell183ba-support-card{margin:12px 0;padding:13px;border-radius:10px;background:rgba(46,64,87,.8);border:1px solid rgba(222,184,135,.25)}
.shell183ba-support-card b{display:block;margin-bottom:4px;color:var(--shell183ba-clay);font-size:13px}
@media (min-width:430px){.shell183ba-article{padding-left:18px;padding-right:18px}}


/* desktop: keep the phone canvas centered */
@media (min-width:480px){
  body{background:#080d13}
}