/* ============================================================
   filbet-app.sbs - Mobile-first gaming lobby stylesheet
   Prefix: frame9fc1d-
   Palette: #FF69B4 (hot pink accent) | #262626 (dark ink)
            #BBBBBB (ash text) | #C0C0C0 (silver text/borders)
   Direction:
     - Top    : minimal title action band
     - Menu   : expandable navigation panel
     - Bottom : segmented action bar
     - Icons  : linear icons, filled active state
     - Active : top indicator line
     - Motion : restrained glow feedback
   ============================================================ */

/* ---------- Design tokens ---------- */
:root{
  --frame9fc1d-pink:#FF69B4;
  --frame9fc1d-pink-soft:#ff8ec7;
  --frame9fc1d-pink-deep:#e8549b;
  --frame9fc1d-ink:#262626;
  --frame9fc1d-ink-2:#1d1d1d;
  --frame9fc1d-ink-3:#303030;
  --frame9fc1d-ash:#BBBBBB;
  --frame9fc1d-silver:#C0C0C0;
  --frame9fc1d-line:rgba(192,192,192,.16);
  --frame9fc1d-line-pink:rgba(255,105,180,.32);
  --frame9fc1d-card:#2f2f2f;
  --frame9fc1d-shadow:0 12px 30px rgba(0,0,0,.46);
  --frame9fc1d-glow:0 0 16px rgba(255,105,180,.46);
  --frame9fc1d-radius:14px;
  --frame9fc1d-radius-sm:10px;
  --frame9fc1d-max:430px;
  --frame9fc1d-header-h:58px;
  --frame9fc1d-bottom-h:66px;
}

/* ---------- Reset ---------- */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  background:#161616;
  color:#f3f3f3;
  line-height:1.6;
  font-size:15px;
  overflow-x:hidden;
  word-wrap:break-word;
}
img{display:block;max-width:100%;height:auto;}
a{color:var(--frame9fc1d-pink-soft);text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul,ol{list-style:none;}

/* ---------- Mobile canvas stage ---------- */
.frame9fc1d-stage{
  position:relative;
  max-width:var(--frame9fc1d-max);
  margin:0 auto;
  background:linear-gradient(180deg,#2c2c2c 0%,#262626 45%,#222 100%);
  min-height:100vh;
  box-shadow:0 0 60px rgba(0,0,0,.6);
}
.frame9fc1d-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 12% 6%,rgba(255,105,180,.11),transparent 42%),
    radial-gradient(circle at 92% 18%,rgba(255,105,180,.07),transparent 46%);
}
.frame9fc1d-main{
  position:relative;z-index:1;
  padding-top:calc(var(--frame9fc1d-header-h) + 6px);
  padding-bottom:calc(var(--frame9fc1d-bottom-h) + 22px);
}

/* ---------- Top action band (minimal) ---------- */
.frame9fc1d-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:var(--frame9fc1d-max);
  height:var(--frame9fc1d-header-h);
  background:rgba(26,26,26,.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--frame9fc1d-line);
  z-index:60;
  display:flex;align-items:center;gap:8px;
  padding:0 12px;
  transition:box-shadow .25s ease,border-color .25s ease;
}
.frame9fc1d-header-scrolled{
  border-bottom-color:var(--frame9fc1d-line-pink);
  box-shadow:0 4px 22px rgba(255,105,180,.18);
}
.frame9fc1d-brand{
  display:flex;align-items:center;gap:8px;flex:1;min-width:0;
}
.frame9fc1d-logo{
  width:36px;height:36px;border-radius:9px;object-fit:cover;
  border:1px solid var(--frame9fc1d-line-pink);
  box-shadow:var(--frame9fc1d-glow);flex-shrink:0;background:#222;
}
.frame9fc1d-brand-text{display:flex;flex-direction:column;line-height:1.12;min-width:0;}
.frame9fc1d-brand-name{
  font-size:15px;font-weight:800;color:#fff;letter-spacing:.2px;white-space:nowrap;
}
.frame9fc1d-brand-tag{
  font-size:10px;color:var(--frame9fc1d-ash);font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.frame9fc1d-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.frame9fc1d-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 14px;border-radius:20px;
  font-size:13px;font-weight:700;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.frame9fc1d-btn:active{transform:scale(.96);}
.frame9fc1d-btn-login{
  background:transparent;color:#fff;border:1px solid var(--frame9fc1d-silver);
}
.frame9fc1d-btn-register{
  background:linear-gradient(135deg,var(--frame9fc1d-pink) 0%,var(--frame9fc1d-pink-deep) 100%);
  color:#fff;box-shadow:0 4px 14px rgba(255,105,180,.42);
}
.frame9fc1d-menu-btn{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--frame9fc1d-line);
  background:rgba(255,255,255,.04);
  transition:border-color .18s,background .18s;
}
.frame9fc1d-menu-btn svg{width:20px;height:20px;stroke:var(--frame9fc1d-silver);}
.frame9fc1d-menu-btn:hover{border-color:var(--frame9fc1d-line-pink);}
.frame9fc1d-menu-active svg{stroke:var(--frame9fc1d-pink);}

/* ---------- Expandable navigation panel ---------- */
.frame9fc1d-menu-panel{
  position:fixed;top:calc(var(--frame9fc1d-header-h) - 4px);left:50%;
  transform:translate(-50%,-12px);
  width:calc(100% - 16px);max-width:calc(var(--frame9fc1d-max) - 16px);
  background:#1f1f1f;
  border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius);
  box-shadow:var(--frame9fc1d-shadow);
  padding:10px 12px 14px;z-index:59;
  opacity:0;visibility:hidden;
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
  max-height:calc(100vh - 84px);overflow-y:auto;
}
.frame9fc1d-menu-open{opacity:1;visibility:visible;transform:translate(-50%,0);}
.frame9fc1d-menu-title{
  font-size:11px;color:var(--frame9fc1d-ash);
  text-transform:uppercase;letter-spacing:1px;
  padding:6px 4px 4px;font-weight:700;
}
.frame9fc1d-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.frame9fc1d-menu-link{
  display:flex;align-items:center;gap:10px;
  padding:11px 12px;border-radius:var(--frame9fc1d-radius-sm);
  background:#2a2a2a;border:1px solid transparent;
  font-size:13px;font-weight:600;color:#eee;min-height:44px;
  transition:background .15s,border-color .15s;
}
.frame9fc1d-menu-link svg{width:18px;height:18px;stroke:var(--frame9fc1d-pink-soft);flex-shrink:0;}
.frame9fc1d-menu-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.frame9fc1d-menu-link:active{background:#363636;border-color:var(--frame9fc1d-line-pink);}
.frame9fc1d-menu-promo{
  grid-column:1 / -1;justify-content:center;
  background:linear-gradient(135deg,var(--frame9fc1d-pink) 0%,var(--frame9fc1d-pink-deep) 100%);
  color:#fff;box-shadow:0 4px 12px rgba(255,105,180,.35);
}
.frame9fc1d-menu-promo svg{stroke:#fff;}
.frame9fc1d-menu-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:58;
  opacity:0;visibility:hidden;transition:opacity .22s;
}
.frame9fc1d-menu-open ~ .frame9fc1d-menu-backdrop{
  opacity:1;visibility:visible;
}

/* ---------- Section scaffold ---------- */
.frame9fc1d-section{padding:18px 14px 4px;}
.frame9fc1d-section-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-bottom:12px;
}
.frame9fc1d-section-title{
  font-size:17px;font-weight:800;color:#fff;
  display:flex;align-items:center;gap:8px;
}
.frame9fc1d-section-title::before{
  content:"";width:4px;height:18px;border-radius:3px;
  background:linear-gradient(180deg,var(--frame9fc1d-pink),var(--frame9fc1d-pink-deep));
  box-shadow:var(--frame9fc1d-glow);
}
.frame9fc1d-section-tag{
  font-size:11px;color:var(--frame9fc1d-silver);font-weight:600;
  background:rgba(255,255,255,.04);border:1px solid var(--frame9fc1d-line);
  padding:4px 10px;border-radius:12px;
}

/* ---------- Hero carousel ---------- */
.frame9fc1d-carousel{
  margin:14px 14px 4px;border-radius:var(--frame9fc1d-radius);
  overflow:hidden;position:relative;
  box-shadow:var(--frame9fc1d-shadow);
  border:1px solid var(--frame9fc1d-line);
}
.frame9fc1d-carousel-viewport{overflow:hidden;}
.frame9fc1d-carousel-track{
  display:flex;transition:transform .45s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.frame9fc1d-slide{
  flex:0 0 100%;position:relative;
}
.frame9fc1d-slide img{
  width:100%;height:196px;object-fit:cover;
}
.frame9fc1d-slide-overlay{
  position:absolute;left:0;right:0;bottom:0;
  padding:14px 14px 14px;
  background:linear-gradient(180deg,transparent 0%,rgba(18,18,18,.9) 78%);
  display:flex;flex-direction:column;gap:7px;
}
.frame9fc1d-slide-tag{
  align-self:flex-start;
  font-size:10px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;color:#fff;
  background:rgba(255,105,180,.85);
  padding:3px 10px;border-radius:10px;
}
.frame9fc1d-slide-title{
  font-size:18px;font-weight:800;color:#fff;line-height:1.25;
}
.frame9fc1d-slide-sub{font-size:12px;color:var(--frame9fc1d-ash);}
.frame9fc1d-slide-cta{
  align-self:flex-start;
  background:linear-gradient(135deg,var(--frame9fc1d-pink) 0%,var(--frame9fc1d-pink-deep) 100%);
  color:#fff;font-size:12px;font-weight:700;
  padding:8px 16px;border-radius:18px;
  box-shadow:0 4px 12px rgba(255,105,180,.4);
  display:inline-flex;align-items:center;gap:6px;min-height:36px;
}
.frame9fc1d-slide-cta:active{transform:scale(.96);}
.frame9fc1d-carousel-dots{
  position:absolute;bottom:10px;right:12px;
  display:flex;gap:5px;z-index:3;
}
.frame9fc1d-dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.42);
  transition:all .25s;border:none;padding:0;cursor:pointer;
}
.frame9fc1d-dot-active{
  background:var(--frame9fc1d-pink);width:18px;border-radius:3px;
  box-shadow:var(--frame9fc1d-glow);
}
.frame9fc1d-carousel-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border-radius:50%;
  background:rgba(0,0,0,.42);
  display:flex;align-items:center;justify-content:center;
  z-index:3;border:1px solid var(--frame9fc1d-line);
}
.frame9fc1d-carousel-arrow svg{width:16px;height:16px;stroke:#fff;}
.frame9fc1d-carousel-prev{left:8px;}
.frame9fc1d-carousel-next{right:8px;}
.frame9fc1d-carousel-arrow:active{background:rgba(255,105,180,.6);}

/* ---------- Category quick-jump strip ---------- */
.frame9fc1d-cats{
  display:flex;gap:8px;overflow-x:auto;
  padding:12px 14px 2px;scrollbar-width:none;
}
.frame9fc1d-cats::-webkit-scrollbar{display:none;}
.frame9fc1d-chip{
  flex-shrink:0;padding:9px 14px;border-radius:18px;
  background:#2f2f2f;border:1px solid var(--frame9fc1d-line);
  font-size:12px;font-weight:700;color:var(--frame9fc1d-silver);
  white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
  min-height:36px;cursor:pointer;
  transition:border-color .15s,color .15s;
}
.frame9fc1d-chip svg{width:14px;height:14px;stroke:var(--frame9fc1d-pink-soft);}
.frame9fc1d-chip:active{border-color:var(--frame9fc1d-line-pink);color:#fff;}

/* ---------- Game blocks ---------- */
.frame9fc1d-game-block{padding:14px 14px 4px;}
.frame9fc1d-game-block .frame9fc1d-section-title{font-size:16px;}
.frame9fc1d-game-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
}
.frame9fc1d-game-card{
  display:flex;flex-direction:column;align-items:center;
  background:var(--frame9fc1d-card);
  border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius-sm);
  padding:6px 4px 8px;text-align:center;
  transition:transform .15s,border-color .15s,box-shadow .15s;
  overflow:hidden;min-width:0;
}
.frame9fc1d-game-card:active{
  transform:scale(.95);
  border-color:var(--frame9fc1d-line-pink);
  box-shadow:var(--frame9fc1d-glow);
}
.frame9fc1d-game-thumb{
  width:100%;aspect-ratio:1/1;border-radius:8px;
  object-fit:cover;background:#222;
  border:1px solid var(--frame9fc1d-line);
}
.frame9fc1d-game-name{
  margin-top:6px;font-size:11px;font-weight:600;color:var(--frame9fc1d-silver);
  line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:28px;
}

/* ---------- Content modules ---------- */
.frame9fc1d-card{
  background:var(--frame9fc1d-card);
  border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius);
  padding:14px 14px 12px;
  box-shadow:0 4px 14px rgba(0,0,0,.24);
}
.frame9fc1d-card + .frame9fc1d-card{margin-top:10px;}
.frame9fc1d-card h2{
  font-size:16px;font-weight:800;color:#fff;
  margin-bottom:8px;line-height:1.3;
  display:flex;align-items:center;gap:8px;
}
.frame9fc1d-card h2::before{
  content:"";width:4px;height:16px;border-radius:3px;
  background:linear-gradient(180deg,var(--frame9fc1d-pink),var(--frame9fc1d-pink-deep));
  flex-shrink:0;
}
.frame9fc1d-card h3{
  font-size:14px;font-weight:700;color:var(--frame9fc1d-pink-soft);
  margin:12px 0 6px;
}
.frame9fc1d-card p{font-size:13.5px;color:#dcdcdc;margin-bottom:8px;}
.frame9fc1d-card p:last-child{margin-bottom:0;}
.frame9fc1d-card strong{color:#fff;font-weight:700;}
.frame9fc1d-inline-link{
  color:var(--frame9fc1d-pink);font-weight:700;
  border-bottom:1px dashed rgba(255,105,180,.5);
}
.frame9fc1d-inline-link:active{opacity:.7;}

/* Feature grid */
.frame9fc1d-feat-list{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;
}
.frame9fc1d-feat{
  background:#262626;border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius-sm);padding:10px;
  display:flex;flex-direction:column;gap:6px;
}
.frame9fc1d-feat-ic{
  width:30px;height:30px;border-radius:8px;
  background:rgba(255,105,180,.14);
  display:flex;align-items:center;justify-content:center;
}
.frame9fc1d-feat-ic svg{width:18px;height:18px;stroke:var(--frame9fc1d-pink);}
.frame9fc1d-feat h4{font-size:13px;font-weight:700;color:#fff;}
.frame9fc1d-feat p{font-size:12px;color:var(--frame9fc1d-ash);margin:0;}

/* Steps */
.frame9fc1d-steps{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.frame9fc1d-step{
  display:flex;gap:12px;align-items:flex-start;
  background:#262626;border-radius:var(--frame9fc1d-radius-sm);
  padding:10px 12px;border:1px solid var(--frame9fc1d-line);
}
.frame9fc1d-step-no{
  flex-shrink:0;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,var(--frame9fc1d-pink),var(--frame9fc1d-pink-deep));
  color:#fff;font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(255,105,180,.4);
}
.frame9fc1d-step-body h4{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:3px;}
.frame9fc1d-step-body p{font-size:12.5px;color:var(--frame9fc1d-ash);margin:0;}

/* Payment method chips */
.frame9fc1d-pay-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.frame9fc1d-pay{
  background:#262626;border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius-sm);padding:10px;
  display:flex;flex-direction:column;gap:4px;
}
.frame9fc1d-pay h4{font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;}
.frame9fc1d-pay h4 svg{width:15px;height:15px;stroke:var(--frame9fc1d-pink);}
.frame9fc1d-pay p{font-size:12px;color:var(--frame9fc1d-ash);margin:0;}

/* Scenario answer box */
.frame9fc1d-qbox{
  margin-top:8px;
  background:linear-gradient(135deg,rgba(255,105,180,.10) 0%,rgba(255,105,180,.03) 100%);
  border:1px solid var(--frame9fc1d-line-pink);
  border-radius:var(--frame9fc1d-radius);padding:12px 14px;
}
.frame9fc1d-qbox p{margin-bottom:8px;}
.frame9fc1d-qbox p:last-child{margin-bottom:0;}

/* CTA banner */
.frame9fc1d-cta{
  margin:16px 14px 6px;
  background:linear-gradient(135deg,var(--frame9fc1d-pink) 0%,var(--frame9fc1d-pink-deep) 100%);
  border-radius:var(--frame9fc1d-radius);padding:16px 14px;
  color:#fff;text-align:center;
  box-shadow:0 8px 22px rgba(255,105,180,.35);
  position:relative;overflow:hidden;
}
.frame9fc1d-cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 50%);
}
.frame9fc1d-cta h2{
  font-size:18px;font-weight:800;color:#fff;margin-bottom:6px;position:relative;
}
.frame9fc1d-cta h2::before{display:none;}
.frame9fc1d-cta p{font-size:13px;color:rgba(255,255,255,.92);margin-bottom:12px;position:relative;}
.frame9fc1d-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;color:var(--frame9fc1d-pink-deep);
  font-weight:800;font-size:14px;
  padding:11px 26px;border-radius:24px;
  min-height:44px;position:relative;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
}
.frame9fc1d-cta-btn:active{transform:scale(.96);}

/* ---------- Extended footer ---------- */
.frame9fc1d-ext-footer{
  margin:16px 14px 8px;padding:16px 14px;
  background:#1f1f1f;border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius);
}
.frame9fc1d-ext-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.frame9fc1d-ext-brand img{
  width:40px;height:40px;border-radius:10px;
  border:1px solid var(--frame9fc1d-line-pink);object-fit:cover;
}
.frame9fc1d-ext-brand h3{font-size:15px;font-weight:800;color:#fff;}
.frame9fc1d-ext-brand p{font-size:12px;color:var(--frame9fc1d-ash);}
.frame9fc1d-ext-intro{font-size:13px;color:#cfcfcf;margin-bottom:6px;line-height:1.6;}
.frame9fc1d-ext-grid-title{
  font-size:11px;color:var(--frame9fc1d-ash);
  text-transform:uppercase;letter-spacing:1px;
  margin:14px 0 8px;font-weight:700;
  display:flex;align-items:center;gap:6px;
}
.frame9fc1d-ext-grid-title::before{
  content:"";width:14px;height:2px;border-radius:2px;background:var(--frame9fc1d-pink);
}
.frame9fc1d-ext-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;}
.frame9fc1d-ext-links a{
  font-size:12.5px;color:var(--frame9fc1d-silver);
  padding:7px 0;border-bottom:1px solid var(--frame9fc1d-line);
  display:flex;align-items:center;gap:6px;min-height:32px;
}
.frame9fc1d-ext-links a:active{color:var(--frame9fc1d-pink);}
.frame9fc1d-ext-links a svg{width:13px;height:13px;stroke:var(--frame9fc1d-pink-soft);flex-shrink:0;}

.frame9fc1d-ext-promos{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.frame9fc1d-ext-promo{
  background:linear-gradient(135deg,#2d2d2d,#262626);
  border:1px solid var(--frame9fc1d-line);
  border-radius:var(--frame9fc1d-radius-sm);padding:10px;
  display:flex;flex-direction:column;gap:4px;min-height:62px;
  text-align:left;
}
.frame9fc1d-ext-promo span{font-size:12.5px;font-weight:700;color:#fff;line-height:1.3;}
.frame9fc1d-ext-promo small{font-size:10.5px;color:var(--frame9fc1d-pink-soft);font-weight:600;}
.frame9fc1d-ext-promo:active{
  border-color:var(--frame9fc1d-line-pink);box-shadow:var(--frame9fc1d-glow);
}

.frame9fc1d-disclaimer{
  margin-top:14px;padding-top:12px;
  border-top:1px solid var(--frame9fc1d-line);
  font-size:11px;color:var(--frame9fc1d-ash);line-height:1.6;
}

/* ---------- Copyright line ---------- */
.frame9fc1d-copy{text-align:center;font-size:11px;color:#777;padding:6px 14px 4px;}

/* ---------- Segmented bottom navigation ---------- */
.frame9fc1d-bottom-nav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:var(--frame9fc1d-max);
  height:var(--frame9fc1d-bottom-h);
  background:rgba(20,20,20,.98);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--frame9fc1d-line);
  display:grid;grid-template-columns:repeat(5,1fr);
  z-index:60;
}
.frame9fc1d-nav-item{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;padding:6px 2px;
  color:var(--frame9fc1d-ash);font-size:10px;font-weight:600;
  transition:color .18s;
  min-height:var(--frame9fc1d-bottom-h);
}
.frame9fc1d-nav-item svg{
  width:22px;height:22px;stroke:currentColor;fill:none;
  transition:all .2s;
}
.frame9fc1d-nav-item:active{color:#fff;}
.frame9fc1d-nav-item.frame9fc1d-nav-current{color:var(--frame9fc1d-pink);}
.frame9fc1d-nav-item.frame9fc1d-nav-current svg{
  fill:rgba(255,105,180,.22);stroke:var(--frame9fc1d-pink);
  filter:drop-shadow(0 0 6px rgba(255,105,180,.6));
}
.frame9fc1d-nav-item.frame9fc1d-nav-current::before{
  content:"";position:absolute;top:0;left:28%;right:28%;
  height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--frame9fc1d-pink),var(--frame9fc1d-pink-deep));
  box-shadow:var(--frame9fc1d-glow);
}
.frame9fc1d-nav-item.frame9fc1d-nav-promo-role{color:var(--frame9fc1d-pink-soft);}
.frame9fc1d-nav-item.frame9fc1d-nav-promo-role svg{stroke:var(--frame9fc1d-pink-soft);}
.frame9fc1d-nav-label{letter-spacing:.2px;}

/* ---------- Wide screen keeps mobile canvas ---------- */
@media (min-width:481px){
  body{background:#0f0f0f;}
  .frame9fc1d-header,.frame9fc1d-bottom-nav,.frame9fc1d-menu-panel{
    box-shadow:0 0 40px rgba(0,0,0,.5);
  }
}

/* ---------- Small phone fine-tuning ---------- */
@media (max-width:360px){
  .frame9fc1d-game-grid{gap:6px;}
  .frame9fc1d-game-name{font-size:10.5px;}
  .frame9fc1d-slide-title{font-size:16px;}
  .frame9fc1d-slide img{height:176px;}
}

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