/* Lik · variant F · home page */

/* ───────── shared phone groups ───────── */
/* .fan: three phones, the middle one larger and in front */
.fan{position:relative;display:flex;justify-content:center;align-items:center;padding:20px 0 50px}
.fan .phone{margin:0}
.ph-fan-a{--pw:clamp(176px,16vw,236px);--r:-8deg;margin-right:-40px!important;z-index:1}
.ph-fan-b{--pw:clamp(206px,19vw,284px);--r:0deg;z-index:3}
.ph-fan-c{--pw:clamp(176px,16vw,236px);--r:8deg;margin-left:-40px!important;z-index:1}
.fan .sticker{position:absolute;z-index:4}
.fan .fict{position:absolute;bottom:0;left:50%;translate:-50% 0;margin:0;white-space:nowrap;z-index:5}
/* .duo: two overlapping phones on a blob */
.duo{position:relative;display:flex;justify-content:center;align-items:center;min-height:clamp(520px,46vw,660px)}
.duo-blob,.cl-blob{position:absolute;left:50%;top:50%;width:min(100%,540px);aspect-ratio:1;translate:-50% -50%;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:radial-gradient(circle at 35% 30%,#fff6f4,var(--blush) 55%,var(--blush-2));border:0;box-shadow:inset 0 2px 0 #ffffffb3,var(--sh-lg)}
.duo .phone{margin:0;position:relative}
.ph-duo-a{--pw:clamp(190px,18vw,262px);--r:-6deg;z-index:2;margin-right:-26px!important;top:-16px}
.ph-duo-b{--pw:clamp(190px,18vw,262px);--r:5deg;z-index:3;top:24px}
.duo .sticker{position:absolute;z-index:4}
.duo .fict{position:absolute;bottom:0;left:50%;translate:-50% 0;margin:0;white-space:nowrap;z-index:5}

/* ───────── hero ───────── */
.hero{padding-top:clamp(40px,4.4vw,64px);padding-bottom:clamp(84px,8vw,128px)}
.hero-tag{margin-bottom:0}
.title-h{position:relative;z-index:4;font-size:clamp(3rem,7.1vw,7.6rem);line-height:.9;margin:22px 0 0;color:var(--cream)}
.t-l1,.t-l2{display:block;white-space:nowrap}
.rot-taste,.rot-city{color:var(--butter)}
.caret{display:inline-block;width:.07em;height:.78em;margin-left:.05em;background:var(--butter);vertical-align:-.03em;animation:blink 1s steps(1) infinite}
.calm .caret{display:none}
@keyframes blink{50%{opacity:0}}
.rot-city{perspective:700px}
#rot-city{display:inline-block;transform-origin:50% 70%}
#rot-city.flip-out{animation:flipOut .2s ease-in forwards}
#rot-city.flip-in{animation:flipIn .32s cubic-bezier(.2,.9,.3,1.3)}
@keyframes flipOut{to{transform:rotateX(-88deg);opacity:.2}}
@keyframes flipIn{from{transform:rotateX(88deg);opacity:.2}to{transform:none;opacity:1}}
.hero-row{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(16px,2vw,32px);align-items:start;margin-top:clamp(0px,1vw,12px)}
.hero-row>*{min-width:0}
.hero-copy{position:relative;z-index:5;align-self:start;padding-top:clamp(36px,5.2vw,84px)}
.hero .lead{max-width:24ch;margin-top:0;color:var(--cream);font-size:clamp(1.2rem,1.7vw,1.55rem)}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-sub{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}
.pilot-note{font-weight:700;font-size:.96rem;color:#ffe3e6}
.mini{display:inline-flex;align-items:center;gap:.5em;min-height:34px;padding:0 14px;border:2px solid #ffffff80;border-radius:999px;background:transparent;color:var(--cream);font:800 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mini:hover{background:#ffffff1f}
.mini .i{width:1em;height:1em}

.hero-art{position:relative;min-height:clamp(560px,45vw,650px);margin-top:calc(-1 * clamp(70px,7.6vw,124px))}
.blob{position:absolute;z-index:0;left:52%;top:52%;width:min(96%,650px);aspect-ratio:1.06;translate:-50% -50%;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:radial-gradient(circle at 35% 30%,#fff6f4,var(--blush) 55%,var(--blush-2));border:0;box-shadow:inset 0 2px 0 #ffffffb3,var(--sh-lg)}
.ph-hero{--pw:clamp(224px,21vw,308px);--r:5deg;position:absolute;right:2%;top:3%;margin:0;z-index:2}
.ph-hero-lb{--pw:clamp(200px,18.5vw,272px);--r:-6deg;position:absolute;right:calc(2% + clamp(176px,17vw,250px));top:-3%;margin:0;z-index:1}
.podium{position:absolute;z-index:3;left:-5%;bottom:3%;width:min(54%,420px);margin:0}
.podium-art{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 18px #65081733)}
.pd-av{position:absolute;width:17.5%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1.5px solid var(--line);box-shadow:var(--sh);background:var(--cream);transform:translate(-50%,-84%)}
.pd-2{left:17.6%;top:31%}
.pd-3{left:81.5%;top:49%}
/* the open first-place seat: hero.js fits the name to the circle (--seat-fs) */
.seat{position:absolute;left:49.6%;top:11%;width:27%;aspect-ratio:1;transform:translate(-50%,-90%);display:block}
.seat-in{width:100%;height:100%;display:block;border-radius:50%;border:4px dashed var(--red);background:var(--cream);text-align:center;font-family:var(--display);font-size:var(--seat-fs,clamp(1.5rem,3.2vw,2.9rem));line-height:1;letter-spacing:0;color:var(--ink);padding:0 9%;box-shadow:var(--sh-lg);caret-color:var(--red);text-overflow:clip}
.seat-in::placeholder{color:var(--line-2);opacity:1}
.seat-in:focus-visible{outline:4px solid var(--gold);outline-offset:3px}
.seat.has .seat-in{border-style:solid;background:var(--wash);color:var(--red)}
/* with a name the seat stretches into a name plate, same height */
.seat.has{width:46%;aspect-ratio:46/27}
.seat.has .seat-in{border-radius:999px;padding:0 7%}
.seat.has .crown{width:44%}
.crown{position:absolute;z-index:2;left:50%;bottom:92%;width:74%;height:auto;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 8px 8px #0004);pointer-events:none;animation:crown 4s ease-in-out infinite}
@keyframes crown{50%{translate:0 -8px;rotate:3deg}}
.seat-hint{left:-2%;top:-82%;--r:-5deg;transition:opacity .2s;white-space:nowrap}
.seat-hint::after{content:"";position:absolute;right:22px;bottom:-12px;width:14px;height:14px;background:var(--white);border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);transform:rotate(45deg) skew(10deg,10deg)}
.hero-art.typed .seat-hint{opacity:0}
.bub{position:absolute;z-index:5;max-width:13em;padding:.5em .95em;border:1.5px solid var(--line);border-radius:22px 22px 22px 6px;background:var(--white);color:var(--ink);font-weight:800;font-size:clamp(.82rem,1.1vw,1rem);line-height:1.25;box-shadow:var(--sh-lg);transform:rotate(var(--r,0deg))}
.bub.me{border-radius:22px 22px 6px 22px;background:var(--gloss);color:var(--white);border-color:transparent}
.hero-art .sticker{position:absolute;z-index:4}
.hs1{--s:clamp(84px,8.2vw,118px);left:2%;top:4%;--r:-10deg}
.hs2{--s:clamp(66px,6.2vw,92px);right:-1%;top:44%;--r:12deg}
.hs4{--s:clamp(64px,6.2vw,92px);right:3%;bottom:2%;--r:8deg}
.hero-art .fict{position:absolute;z-index:6;bottom:-8px;left:50%;translate:-50% 0;margin:0;white-space:nowrap}

/* ───────── find ───────── */
.find-grid{align-items:center}
.find-grid .copy{max-width:600px}
.scorecard{margin-top:30px;max-width:580px}
.sc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1.5px solid var(--line)}
.sc-head h3{font-size:1.55rem}
.sc-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 22px;border-bottom:3px dashed var(--line)}
.sc-row:last-child{border-bottom:0}
.sc-pic{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1.5px solid var(--line)}
.sc-row b{display:block;font-size:1.04rem;line-height:1.25}
.sc-row small{display:block;font-size:.84rem;font-weight:650;color:var(--muted);line-height:1.3;margin-top:2px}
.sc-num{font:400 2.5rem/1 var(--display);min-width:3.2ch;text-align:center;padding:.12em .3em .08em;border:1.5px solid var(--line);border-radius:16px;background:var(--wash);color:var(--red);box-shadow:var(--sh)}
.sc-num sup{font:800 .9rem/1 var(--ui);color:var(--red);vertical-align:top;position:relative;top:.2em;margin-right:3px}
.sc-num.none{background:var(--cream);color:var(--muted);border-style:dashed;box-shadow:none}
.is-new .sc-pic{filter:grayscale(.85) contrast(.95);opacity:.8}
.seal-line{display:flex;align-items:center;gap:14px;margin-top:26px;max-width:520px;font-weight:700;font-size:1rem;line-height:1.4}
.seal{width:60px;height:60px;flex:none}
.fs1{--s:clamp(70px,7vw,104px);right:-2%;top:2%;--r:12deg}
.fs2{--s:clamp(60px,6vw,88px);left:0;top:8%;--r:-12deg}

/* ───────── go ───────── */
.go-grid{align-items:center}
.go-phones{padding-top:34px}
.gs1{--s:clamp(90px,9vw,136px);left:-3%;top:0;--r:-10deg}
.gs2{--s:clamp(70px,7vw,100px);right:-1%;bottom:14%;--r:10deg}
.tabs{display:inline-flex;margin:28px 0 20px;padding:4px;gap:4px;border:1.5px solid var(--line);border-radius:999px;background:var(--cream)}
.tabs button{min-height:46px;padding:0 26px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-weight:800;font-size:1.02rem;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--gloss);color:var(--white);box-shadow:inset 0 2px 0 #ffffff59,0 6px 14px #d4082740}
.tabs button:hover:not([aria-selected=true]){background:var(--wash)}
.quest-card{max-width:560px}
.qc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border-bottom:1.5px solid var(--line)}
.qc-art{width:62px;height:auto}
.qc-head h3{font-size:1.7rem}
.qc-sub{font-weight:700;font-size:.86rem;color:var(--muted)}
.trail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 12px 10px}
.trail::before{content:"";position:absolute;left:14%;right:14%;top:44px;border-top:4px dashed var(--line)}
.trail li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-weight:800;font-size:.84rem;line-height:1.2}
.trail b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--cream);font:400 1.5rem/1 var(--display)}
.trail .done b{background:var(--gloss);color:var(--white);border-color:transparent}
.trail .now b{background:var(--white);color:var(--red);box-shadow:0 0 0 4px #d4082740}
.diffs{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px 4px}
.diffs button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:2px 14px 2px 4px;border:2px solid var(--line);border-radius:999px;background:var(--white);font-weight:800;font-size:.84rem;color:var(--muted);cursor:pointer}
.diffs button:hover{border-color:var(--line-2);color:var(--ink)}
.diffs button[aria-pressed=true]{border-color:var(--red);background:var(--wash);color:var(--red)}
.diffs img{width:26px;height:26px}
.qc-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 20px 0}
.pay-cell{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:20px;background:var(--wash)}
.pay-coin{background:#fff6dc;border-color:#f1d38a}
.pay-cell img{width:40px;height:40px;object-fit:contain;flex:none}
.pay-cell strong{display:block;font:400 1.9rem/1 var(--display);color:var(--ink)}
.pay-cell small{display:block;font-weight:800;font-size:.76rem;line-height:1.2;color:var(--muted)}
.pay-mult{display:inline-block;margin-left:2px;color:var(--red)}
.qc-foot{padding:12px 20px 18px;font-weight:700;font-size:.88rem;color:var(--muted)}
.js:not(.calm) .qc-pay .bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.25) rotate(-4deg)}}

/* ───────── shelf ───────── */
.shelf-grid{align-items:center}
.shs1{--s:clamp(70px,7vw,104px);right:0;top:4%;--r:12deg}
.aisle-wrap{margin-top:clamp(40px,5vw,72px)}
.aisle-h{font-size:clamp(1.6rem,2.4vw,2.2rem);color:var(--red-deep);margin-bottom:16px}
.aisles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.aisles li{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 8px 14px;border:1.5px solid var(--line);border-radius:22px;background:var(--cream);text-align:center;font-weight:800;font-size:.86rem;line-height:1.2;text-wrap:balance;box-shadow:var(--sh)}
.aisles img{width:64px;height:64px}
.brand-grid{margin-top:clamp(48px,6vw,96px)}
.sub-h{font-size:clamp(2.2rem,4.4vw,4.2rem);color:var(--red-deep)}
.bd-card{max-width:520px;margin-top:26px;overflow:hidden}
.bd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1.5px solid var(--line)}
.bd-head h4{margin:0;font:400 1.5rem/1 var(--display)}
.bd-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 16px 4px}
.bd-tiles li{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 4px;border:1.5px solid var(--line);border-radius:18px;background:var(--wash);text-align:center}
.bd-tiles b{font:400 1.9rem/1 var(--display);color:var(--red)}
.bd-tiles b small{font:800 .78rem var(--ui);color:var(--muted);margin-left:1px}
.bd-tiles sup{font:800 .8rem/1 var(--ui);vertical-align:top;position:relative;top:.25em;margin-right:2px}
.bd-tiles span{font-weight:800;font-size:.78rem;color:var(--ink);max-width:100%;overflow-wrap:anywhere}
.bd-foot{padding:10px 20px 16px;font-weight:700;font-size:.86rem;color:var(--muted)}

/* ───────── level up ───────── */
.level-grid{align-items:center}
.lvl-label{margin-top:34px;font:800 .78rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--butter)}
.eat-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.btn-eat{min-height:58px;padding:0 24px 0 12px;background:var(--cream);color:var(--ink);font-size:1.02rem}
.eat-ic{width:38px;height:38px}
.passport{position:relative;min-width:0}
.pp-stack{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
.pp-stack>.card{position:relative;z-index:2;margin-left:-36px;min-width:0}
.pp-stack>.phone{--pw:clamp(200px,18vw,262px);--r:-4deg;margin:0;z-index:1}
.pp-card{position:relative;max-width:560px;margin-inline:auto;overflow:hidden}
.pp-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border-bottom:1.5px solid var(--line)}
.pp-av{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1.5px solid var(--line)}
.pp-head h3{font-size:1.7rem}
.pp-title{font-weight:800;font-size:.92rem;color:var(--red);line-height:1.2}
.tx-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:12px 20px;border-bottom:3px dashed var(--line)}
.tx-row:last-child{border-bottom:0}
.tx-art{width:48px;height:48px}
.tx-top{display:flex;align-items:center;gap:10px}
.tx-top b{font-size:1.02rem}
.tx-kind{font:800 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tx-lvl{margin-left:auto;padding:.1em .7em;border-radius:999px;background:var(--gloss);color:var(--white);font:800 .82rem/1.5 var(--mono)}
.tx-lvl i{font-style:normal}
.tx-bar{height:18px;margin-top:6px;border:1.5px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.tx-fill{display:block;height:100%;width:var(--w,0%);border-radius:0 10px 10px 0;background:linear-gradient(180deg,#ffffff4d,#ffffff00 55%),var(--gloss);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.tx-num{margin-top:4px;font:800 .78rem var(--mono);color:var(--muted)}
.tx-num i,.tx-num em{font-style:normal}
.tx-row:nth-child(1){--w:60%}.tx-row:nth-child(2){--w:40%}.tx-row:nth-child(3){--w:44%}.tx-row:nth-child(4){--w:38%}.tx-row:nth-child(5){--w:75%}
.js:not(.calm) .tx.in .tx-fill{animation:climb 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes climb{from{width:0}}
.tx-row.bump .tx-fill{animation:none}
.pop{position:absolute;left:50%;top:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px;padding:20px 34px 18px;border:1.5px solid var(--line);border-radius:28px;background:var(--white);box-shadow:var(--sh-lg);text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6)}
.pop.show{animation:popin 2s ease both}
.calm .pop.show{animation:none;opacity:1;transform:translate(-50%,-50%)}
@keyframes popin{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-6deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}22%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-56%) scale(.95)}}
.pop-art{width:84px;height:auto}
.pop b{font:400 2.2rem/1 var(--display)}
.pop span{font-weight:800;font-size:.95rem}
.pp-note{max-width:520px;margin:34px 0 0;font-weight:700;font-size:1rem;color:#ffe3e6}
.pp-note b{color:var(--butter)}
.badges{display:flex;flex-wrap:wrap;gap:6px;max-width:560px;margin:16px 0 0}
.badges li{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffffff14}
.badges img{width:46px;height:46px}
.badges-note{max-width:520px;margin:10px 0 0;font:800 .78rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ffe3e6}
.passport .fict{display:flex;width:max-content;margin:20px auto 0}

/* ───────── streak + leagues ───────── */
.sl-grid{align-items:center}
.ss1{--s:clamp(84px,8vw,120px);left:0;bottom:12%;--r:-10deg}
.streak-card,.league-card{max-width:600px;padding:22px 24px}
.streak-card{margin-top:clamp(34px,3.4vw,50px)}
.league-card{margin-top:22px}
.streak-card h3,.league-card h3{display:flex;align-items:center;gap:12px;font-size:1.9rem}
.xp-chip{padding:.1em .6em;border-radius:999px;background:var(--butter);border:1.5px solid var(--line);font:800 .9rem/1.5 var(--mono)}
.sc-p{margin-top:6px;font-weight:700;color:var(--muted)}
.moves{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.moves li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:16px;background:#fff;font-weight:800;font-size:.9rem;line-height:1.25}
.moves li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:0;background:var(--gloss);box-shadow:inset 0 2px 0 #ffffff59}
.slider-row{margin-top:20px}
.slider-row label{display:flex;justify-content:space-between;align-items:baseline;font-weight:800}
.slider-row label b{font:400 1.7rem/1 var(--display);color:var(--red)}
input[type=range]{width:100%;height:32px;margin:6px 0 0;accent-color:var(--red);cursor:pointer}
.next{font-weight:800;font-size:.92rem}
.miles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px}
.miles li{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border:1.5px solid var(--line);border-radius:14px;background:#fff;text-align:center;line-height:1.1;transition:background .2s,color .2s}
.miles b{font:400 1.45rem/1 var(--display)}
.miles span{font:800 .56rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.miles i{margin-top:4px;font:800 .66rem var(--mono);font-style:normal}
.miles li.hit{background:var(--gloss);color:var(--white)}
.miles li.nxt{background:var(--wash);color:var(--red)}
.frz{margin-top:14px;font-weight:700;font-size:.92rem;color:var(--muted)}
.ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px;align-items:end}
.ladder li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:3px solid transparent;border-radius:16px;font-weight:800;font-size:.82rem}
.ladder img{width:min(62px,100%);height:auto}
.ladder li.here{border-color:var(--red);background:var(--wash);color:var(--red)}
.ladder li.here img{transform:scale(1.14)}
.lg-p{margin-top:14px;font-weight:700;font-size:.95rem;color:var(--muted)}


/* ───────── watch: Trending + LikTV ───────── */
/* Two screens side by side: a tall red one for short reels, a wide dark one for long-form. */
.wt-head{position:relative}
.wt-head h2{font-size:clamp(2.9rem,7.4vw,7.2rem)}
.wt-head .lead{max-width:none}
.wt-head .lead span{display:block}
.wt-fork{--s:clamp(120px,12.5vw,178px);--r:14deg;right:clamp(0px,3.4vw,56px);top:clamp(4px,1.4vw,22px)}
.wt-bento{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,9fr);gap:clamp(14px,1.6vw,22px);margin-top:clamp(40px,4.6vw,64px)}
.wt-card{position:relative;isolation:isolate;display:flex;min-width:0;overflow:hidden;border-radius:clamp(30px,3vw,44px);padding:clamp(26px,2.8vw,40px);color:var(--white)}
.wt-card h3{font-size:clamp(2.7rem,4.2vw,4rem);color:var(--white)}
.wt-copy>p:not(.fict){margin-top:14px;font-weight:650;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.42;color:#fffffff0}
.wt-card .fict{background:#ffffff1f;color:#ffe9ec;box-shadow:inset 0 0 0 1px #ffffff40}
.wt-card .fict::before{background:var(--gold)}
.wt-name{display:flex;align-items:center;gap:clamp(10px,1.1vw,16px)}
.wt-name .wt-art{flex:none;width:clamp(70px,6.2vw,92px);rotate:-7deg;filter:drop-shadow(0 10px 14px #3a000866)}
.wt-shot{position:relative}
.wt-shot .phone{margin:0}

.wt-trend{flex-direction:column;align-items:center;padding-bottom:0;background:var(--dot-lt),radial-gradient(520px 400px at 8% -6%,#f6586c 0%,transparent 62%),radial-gradient(560px 560px at 112% 108%,#8e0a1f 0%,transparent 60%),var(--red);box-shadow:inset 0 2px 0 #ffffff59,inset 0 -4px 0 #65081740,0 26px 50px #d4082740}
.wt-trend .wt-copy{align-self:stretch}
.wt-tabs{display:flex;flex-wrap:wrap;gap:4px clamp(12px,1.4vw,20px);margin-top:18px}
.wt-tabs li{position:relative;padding-bottom:9px;font:400 clamp(1.08rem,1.4vw,1.22rem)/1 var(--display);color:#ffffffb8;white-space:nowrap}
.wt-tabs li.on{color:var(--white)}
.wt-tabs li.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:4px;background:var(--white)}
.wt-trend .wt-shot{margin:clamp(22px,2.4vw,32px) 0 clamp(-64px,-4.4vw,-44px)}
.wt-trend .fict{position:absolute;z-index:4;left:50%;bottom:16px;translate:-50% 0;margin:0;white-space:nowrap;background:var(--white);color:var(--muted);box-shadow:var(--sh)}
.wt-trend .fict::before{background:var(--red)}
.ph-wt-reel{--pw:clamp(224px,19.6vw,276px);--r:-3deg}
.wt-trend .phone-device{filter:drop-shadow(0 26px 34px #3a000866) drop-shadow(0 4px 8px #3a000833)}
.wt-heart{--s:clamp(68px,6.2vw,88px);--r:14deg;right:-19%;top:37%;z-index:3}

.wt-tv{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,13fr);column-gap:clamp(18px,2.2vw,32px);align-items:center;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 4px),radial-gradient(560px 520px at 76% 48%,#d4082759 0%,transparent 68%),radial-gradient(420px 320px at 0% 0%,#65081799 0%,transparent 70%),var(--ink);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 2px 0 #ffffff1f,0 26px 50px #24151a47}
.wt-tv::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(460px 440px at 76% 48%,#f0445973 0%,transparent 66%);animation:wt-glow 5.5s ease-in-out infinite alternate}
@keyframes wt-glow{from{opacity:.25}to{opacity:1}}
.wt-tv .wt-copy{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:0}
.wt-tv .wt-copy>p:not(.fict){color:#ffffffd1}
.wt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.wt-chips li{padding:.44em .95em .4em;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff29;font:750 .86rem/1.2 var(--ui);color:#ffffffe0}
.wt-chips li.on{background:var(--gloss);box-shadow:inset 0 2px 0 #ffffff59,0 6px 14px #d4082759;color:var(--white)}
.wt-shows{display:grid;gap:8px;align-self:stretch;margin-top:auto;padding-top:clamp(18px,2vw,26px)}
.wt-shows li{display:grid;grid-template-columns:clamp(92px,8.4vw,116px) minmax(0,1fr);gap:12px;align-items:center;padding:6px;border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}
.wt-shows li>span{min-width:0}
.wt-poster{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden}
.wt-poster img{display:block;width:100%;height:100%;object-fit:cover}
.wt-poster i{position:absolute;right:4px;bottom:4px;padding:.18em .5em;border-radius:6px;background:#000000b8;color:var(--white);font:800 .62rem/1.3 var(--ui)}
.wt-shows b{display:block;font:400 clamp(1.1rem,1.5vw,1.3rem)/1.05 var(--display);color:var(--white)}
.wt-shows small{display:block;margin-top:3px;font:650 .76rem/1.25 var(--ui);color:#ffffffa6}
.wt-tv .wt-copy .fict{margin-top:16px}
.wt-duo{display:flex;justify-content:center;align-items:flex-start;padding:0 0 clamp(48px,5.4vw,76px)}
.ph-wt-a{--pw:clamp(196px,19.4vw,280px);--r:-5deg;z-index:2;margin-right:-24%!important}
.ph-wt-b{--pw:clamp(196px,19.4vw,280px);--r:4deg;z-index:3;top:clamp(48px,5.4vw,76px)}
.wt-tv .phone-device{filter:drop-shadow(0 26px 36px #00000080) drop-shadow(0 4px 8px #00000059)}
.wt-chip{position:absolute;z-index:5;left:-1%;bottom:3%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px 8px 8px;border-radius:22px;background:var(--white);color:var(--ink);box-shadow:0 2px 4px #0000002e,0 20px 40px #00000073;rotate:-4deg}
.wt-chip img{display:block;width:54px;height:54px;border-radius:15px;object-fit:cover}
.wt-chip b{display:block;font:400 1.2rem/1.05 var(--display);white-space:nowrap}
.wt-chip small{display:block;margin-top:2px;font:650 .72rem/1.25 var(--ui);color:var(--muted);white-space:nowrap}
.wt-plan{padding:.56em 1.05em .5em;border-radius:999px;background:var(--gloss);color:var(--white);font:400 1.02rem/1 var(--display);box-shadow:inset 0 2px 0 #ffffff59,0 6px 12px #d4082759}

/* ───────── leaderboards ───────── */
.climb-grid{align-items:center}
.kinds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:30px;max-width:620px}
.kinds li{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:14px 6px 14px;border:1px solid #ffffff40;border-radius:22px;background:#ffffff14;box-shadow:inset 0 1px 0 #ffffff2e;text-align:center}
.kinds img{width:56px;height:56px;object-fit:contain;margin-bottom:4px}
.kinds b{font:400 1.25rem/1 var(--display);color:var(--white)}
.kinds span{font-weight:700;font-size:.76rem;line-height:1.25;color:#ffe3e6;text-wrap:balance}
.kinds-note{margin-top:20px;max-width:46ch;font-weight:700;font-size:1rem;color:#ffe3e6}
.climb-phones{position:relative;display:grid;place-items:center;min-height:clamp(560px,48vw,700px)}
.cl-blob{border-radius:50%}
.ph-climb{--pw:clamp(230px,22vw,320px);--r:3deg;position:relative;z-index:2}
.climb-phones .bub{z-index:4}
.cb1{left:0;top:8%;--r:-5deg}
.cb2{right:-2%;top:46%;--r:4deg}
.cb3{left:-2%;bottom:14%;--r:-3deg}
.climb-phones .sticker{position:absolute;z-index:4}
.cs1{--s:clamp(84px,8vw,118px);right:2%;top:2%;--r:10deg}
.climb-phones .fict{position:absolute;bottom:0;left:50%;translate:-50% 0;margin:0;white-space:nowrap;z-index:5}
.tier-band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px clamp(28px,4vw,64px);align-items:end;margin-top:clamp(40px,5vw,72px);padding-top:clamp(28px,3vw,40px);border-top:1px solid #ffffff2e}
.tier-band>*{min-width:0}
.tiers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}
.tiers li{display:flex;flex-direction:column;align-items:center;min-width:0}
.tiers img{width:100%;max-width:84px;height:auto;margin-bottom:-6px;position:relative;z-index:1}
.tiers span{display:block;width:100%;padding-top:12px;border:1px solid #ffffff40;border-bottom:0;border-radius:14px 14px 0 0;background:#ffffff1a;color:var(--white);text-align:center;font:800 clamp(.5rem,.95vw,.72rem)/1 var(--mono);letter-spacing:.02em;text-transform:uppercase;height:calc(46px + var(--k,0)*22px)}
.t0{--k:0}.t1{--k:1}.t2{--k:2}.t3{--k:3}.t4{--k:4}.t5{--k:5}.t6{--k:6}
.t6 span{background:var(--gloss-gold);color:var(--wine);border-color:transparent}
.t6 img{max-width:104px;transform:translateY(-4px)}
.tier-copy h3{font-size:clamp(1.9rem,3vw,2.8rem);color:var(--gold)}
.tier-copy p{margin-top:10px;max-width:44ch;font-weight:700;font-size:1.02rem;color:#ffe3e6}

/* ───────── reviews ───────── */
.reviews .wrap{position:relative}
.rev-head{max-width:820px}
.rev-st{--s:clamp(110px,14vw,210px);right:0;top:-24px;--r:9deg;z-index:2}
.rev-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(36px,4vw,56px)}
.rev-split>*{min-width:0}
.rev-demo{position:relative;margin:0;display:flex;flex-direction:column;align-items:center}
.rev-card{position:relative;width:min(100%,440px);transform:rotate(-2deg);overflow:visible}
.rc-photo{position:relative}
.rc-photo>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px 28px 0 0}
.rc-verified{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:.45em;padding:.38em .9em .34em .55em;border-radius:999px;background:var(--white);color:var(--red);font:800 .82rem/1.2 var(--ui);box-shadow:var(--sh)}
.rc-verified::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #d4082733}
.rc-body{position:relative;padding:16px 20px 20px}
.rc-who{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.rc-av{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1.5px solid var(--line)}
.rc-who b{display:block;font-size:1.05rem;line-height:1.2}
.rc-who small{display:block;font-weight:700;font-size:.82rem;color:var(--muted);line-height:1.25}
.rc-rank{display:inline-flex;align-items:center;gap:4px;padding:.2em .7em .2em .25em;border-radius:999px;background:#fff6dc;border:1.5px solid #f1d38a;font:800 .78rem/1.3 var(--ui);color:var(--wine)}
.rc-rank img{width:26px;height:26px}
.rc-dishes{margin-top:14px;border-top:1.5px solid var(--line)}
.rc-dishes li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:3px dashed var(--line);font-weight:800;font-size:.98rem}
.rc-dishes li:last-child{border-bottom:0;padding-bottom:0}
.rc-dishes b{font:400 1.8rem/1 var(--display);color:var(--red)}
.rc-dishes b small{font:800 .8rem var(--ui);color:var(--muted);margin-left:1px}
.rc-crowd span{color:var(--muted)}
.rc-dishes b.hid{display:grid;place-items:center;width:2.1em;height:1.4em;border:2px dashed var(--line-2);border-radius:12px;color:var(--line-2);font-size:1.35rem}
.pin{position:absolute;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gloss);color:var(--white);font:400 1.15rem/1 var(--display);font-style:normal;box-shadow:inset 0 2px 0 #ffffff59,0 0 0 4px var(--cream),0 6px 14px #d4082759}
.p1{right:14px;top:14px}
.p2{left:-17px;top:96px}
.p3{right:-38px;top:50%;translate:0 -50%}
.p4{right:-38px;top:50%;translate:0 -50%}
.rev-demo .fict{margin-top:26px}
.why{display:grid;gap:12px}
.why li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding:16px 20px 16px 16px;border:1.5px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--sh)}
.why>li>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gloss);color:var(--white);font:400 1.4rem/1 var(--display);box-shadow:inset 0 2px 0 #ffffff59}
.why h3{font-size:1.65rem;color:var(--red-deep)}
.why p{margin-top:4px;font-weight:650;font-size:.98rem;line-height:1.4;color:var(--muted)}
.weights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);margin-top:clamp(40px,5vw,72px)}
.weights li{min-width:0;padding:22px 22px 24px;box-shadow:var(--sh-lg)}
.weights svg{width:54px;height:54px;display:block;margin-bottom:12px}
.weights h3{font-size:1.8rem}
.weights p{margin-top:8px;font-weight:650;font-size:.98rem;line-height:1.4;color:var(--muted)}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,64px);margin-top:20px}
.rules li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:20px 0;border-bottom:3px dashed var(--line)}
.rules b{font:400 1.7rem/1 var(--display);color:var(--red)}
.rules h3{font:800 1.2rem/1.25 var(--ui);letter-spacing:0}
.rules p{margin-top:4px;font-weight:650;font-size:.98rem;line-height:1.4;color:var(--muted)}

/* ───────── rewards ───────── */
.rw-grid{align-items:center}
.rw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;max-width:560px}
.rw-cards .card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 16px;border-radius:24px;box-shadow:var(--sh-lg);text-align:center}
.rw-cards .card:nth-child(1){transform:rotate(-3deg)}.rw-cards .card:nth-child(3){transform:rotate(3deg)}
.rw-art{width:min(120px,100%);height:auto}
.rw-cards b{font-size:1rem}
.rw-note{margin-top:22px;max-width:44ch;font-weight:700;font-size:.95rem;color:var(--muted)}
.rs1{--s:clamp(80px,8vw,116px);left:0;top:6%;--r:-10deg}
.rs2{--s:clamp(60px,5.6vw,82px);right:2%;bottom:14%;--r:12deg}

/* ───────── arcade ───────── */
.arcade{padding:clamp(48px,5vw,76px) 0}
.arc-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:20px clamp(24px,4vw,64px);align-items:center}
.arc-grid>*{min-width:0}
.arc-grid h2{font-size:clamp(2.4rem,5vw,4.6rem)}
.arc-lead{color:#ffe3e6;max-width:30ch;margin-top:14px}
.arc-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.arc-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.arc-steps li{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff14;font:400 1.2rem/1 var(--display)}
.arc-steps img{width:38px;height:38px;object-fit:contain}
.arc-shots{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,1.6vw,22px);padding-bottom:44px}
.gs{flex:1;max-width:230px;margin:0;text-align:center}
.gs img{display:block;width:100%;height:auto;border-radius:clamp(16px,2vw,26px);border:4px solid #1f0a0d;box-shadow:0 22px 44px #00000073,0 0 0 1px #ffffff2e}
.gs figcaption{margin-top:12px;font:400 1.3rem/1 var(--display);color:var(--butter)}
.gs-a{rotate:-4deg}.gs-b{translate:0 -22px}.gs-c{rotate:4deg}
.arc-shots .fict{position:absolute;left:50%;bottom:0;translate:-50% 0}

/* ───────── crew ───────── */
.crew-grid{align-items:center}
.invites{display:grid;gap:14px;margin-top:30px;max-width:540px}
.invites li{display:grid;grid-template-columns:minmax(7.6em,auto) minmax(0,1fr);gap:16px;align-items:center;padding:14px 20px;border-radius:24px;box-shadow:var(--sh-lg)}
.invites li:nth-child(1){transform:rotate(-1.4deg)}.invites li:nth-child(2){transform:rotate(1deg)}.invites li:nth-child(3){transform:rotate(-.6deg)}
.invites b{font:400 1.9rem/1 var(--display);color:var(--red)}
.invites span{font-weight:700;font-size:1rem;line-height:1.3}
.ph-crew{--r:4deg}
.cr1{--s:clamp(96px,10vw,150px);left:-2%;bottom:10%;--r:-8deg}
.cr2{--s:clamp(60px,6vw,88px);right:4%;top:4%;--r:12deg}

/* ───────── responsive ───────── */
/* ───────── closing ───────── */
.closing{padding:clamp(72px,8vw,124px) 0;text-align:center}
.closing-in{position:relative;display:flex;flex-direction:column;align-items:center}
.closing-crown{--s:clamp(96px,10vw,148px);--r:-8deg;margin-bottom:6px}
.closing h2{font-size:clamp(3.4rem,9.4vw,8.6rem)}
.closing .lead{max-width:none;margin-top:30px}
.closing .btn{margin-top:30px;min-height:68px;padding:0 46px;font-size:1.6rem}
.cl-s1{--s:clamp(70px,8vw,118px);--r:-12deg;left:5%;top:10%}
.cl-s2{--s:clamp(80px,9vw,132px);--r:10deg;right:6%;top:4%}
.cl-s3{--s:clamp(60px,7vw,100px);--r:14deg;left:13%;bottom:2%}
.cl-s4{--s:clamp(84px,9.4vw,140px);--r:-10deg;right:12%;bottom:6%}

/* long detail that phones start closed (js/home.js); wide screens always show it */
.more>summary{display:none}

/* bigger phones on wide screens, so the screens carry each section */
@media (min-width:761px){
  .ph-fan-a,.ph-fan-c{--pw:clamp(184px,17.6vw,254px)}
  .ph-fan-a{margin-right:-52px!important}
  .ph-fan-c{margin-left:-52px!important}
  .ph-fan-b{--pw:clamp(214px,21.4vw,308px)}
  .ph-duo-a,.ph-duo-b{--pw:clamp(196px,20.2vw,292px)}
  .find-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
  .go-grid{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
}

@media (max-width:1100px){
  .hero-row{grid-template-columns:minmax(0,1fr)}
  .hero-art{min-height:620px;max-width:720px;width:100%;margin:10px auto 0}
  .ph-hero{--pw:clamp(220px,34vw,290px)}
  .hero .lead{max-width:34ch}
  .pp-stack{grid-template-columns:minmax(0,1fr);justify-items:center}
  .pp-stack>.phone{order:-1;--r:3deg}
  .pp-stack>.card{margin:-48px 0 0;width:100%}
  .arc-grid{grid-template-columns:1fr}
  .arc-shots{margin-top:26px}
  .aisles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tier-band{grid-template-columns:1fr}
  .kinds{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wt-bento{grid-template-columns:minmax(0,1fr)}
  .wt-trend{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:center}
  .wt-trend .wt-copy{grid-column:1;grid-row:1;align-self:center}
  .wt-trend .wt-shot{grid-column:2;grid-row:1/3;margin:0 6% clamp(-84px,-8vw,-58px) 0}
  .wt-trend .fict{position:static;translate:none;grid-column:1;grid-row:2;justify-self:start;align-self:end;margin-bottom:clamp(26px,2.8vw,40px)}
  .ph-wt-reel{--pw:clamp(232px,30vw,290px)}
  .ph-wt-a,.ph-wt-b{--pw:clamp(196px,25vw,262px)}
}
@media (max-width:760px){
  .reel{padding:46px 0 54px}
  .title-h{font-size:clamp(2.6rem,14.2vw,4.6rem)}
  .hero{padding-top:62px}
  .t-l1 .t-a{display:block}
  .t-l1,.t-l2{white-space:nowrap}
  .hero-cta{gap:12px}
  .hero-cta .btn{flex:1 1 100%}
  .hero-art{min-height:540px}
  .ph-hero{--pw:min(46vw,210px);right:0}
  .ph-hero-lb{--pw:min(40vw,182px);right:calc(min(46vw,210px) * .62);top:6%}
  .podium{left:-3%;width:70%;bottom:9%}
  .hero-art .fict{font-size:.64rem}
  .fan{padding-bottom:56px}
  .ph-fan-a,.ph-fan-c{--pw:34vw;margin-inline:-20px!important}
  .ph-fan-b{--pw:42vw}
  .scorecard{margin-top:24px}
  .sc-row{grid-template-columns:54px minmax(0,1fr) auto;gap:10px;padding:12px 14px}
  .sc-pic{width:54px;height:54px;border-radius:14px}
  .sc-num{font-size:1.9rem}
  .sc-head{padding:14px 16px}
  .duo{min-height:420px}
  .climb-phones{min-height:500px}
  .duo-blob,.cl-blob{width:96%}
  .ph-duo-a{--pw:44vw;margin-right:-18px!important}
  .ph-duo-b{--pw:42vw}
  .brand-grid .copy{order:-1}
  /* the 14 aisles become one sideways strip */
  .aisles{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-18px;padding:2px 18px 6px}
  .aisles::-webkit-scrollbar{display:none}
  .aisles li{flex:none;flex-direction:row;justify-content:flex-start;gap:10px;padding:8px 14px 8px 8px;border-radius:18px;text-align:left;font-size:.84rem;white-space:nowrap;scroll-snap-align:start}
  .bd-card{display:none}
  .aisles img{width:40px;height:40px;flex:none}
  .bd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabs button{padding:0 18px}
  .qc-head{padding:14px 14px}
  .qc-head h3{font-size:1.4rem}
  .qc-head .sample{grid-column:1/-1;justify-self:start}
  .trail b{width:40px;height:40px;font-size:1.3rem}
  .trail::before{top:42px}
  .trail li{font-size:.74rem}
  .qc-pay{margin-inline:14px;gap:6px}
  .pay-cell{flex-direction:column;align-items:flex-start;gap:4px;padding:10px}
  .pay-cell img{width:32px;height:32px}
  .pay-cell strong{font-size:1.6rem}
  .diffs{padding-inline:14px;gap:6px}
  .diffs button{padding-right:10px;font-size:.78rem}
  .tx-row{padding:12px 14px;gap:10px;grid-template-columns:40px minmax(0,1fr)}
  .tx-art{width:40px;height:40px}
  .pp-head{padding:14px}
  .pp-head .sample{grid-column:1/-1;justify-self:start}
  .eat-btns .btn{flex:1 1 100%}
  .pp-stack>.phone{--pw:56vw}
  .pp-stack>.card{margin-top:-28px}
  .streak-card,.league-card{padding:18px 16px}
  .moves{grid-template-columns:1fr}
  .miles{gap:4px}
  .miles b{font-size:1.15rem}
  .miles i{font-size:.54rem}
  .kinds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinds li:last-child{grid-column:1/-1}
  .tiers{gap:4px}
  .tiers span{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:flex-end;padding:10px 0 8px;font-size:.66rem;letter-spacing:.04em;height:calc(78px + var(--k,0)*16px)}
  .cb1{left:-2%;top:2%}.cb2{right:-2%;top:44%}.cb3{left:-2%;bottom:12%}
  .bub{font-size:.8rem}
  .rev-split{grid-template-columns:1fr}
  .rev-st{--s:96px;top:-40px}
  .rev-card{width:calc(100% - 30px)}
  .p3,.p4{right:-30px}
  .why li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px 14px 12px}
  .why>li>b{width:38px;height:38px;font-size:1.2rem}
  .more{margin-top:26px}
  .more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 22px;border-radius:999px;background:var(--white);color:var(--red-deep);font:400 1.34rem/1 var(--display);box-shadow:inset 0 0 0 1.5px var(--line),var(--sh);cursor:pointer;list-style:none}
  .more>summary::-webkit-details-marker{display:none}
  .more>summary .i{transition:rotate .2s;color:var(--red)}
  .more[open]>summary .i{rotate:45deg}
  .weights{grid-template-columns:1fr;margin-top:18px}
  .rules{grid-template-columns:1fr}
  .rw-cards{gap:8px}
  .rw-cards b{font-size:.86rem}
  .invites li{grid-template-columns:1fr;gap:4px}
  .stop{font-size:.62rem}
  .wt-head .lead{max-width:32ch}
  .wt-head .lead span{display:inline}
  .wt-fork{--s:84px;right:2px;top:44px}
  .wt-bento{margin-top:32px}
  .wt-card{padding:24px 22px 26px;border-radius:32px}
  .wt-trend{display:flex;padding-bottom:0}
  .wt-trend .wt-shot{margin:26px 0 -52px}
  .wt-trend .fict{position:absolute;translate:-50% 0;margin:0}
  .ph-wt-reel{--pw:62vw}
  .wt-heart{--s:74px;right:-15%}
  .wt-tv{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .wt-name .wt-art{width:72px}
  .wt-card h3{font-size:3rem}
  .wt-tv .wt-copy .fict{align-self:center}
  .wt-duo{padding-bottom:13vw}
  .ph-wt-a,.ph-wt-b{--pw:41vw}
  .ph-wt-a{margin-right:-14%!important}
  .ph-wt-b{top:13vw}
  .wt-chip{left:0;bottom:1%}
  /* headline first, then the screens, then the detail */
  .go-grid,.sl-grid{display:flex;flex-direction:column;gap:0}
  .go-grid .copy,.sl-grid .copy{display:contents}
  .go-grid .kicker,.sl-grid .kicker{align-self:flex-start}
  .go-phones,.sl-phones{order:1;margin:28px 0 6px}
  .go-grid .tabs,.go-grid .quest-card,.sl-grid .streak-card,.sl-grid .league-card{order:2}
  .closing .btn{width:100%}
  .cl-s1{--s:62px;left:0;top:4%}
  .cl-s2{--s:70px;right:0;top:0}
  .cl-s3,.cl-s4{display:none}
}
@media (prefers-reduced-motion:reduce){
  .crown{animation:none}
  .wt-tv::before{animation:none;opacity:.6}
}

/* Lik theme: blobs on red/wine reels glow instead of blush */
.c-red [class$="blob"],.c-ink [class$="blob"]{background:radial-gradient(circle at 35% 30%,#ffffff47,#ffffff14 62%,#ffffff05);box-shadow:inset 0 2px 0 #ffffff40}