/* ==========================================================================
   kiriya.homes - dynamic-384f21-layers.css
   Layered violet / indigo mobile canvas (320-430px) with bronze VIP accents.
   Design tone: humanist headings + clear body, mixed corner radii,
   pure-image game cards, fact-first information rhythm, segmented CTAs.
   Every class and custom property uses the layer4f213- prefix.
   ========================================================================== */

:root{
  --layer4f213-ink:#0F0F23;
  --layer4f213-indigo:#4B0082;
  --layer4f213-violet:#9400D3;
  --layer4f213-blue:#4169E1;
  --layer4f213-bronze:#8B7355;
  --layer4f213-bronze-soft:#C9A876;
  --layer4f213-mist:#999999;
  --layer4f213-paper:#F0EBF8;
  --layer4f213-dim:#B4ACC9;
  --layer4f213-card:#1B1637;
  --layer4f213-card-2:#241B4B;
  --layer4f213-edge:rgba(148,0,211,.28);
  --layer4f213-edge-soft:rgba(65,105,225,.24);
  --layer4f213-font:"Hind Siliguri","Noto Sans Bengali","Anek Bangla","Nirmala UI","Segoe UI",system-ui,-apple-system,sans-serif;
  --layer4f213-r-lg:22px;
  --layer4f213-r-md:14px;
  --layer4f213-r-sm:9px;
  --layer4f213-r-pill:999px;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{
  margin:0;
  font-family:var(--layer4f213-font);
  font-size:15px;
  line-height:1.8;
  color:var(--layer4f213-paper);
  background:#070613;
  background-image:radial-gradient(900px 460px at 50% -8%,rgba(75,0,130,.55),transparent 62%),
                   radial-gradient(700px 380px at 50% 108%,rgba(65,105,225,.16),transparent 60%);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;margin:0;cursor:pointer;background:none;border:0;padding:0}
a{color:var(--layer4f213-bronze-soft);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--layer4f213-blue);outline-offset:2px;border-radius:4px}
.layer4f213-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* phone canvas stays centred on wide screens */
.layer4f213-shell{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:linear-gradient(180deg,#120E2A 0%,var(--layer4f213-ink) 26%,#0D0B1E 100%);
  box-shadow:0 0 80px rgba(0,0,0,.65),0 0 0 1px rgba(148,0,211,.14);
  overflow-x:clip;
}
.layer4f213-main{padding:68px 0 104px}

/* ---------- top action strip (minimal title bar) ---------- */
.layer4f213-topbar{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:70;
  background:rgba(15,15,35,.94);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--layer4f213-edge);
}
.layer4f213-strip{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;min-height:58px;padding:8px 12px;
}
.layer4f213-brand{
  display:flex;align-items:center;gap:9px;min-height:44px;
  color:var(--layer4f213-paper);text-decoration:none;
}
.layer4f213-brand:hover{text-decoration:none}
.layer4f213-brand img{
  width:36px;height:36px;border-radius:11px;
  border:1px solid rgba(201,168,118,.45);
  box-shadow:0 3px 10px rgba(75,0,130,.55);
  object-fit:cover;flex:0 0 auto;
}
.layer4f213-brand b{
  font-size:19px;font-weight:700;letter-spacing:.4px;
  background:linear-gradient(92deg,#F4EFE9 12%,var(--layer4f213-bronze-soft) 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.layer4f213-topActs{display:flex;align-items:center;gap:7px}
.layer4f213-miniCta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:7px 13px;border-radius:11px;
  font-size:12.5px;font-weight:700;letter-spacing:.2px;
  transition:transform .16s ease,box-shadow .16s ease;
}
.layer4f213-miniCta:active{transform:translateY(-2px)}
.layer4f213-reg{
  color:#fff;
  background:linear-gradient(133deg,var(--layer4f213-violet),var(--layer4f213-blue));
  box-shadow:0 4px 14px rgba(148,0,211,.4);
}
.layer4f213-log{
  color:var(--layer4f213-bronze-soft);
  border:1px solid rgba(201,168,118,.5);
  background:rgba(139,115,85,.12);
}
.layer4f213-burger{
  width:40px;height:38px;display:grid;place-items:center;
  border-radius:11px;border:1px solid var(--layer4f213-edge-soft);
  background:rgba(27,22,55,.8);
}
.layer4f213-burger svg{width:20px;height:20px;stroke:var(--layer4f213-paper);fill:none;stroke-width:1.9;stroke-linecap:round}
.layer4f213-topbar.layer4f213-menuOpen .layer4f213-burger svg{stroke:var(--layer4f213-bronze-soft)}

/* ---------- expandable nav panel ---------- */
.layer4f213-menu{
  position:absolute;top:100%;left:0;right:0;
  max-height:0;overflow:hidden;
  background:rgba(13,11,30,.985);
  border-bottom:1px solid transparent;
  transition:max-height .32s ease,border-color .32s ease;
}
.layer4f213-menu.layer4f213-menuOpen{max-height:520px;overflow-y:auto;border-bottom-color:var(--layer4f213-edge)}
.layer4f213-menu ul{list-style:none;margin:0;padding:8px 12px 16px}
.layer4f213-menu li{margin:0}
.layer4f213-mgroup{
  padding:12px 4px 4px;font-size:10.5px;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase;color:var(--layer4f213-bronze);
}
.layer4f213-mlink{
  display:flex;align-items:center;justify-content:space-between;
  min-height:46px;padding:8px 10px;border-radius:var(--layer4f213-r-sm);
  color:var(--layer4f213-paper);font-size:14.5px;font-weight:600;
  border:1px solid transparent;
}
.layer4f213-mlink em{
  font-style:normal;font-size:10px;color:var(--layer4f213-mist);
  border:1px solid rgba(153,153,153,.35);border-radius:var(--layer4f213-r-pill);
  padding:1px 8px;letter-spacing:.4px;
}
.layer4f213-mlink:active{background:rgba(148,0,211,.16);transform:translateY(-1px)}

/* ---------- hero carousel ---------- */
.layer4f213-hero{position:relative;margin:12px 0 0}
.layer4f213-track{display:flex;transition:transform .5s cubic-bezier(.32,.72,.28,1)}
.layer4f213-slide{
  position:relative;flex:0 0 100%;width:100%;
  aspect-ratio:2.02/1;overflow:hidden;text-align:left;
  border-radius:0;border-bottom:1px solid rgba(148,0,211,.18);
}
.layer4f213-slide img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.layer4f213-slideInk{
  position:absolute;inset:auto 0 0 0;
  display:flex;flex-direction:column;gap:4px;
  padding:26px 16px 14px;
  background:linear-gradient(180deg,rgba(15,15,35,0) 0%,rgba(15,15,35,.62) 42%,rgba(11,9,26,.94) 100%);
}
.layer4f213-slideKicker{
  width:max-content;font-size:10px;font-weight:700;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--layer4f213-bronze-soft);
  border:1px solid rgba(201,168,118,.55);border-radius:var(--layer4f213-r-pill);
  padding:1px 9px;background:rgba(15,15,35,.4);
}
.layer4f213-slideInk strong{font-size:17.5px;line-height:1.4;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.layer4f213-slideInk em{font-style:normal;font-size:12px;color:#D8D2EA;line-height:1.5}
.layer4f213-dots{
  position:absolute;right:12px;bottom:10px;z-index:5;
  display:flex;gap:6px;
}
.layer4f213-dot{
  width:22px;height:6px;border-radius:var(--layer4f213-r-pill);
  background:rgba(240,235,248,.32);
  transition:background .25s ease,width .25s ease;
}
.layer4f213-dot.layer4f213-dotOn{background:var(--layer4f213-bronze-soft);width:30px}

/* ---------- segmented action button ---------- */
.layer4f213-cta{
  display:inline-flex;align-items:stretch;overflow:hidden;
  border-radius:12px;margin-top:6px;
  border:1px solid rgba(201,168,118,.5);
  box-shadow:0 5px 16px rgba(75,0,130,.45);
  transition:transform .16s ease;
}
.layer4f213-cta:active{transform:translateY(-2px)}
.layer4f213-cta b{
  display:inline-flex;align-items:center;
  padding:9px 15px;font-size:13px;font-weight:700;color:#fff;
  background:linear-gradient(133deg,var(--layer4f213-violet) 8%,var(--layer4f213-blue) 96%);
}
.layer4f213-cta i{
  display:inline-flex;align-items:center;
  padding:9px 11px;font-style:normal;
  background:rgba(15,15,35,.5);
  border-left:1px dashed rgba(240,235,248,.4);
}
.layer4f213-cta i svg{width:14px;height:14px;stroke:var(--layer4f213-bronze-soft);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.layer4f213-cta.layer4f213-ctaGhost b{background:rgba(27,22,55,.88);color:var(--layer4f213-bronze-soft)}
.layer4f213-cta.layer4f213-ctaGhost{border-color:rgba(65,105,225,.55);box-shadow:0 5px 16px rgba(15,15,35,.5)}

/* internal (non-promo) segmented link */
a.layer4f213-cta{text-decoration:none}
a.layer4f213-cta b{background:rgba(27,22,55,.9);color:#EFE9F7}

/* ---------- category shortcut chips ---------- */
.layer4f213-chips{
  display:flex;gap:8px;overflow-x:auto;
  padding:14px 12px 6px;scrollbar-width:none;
}
.layer4f213-chips::-webkit-scrollbar{display:none}
.layer4f213-chip{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
  min-height:40px;padding:8px 14px;border-radius:var(--layer4f213-r-pill);
  font-size:12.5px;font-weight:700;color:var(--layer4f213-dim);
  background:rgba(27,22,55,.85);border:1px solid var(--layer4f213-edge-soft);
  white-space:nowrap;transition:transform .16s ease,color .16s ease;
}
.layer4f213-chip span{
  font-size:10px;font-weight:700;color:var(--layer4f213-bronze-soft);
  background:rgba(139,115,85,.18);border-radius:var(--layer4f213-r-pill);padding:0 7px;
}
.layer4f213-chip:active{transform:translateY(-2px);color:#fff}

/* ---------- sections ---------- */
.layer4f213-sec{margin:24px 13px 0}
.layer4f213-secHead{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.layer4f213-secTag{
  flex:0 0 4px;align-self:stretch;min-height:34px;
  border-radius:var(--layer4f213-r-pill);
  background:linear-gradient(180deg,var(--layer4f213-violet),var(--layer4f213-indigo));
}
.layer4f213-sec[data-tone="poker"] .layer4f213-secTag{background:linear-gradient(180deg,var(--layer4f213-blue),#233F8F)}
.layer4f213-sec[data-tone="hot"] .layer4f213-secTag{background:linear-gradient(180deg,var(--layer4f213-bronze-soft),var(--layer4f213-bronze))}
.layer4f213-sec[data-tone="fishing"] .layer4f213-secTag{background:linear-gradient(180deg,#4169E1,#9400D3)}
.layer4f213-sec[data-tone="slot"] .layer4f213-secTag{background:linear-gradient(180deg,#C9A876,#8B7355)}
.layer4f213-secTxt{flex:1;min-width:0}
.layer4f213-h1,.layer4f213-h2{
  font-family:var(--layer4f213-font);font-weight:700;
  line-height:1.45;letter-spacing:.1px;margin:0;
  text-wrap:balance;
}
.layer4f213-h1{font-size:20.5px}
.layer4f213-h2{font-size:17px}
.layer4f213-secCount{
  display:inline-block;margin-top:3px;
  font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--layer4f213-mist);
  border:1px solid rgba(153,153,153,.34);border-radius:var(--layer4f213-r-pill);
  padding:1px 9px;
}

/* fact-first strip (summary, then expand) */
.layer4f213-fact{
  display:flex;gap:9px;align-items:flex-start;
  margin:10px 0;padding:10px 12px;
  border-left:3px solid var(--layer4f213-bronze);
  border-radius:0 var(--layer4f213-r-md) var(--layer4f213-r-md) 0;
  background:rgba(139,115,85,.13);
  font-size:13px;line-height:1.7;color:#E6DFCF;
}
.layer4f213-fact b{color:var(--layer4f213-bronze-soft);font-weight:700;flex:0 0 auto}
.layer4f213-fact .layer4f213-factIco{flex:0 0 auto;margin-top:3px}
.layer4f213-fact .layer4f213-factIco svg{width:15px;height:15px;stroke:var(--layer4f213-bronze-soft);fill:none;stroke-width:2;stroke-linecap:round}

/* ---------- prose ---------- */
.layer4f213-prose{margin:0}
.layer4f213-prose p{margin:0 0 12px}
.layer4f213-prose strong{color:#fff}
.layer4f213-prose a{text-decoration:underline;text-decoration-color:rgba(201,168,118,.55);text-underline-offset:3px}
.layer4f213-note{
  margin:12px 0 0;padding:10px 12px;
  border-radius:var(--layer4f213-r-sm);
  border:1px dashed rgba(65,105,225,.4);
  background:rgba(65,105,225,.09);
  font-size:12.5px;color:var(--layer4f213-dim);line-height:1.7;
}

/* ---------- game grid: pure-image cards, short name below ---------- */
.layer4f213-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:12px 8px;margin:12px 0 2px;
}
.layer4f213-gcard{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:6px 5px 9px;min-width:0;
  background:linear-gradient(180deg,var(--layer4f213-card-2) 0%,var(--layer4f213-card) 100%);
  border:1px solid rgba(148,0,211,.2);
  border-radius:18px 18px 10px 10px;           /* mixed radii: soft top, tight base */
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.layer4f213-gcard:active{
  transform:translateY(-3px);
  border-color:rgba(201,168,118,.6);
  box-shadow:0 8px 18px rgba(75,0,130,.5);
}
.layer4f213-gcard img{
  width:100%;aspect-ratio:1/1;object-fit:cover;
  border-radius:13px;background:#241B4B;
}
.layer4f213-gname{
  font-size:11px;line-height:1.4;font-weight:600;color:#DDD6EE;
  text-align:center;min-height:2.7em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;overflow-wrap:anywhere;
}
.layer4f213-moreRow{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:14px 0 0;padding-top:12px;
  border-top:1px solid rgba(148,0,211,.16);
}
.layer4f213-moreRow p{margin:0;font-size:12px;color:var(--layer4f213-dim)}

/* ---------- milestones (achievements) ---------- */
.layer4f213-mileList{list-style:none;margin:14px 0 0;padding:0}
.layer4f213-mileItem{
  position:relative;display:flex;gap:12px;
  padding:0 0 16px 2px;
}
.layer4f213-mileItem::before{
  content:"";position:absolute;left:7px;top:20px;bottom:2px;width:1px;
  background:linear-gradient(180deg,rgba(148,0,211,.55),rgba(65,105,225,.16));
}
.layer4f213-mileItem:last-child::before{display:none}
.layer4f213-mileDot{
  flex:0 0 15px;width:15px;height:15px;margin-top:5px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#C9A876,#8B7355 72%);
  box-shadow:0 0 0 4px rgba(139,115,85,.18);
}
.layer4f213-mileItem strong{display:block;font-size:14px;color:#fff;line-height:1.5}
.layer4f213-mileItem p{margin:2px 0 0;font-size:13px;color:var(--layer4f213-dim);line-height:1.7}

/* ---------- term rows ---------- */
.layer4f213-terms{margin:14px 0 0}
.layer4f213-termRow{
  display:flex;gap:10px;align-items:flex-start;
  padding:11px 12px;margin:0 0 8px;
  background:rgba(27,22,55,.62);
  border:1px solid rgba(65,105,225,.2);
  border-radius:var(--layer4f213-r-md) var(--layer4f213-r-sm) var(--layer4f213-r-sm) var(--layer4f213-r-md);
}
.layer4f213-termRow dt{
  flex:0 0 96px;font-size:12.5px;font-weight:700;color:var(--layer4f213-bronze-soft);
  line-height:1.55;overflow-wrap:anywhere;
}
.layer4f213-termRow dd{margin:0;font-size:12.5px;color:var(--layer4f213-dim);line-height:1.7;flex:1;min-width:0}

/* ---------- fact chips ---------- */
.layer4f213-factGrid{
  list-style:none;display:grid;
  grid-template-columns:repeat(2,1fr);gap:8px;
  margin:14px 0 0;padding:0;
}
.layer4f213-factChip{
  padding:11px 12px;
  background:linear-gradient(160deg,rgba(75,0,130,.34),rgba(27,22,55,.75));
  border:1px solid rgba(148,0,211,.26);
  border-radius:var(--layer4f213-r-md);
}
.layer4f213-factChip strong{
  display:block;font-size:17px;color:#fff;font-weight:700;line-height:1.3;
}
.layer4f213-factChip span{font-size:11.5px;color:var(--layer4f213-dim);line-height:1.5;display:block;margin-top:2px}

/* ---------- extended footer (home only) ---------- */
.layer4f213-xfoot{
  margin:30px 13px 0;padding:16px 14px 6px;
  background:linear-gradient(180deg,rgba(36,27,75,.6),rgba(15,15,35,.4));
  border:1px solid rgba(148,0,211,.2);
  border-radius:var(--layer4f213-r-lg) var(--layer4f213-r-lg) var(--layer4f213-r-md) var(--layer4f213-r-md);
}
.layer4f213-xfHead{
  font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--layer4f213-bronze);margin:0 0 8px;
}
.layer4f213-xfBrand{display:flex;gap:11px;align-items:flex-start}
.layer4f213-xfBrand img{
  width:44px;height:44px;border-radius:13px;flex:0 0 auto;
  border:1px solid rgba(201,168,118,.45);
}
.layer4f213-xfBrand p{margin:0;font-size:12.5px;color:var(--layer4f213-dim);line-height:1.75}
.layer4f213-xfBrand b{color:#fff;font-size:13.5px}
.layer4f213-xfDir{margin-top:16px}
.layer4f213-xfLinks{
  display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;
  list-style:none;margin:0;padding:0;
}
.layer4f213-xfLinks a{
  display:inline-flex;align-items:center;min-height:34px;
  font-size:12px;font-weight:600;color:#CFC8E4;
  border-bottom:1px dotted rgba(153,153,153,.3);
}
.layer4f213-xfLinks a:hover{color:var(--layer4f213-bronze-soft);text-decoration:none;border-bottom-color:rgba(201,168,118,.6)}
.layer4f213-xfPromos{margin-top:16px}
.layer4f213-xfGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.layer4f213-xfPromo{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:58px;padding:9px 11px;text-align:left;
  background:rgba(27,22,55,.75);
  border:1px solid rgba(148,0,211,.3);
  border-radius:var(--layer4f213-r-md);
  transition:transform .16s ease,border-color .16s ease;
}
.layer4f213-xfPromo:active{transform:translateY(-2px);border-color:rgba(201,168,118,.6)}
.layer4f213-xfPLabel{display:flex;flex-direction:column;gap:1px;min-width:0}
.layer4f213-xfPLabel b{font-size:12.5px;color:#fff;font-weight:700;line-height:1.4}
.layer4f213-xfPLabel small{font-size:10.5px;color:var(--layer4f213-mist);line-height:1.45}
.layer4f213-xfPGo{
  flex:0 0 28px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(133deg,var(--layer4f213-violet),var(--layer4f213-blue));
}
.layer4f213-xfPGo svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.layer4f213-xfDisc{
  margin:16px 0 10px;padding:10px 12px;
  border-left:3px solid var(--layer4f213-blue);
  border-radius:0 var(--layer4f213-r-sm) var(--layer4f213-r-sm) 0;
  background:rgba(65,105,225,.08);
  font-size:11.5px;color:var(--layer4f213-mist);line-height:1.7;
}

/* ---------- copyright bar ---------- */
.layer4f213-foot{
  margin:26px 13px 0;padding:14px 6px 4px;
  border-top:1px solid rgba(148,0,211,.18);
  text-align:center;font-size:11.5px;color:var(--layer4f213-mist);line-height:1.8;
}
.layer4f213-foot b{color:#B9B2CF;font-weight:600}

/* ---------- bottom nav: centre-raised, linear icons ---------- */
.layer4f213-bnav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:80;
  display:grid;grid-template-columns:repeat(5,1fr);
  padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));
  background:rgba(13,11,30,.97);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--layer4f213-edge);
}
.layer4f213-bitem{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  gap:3px;min-height:50px;padding:2px 2px 0;
  color:#8F87AD;text-decoration:none;
  font-size:10px;font-weight:600;letter-spacing:.2px;
  transition:color .18s ease,transform .18s ease;
}
.layer4f213-bitem:hover{text-decoration:none}
.layer4f213-bitem svg{
  width:22px;height:22px;
  stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform .18s ease;
}
.layer4f213-bitem:active{transform:translateY(-2px)}
.layer4f213-bitem:active svg{transform:translateY(-2px)}
/* filled active state + label emphasis */
.layer4f213-bitem.layer4f213-on{color:#fff;font-weight:700}
.layer4f213-bitem.layer4f213-on svg{stroke:#fff;fill:rgba(148,0,211,.42);transform:translateY(-1px)}
.layer4f213-bitem.layer4f213-on::after{
  content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);
  width:16px;height:3px;border-radius:var(--layer4f213-r-pill);
  background:var(--layer4f213-bronze-soft);
}
/* raised centre role */
.layer4f213-bcore{transform:translateY(-11px)}
.layer4f213-bcore:active{transform:translateY(-13px)}
.layer4f213-bcoreIco{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(133deg,var(--layer4f213-violet) 12%,var(--layer4f213-blue) 92%);
  border:2px solid rgba(240,235,248,.22);
  box-shadow:0 8px 20px rgba(148,0,211,.55);
}
.layer4f213-bcoreIco svg{width:24px;height:24px;stroke:#fff;fill:rgba(255,255,255,.14);stroke-width:1.9}
.layer4f213-bcore span{color:var(--layer4f213-bronze-soft);font-weight:700;font-size:10px}

/* ---------- canvas breakpoints ---------- */
@media (min-width:375px){
  .layer4f213-main{padding-top:70px}
  .layer4f213-h1{font-size:22px}
  .layer4f213-h2{font-size:17.5px}
  .layer4f213-slideInk strong{font-size:19px}
}
@media (min-width:396px){
  /* wider phone canvas earns a fifth game column */
  .layer4f213-grid{grid-template-columns:repeat(5,1fr);gap:12px 9px}
  .layer4f213-gname{font-size:10.5px}
  .layer4f213-factGrid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 430px){
  /* desktop-wide keeps the same phone canvas, slightly roomier rhythm */
  .layer4f213-sec{margin-left:auto;margin-right:auto;width:calc(100% - 30px)}
  .layer4f213-slide{aspect-ratio:2.14/1}
  .layer4f213-chips{padding-left:auto}
  .layer4f213-cta b{padding:10px 17px}
  .layer4f213-miniCta{padding:8px 15px}
}
@media (max-width:359px){
  .layer4f213-grid{gap:10px 6px}
  .layer4f213-gname{font-size:10px}
  .layer4f213-miniCta{padding:7px 10px;font-size:11.5px}
}

/* ---------- motion safety ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
  .layer4f213-track{transition:none}
}

/* ---------- help pages: editorial modules ---------- */
.layer4f213-helpMain{padding-top:76px}
.layer4f213-helpLead{margin:12px 13px 0;padding:18px 15px 16px;background:linear-gradient(145deg,rgba(75,0,130,.58),rgba(27,22,55,.8));border:1px solid rgba(201,168,118,.35);border-radius:24px 10px 20px 10px;box-shadow:0 14px 28px rgba(0,0,0,.26)}
.layer4f213-helpLead .layer4f213-h1{font-size:22px}
.layer4f213-helpLead p{margin:9px 0 0;color:#E1DBEC;font-size:13.5px;line-height:1.8}
.layer4f213-helpMeta{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.layer4f213-helpMeta span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;background:rgba(15,15,35,.5);border:1px solid rgba(65,105,225,.4);font-size:11px;color:#D7CFE7}
.layer4f213-helpJump{display:flex;gap:8px;overflow-x:auto;padding:13px 13px 3px;scrollbar-width:none}
.layer4f213-helpJump::-webkit-scrollbar{display:none}
.layer4f213-helpJump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:10px 18px 10px 18px;background:rgba(27,22,55,.82);border:1px solid rgba(148,0,211,.35);font-size:12px;font-weight:700;color:#E7DDF0;white-space:nowrap}
.layer4f213-helpJump a:active{transform:translateY(-2px);border-color:rgba(201,168,118,.7)}
.layer4f213-signal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:13px 0;padding:12px 13px;border-radius:10px 20px 10px 20px;background:rgba(65,105,225,.1);border:1px solid rgba(65,105,225,.3)}
.layer4f213-signal b{display:block;color:#fff;font-size:13px;line-height:1.5}
.layer4f213-signal p{margin:2px 0 0;color:#C5BDD8;font-size:12.5px;line-height:1.7}
.layer4f213-signalMark{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9400D3,#4169E1);color:#fff;font-weight:800;font-size:13px}
.layer4f213-scenarios{display:grid;gap:8px;margin-top:13px}
.layer4f213-scenario{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:10px;padding:12px;border-left:3px solid #9400D3;border-radius:4px 14px 14px 4px;background:rgba(27,22,55,.72)}
.layer4f213-scenario:nth-child(2n){border-left-color:#C9A876}
.layer4f213-scenario strong{font-size:13px;color:#fff;line-height:1.55}
.layer4f213-scenario p{margin:0;font-size:12.5px;color:#C5BDD8;line-height:1.7}
.layer4f213-checks{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:8px}
.layer4f213-checks li{position:relative;padding:11px 12px 11px 39px;background:rgba(27,22,55,.7);border:1px solid rgba(201,168,118,.2);border-radius:15px 7px 15px 7px;color:#D8D1E6;font-size:13px;line-height:1.7}
.layer4f213-checks li::before{content:"✓";position:absolute;left:13px;top:10px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(201,168,118,.2);color:#E5C990;font-size:12px;font-weight:800}
.layer4f213-promoLine{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0;padding:10px 11px;background:linear-gradient(90deg,rgba(148,0,211,.22),rgba(65,105,225,.1));border:1px solid rgba(148,0,211,.35);border-radius:9px 18px 9px 18px}
.layer4f213-promoLine p{margin:0;color:#DCD4E9;font-size:12px;line-height:1.6}
.layer4f213-promoLine button{flex:0 0 auto;min-height:42px;padding:8px 11px;border-radius:10px;background:linear-gradient(135deg,#9400D3,#4169E1);color:#fff;font-size:11.5px;font-weight:700;box-shadow:0 5px 13px rgba(65,105,225,.28)}
.layer4f213-promoLine button:active{transform:translateY(-2px)}
.layer4f213-relation{display:flex;align-items:stretch;gap:7px;overflow-x:auto;margin-top:13px;padding:2px 1px 8px;scrollbar-width:none}
.layer4f213-relation::-webkit-scrollbar{display:none}
.layer4f213-relation span{flex:0 0 116px;min-height:72px;padding:10px;border:1px solid rgba(65,105,225,.35);border-radius:16px 6px 16px 6px;background:rgba(27,22,55,.78);font-size:11.5px;color:#D9D1E8;line-height:1.6}
.layer4f213-relation span b{display:block;color:#E5C990;font-size:12.5px;margin-bottom:3px}
.layer4f213-relation i{align-self:center;flex:0 0 auto;color:#C9A876;font-style:normal;font-size:17px}
.layer4f213-answerRail{display:grid;gap:7px;margin-top:12px}
.layer4f213-answerRail details{padding:11px 12px;border:1px solid rgba(148,0,211,.24);border-radius:10px;background:rgba(27,22,55,.65)}
.layer4f213-answerRail summary{cursor:pointer;color:#F0E9F7;font-size:13px;font-weight:700;line-height:1.55;min-height:24px}
.layer4f213-answerRail p{margin:7px 0 0;color:#C9C1D9;font-size:12.5px;line-height:1.75}
.layer4f213-aboutHero{margin:12px 13px 0;padding:17px 15px;background:#12102B;border-right:4px solid #C9A876;border-top:1px solid rgba(148,0,211,.35);border-radius:8px 24px 8px 24px}
.layer4f213-aboutHero .layer4f213-h1{font-size:21px}
.layer4f213-aboutHero p{margin:9px 0 0;color:#D9D2E7;font-size:13.5px;line-height:1.82}
.layer4f213-factTable{margin-top:12px;border-top:1px solid rgba(201,168,118,.35)}
.layer4f213-factRow{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:11px;padding:11px 2px;border-bottom:1px solid rgba(148,0,211,.18)}
.layer4f213-factRow strong{font-size:12.5px;color:#E5C990;line-height:1.55}
.layer4f213-factRow span{font-size:12.5px;color:#C8C0D8;line-height:1.7}
.layer4f213-routeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.layer4f213-routeGrid a{min-height:78px;padding:11px 10px;border-radius:18px 6px 18px 6px;background:linear-gradient(150deg,rgba(75,0,130,.42),rgba(27,22,55,.78));border:1px solid rgba(65,105,225,.28);color:#E8E1F1;font-size:12px;font-weight:700;line-height:1.6}
.layer4f213-routeGrid a span{display:block;margin-top:4px;color:#AFA7C5;font-size:11px;font-weight:400}
.layer4f213-routeGrid a:active{transform:translateY(-2px);border-color:rgba(201,168,118,.65)}
.layer4f213-timeline{position:relative;margin:14px 0 0;padding:0 0 0 21px;list-style:none}
.layer4f213-timeline::before{content:"";position:absolute;left:7px;top:4px;bottom:8px;width:1px;background:linear-gradient(#9400D3,#4169E1)}
.layer4f213-timeline li{position:relative;padding:0 0 16px 12px}
.layer4f213-timeline li::before{content:"";position:absolute;left:-20px;top:4px;width:13px;height:13px;border-radius:50%;background:#C9A876;box-shadow:0 0 0 4px rgba(201,168,118,.15)}
.layer4f213-timeline strong{display:block;color:#fff;font-size:13.5px;line-height:1.55}
.layer4f213-timeline p{margin:3px 0 0;color:#C4BCD5;font-size:12.5px;line-height:1.75}
.layer4f213-trouble{display:grid;gap:8px;margin-top:13px}
.layer4f213-trouble article{padding:12px;border-radius:6px 16px 6px 16px;background:rgba(27,22,55,.73);border:1px solid rgba(148,0,211,.22)}
.layer4f213-trouble h3{margin:0 0 5px;color:#F2EAF6;font-size:13.5px;line-height:1.5}
.layer4f213-trouble p{margin:0;color:#C5BDD6;font-size:12.5px;line-height:1.72}
.layer4f213-trouble b{color:#E5C990}
.layer4f213-takeaways{display:grid;gap:7px;margin-top:12px}
.layer4f213-takeaways div{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border-bottom:1px dashed rgba(201,168,118,.28)}
.layer4f213-takeaways b{flex:0 0 24px;color:#C9A876;font-size:15px}
.layer4f213-takeaways p{margin:0;color:#D0C8DE;font-size:12.5px;line-height:1.72}
@media (min-width:396px){
  .layer4f213-helpLead{padding-left:18px;padding-right:18px}
  .layer4f213-scenario{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
}