/* ==========================================================================
   ggstar.click - mobile-first base stylesheet
   File: css/ggstar-viewport-0c5d26.css
   Class prefix: surfaced2699-
   Palette: #EE82EE (orchid) / #FF4500 (flame) / #9370DB (amethyst)
            #8B0000 (wine)  / #0C0C0C (night)
   Direction: humanist serif headings + clear sans body, small-medium radii,
   outlined tile cards, fact-first sections, icon micro-state motion,
   segmented action buttons. Canvas: 320-430px, centered on wide screens.
   ========================================================================== */

:root{
  --surfaced2699-night:#0C0C0C;
  --surfaced2699-void:#070508;
  --surfaced2699-panel:#171019;
  --surfaced2699-panel-2:#1E1424;
  --surfaced2699-orchid:#EE82EE;
  --surfaced2699-amethyst:#9370DB;
  --surfaced2699-flame:#FF4500;
  --surfaced2699-wine:#8B0000;
  --surfaced2699-paper:#F6ECF8;
  --surfaced2699-mist:#C7B6D4;
  --surfaced2699-dim:#9C8CAC;
  --surfaced2699-line:rgba(147,112,219,.40);
  --surfaced2699-line-soft:rgba(147,112,219,.22);
  --surfaced2699-glow:0 0 12px rgba(238,130,238,.28);
  --surfaced2699-glow-soft:0 0 8px rgba(238,130,238,.16);
  --surfaced2699-radius-s:8px;
  --surfaced2699-radius-m:12px;
  --surfaced2699-radius-l:16px;
  --surfaced2699-gap:12px;
  --surfaced2699-gutter:14px;
  --surfaced2699-touch:44px;
  --surfaced2699-header-h:112px;
  --surfaced2699-bnav-h:64px;
  --surfaced2699-font-head:"Alegreya",Georgia,"Times New Roman",serif;
  --surfaced2699-font-body:"Public Sans","Segoe UI",Arial,Helvetica,sans-serif;
}

/* ---------------------------------------------------------- base & shell */

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

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

body{
  margin:0;
  background:var(--surfaced2699-void);
  color:var(--surfaced2699-paper);
  font-family:var(--surfaced2699-font-body);
  font-size:15px;
  line-height:1.62;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* Phone canvas: hard 430px ceiling, centered when the viewport is wider */
.surfaced2699-page{
  position:relative;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:
    radial-gradient(120% 46% at 50% 0%,rgba(139,0,0,.30) 0%,rgba(12,12,12,0) 62%),
    linear-gradient(180deg,#120B14 0%,var(--surfaced2699-night) 34%,#0B070D 100%);
  box-shadow:0 0 0 1px rgba(147,112,219,.16),0 0 44px rgba(0,0,0,.85);
}

@media (min-width:431px){
  body{background:#040305;}
  .surfaced2699-page{
    border-left:1px solid rgba(147,112,219,.28);
    border-right:1px solid rgba(147,112,219,.28);
  }
}

img{max-width:100%;height:auto;border:0;}

a{
  color:var(--surfaced2699-orchid);
  text-decoration:none;
}

a:hover,
a:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}

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

button{
  font:inherit;
  color:inherit;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}

h1,h2,h3{
  font-family:var(--surfaced2699-font-head);
  font-weight:700;
  line-height:1.22;
  margin:0 0 .5em;
  color:var(--surfaced2699-paper);
  text-wrap:balance;
}

p{margin:0 0 .85em;}

::selection{background:rgba(238,130,238,.35);color:#fff;}

/* Skip link for keyboard users */
.surfaced2699-skip{
  position:absolute;
  left:-999px;
  top:8px;
  z-index:200;
  padding:10px 16px;
  background:var(--surfaced2699-panel-2);
  border:1px solid var(--surfaced2699-line);
  border-radius:var(--surfaced2699-radius-s);
  color:var(--surfaced2699-orchid);
}

.surfaced2699-skip:focus-visible{
  left:12px;
}

/* ------------------------------------------------------------- top bar */

.surfaced2699-topbar{
  position:sticky;
  top:0;
  z-index:80;
  background:linear-gradient(180deg,rgba(12,12,12,.98) 0%,rgba(18,11,20,.97) 78%,rgba(18,11,20,.88) 100%);
  border-bottom:1px solid var(--surfaced2699-line-soft);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Row 1 - brand only: logo + site name */
.surfaced2699-brandrow{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:9px var(--surfaced2699-gutter) 7px;
}

.surfaced2699-brandrow__logo{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:11px;
  border:1px solid rgba(238,130,238,.55);
  box-shadow:0 0 0 3px rgba(238,130,238,.10),var(--surfaced2699-glow-soft);
  object-fit:cover;
  display:block;
}

.surfaced2699-brandrow__name{
  font-family:var(--surfaced2699-font-head);
  font-size:1.62rem;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1;
  color:var(--surfaced2699-orchid);
  text-shadow:0 0 14px rgba(238,130,238,.35);
}

.surfaced2699-brandrow__spacer{flex:1 1 auto;}

/* Menu trigger - compact icon with text label */
.surfaced2699-menubtn{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-width:var(--surfaced2699-touch);
  min-height:var(--surfaced2699-touch);
  padding:4px 8px;
  border:1px solid var(--surfaced2699-line);
  border-radius:var(--surfaced2699-radius-s);
  color:var(--surfaced2699-mist);
  font-size:.62rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:box-shadow .18s ease,color .18s ease,border-color .18s ease;
}

.surfaced2699-menubtn svg{
  width:22px;
  height:22px;
  transition:transform .18s ease;
}

.surfaced2699-menubtn:hover,
.surfaced2699-menubtn:focus-visible{
  color:var(--surfaced2699-orchid);
  border-color:rgba(238,130,238,.6);
  box-shadow:var(--surfaced2699-glow-soft);
}

.surfaced2699-menubtn:active svg{
  transform:scale(.88);
}

/* Keep the menu action in the second header tier without hiding the brand. */
.surfaced2699-actionmenu{
  display:flex;
  width:calc(100% - (var(--surfaced2699-gutter) * 2));
  margin:0 var(--surfaced2699-gutter) 10px;
  flex-direction:row;
  gap:7px;
  min-height:44px;
  padding:7px 12px;
}

.surfaced2699-actionmenu svg{width:18px;height:18px;}

.surfaced2699-menubtn[aria-expanded="true"]{
  color:var(--surfaced2699-orchid);
  border-color:rgba(238,130,238,.6);
  box-shadow:var(--surfaced2699-glow);
}

/* Row 2 - action belt: register / login, segmented CTA style */
.surfaced2699-actionrow{
  display:flex;
  gap:8px;
  padding:0 var(--surfaced2699-gutter) 10px;
}

.surfaced2699-duo{
  flex:1 1 50%;
  display:flex;
  align-items:stretch;
  min-height:var(--surfaced2699-touch);
  border-radius:var(--surfaced2699-radius-m);
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.02em;
  transition:box-shadow .18s ease,transform .12s ease,filter .18s ease;
}

.surfaced2699-duo__main{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 10px;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.surfaced2699-duo__sub{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  padding:8px 10px;
  font-size:.66rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.07em;
  opacity:.92;
}

.surfaced2699-duo--join{
  background:linear-gradient(135deg,#FF4500 0%,#B33000 100%);
  border:1px solid rgba(255,110,60,.65);
  color:#FFF3EC;
}

.surfaced2699-duo--join .surfaced2699-duo__sub{
  border-left:1px solid rgba(255,235,220,.42);
}

.surfaced2699-duo--enter{
  background:linear-gradient(135deg,rgba(147,112,219,.28) 0%,rgba(238,130,238,.14) 100%);
  border:1px solid rgba(238,130,238,.55);
  color:var(--surfaced2699-paper);
}

.surfaced2699-duo--enter .surfaced2699-duo__sub{
  border-left:1px solid rgba(238,130,238,.4);
}

.surfaced2699-duo:hover,
.surfaced2699-duo:focus-visible{
  box-shadow:var(--surfaced2699-glow);
  filter:brightness(1.07);
}

.surfaced2699-duo:active{
  transform:translateY(1px) scale(.99);
}

/* ------------------------------------------------------ zoned menu page */

.surfaced2699-menu{
  position:fixed;
  inset:0;
  z-index:90;
  max-width:430px;
  margin:0 auto;
  background:linear-gradient(180deg,rgba(18,11,20,.99) 0%,rgba(7,5,8,.99) 100%);
  overflow-y:auto;
  padding:18px var(--surfaced2699-gutter) calc(var(--surfaced2699-bnav-h) + 30px);
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}

.surfaced2699-menu[aria-hidden="false"]{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.surfaced2699-menu__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.surfaced2699-menu__title{
  font-family:var(--surfaced2699-font-head);
  font-size:1.3rem;
  margin:0;
  color:var(--surfaced2699-orchid);
}

.surfaced2699-menuclose{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--surfaced2699-touch);
  height:var(--surfaced2699-touch);
  border:1px solid var(--surfaced2699-line);
  border-radius:var(--surfaced2699-radius-s);
  color:var(--surfaced2699-mist);
  transition:box-shadow .18s ease,color .18s ease;
}

.surfaced2699-menuclose:hover,
.surfaced2699-menuclose:focus-visible{
  color:var(--surfaced2699-orchid);
  box-shadow:var(--surfaced2699-glow-soft);
}

.surfaced2699-menuclose svg{
  width:20px;
  height:20px;
}

.surfaced2699-zone{
  margin-bottom:18px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-m);
  background:rgba(23,16,25,.72);
  overflow:hidden;
}

.surfaced2699-zone__tag{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  background:linear-gradient(90deg,rgba(139,0,0,.42) 0%,rgba(147,112,219,.16) 70%,transparent 100%);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--surfaced2699-mist);
}

.surfaced2699-zone__tag svg{
  width:16px;
  height:16px;
  color:var(--surfaced2699-flame);
  flex:0 0 auto;
}

.surfaced2699-zonelist{
  list-style:none;
  margin:0;
  padding:6px 6px 8px;
}

.surfaced2699-zonelist li{
  margin:0;
  padding:0;
}

.surfaced2699-zonelink{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:var(--surfaced2699-touch);
  padding:9px 12px;
  border-radius:var(--surfaced2699-radius-s);
  color:var(--surfaced2699-paper);
  font-size:.94rem;
  transition:background .16s ease,box-shadow .16s ease;
}

.surfaced2699-zonelink svg{
  width:18px;
  height:18px;
  color:var(--surfaced2699-amethyst);
  flex:0 0 auto;
  transition:color .16s ease,transform .16s ease;
}

.surfaced2699-zonelink:hover,
.surfaced2699-zonelink:focus-visible{
  background:rgba(147,112,219,.14);
  box-shadow:var(--surfaced2699-glow-soft);
  text-decoration:none;
}

.surfaced2699-zonelink:hover svg{
  color:var(--surfaced2699-orchid);
  transform:translateX(2px);
}

/* Active route marker: underline rail */
.surfaced2699-zonelink[aria-current="page"]{
  color:var(--surfaced2699-orchid);
  font-weight:700;
}

.surfaced2699-zonelink[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--surfaced2699-orchid),rgba(238,130,238,0));
  box-shadow:var(--surfaced2699-glow-soft);
}

.surfaced2699-menu__note{
  margin:4px 2px 0;
  font-size:.72rem;
  color:var(--surfaced2699-dim);
}

/* ---------------------------------------------------------------- main */

.surfaced2699-main{
  display:block;
  padding:16px var(--surfaced2699-gutter) calc(var(--surfaced2699-bnav-h) + 34px);
}

.surfaced2699-section{
  margin:0 0 26px;
}

/* Hero */
.surfaced2699-hero{
  padding:4px 0 2px;
}

.surfaced2699-hero__h1{
  font-size:clamp(1.66rem,6.2vw,2.06rem);
  letter-spacing:.01em;
  margin-bottom:.45em;
}

.surfaced2699-hero__h1 em{
  font-style:normal;
  color:var(--surfaced2699-orchid);
  text-shadow:0 0 18px rgba(238,130,238,.4);
}

.surfaced2699-hero__lead{
  color:var(--surfaced2699-paper);
  font-size:.95rem;
}

.surfaced2699-hero__sub{
  color:var(--surfaced2699-mist);
  font-size:.88rem;
}

/* Chip rail under the hero */
.surfaced2699-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0 2px;
  padding:0;
  list-style:none;
}

.surfaced2699-chips li{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 11px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:999px;
  background:rgba(147,112,219,.10);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--surfaced2699-mist);
  white-space:nowrap;
}

.surfaced2699-chips svg{
  width:13px;
  height:13px;
  color:var(--surfaced2699-orchid);
  flex:0 0 auto;
}

/* Segmented hero CTA pair */
.surfaced2699-ctapair{
  display:flex;
  gap:8px;
  margin:14px 0 4px;
}

.surfaced2699-ctapair .surfaced2699-duo{
  flex:1 1 50%;
}

/* ------------------------------------------------------------ carousel */

.surfaced2699-carousel{
  position:relative;
  margin:18px 0 6px;
  border-radius:var(--surfaced2699-radius-m);
  border:1px solid var(--surfaced2699-line);
  overflow:hidden;
  background:var(--surfaced2699-panel);
}

.surfaced2699-slidetrack{
  position:relative;
}

.surfaced2699-slide{
  display:none;
  width:100%;
  min-height:44px;
  padding:0;
  text-align:left;
}

.surfaced2699-slide.surfaced2699-is-on{
  display:block;
}

.surfaced2699-slide__img{
  display:block;
  width:100%;
  aspect-ratio:2/1;
  object-fit:cover;
}

.surfaced2699-slide__cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:26px 14px 12px;
  background:linear-gradient(180deg,rgba(12,12,12,0) 0%,rgba(12,12,12,.88) 52%,rgba(12,12,12,.96) 100%);
}

.surfaced2699-slide__kick{
  display:inline-block;
  margin-bottom:4px;
  padding:3px 9px;
  border-radius:999px;
  background:rgba(255,69,0,.9);
  color:#FFF4EE;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.surfaced2699-slide__title{
  display:block;
  margin:0 0 2px;
  font-family:var(--surfaced2699-font-head);
  font-size:1.08rem;
  font-weight:800;
  line-height:1.25;
  color:#fff;
}

.surfaced2699-slide__sub{
  display:block;
  font-size:.74rem;
  line-height:1.45;
  color:var(--surfaced2699-mist);
}

.surfaced2699-slide:hover .surfaced2699-slide__title{
  color:var(--surfaced2699-orchid);
}

.surfaced2699-carouselectrl{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:44px;
  color:#fff;
  background:rgba(12,12,12,.55);
  border:1px solid rgba(238,130,238,.35);
  border-radius:var(--surfaced2699-radius-s);
  transition:box-shadow .16s ease,background .16s ease;
}

.surfaced2699-carouselectrl:hover,
.surfaced2699-carouselectrl:focus-visible{
  background:rgba(12,12,12,.8);
  box-shadow:var(--surfaced2699-glow);
}

.surfaced2699-carouselectrl svg{
  width:18px;
  height:18px;
}

.surfaced2699-carouselectrl--prev{left:8px;}
.surfaced2699-carouselectrl--next{right:8px;}

.surfaced2699-dots{
  position:absolute;
  right:12px;
  bottom:10px;
  z-index:5;
  display:flex;
  gap:7px;
}

.surfaced2699-dot{
  width:26px;
  height:6px;
  padding:0;
  border-radius:3px;
  background:rgba(199,182,212,.4);
  transition:background .18s ease,box-shadow .18s ease;
}

.surfaced2699-dot:hover,
.surfaced2699-dot:focus-visible{
  background:rgba(238,130,238,.7);
}

.surfaced2699-dot.surfaced2699-is-on{
  background:var(--surfaced2699-orchid);
  box-shadow:var(--surfaced2699-glow-soft);
}

/* ------------------------------------------------- category jump strip */

.surfaced2699-jumpstrip{
  display:flex;
  gap:8px;
  margin:14px 0 4px;
  padding:2px 0 6px;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.surfaced2699-jumpstrip::-webkit-scrollbar{display:none;}

.surfaced2699-jump{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:7px 13px;
  border:1px solid var(--surfaced2699-line);
  border-radius:999px;
  background:rgba(23,16,25,.8);
  color:var(--surfaced2699-mist);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.03em;
  white-space:nowrap;
  transition:color .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.surfaced2699-jump svg{
  width:15px;
  height:15px;
  color:var(--surfaced2699-amethyst);
  transition:color .16s ease,transform .16s ease;
}

.surfaced2699-jump:hover,
.surfaced2699-jump:focus-visible{
  color:var(--surfaced2699-orchid);
  border-color:rgba(238,130,238,.6);
  box-shadow:var(--surfaced2699-glow-soft);
  text-decoration:none;
}

.surfaced2699-jump:hover svg{
  color:var(--surfaced2699-orchid);
  transform:scale(1.12);
}

/* -------------------------------------------------------- section head */

.surfaced2699-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--surfaced2699-flame);
}

.surfaced2699-kicker::before{
  content:"";
  width:18px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--surfaced2699-flame),rgba(255,69,0,0));
}

.surfaced2699-h2{
  font-size:clamp(1.24rem,4.6vw,1.45rem);
  margin-bottom:.4em;
}

.surfaced2699-h2 em{
  font-style:normal;
  color:var(--surfaced2699-orchid);
}

.surfaced2699-h3{
  font-size:1.02rem;
  margin:.9em 0 .35em;
  color:var(--surfaced2699-paper);
}

/* Fact line: the summary sentence that opens every section */
.surfaced2699-factline{
  margin:0 0 12px;
  padding:10px 12px;
  border-left:3px solid var(--surfaced2699-orchid);
  border-radius:0 var(--surfaced2699-radius-s) var(--surfaced2699-radius-s) 0;
  background:rgba(238,130,238,.07);
  color:var(--surfaced2699-paper);
  font-size:.87rem;
}

.surfaced2699-body{
  color:var(--surfaced2699-mist);
  font-size:.88rem;
}

.surfaced2699-body strong{color:var(--surfaced2699-paper);font-weight:700;}

/* ------------------------------------------------------------- game wall */

.surfaced2699-gameblock{
  margin:0 0 24px;
  padding:14px 12px 16px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-l);
  background:linear-gradient(180deg,rgba(30,20,36,.5) 0%,rgba(23,16,25,.22) 100%);
}

.surfaced2699-gameblock__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.surfaced2699-gameblock__count{
  flex:0 0 auto;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--surfaced2699-dim);
}

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

@media (min-width:392px){
  .surfaced2699-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}

/* Outlined tile card */
.surfaced2699-tile{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:6px 6px 7px;
  border:1px solid var(--surfaced2699-line);
  border-radius:10px;
  background:rgba(12,12,12,.5);
  text-align:center;
  transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease;
}

.surfaced2699-tile__img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:7px;
  background:#140E17;
}

.surfaced2699-tile__name{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  min-height:2.1em;
  font-size:.64rem;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.01em;
  color:var(--surfaced2699-mist);
  overflow-wrap:break-word;
  transition:color .16s ease;
}

.surfaced2699-tile:hover,
.surfaced2699-tile:focus-visible{
  border-color:rgba(238,130,238,.75);
  box-shadow:var(--surfaced2699-glow);
}

.surfaced2699-tile:hover .surfaced2699-tile__name,
.surfaced2699-tile:focus-visible .surfaced2699-tile__name{
  color:var(--surfaced2699-orchid);
}

.surfaced2699-tile:active{
  transform:scale(.96);
}

/* ---------------------------------------------------- comparison rows */

.surfaced2699-rows{
  margin:0;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-m);
  overflow:hidden;
}

.surfaced2699-row{
  display:flex;
  gap:12px;
  padding:12px;
  background:rgba(23,16,25,.55);
  border-bottom:1px solid var(--surfaced2699-line-soft);
}

.surfaced2699-row:last-child{border-bottom:0;}

.surfaced2699-row__key{
  flex:0 0 34%;
  font-family:var(--surfaced2699-font-head);
  font-size:.92rem;
  font-weight:800;
  line-height:1.3;
  color:var(--surfaced2699-orchid);
}

.surfaced2699-row__val{
  flex:1 1 auto;
  font-size:.8rem;
  line-height:1.55;
  color:var(--surfaced2699-mist);
}

/* --------------------------------------------------------------- steps */

.surfaced2699-steps{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:surfaced2699-step;
}

.surfaced2699-steps li{
  position:relative;
  counter-increment:surfaced2699-step;
  display:flex;
  gap:12px;
  padding:10px 4px 10px 0;
  border-bottom:1px dashed var(--surfaced2699-line-soft);
}

.surfaced2699-steps li:last-child{border-bottom:0;}

.surfaced2699-steps li::before{
  content:counter(surfaced2699-step);
  flex:0 0 30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(238,130,238,.55);
  border-radius:9px;
  background:rgba(238,130,238,.1);
  color:var(--surfaced2699-orchid);
  font-family:var(--surfaced2699-font-head);
  font-size:.95rem;
  font-weight:800;
}

.surfaced2699-steps b{
  display:block;
  color:var(--surfaced2699-paper);
  font-size:.86rem;
}

.surfaced2699-steps span{
  font-size:.78rem;
  color:var(--surfaced2699-mist);
}

/* -------------------------------------------------------- summary deck */

.surfaced2699-deck{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

@media (max-width:359px){
  .surfaced2699-deck{grid-template-columns:1fr;}
}

.surfaced2699-deckcard{
  padding:11px 12px;
  border:1px solid var(--surfaced2699-line);
  border-radius:var(--surfaced2699-radius-m);
  background:linear-gradient(160deg,rgba(147,112,219,.16) 0%,rgba(12,12,12,.4) 100%);
}

.surfaced2699-deckcard svg{
  width:18px;
  height:18px;
  color:var(--surfaced2699-flame);
  margin-bottom:5px;
}

.surfaced2699-deckcard b{
  display:block;
  margin-bottom:2px;
  font-size:.8rem;
  color:var(--surfaced2699-paper);
}

.surfaced2699-deckcard span{
  font-size:.7rem;
  line-height:1.45;
  color:var(--surfaced2699-mist);
}

/* ---------------------------------------------------------- partner rail */

.surfaced2699-partnerrail{
  display:flex;
  gap:8px;
  margin:10px 0 4px;
  padding:8px;
  border:1px dashed var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-m);
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.surfaced2699-partnerrail::-webkit-scrollbar{display:none;}

.surfaced2699-partnerrail img{
  flex:0 0 auto;
  width:84px;
  aspect-ratio:2/1;
  object-fit:contain;
  border-radius:6px;
  background:rgba(246,236,248,.94);
  padding:4px;
}

/* -------------------------------------------------- extended footer area */

.surfaced2699-xfooter{
  margin-top:26px;
  padding:18px 0 4px;
  border-top:1px solid var(--surfaced2699-line);
}

.surfaced2699-xfooter__brand{
  font-size:.8rem;
  color:var(--surfaced2699-mist);
}

.surfaced2699-promodeck{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0;
}

@media (max-width:359px){
  .surfaced2699-promodeck{grid-template-columns:1fr;}
}

/* Segmented promo entry: icon + two-line label */
.surfaced2699-promoentry{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:56px;
  padding:9px 11px;
  border:1px solid rgba(255,69,0,.5);
  border-radius:var(--surfaced2699-radius-m);
  background:linear-gradient(135deg,rgba(139,0,0,.5) 0%,rgba(12,12,12,.35) 100%);
  text-align:left;
  transition:box-shadow .18s ease,border-color .18s ease,transform .12s ease;
}

.surfaced2699-promoentry svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
  color:var(--surfaced2699-flame);
  transition:transform .18s ease,color .18s ease;
}

.surfaced2699-promoentry b{
  display:block;
  font-size:.76rem;
  line-height:1.3;
  color:var(--surfaced2699-paper);
}

.surfaced2699-promoentry span{
  display:block;
  font-size:.62rem;
  line-height:1.35;
  color:var(--surfaced2699-mist);
}

.surfaced2699-promoentry:hover,
.surfaced2699-promoentry:focus-visible{
  border-color:rgba(255,110,60,.9);
  box-shadow:var(--surfaced2699-glow);
}

.surfaced2699-promoentry:hover svg{
  color:var(--surfaced2699-orchid);
  transform:scale(1.14) rotate(-4deg);
}

.surfaced2699-promoentry:active{
  transform:scale(.97);
}

.surfaced2699-promoentry--wide{
  grid-column:1 / -1;
}

/* Page directory: sectioned link list */
.surfaced2699-directory{
  display:grid;
  gap:10px;
  margin:0 0 6px;
}

.surfaced2699-dirzone__tag{
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--surfaced2699-dim);
  margin-bottom:6px;
}

.surfaced2699-dirlist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

@media (max-width:359px){
  .surfaced2699-dirlist{grid-template-columns:1fr;}
}

.surfaced2699-dirlink{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:44px;
  padding:8px 10px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-s);
  background:rgba(23,16,25,.6);
  font-size:.72rem;
  font-weight:600;
  color:var(--surfaced2699-mist);
  line-height:1.3;
  transition:color .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.surfaced2699-dirlink::before{
  content:"";
  flex:0 0 auto;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--surfaced2699-amethyst);
  transition:background .16s ease,box-shadow .16s ease;
}

.surfaced2699-dirlink:hover,
.surfaced2699-dirlink:focus-visible{
  color:var(--surfaced2699-orchid);
  border-color:rgba(238,130,238,.55);
  box-shadow:var(--surfaced2699-glow-soft);
  text-decoration:none;
}

.surfaced2699-dirlink:hover::before{
  background:var(--surfaced2699-orchid);
  box-shadow:var(--surfaced2699-glow-soft);
}

/* Disclaimer note */
.surfaced2699-note{
  margin:14px 0 0;
  padding:11px 12px;
  border:1px solid rgba(139,0,0,.55);
  border-radius:var(--surfaced2699-radius-m);
  background:rgba(139,0,0,.16);
  font-size:.68rem;
  line-height:1.6;
  color:var(--surfaced2699-mist);
}

.surfaced2699-note b{
  display:block;
  margin-bottom:3px;
  font-size:.64rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#FF7A4D;
}

/* --------------------------------------------------------- common footer */

.surfaced2699-footer{
  padding:14px 0 10px;
  margin-bottom:calc(var(--surfaced2699-bnav-h) + 10px);
  border-top:1px solid var(--surfaced2699-line-soft);
  text-align:center;
}

.surfaced2699-footer__copy{
  font-size:.68rem;
  color:var(--surfaced2699-dim);
  margin:0;
}

.surfaced2699-footer__copy a{color:var(--surfaced2699-mist);}

/* ------------------------------------------------------ bottom nav bar */

.surfaced2699-bnav{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:85;
  margin:0 auto;
  max-width:430px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:var(--surfaced2699-bnav-h);
  padding:4px 2px calc(4px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,rgba(18,11,20,.97) 0%,rgba(7,5,8,.99) 100%);
  border-top:1px solid rgba(238,130,238,.35);
  box-shadow:0 -6px 22px rgba(0,0,0,.6);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.surfaced2699-bnav__item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:52px;
  padding:5px 2px;
  color:var(--surfaced2699-mist);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  transition:color .16s ease;
}

.surfaced2699-bnav__item svg{
  width:22px;
  height:22px;
  transition:transform .18s ease,color .18s ease,filter .18s ease;
}

.surfaced2699-bnav__item:hover,
.surfaced2699-bnav__item:focus-visible{
  color:var(--surfaced2699-paper);
}

.surfaced2699-bnav__item:hover svg{
  transform:translateY(-2px);
  color:var(--surfaced2699-orchid);
}

.surfaced2699-bnav__item:active svg{
  transform:scale(.86);
}

/* Promo roles carry a flame accent dot */
.surfaced2699-bnav__item--promo svg{
  color:var(--surfaced2699-flame);
}

.surfaced2699-bnav__item--promo:hover svg{
  color:#FF7A4D;
}

/* Current page: underline marker + restrained glow */
.surfaced2699-bnav__item[aria-current="page"]{
  color:var(--surfaced2699-orchid);
}

.surfaced2699-bnav__item[aria-current="page"] svg{
  color:var(--surfaced2699-orchid);
  filter:drop-shadow(0 0 6px rgba(238,130,238,.55));
}

.surfaced2699-bnav__item[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  bottom:2px;
  height:2px;
  border-radius:2px;
  background:var(--surfaced2699-orchid);
  box-shadow:var(--surfaced2699-glow-soft);
}

/* ------------------------------------------------------------- helpers */

.surfaced2699-visuallyhidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.surfaced2699-topbtn{
  position:fixed;
  right:12px;
  bottom:calc(var(--surfaced2699-bnav-h) + 14px);
  z-index:70;
  width:44px;
  height:44px;
  display:none;
  align-items:center;
  justify-content:center;
  border:1px solid var(--surfaced2699-line);
  border-radius:50%;
  background:rgba(23,16,25,.92);
  color:var(--surfaced2699-orchid);
  box-shadow:0 4px 14px rgba(0,0,0,.5);
}

.surfaced2699-topbtn.surfaced2699-is-on{
  display:flex;
}

.surfaced2699-topbtn:hover,
.surfaced2699-topbtn:focus-visible{
  box-shadow:var(--surfaced2699-glow);
}

.surfaced2699-topbtn svg{
  width:18px;
  height:18px;
}

/* ------------------------------------------------------- motion budget */

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .surfaced2699-menu{
    transition:none;
  }
}

/* Tiny viewport guards: keep 320px usable with no overflow */
@media (max-width:330px){
  .surfaced2699-page{--surfaced2699-gutter:10px;}
  .surfaced2699-brandrow__name{font-size:1.4rem;}
  .surfaced2699-brandrow__logo{width:36px;height:36px;}
  .surfaced2699-duo{font-size:.76rem;}
  .surfaced2699-slide__title{font-size:.95rem;}
  .surfaced2699-promodeck,
  .surfaced2699-deck{grid-template-columns:1fr;}
}

/* --------------------------------------------------------- help pages */
.surfaced2699-helpintro{
  padding:4px 0 14px;
  border-bottom:1px solid var(--surfaced2699-line-soft);
}

.surfaced2699-helpintro__eyebrow{
  margin:0 0 7px;
  color:var(--surfaced2699-flame);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.surfaced2699-helpintro__lead{
  color:var(--surfaced2699-paper);
  font-size:.95rem;
}

.surfaced2699-helpintro__meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0 0;
}

.surfaced2699-helpintro__meta span{
  padding:5px 9px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:999px;
  color:var(--surfaced2699-mist);
  font-size:.68rem;
}

.surfaced2699-callout{
  margin:10px 0 14px;
  padding:12px;
  border:1px solid rgba(255,69,0,.5);
  border-radius:var(--surfaced2699-radius-m);
  background:linear-gradient(135deg,rgba(139,0,0,.3),rgba(30,20,36,.55));
  color:var(--surfaced2699-paper);
  font-size:.86rem;
}

.surfaced2699-callout strong{color:#FF9B7A;}

.surfaced2699-checklist{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:surfaced2699-check;
}

.surfaced2699-checklist li{
  counter-increment:surfaced2699-check;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  padding:12px 0;
  border-bottom:1px dashed var(--surfaced2699-line-soft);
}

.surfaced2699-checklist li::before{
  content:counter(surfaced2699-check);
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid rgba(238,130,238,.55);
  border-radius:9px;
  color:var(--surfaced2699-orchid);
  font-family:var(--surfaced2699-font-head);
  font-weight:800;
}

.surfaced2699-checklist b,
.surfaced2699-branch b{
  display:block;
  margin-bottom:3px;
  color:var(--surfaced2699-paper);
  font-size:.87rem;
}

.surfaced2699-checklist span,
.surfaced2699-branch span{
  color:var(--surfaced2699-mist);
  font-size:.8rem;
}

.surfaced2699-branchgrid{
  display:grid;
  gap:8px;
}

.surfaced2699-branch{
  padding:11px 12px;
  border-left:3px solid var(--surfaced2699-amethyst);
  border-radius:0 var(--surfaced2699-radius-s) var(--surfaced2699-radius-s) 0;
  background:rgba(147,112,219,.08);
}

.surfaced2699-termrail{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.surfaced2699-term{
  padding:10px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-s);
  background:rgba(23,16,25,.62);
}

.surfaced2699-term b{
  display:block;
  margin-bottom:3px;
  color:var(--surfaced2699-orchid);
  font-size:.78rem;
}

.surfaced2699-term span{
  color:var(--surfaced2699-mist);
  font-size:.72rem;
  line-height:1.45;
}

.surfaced2699-actionstrip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:12px 0;
  padding:11px 12px;
  border:1px solid rgba(255,69,0,.42);
  border-radius:var(--surfaced2699-radius-m);
  background:rgba(139,0,0,.16);
}

.surfaced2699-actionstrip p{
  margin:0;
  color:var(--surfaced2699-mist);
  font-size:.77rem;
}

.surfaced2699-actionstrip button{
  flex:0 0 auto;
  min-height:44px;
  padding:8px 11px;
  border:1px solid rgba(255,110,60,.72);
  border-radius:var(--surfaced2699-radius-s);
  background:var(--surfaced2699-flame);
  color:#FFF5EF;
  font-size:.7rem;
  font-weight:800;
}

.surfaced2699-actionstrip button:hover,
.surfaced2699-actionstrip button:focus-visible{
  box-shadow:var(--surfaced2699-glow);
}

.surfaced2699-faq{
  margin:0;
  border-top:1px solid var(--surfaced2699-line-soft);
}

.surfaced2699-faq details{
  padding:11px 0;
  border-bottom:1px solid var(--surfaced2699-line-soft);
}

.surfaced2699-faq summary{
  min-height:44px;
  padding:9px 30px 9px 0;
  color:var(--surfaced2699-paper);
  font-family:var(--surfaced2699-font-head);
  font-weight:700;
  cursor:pointer;
}

.surfaced2699-faq p{
  margin:5px 0 0;
  color:var(--surfaced2699-mist);
  font-size:.8rem;
}

.surfaced2699-reviewstamp{
  display:flex;
  gap:8px;
  align-items:stretch;
  margin:12px 0 16px;
}

.surfaced2699-reviewstamp span{
  flex:1 1 0;
  padding:10px 9px;
  border-top:2px solid var(--surfaced2699-orchid);
  background:rgba(147,112,219,.1);
  color:var(--surfaced2699-mist);
  font-size:.7rem;
  line-height:1.4;
}

.surfaced2699-reviewstamp b{
  display:block;
  color:var(--surfaced2699-paper);
  font-size:.78rem;
}

.surfaced2699-scenario{
  display:grid;
  gap:8px;
}

.surfaced2699-scenario article{
  padding:12px;
  border:1px solid var(--surfaced2699-line-soft);
  border-radius:var(--surfaced2699-radius-m);
  background:linear-gradient(150deg,rgba(30,20,36,.68),rgba(12,12,12,.4));
}

.surfaced2699-scenario h3{margin:0 0 5px;font-size:.98rem;color:var(--surfaced2699-orchid);}
.surfaced2699-scenario p{margin:0;color:var(--surfaced2699-mist);font-size:.8rem;}

.surfaced2699-scoretable{
  width:100%;
  border-collapse:collapse;
  font-size:.76rem;
}

.surfaced2699-scoretable th,
.surfaced2699-scoretable td{
  padding:9px 7px;
  border-bottom:1px solid var(--surfaced2699-line-soft);
  text-align:left;
  vertical-align:top;
}

.surfaced2699-scoretable th{color:var(--surfaced2699-orchid);font-family:var(--surfaced2699-font-head);}
.surfaced2699-scoretable td{color:var(--surfaced2699-mist);}

@media (max-width:359px){
  .surfaced2699-termrail{grid-template-columns:1fr;}
  .surfaced2699-reviewstamp{display:grid;grid-template-columns:1fr 1fr;}
  .surfaced2699-actionstrip{align-items:flex-start;flex-direction:column;}
  .surfaced2699-actionstrip button{width:100%;}
}