/* review-philippines — Philippines: warm cream pages, deep-blue bands, the eight-ray sun as the motif,
   ranking "tickets" with the offer behind a perforated edge, peso amounts and e-wallet chips up front. Mobile first. */
*,*::before,*::after{box-sizing:border-box}
:root{
  --ink:#16182a;--muted:#5b5f72;--line:#e9e3d6;--bg:#fbf8f1;--card:#fff;--star:#f2b705;
  --red:#ce1126;--sunc:var(--accent);
  --deep:color-mix(in srgb,var(--primary) 72%,#050816);
  --deep2:color-mix(in srgb,var(--primary) 88%,#000);
  --tint-p:color-mix(in srgb,var(--primary) 8%,#fff);
  --tint-a:color-mix(in srgb,var(--accent) 18%,#fff);
  --p-ink:color-mix(in srgb,var(--primary) 70%,#000);
  --R:calc(var(--radius) + 8px);
  --shadow:0 1px 2px rgba(22,24,42,.05),0 12px 28px -14px rgba(22,24,42,.22);
  --display:'Bricolage Grotesque',var(--font);
}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--font);overflow-wrap:break-word}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(1.85rem,5vw,3.3rem)}
h2{font-size:clamp(1.3rem,2.6vw,1.85rem)}
h3{font-size:1.12rem}
p{margin:0 0 1em}
.r-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.ar-narrow{max-width:880px}

/* ---------- sun motif ---------- */
.ar-sun{display:block;fill:var(--sunc)}

/* ---------- buttons, tags, chips ---------- */
.r-btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;text-decoration:none;font-weight:800;border-radius:12px;padding:12px 20px;font-size:.95rem;line-height:1.2;text-align:center;border:0;transition:transform .15s,filter .15s,box-shadow .15s}
.r-btn:hover{transform:translateY(-1px)}
.r-btn-cta{background:var(--accent);color:#16182a;color:oklch(from var(--accent) clamp(0,(.68 - l) * 999,1) 0 0);box-shadow:0 6px 0 -1px color-mix(in srgb,var(--accent) 55%,#000)}
.r-btn-cta:hover{filter:brightness(1.05)}
.r-btn-cta:active{transform:translateY(3px);box-shadow:0 2px 0 -1px color-mix(in srgb,var(--accent) 55%,#000)}
.r-btn-ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.r-btn-block{width:100%}
.ar-btn-sun{background:var(--accent);color:#16182a;color:oklch(from var(--accent) clamp(0,(.68 - l) * 999,1) 0 0)}
.ar-btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)}
.ar-btn-line:hover{box-shadow:inset 0 0 0 2px #fff}
.ar-tag,.r-tag{display:inline-block;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:8px;background:var(--tint-p);color:var(--p-ink);line-height:1.4}
.ar-tag-sun{background:color-mix(in srgb,var(--accent) 26%,transparent);color:inherit}
.ar-more{font-weight:800;text-decoration:none;color:var(--p-ink);font-size:.9rem;white-space:nowrap}
.ar-more:hover{text-decoration:underline}
.ar-chips{display:flex;flex-wrap:wrap;gap:6px}
.ar-chip{font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#f1ede4;color:#3d4152;line-height:1.5}
.ar-chip-gcash{background:#e3efff;color:#0b4fc4}
.ar-chip-maya{background:#e2f7ec;color:#0b7a46}
.ar-chip-crypto{background:#fff1dc;color:#8a5200}
.ar-chip-more{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}

/* ---------- header ---------- */
.ar-stripe{height:5px;background:linear-gradient(90deg,var(--primary) 0 50%,var(--red) 50% 100%)}
.ar-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.ar-top-in{display:flex;align-items:center;gap:16px;min-height:62px}
.r-logo{text-decoration:none;display:flex;align-items:center;font-size:1.15rem;flex:none;min-width:0;font-family:var(--display)}
.r-logo-img{height:40px;width:auto;display:block}
.r-menu-wrap{flex:1;display:flex;justify-content:flex-end}
.r-menu{--menu-accent:var(--primary)}
.r-lang{display:flex;gap:4px;flex:none}
.r-lang a{text-decoration:none;font-size:.78rem;font-weight:800;padding:5px 10px;border-radius:8px;box-shadow:inset 0 0 0 1.5px var(--line)}
.r-lang a.active{background:var(--deep);color:#fff;box-shadow:none}

/* ---------- hero ---------- */
.ar-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,var(--deep2),var(--deep) 60%);color:#fff;padding:44px 0 36px}
.ar-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--primary) 0 50%,var(--red) 50% 100%);opacity:.9}
.ar-hero-sun{position:absolute;width:min(560px,90vw);right:-140px;top:-160px;opacity:.13;animation:ar-spin 120s linear infinite}
@keyframes ar-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ar-hero-sun{animation:none}}
.ar-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.ar-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:14px}
.ar-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}
.ar-hero h1{max-width:20ch}
.ar-hero-sub{font-size:1.08rem;color:rgba(255,255,255,.82);max-width:60ch}
.ar-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}

/* podium: top three as three cards (scrolls sideways on small phones) */
.ar-podium-row{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 2px 6px;margin-top:-16px}
.ar-pod{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:var(--card);color:var(--ink);border-radius:var(--R);padding:22px 14px 14px;box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}
.ar-pod-1{outline:3px solid var(--accent);outline-offset:-3px}
.ar-pod-medal{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:.9rem;color:#16182a;background:#d8dbe4;box-shadow:0 0 0 3px var(--card)}
.ar-pod-1 .ar-pod-medal{background:var(--accent)}
.ar-pod-2 .ar-pod-medal{background:#cfd4de}
.ar-pod-3 .ar-pod-medal{background:#e2b48a}
.ar-pod-logo{display:block;width:100%}
.ar-pod-logo .r-blogo{width:100%;height:64px}
.ar-pod-name{font-weight:800;text-decoration:none;font-family:var(--display);font-size:1.05rem}
.ar-pod-bonus{font-weight:700;font-size:.88rem;line-height:1.35;min-height:2.7em;color:#2c3040}
.ar-pod .r-btn{margin-top:auto}

/* ---------- score in the sun ---------- */
.ar-score{--s:58px;position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);flex:none}
.ar-score .ar-sun{position:absolute;inset:0;width:100%;height:100%}
.ar-score b{position:relative;font-family:var(--display);font-weight:800;font-size:calc(var(--s) * .27);color:#16182a;line-height:1}
.ar-score-sm{--s:50px}
.ar-score-xl{--s:104px}

/* ---------- topic pills ---------- */
.ar-pills{margin-top:18px;margin-bottom:6px}
.ar-pills-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
.ar-pill{flex:none;text-decoration:none;font-weight:700;font-size:.88rem;padding:8px 14px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);white-space:nowrap}
.ar-pill:hover{box-shadow:inset 0 0 0 1.5px var(--primary)}
.ar-pill.active{background:var(--deep);color:#fff;box-shadow:none}

/* ---------- sections ---------- */
.ar-home,.ar-page{padding-top:18px;padding-bottom:56px}
.ar-sec{margin:0 0 44px}
.ar-sec-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ar-sec-head h2{margin:0}
.ar-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;background:var(--deep);color:#fff;font-weight:800;font-size:.85rem}
.ar-intro{font-size:1.06rem;color:#30344a;max-width:820px;margin:0 0 40px}
.ar-media{margin:0 0 40px}
.ar-media img,.ar-prose img{border-radius:var(--R)}

/* ---------- ranking tickets ---------- */
.ar-tickets{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ar-ticket{display:grid;grid-template-columns:minmax(0,1fr);background:var(--card);border-radius:var(--R);box-shadow:var(--shadow);overflow:hidden;position:relative}
.ar-ticket-1{box-shadow:0 0 0 2.5px var(--accent),var(--shadow)}
.ar-t-brand{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px}
.ar-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--deep);color:#fff;font-weight:800;font-family:var(--display);flex:none}
.ar-podium .ar-rank{background:var(--accent);color:#16182a}
.ar-t-logo .r-blogo{width:96px;height:50px;padding:6px 8px}
.ar-t-name h2,.ar-t-name h3{font-size:1.12rem;margin:0 0 4px}
.ar-t-name a{text-decoration:none}
.ar-t-name a:hover{color:var(--p-ink)}
.ar-t-offer{position:relative;padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,#fff),#fff);border-top:2px dashed var(--line)}
.ar-t-offer::before,.ar-t-offer::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg)}
.ar-t-offer::before{left:-10px}.ar-t-offer::after{right:-10px}
.ar-t-offer>small{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ar-t-bonus{display:block;font-family:var(--display);font-size:1.2rem;line-height:1.25;margin:2px 0 10px}
.ar-t-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.ar-t-facts div{background:var(--bg);border-radius:10px;padding:7px 10px}
.ar-t-facts dt{font-size:.7rem;color:var(--muted);font-weight:700}
.ar-t-facts dd{margin:0;font-weight:800}
.ar-t-actions{display:flex;align-items:center;gap:14px;margin-top:14px}
.ar-t-actions .r-btn{flex:1}
.ar-t-sum{grid-column:1/-1;margin:0;padding:12px 16px 16px;color:var(--muted);font-size:.94rem;border-top:1px solid var(--line)}

/* ---------- criteria ---------- */
.ar-criteria{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.ar-crit{background:var(--card);border-radius:var(--R);padding:20px;box-shadow:var(--shadow)}
.ar-crit p{margin:0;color:var(--muted);font-size:.95rem}
.ar-crit-n{position:relative;display:grid;place-items:center;width:46px;height:46px;margin-bottom:10px}
.ar-crit-n .ar-sun{position:absolute;inset:0;width:100%;height:100%}
.ar-crit-n b{position:relative;font-weight:800;color:#16182a}

/* ---------- games ---------- */
.r-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.r-game{text-decoration:none;display:flex;flex-direction:column;gap:2px;background:var(--card);border-radius:var(--R);padding:8px 8px 12px;box-shadow:var(--shadow)}
.r-game-art{aspect-ratio:1;border-radius:calc(var(--R) - 6px);background:linear-gradient(135deg,var(--deep),var(--primary));margin-bottom:8px}
.r-game-mono{display:grid;place-items:center;height:100%;color:var(--accent);font-size:2.4rem;font-weight:800}
.r-game-name{font-weight:800;font-size:.93rem;padding:0 4px;line-height:1.3}
.r-game small{color:var(--muted);padding:0 4px}
.r-game-hero{border-radius:var(--R)}

/* ---------- guides ---------- */
.ar-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ar-guide{display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--card);border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700;line-height:1.35}
.ar-guide:hover{box-shadow:inset 0 0 0 2px var(--primary)}
.ar-guide-n{flex:none;font-family:var(--display);font-weight:800;color:var(--red)}

/* ---------- text ---------- */
/* every text section is its own card (home, lists, articles, reviews) */
.ar-prose>.r-text{background:var(--card);border-radius:var(--R);box-shadow:var(--shadow);padding:24px clamp(18px,4vw,40px);margin:0 0 14px}
.ar-prose>.r-text>p:last-child{margin-bottom:0}
.ar-prose>.r-text p{max-width:78ch}
.ar-prose>.si,.ar-prose>figure,.ar-prose>img{margin:0 0 14px}
.r-text p{color:#2b2f44}
.r-text h2{font-size:clamp(1.22rem,2vw,1.55rem)}
.r-text h2::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:2px;background:var(--red);margin-right:.45em;vertical-align:.12em;transform:rotate(45deg)}
.r-lead{font-size:1.1rem;color:var(--muted)}
.r-faq{margin-top:28px}
.r-faq>h2{margin-bottom:14px}
.r-faq details{background:var(--card);border:0;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);margin:0 0 10px;padding:0 18px}
.r-faq details[open]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}
.r-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:800}
.r-faq summary::-webkit-details-marker{display:none}
.r-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--tint-a);font-size:1.15rem;transition:transform .2s}
.r-faq details[open] summary::after{transform:rotate(45deg)}
.r-faq details p{margin:0;padding:0 0 16px;color:var(--muted)}
.r-toc{background:var(--card);border-radius:var(--R);box-shadow:var(--shadow);padding:18px 22px;margin-bottom:14px}
.r-toc strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.r-toc ol{margin:.6em 0 0;padding-left:1.3em}
.r-toc li{margin-bottom:4px}
.r-toc a{text-decoration:none;font-weight:600}
.r-toc a:hover{color:var(--p-ink)}
.r-crumbs{font-size:.82rem;color:rgba(255,255,255,.7);margin-bottom:12px}
.r-crumbs a{text-decoration:none;font-weight:700}
.r-crumbs a:hover{color:#fff}

/* ---------- inner-page band ---------- */
.ar-band{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 90% 0%,var(--deep2),var(--deep) 65%);color:#fff;padding:26px 0 30px}
.ar-band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--primary) 0 50%,var(--red) 50% 100%)}
.ar-band-in{position:relative}
.ar-band-sun{position:absolute;width:300px;right:-90px;top:-110px;opacity:.12}
.ar-band h1{margin-bottom:.35em;max-width:26ch}
.ar-band-sub{color:rgba(255,255,255,.82);max-width:68ch;margin-bottom:.6em}
.ar-404 h1{font-size:5rem}

/* ---------- review ---------- */
.ar-rhead{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center}
.ar-rhead-logo{position:relative;max-width:300px}
.r-blogo-lg{width:100%;height:110px;border-radius:var(--R);box-shadow:0 14px 34px -18px rgba(0,0,0,.6)}
.ar-rank-float{position:absolute;top:-10px;left:-10px;background:var(--accent);color:#16182a}
.ar-rhead-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ar-rhead-score small{font-weight:700;color:rgba(255,255,255,.75);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.ar-rhead-score .r-btn{width:auto;flex:1;min-width:180px}
.ar-review{padding-top:22px;padding-bottom:56px}
.ar-keyrow{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:22px}
.ar-card{background:var(--card);border-radius:var(--R);box-shadow:var(--shadow);padding:20px}
.ar-card-title{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-family:var(--font)}
.ar-offer{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,#fff),#fff 60%)}
.ar-offer>small,.ar-offer-pay small{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}
.ar-offer>strong{display:block;font-family:var(--display);font-size:1.45rem;line-height:1.2;margin-bottom:12px}
.ar-offer .ar-t-facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.ar-offer-pay{margin:6px 0 0}
.ar-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ar-bars li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-weight:700;font-size:.92rem}
.ar-bar{grid-column:1/-1;height:8px;border-radius:4px;background:#efe9dc;overflow:hidden}
.ar-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}
.ar-review-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.r-proscons{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:14px}
.r-pros,.r-cons{border-radius:14px;padding:18px 20px}
.r-pros{background:#e8f7ee}.r-cons{background:#fdeeee}
.r-pros h2,.r-cons h2{font-size:1.02rem;margin-bottom:10px}
.r-pros h2::before,.r-cons h2::before{display:none}
.r-pros ul,.r-cons ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.r-pros li,.r-cons li{position:relative;padding-left:28px;line-height:1.45}
.r-pros li::before,.r-cons li::before{position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:.7rem;font-weight:800;color:#fff}
.r-pros li::before{content:"✓";background:#178a4c}
.r-cons li::before{content:"✕";background:var(--red)}
.r-inline-cta{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--R);margin:0 0 14px;background:var(--tint-a);flex-wrap:wrap}
.r-inline-cta .r-blogo{width:100px;height:48px;flex:none}
.r-inline-cta span{flex:1;min-width:160px;display:flex;flex-direction:column}
.r-inline-cta small{color:var(--muted);font-weight:600}
.ar-verdict{position:relative;overflow:hidden;display:grid;gap:14px;background:var(--deep);color:#fff;border-radius:var(--R);padding:24px;margin:8px 0 10px}
.ar-verdict p{color:rgba(255,255,255,.85);margin:0}
.ar-verdict-sun{position:absolute;width:220px;right:-70px;bottom:-80px;opacity:.15}
.ar-verdict-act{position:relative;display:flex;align-items:center;gap:14px}
.ar-others ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.ar-others a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:6px;border-radius:12px}
.ar-others a:hover{background:var(--bg)}
.ar-others .r-blogo{width:92px;height:40px;padding:5px 7px;border-radius:9px;flex:none}
.ar-others span:not(.r-blogo){flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-others b{font-family:var(--display);color:var(--p-ink)}

/* ---------- article mini top ---------- */
.ar-minitop{background:var(--card);border-radius:var(--R);box-shadow:0 0 0 2px var(--accent),var(--shadow);padding:16px;margin:4px 0 18px}
.ar-minitop-title{display:flex;align-items:center;gap:8px;font-weight:800;font-family:var(--display);margin-bottom:10px}
.ar-minitop-title .ar-sun{width:26px;height:26px}
.ar-minitop ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ar-minitop li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ar-minitop-logo .r-blogo{width:90px;height:42px;padding:4px 8px}
.ar-minitop-name{flex:1;min-width:120px;text-decoration:none;font-weight:800;display:flex;flex-direction:column;line-height:1.3}
.ar-minitop-name small{font-weight:600;color:var(--muted)}

/* ---------- legal / shared fallbacks ---------- */
.r-facts{font-size:.94rem}
.r-18{color:inherit}

/* ---------- footer ---------- */
.ar-foot{background:var(--deep);color:rgba(255,255,255,.78);margin-top:20px;padding-bottom:84px}
.ar-foot .r-wrap{padding-top:34px}
.ar-foot .r-logo{color:#fff}
.ar-foot-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.ar-foot-rg{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.ar-foot-rg a{color:#fff}
.ar-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;margin-bottom:24px}
.ar-foot-grid div{display:flex;flex-direction:column;gap:6px;min-width:0}
.ar-foot-grid strong{color:var(--accent);font-family:var(--display);margin-bottom:4px}
.ar-foot-grid a{text-decoration:none;font-size:.9rem}
.ar-foot-grid a:hover{color:#fff;text-decoration:underline}
.ar-disclaimer{font-size:.84rem;border-top:1px solid rgba(255,255,255,.15);padding-top:18px}
.ar-copy{display:flex;align-items:center;gap:8px;font-size:.82rem}
.ar-copy-sun{width:18px;height:18px}

/* ---------- mobile sticky CTA ---------- */
.ar-mbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:45;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:16px;background:var(--deep);color:#fff;box-shadow:0 16px 36px -10px rgba(0,0,0,.55)}
.ar-mbar-logo .r-blogo{width:60px;height:36px;padding:4px 6px;border-radius:9px}
.ar-mbar-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.ar-mbar-txt b,.ar-mbar-txt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-mbar-txt small{color:rgba(255,255,255,.75);font-size:.78rem}
.ar-mbar .r-btn{padding:11px 16px;flex:none}

/* ---------- wider screens ---------- */
@media (min-width:640px){
  .r-wrap{padding:0 22px}
  .r-games{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
  .r-proscons{grid-template-columns:1fr 1fr}
  .ar-t-facts{grid-template-columns:repeat(2,minmax(0,160px))}
}
@media (min-width:900px){
  .ar-hero{padding:64px 0 54px}
  .ar-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:40px}
  .ar-podium-row{overflow:visible;grid-auto-columns:1fr;align-items:end}
  .ar-pod-1{transform:translateY(-14px)}
  .ar-ticket{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  .ar-t-brand{grid-template-columns:auto auto minmax(0,1fr) auto;padding:22px}
  .ar-t-logo .r-blogo{width:130px;height:64px}
  .ar-t-offer{border-top:0;border-left:2px dashed var(--line);padding:22px}
  .ar-t-offer::before,.ar-t-offer::after{left:-11px;right:auto}
  .ar-t-offer::before{top:-10px}.ar-t-offer::after{top:auto;bottom:-10px}
  .ar-t-actions .r-btn{flex:none;min-width:170px}
  .ar-rhead{grid-template-columns:240px minmax(0,1fr) auto;gap:30px}
  .ar-rhead-score{flex-direction:column;align-items:center;text-align:center;width:220px}
  .ar-rhead-score .r-btn{width:100%;flex:none}
  .ar-keyrow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .ar-review-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .ar-side{position:sticky;top:84px}
  .ar-verdict{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .ar-mbar{display:none}
  .ar-foot{padding-bottom:20px}
}
@media (max-width:899px){
  .r-lang{margin-left:auto}
  .r-menu-wrap{flex:none;order:3}
  .ar-top-in{gap:10px}
}
@media (max-width:420px){
  .ar-t-brand{grid-template-columns:auto auto minmax(0,1fr);row-gap:10px}
  .ar-t-brand .ar-score{grid-column:3;justify-self:start}
  .ar-t-logo .r-blogo{width:84px;height:44px}
  .ar-t-actions{flex-wrap:wrap}
  .ar-t-actions .r-btn{width:100%}
}