/* Top Platforms UK - /top-games/ stylesheet (light editorial, deep green + amber) */
@font-face{font-family:"Anton";font-weight:400;font-display:swap;src:url(../fonts/anton-400.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:400;font-display:swap;src:url(../fonts/figtree-400.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:600;font-display:swap;src:url(../fonts/figtree-600.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-display:swap;src:url(../fonts/figtree-700.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:800;font-display:swap;src:url(../fonts/figtree-800.woff2) format("woff2")}
:root{--bg:#fff;--tint:#f2f6f4;--ink:#10241d;--mut:#55685f;--line:#dbe4df;--green:#123a2e;--amber:#f2b33a;--red:#d8432f;
  --fd:"Anton",Impact,"Arial Narrow Bold",sans-serif;--fb:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.7 var(--fb);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);font-weight:700}a:hover{color:var(--red)}
h1,h2{font-family:var(--fd);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.02;margin:0 0 .45em;text-wrap:balance}
h1{font-size:clamp(2.6rem,1.4rem + 4.6vw,5rem)}
h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}
h3{font-size:1.1rem;font-weight:800;margin:0 0 .4em}
p{margin:0 0 1em}
.mw{width:min(1200px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--ink);color:#fff;padding:8px;z-index:99}
.hp{position:absolute!important;left:-9999px!important;opacity:0}
.mmut{color:var(--mut)}
.mk{display:inline-block;font:800 .74rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:12px;padding-bottom:6px;border-bottom:3px solid var(--amber)}
.mlead{font-size:1.12rem;color:var(--mut);max-width:620px}
.mb{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:4px;background:var(--green);color:#fff;font:800 .9rem/1 var(--fb);text-decoration:none;border:2px solid var(--green);cursor:pointer;white-space:nowrap;transition:background .2s}
.mb:hover{background:var(--red);border-color:var(--red);color:#fff}
.mb-o{background:transparent;color:var(--green)}.mb-o:hover{color:#fff}
.mb-l{height:54px;padding:0 28px;font-size:1rem}
.mlink{background:none;border:0;color:var(--green);font:800 .9rem var(--fb);cursor:pointer;padding:0;text-decoration:underline}
.mlogo{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.mlogo svg{width:42px;height:42px}
.mlogo span{display:flex;flex-direction:column;line-height:1}
.mlogo b{font:400 1.45rem/1 var(--fd);text-transform:uppercase;letter-spacing:.02em}
.mlogo small{font:800 .56rem/1 var(--fb);letter-spacing:.24em;color:var(--mut);margin-top:5px}
.mh{position:sticky;top:0;z-index:20;background:#fff;border-bottom:3px solid var(--ink)}
.mh .mw{display:flex;justify-content:space-between;align-items:center;min-height:72px}
.mdate{font:800 .8rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.mhero{padding:72px 0 60px;border-bottom:1px solid var(--line)}
.mhero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.mbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.m3s{display:grid;gap:12px}
.m3{display:grid;grid-template-columns:auto 130px 1fr;gap:16px;align-items:center;padding:12px;border:2px solid var(--ink);border-radius:6px;text-decoration:none;color:var(--ink);background:#fff;box-shadow:5px 5px 0 var(--amber);transition:transform .15s}
.m3:hover{transform:translate(-2px,-2px);color:var(--ink)}
.m3 span{font:400 2.2rem/1 var(--fd);color:var(--red);width:40px;text-align:center}
.m3 img{border-radius:4px;aspect-ratio:16/9;object-fit:cover}
.m3 b{display:block;font-weight:800;font-size:1.05rem}
.m3 small{grid-column:3;margin-top:-14px;font-size:.78rem;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.mhero.sm{padding:52px 0 26px}
.mback{display:inline-block;margin-bottom:16px;font-size:.9rem;text-decoration:none}
.mupd{display:inline-block;margin-top:10px;font-size:.8rem;font-weight:800;color:var(--mut)}
.msec{padding:80px 0}
.mtint{background:var(--tint)}
.msh{max-width:740px;margin-bottom:34px}
.msh h2{margin:0}
.msh p{color:var(--mut);margin:12px 0 0}
.mcols{display:grid;gap:0;border-top:3px solid var(--ink)}
.mcols.c3{grid-template-columns:repeat(3,1fr)}
.mcols.c4{grid-template-columns:repeat(4,1fr)}
.mcols div{padding:24px 22px 24px 0;border-bottom:1px solid var(--line);margin-right:22px}
.mcols p{color:var(--mut);margin:0;font-size:.94rem}
.msplit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.mtick{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:3px solid var(--ink)}
.mtick li{padding:14px 0 14px 34px;border-bottom:1px solid var(--line);position:relative;color:var(--mut)}
.mtick li b{color:var(--ink)}
.mtick li::before{content:"✓";position:absolute;left:4px;top:14px;font-weight:800;color:var(--red)}
.mgrid8{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:g}
.mgrid8 li{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--ink);border-radius:6px;font-weight:800;background:#fff}
.mgrid8 i{font-style:normal;font-size:1.4rem}
.mtable{overflow-x:auto;border:3px solid var(--ink);border-radius:6px;background:#fff}
.mtable table{width:100%;border-collapse:collapse;min-width:820px}
.mtable th{text-align:left;padding:14px 16px;background:var(--green);color:#fff;font:800 .76rem var(--fb);letter-spacing:.12em;text-transform:uppercase}
.mtable td{padding:16px;border-top:1px solid var(--line);vertical-align:middle;font-size:.9rem}
.mtable tr.top td{background:#fffaf0}
.mtable .pos{font:400 2rem/1 var(--fd);color:var(--mut);width:56px;text-align:center}
.mtable tr.top .pos{color:var(--red)}
.mtable .gm{display:flex;gap:14px;align-items:center;min-width:360px}
.mtable .gm img{width:120px;border-radius:4px;aspect-ratio:16/9;object-fit:cover;flex-shrink:0}
.mtable .gm b{display:block;font-size:1.05rem}
.mtable .gm em{display:inline-block;font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--amber);color:var(--ink);padding:3px 7px;border-radius:3px;margin:3px 0}
.mtable .gm span{display:block;color:var(--mut);font-size:.86rem;line-height:1.45}
.mtable .gn{color:var(--mut);font-weight:700;white-space:nowrap}
.mtable .ft{color:var(--green);font-weight:800;font-size:.82rem;white-space:nowrap}
.mtable .go{text-align:right}
.mfaq{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:3px solid var(--ink)}
.mfaq details{border-bottom:1px solid var(--line)}
.mfaq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;font-weight:800;position:relative}
.mfaq summary::-webkit-details-marker{display:none}
.mfaq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font:400 1.5rem var(--fd);color:var(--red)}
.mfaq details[open] summary::after{content:"–"}
.mfaq p{color:var(--mut);margin:0 0 18px}
.tform{display:grid;gap:14px;padding:28px;border:3px solid var(--ink);border-radius:6px;background:#fff;box-shadow:6px 6px 0 var(--amber)}
.tform label{display:grid;gap:7px;font-weight:800;font-size:.88rem}
.tform input,.tform textarea{width:100%;height:50px;padding:0 14px;border-radius:4px;border:2px solid var(--line);background:var(--tint);color:var(--ink);font:600 1rem var(--fb)}
.tform textarea{height:140px;padding:12px 14px;resize:vertical}
.tform input:focus,.tform textarea:focus{outline:0;border-color:var(--green);background:#fff}
.form-msg{font-weight:800;font-size:.92rem}
.form-msg.ok{padding:12px 14px;border-radius:4px;background:#e2f4ea;color:#17703b}
.form-msg.err{padding:12px 14px;border-radius:4px;background:#fde6e1;color:#a8320f}
.mprose{max-width:800px}
.mprose h2{font-size:1.8rem;margin:1.6em 0 .4em}.mprose h2:first-child{margin-top:0}
.mprose p,.mprose li{color:#34463f}
.mf{background:var(--green);color:#cfe0d8}
.mf a{color:#fff}
.mf .mlogo{color:#fff}.mf .mlogo small{color:#9fb8ad}
.mf-g{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;padding:56px 0 30px}
.mf-g p{font-size:.9rem;max-width:420px;margin-top:14px}
.mf-g h4{font:400 1.2rem var(--fd);text-transform:uppercase;color:var(--amber);margin:0 0 12px}
.mf-g a{display:block;color:#cfe0d8;text-decoration:none;padding:4px 0;font-weight:700;font-size:.92rem}
.mf-g a:hover{color:#fff}
.mf-d{padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.86rem}
.mf-d b{color:#fff}
.mf-b{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:22px 0 30px;font-size:.8rem;color:#9fb8ad}
.mf .mlink{color:var(--amber)}
.mcookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:6px;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--amber)}
.mcookie p{margin:0;font-size:.86rem;color:var(--mut)}
.mcookie div{display:flex;gap:8px;flex-shrink:0}
.mcookie .mb{height:40px;padding:0 16px;font-size:.84rem}
[hidden]{display:none!important}
@media (max-width:1000px){
  .mhero-in,.msplit{grid-template-columns:1fr}
  .mcols.c4,.mgrid8{grid-template-columns:repeat(2,1fr)}
  .mcols.c3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .mdate{display:none}
  .msec{padding:56px 0}
  .mhero{padding:52px 0 44px}
  .mcols.c3,.mcols.c4,.mfaq,.mf-g{grid-template-columns:1fr}
  .mcols div{margin-right:0}
  .m3{grid-template-columns:auto 96px 1fr;gap:12px}
  .mcookie{flex-direction:column;align-items:stretch}.mcookie .mb{flex:1}
}
@media (max-width:460px){.mgrid8{grid-template-columns:1fr}.tform{padding:20px}}