:root{
  --pitch:#0b0f2e;
  --slat:#141a40;
  --slat-2:#1d2452;
  --slat-3:#273064;
  --rib:#2c3670;
  --rib-2:#3b478c;
  --glow:#ff3d8b;
  --glow-2:#e01e70;
  --glow-ink:#210a17;
  --glow-grad:linear-gradient(135deg,#ff5c9d 0%,#e01e70 100%);
  --jade:#33c9b3;
  --honey:#ffca4a;
  --words:#f4f1fb;
  --words-soft:#c9c4e6;
  --words-dim:#948fbe;
  --bevel:12px;
  --max:1200px;
  --inset:40px;
  --hat:64px;
  --serif:Tahoma,Geneva,Verdana,sans-serif;
  --sans:"Trebuchet MS","Segoe UI",Tahoma,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:calc(var(--hat) + 12px)}
body{margin:0;padding-top:var(--hat);max-width:100%;overflow-x:hidden;background:var(--pitch);color:var(--words);
  font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);line-height:1.2;margin:0;font-weight:700}
p{margin:0 0 1rem}
p,h1,h2,h3,li,td,th{overflow-wrap:break-word;word-wrap:break-word}
.frame{width:100%;max-width:calc(var(--max) + var(--inset)*2);margin-inline:auto;padding-inline:var(--inset)}

.tapcta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:1px solid transparent;
  font-family:var(--sans);font-weight:700;font-size:.92rem;line-height:1;padding:.8rem 1.5rem;border-radius:var(--bevel);
  white-space:nowrap;transition:filter .15s,background .15s,border-color .15s,transform .12s;color:var(--words)}
.tapcta--key{background:var(--glow-grad);color:#fff;border:none}
.tapcta--key:hover{filter:brightness(1.08);transform:translateY(-1px)}
.tapcta--ghost{background:var(--slat-2);border-color:var(--rib-2)}
.tapcta--ghost:hover{background:var(--slat-3);border-color:var(--glow)}
.tapcta--wide{width:100%}
.tapcta--lg{padding:.98rem 1.9rem;font-size:1.02rem}
:focus-visible{outline:3px solid var(--jade);outline-offset:2px;border-radius:6px}
@keyframes glowpulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(255,61,139,0)}50%{transform:scale(1.035);box-shadow:0 0 26px rgba(255,61,139,.45)}}
.tapcta--pulse{animation:glowpulse 2.7s ease-in-out infinite;will-change:transform}
.tapcta--pulse:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.tapcta--pulse{animation:none}}

.masthead{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--slat);border-bottom:1px solid var(--rib)}
.masthead__row{display:flex;align-items:center;gap:1rem;height:var(--hat);padding-inline:22px}
.brandmark{cursor:pointer;display:inline-flex}
.brandmark img{height:34px;width:auto}
.navbox{position:absolute;opacity:0;pointer-events:none}
.navpin{display:none;flex-direction:column;gap:4px;width:42px;height:42px;align-items:center;justify-content:center;
  background:var(--slat-2);border:1px solid var(--rib);border-radius:10px;cursor:pointer;flex:0 0 auto;order:-1}
.navpin span{width:18px;height:2px;background:var(--words);border-radius:2px}
.primenav{display:flex;align-items:center;gap:1rem;margin-left:.3rem;flex:1}
.primenav__list{list-style:none;display:flex;gap:.4rem;margin:0;padding:0;flex-wrap:wrap}
.primenav__link{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .75rem;border-radius:9px;cursor:pointer;
  background:var(--slat-2);border:1px solid var(--rib);color:var(--words-soft);font-weight:600;font-size:.85rem;
  transition:background .14s,color .14s,border-color .14s}
.primenav__link img{width:17px;height:17px;opacity:.85}
.primenav__link:hover{background:var(--slat-3);border-color:var(--rib-2);color:var(--words)}
.primenav__act{margin-left:auto;display:flex;gap:.5rem}

.opener{padding-top:22px}
.opener__box{background:var(--slat);border:1px solid var(--rib);border-radius:14px;padding:clamp(20px,3vw,34px)}
.opener__title{font-size:clamp(2rem,4.4vw,3.05rem);color:var(--glow);margin:.2rem 0 .5rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .7rem;padding:0;list-style:none}
.chips__it{display:inline-flex;align-items:center;gap:.4rem;background:var(--slat-2);border:1px solid var(--rib);border-radius:999px;padding:.34rem .8rem;font-size:.8rem;color:var(--words-soft)}
.chips__it b{color:var(--words)}
.opener__lead{color:var(--words-soft);font-size:1.04rem;margin:0 0 1.2rem}
.opener__banner{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--rib-2);margin:0 0 1.2rem;cursor:pointer}
.opener__banner img{width:100%;height:auto}
.opener__cta{display:flex;flex-wrap:wrap;gap:.6rem}

.sheetwrap{padding:26px 0 6px}
.board{background:var(--slat);border:1px solid var(--rib);border-radius:var(--bevel);padding-block:24px 28px;padding-inline:clamp(18px,2.3vw,34px);margin-top:22px}
.board__title{font-size:clamp(1.5rem,2.7vw,2rem);margin:0 0 .7rem;color:var(--words)}
.board__lead{color:var(--words-soft);margin:0 0 1.15rem}
.board p{color:var(--words-soft)}
.board h3{font-size:1.16rem;margin:1.6rem 0 .5rem;color:var(--words);font-family:var(--serif)}
.board a.inline{color:var(--glow);text-decoration:underline}
.centre{display:flex;justify-content:center;margin-top:22px}
.tagline{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--glow);margin-bottom:.35rem;font-family:var(--sans)}

.stepped{margin:0 0 1.15rem;padding-left:1.3rem;color:var(--words-soft);display:grid;gap:.5rem}
.stepped strong{color:var(--words)}
.ticks{margin:0 0 1.15rem;padding-left:1.2rem;color:var(--words-soft);display:grid;gap:.42rem}
.ticks strong{color:var(--words)}

.sheet__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rib);border-radius:var(--bevel);margin:0 0 1.3rem}
.sheet{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px;background:var(--slat-2)}
.sheet th,.sheet td{padding:.72rem 1.05rem;text-align:left;border-top:1px solid var(--rib)}
.sheet thead th{background:var(--glow-grad);color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-top:0;white-space:nowrap;font-family:var(--sans)}
.sheet tbody th{color:var(--words);font-weight:600;white-space:nowrap;font-family:var(--sans)}
.sheet td{color:var(--words-soft)}
.sheet tbody tr:nth-child(even){background:var(--slat-3)}

.shot{margin:1.2rem 0;border:1px solid var(--rib);border-radius:var(--bevel);overflow:hidden;background:var(--slat-2)}
.shot img{width:100%;height:auto;max-height:340px;object-fit:cover;display:block}

.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1rem 0}
.panels--4{grid-template-columns:repeat(4,1fr)}
.panelcard{background:var(--slat-2);border:1px solid var(--rib);border-radius:var(--bevel);padding:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.panelcard:hover{border-color:var(--rib-2);background:var(--slat-3)}
.panelcard__ic{width:46px;height:46px}
.panelcard h3{margin:.15rem 0 0;font-size:1.06rem}
.panelcard p{margin:0;font-size:.88rem;flex:1}

.arena__tabs{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0}
.arena__tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:999px;cursor:pointer;
  background:var(--slat-2);border:1px solid var(--rib);color:var(--words-soft);font-weight:700;font-size:.85rem;font-family:var(--sans)}
.arena__tab svg{width:19px;height:19px;fill:currentColor}
.arena__tab.sel{background:var(--glow-grad);color:#fff;border-color:transparent}
.arena__pane{display:none}
.arena__pane.sel{display:block}
.arena__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.thumb{display:flex;flex-direction:column;cursor:pointer;min-width:0}
.thumb__art{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--rib);aspect-ratio:360/472;background:var(--slat-3)}
.thumb__art img{width:100%;height:100%;object-fit:cover;transition:transform .28s}
.thumb:hover .thumb__art img{transform:scale(1.05)}
.thumb__hov{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;opacity:0;
  background:linear-gradient(180deg,rgba(7,5,20,0) 40%,rgba(7,5,20,.72) 100%);transition:opacity .18s}
.thumb:hover .thumb__hov{opacity:1}
.thumb__go{background:var(--glow-grad);color:#fff;font-weight:800;font-size:.78rem;padding:.4rem .95rem;border-radius:999px}
.thumb__name{display:block;font-weight:600;font-size:.85rem;padding:.5rem .1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.winbar{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:0;margin:0}
.winbar__row{display:flex;align-items:center;gap:.7rem;min-width:0;background:var(--slat-2);border:1px solid var(--rib);border-radius:10px;padding:.55rem .8rem}
.winbar__row.fresh{animation:tin .5s ease}
@keyframes tin{from{opacity:0;transform:translateY(-8px);border-color:var(--glow)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.winbar__row.fresh{animation:none}}
.winbar__row img{width:42px;height:55px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.winbar__row span{flex:1;min-width:0;display:flex;flex-direction:column}
.winbar__row b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.winbar__row small{color:var(--words-dim);font-size:.74rem}
.winbar__row em{font-style:normal;font-weight:800;color:var(--glow);font-size:.95rem}

.judge{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.judge__col{background:var(--slat-2);border:1px solid var(--rib);border-radius:var(--bevel);padding:1.15rem 1.25rem}
.judge__col h3{margin:0 0 .5rem;font-size:1.08rem}
.judge__col--up{border-left:3px solid var(--jade)}
.judge__col--down{border-left:3px solid var(--honey)}
.judge__col ul{margin:0;padding-left:1.15rem;color:var(--words-soft);display:grid;gap:.4rem}

.brandrow{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;padding:0;margin:0 0 1.2rem}
.brandrow li{background:var(--slat-2);border:1px solid var(--rib);border-radius:10px;padding:.6rem .4rem;display:flex;align-items:center;justify-content:center;min-width:0}
.brandrow img{max-width:100%;height:auto;max-height:30px;width:auto;object-fit:contain}

.grabapp__in{display:grid;grid-template-columns:1.4fr .9fr;gap:1.5rem;align-items:center}
.getbtns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.getbtns__b{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;background:var(--slat-2);border:1px solid var(--rib);border-radius:10px;padding:.55rem 1rem;transition:border-color .15s,background .15s}
.getbtns__b:hover{border-color:var(--glow);background:var(--slat-3)}
.getbtns__b img{width:26px;height:26px}
.getbtns__b small{display:block;color:var(--words-dim);font-size:.68rem}
.getbtns__b b{font-size:.9rem}

.saidit{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem}
.saidit__item{background:var(--slat-2);border:1px solid var(--rib);border-radius:var(--bevel);padding:1.1rem}
.saidit__head{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem}
.saidit__avatar{width:46px;height:46px;border-radius:50%}
.saidit__head b{display:block;font-size:.9rem}
.saidit__head small{color:var(--words-dim);font-size:.76rem}
.saidit__stars{color:var(--honey);letter-spacing:.05em;margin-bottom:.3rem}
.saidit__item p{margin:0;font-size:.87rem}

.queries{display:grid;gap:.6rem}
.queries__item{background:var(--slat-2);border:1px solid var(--rib);border-radius:11px;padding:1rem 1.2rem}
.queries__item h3{margin:0 0 .35rem;font-size:1.02rem;color:var(--words)}
.queries__item p{margin:0;color:var(--words-soft);font-size:.9rem}

.freshmark{margin-top:26px}
.freshmark__box{display:flex;align-items:center;gap:.9rem;background:var(--slat-2);border:1px solid var(--rib);border-radius:var(--bevel);padding:1rem 1.3rem}
.freshmark__box img{width:32px;height:32px;flex:0 0 auto}
.freshmark__box p{margin:0;color:var(--words-soft);font-size:.88rem}
.freshmark__box strong{color:var(--words)}
.freshmark__box time{color:var(--glow);font-weight:700}

.groundfoot{border-top:1px solid var(--rib);background:var(--slat);margin-top:40px;padding:clamp(26px,4vw,38px) 0 26px}
.groundfoot__top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:1.5rem;margin-bottom:1.3rem}
.groundfoot__info img{height:36px;width:auto;margin-bottom:.6rem}
.groundfoot__info p{color:var(--words-soft);font-size:.85rem;max-width:46ch}
.groundfoot__social{margin-top:.85rem}
.groundfoot__social-h{color:var(--words-dim);font-size:.78rem;margin:0 0 .4rem}
.groundfoot__social ul{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0}
.groundfoot__social span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;background:var(--slat-2);border:1px solid var(--rib);border-radius:10px;transition:border-color .15s,background .15s}
.groundfoot__social span:hover{border-color:var(--jade);background:var(--slat-3)}
.groundfoot__social img{width:22px;height:22px}
.groundfoot__col{display:flex;flex-direction:column;gap:.42rem}
.groundfoot__h{font-family:var(--serif);font-weight:700;font-size:.98rem;color:var(--words);margin:0 0 .3rem}
.groundfoot__col span[role=link]{color:var(--words-soft);font-size:.85rem;cursor:pointer}
.groundfoot__col span[role=link]:hover{color:var(--glow)}
.groundfoot__app p:not(.groundfoot__h){color:var(--words-dim);font-size:.82rem;margin:0 0 .55rem}
.groundfoot__legal{border-top:1px solid var(--rib);padding-top:1.15rem}
.groundfoot__pay{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;padding:0 0 1.05rem;margin:0 0 1.05rem;border-bottom:1px solid var(--rib)}
.groundfoot__pay li{background:var(--slat-2);border:1px solid var(--rib);border-radius:9px;padding:.4rem .7rem;display:flex;align-items:center;justify-content:center}
.groundfoot__pay img{max-height:24px;width:auto;max-width:100%;object-fit:contain}
.groundfoot__seals{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:.45rem;align-items:center;padding:0;margin:0 0 1.15rem}
.groundfoot__seals li{display:flex;align-items:center;justify-content:center;min-width:0}
.groundfoot__seals a,.groundfoot__seals .seal-box{display:flex;align-items:center;justify-content:center;width:100%;background:var(--slat-2);border:1px solid var(--rib);border-radius:9px;padding:.5rem .3rem;transition:border-color .15s,background .15s}
.groundfoot__seals a:hover{border-color:var(--glow);background:var(--slat-3)}
.groundfoot__seals img{max-height:28px;max-width:100%;width:auto;height:auto;object-fit:contain}
.age-tag{font-weight:800;color:var(--honey);font-size:.95rem;letter-spacing:.02em}
.groundfoot__disc{color:var(--words-soft);font-size:.83rem;margin:.45rem 0}
.groundfoot__disc strong{color:var(--words)}
.groundfoot__copy{color:var(--words-dim);font-size:.75rem;line-height:1.6;margin:.6rem 0 0}

.uptop{position:fixed;right:20px;bottom:20px;z-index:70;width:46px;height:46px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--rib-2);background:var(--slat-2);color:var(--glow);font-size:1.3rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,background .15s,border-color .15s}
.uptop.sel{opacity:1;visibility:visible}
.uptop:hover{background:var(--slat-3);border-color:var(--glow)}

.arenawrap,.saidit,.groundfoot,#studios,#reviews,#sisters{content-visibility:auto;contain-intrinsic-size:600px}

@media(max-width:1250px){.brandrow{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){
  .navpin{display:flex}
  .primenav{position:fixed;top:var(--hat);left:0;right:0;flex-direction:column;align-items:stretch;gap:.6rem;background:var(--slat);border-bottom:1px solid var(--rib);padding:0 22px;max-height:0;overflow:hidden;margin-left:0;transition:max-height .25s ease,padding .25s ease}
  .navbox:checked~.primenav{max-height:80vh;padding-top:14px;padding-bottom:16px;overflow:auto}
  .primenav__list{flex-direction:column}
  .primenav__act{margin-left:0;flex-direction:column}
  .grabapp__in{grid-template-columns:1fr}
  .panels,.panels--4{grid-template-columns:1fr 1fr}
  .saidit{grid-template-columns:1fr 1fr}
  .winbar{grid-template-columns:1fr 1fr}
  .arena__grid{grid-template-columns:repeat(3,1fr)}
  .groundfoot__top{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){.groundfoot__seals{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){
  :root{--inset:24px}
  .board{padding-inline:20px}
  .arena__grid{grid-template-columns:repeat(3,1fr)}
  .judge{grid-template-columns:1fr}
  .saidit{grid-template-columns:1fr}
  .winbar{grid-template-columns:1fr}
  .sheet{min-width:560px;font-size:.84rem}
  .sheet th,.sheet td{padding:.56rem .66rem}
}
@media(max-width:560px){
  :root{--inset:18px}
  .panels,.panels--4{grid-template-columns:1fr}
  .arena__grid{grid-template-columns:repeat(2,1fr)}
  .brandrow{grid-template-columns:repeat(3,1fr)}
  .groundfoot__top{grid-template-columns:1fr}
  .groundfoot__seals{grid-template-columns:repeat(4,1fr)}
  .sheet{min-width:480px;font-size:.78rem}
  .uptop{right:12px;bottom:12px;width:42px;height:42px}
}
@media(max-width:380px){
  :root{--inset:14px}
  .arena__grid{grid-template-columns:repeat(2,1fr)}
  .sheet{min-width:420px}
}
