:root{--paper:#151914;--ink:#f3f0e5;--muted:#a4ad99;--line:#343c30;--yellow:#ffcc36;--green:#b2ca89}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:#0c0f0b;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site{max-width:480px;margin:auto;background:var(--paper);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d8e5a7;outline-offset:4px}header{height:80px;margin:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:900;letter-spacing:-.6px}.brand-mark{height:36px;width:40px;background:var(--ink);color:var(--paper);border-radius:5px;font-size:25px;line-height:34px;padding-left:3px;position:relative}.brand-mark span{font-size:15px;position:absolute;right:-5px;top:-10px;color:var(--ink)}.brand-sub{display:block;font-size:8px;letter-spacing:2.7px;margin-top:5px}.menu-toggle{border:0;background:none;width:44px;height:44px;padding:11px}.menu-toggle span{height:2px;background:var(--ink);display:block;margin:6px 0}nav{padding:16px 22px;border-bottom:1px solid var(--line)}nav a{display:block;padding:13px 0;font-weight:bold}.hero{display:flex;flex-direction:column;padding:24px 18px 0}.hero-copy{display:contents}.hero-copy>.eyebrow{order:1}.hero-copy>h1{order:2}.hero-copy>.intro{order:3}.hero>.game-shell{order:4}.hero-copy>.cta{order:5;margin-top:23px}.hero-copy>.hero-links{order:6}.eyebrow,.section-label{font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.3px;display:flex;align-items:center;gap:7px}.eyebrow>span:last-child{margin-left:auto;color:var(--muted)}.live-dot,.game-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font-size:51px;font-weight:950;line-height:.98;letter-spacing:-3.5px;margin:21px 0 14px}h1 span{display:block;font-size:21px;letter-spacing:2px;line-height:1.5;margin-top:6px}p{font-size:15px;line-height:1.65}.intro{margin:0 0 22px;color:#b6bdac;font-size:14px;line-height:1.6}.game-shell{background:#23261f;border:1px solid #25271f;border-radius:12px;overflow:hidden;scroll-margin-top:10px;box-shadow:0 8px 24px #0005}.game-bar{display:flex;justify-content:space-between;align-items:center;padding:0 8px 0 12px;height:36px;color:#e8e6d6;font-size:9px;letter-spacing:1px}.game-bar span{display:flex;align-items:center;gap:6px}.game-bar i{background:#b0c997}.game-bar button{border:0;color:#e8e6d6;background:transparent;font-size:21px;width:40px;height:36px;display:grid;place-items:center}.game-stage{height:475px;background:#1b2018}.game-stage iframe{border:0;display:block;width:100%;height:100%}.cta{background:var(--yellow);border:1px solid #e0ad13;box-shadow:0 3px 0 #b88e21;border-radius:9px;color:#25271f;font-weight:800;font-size:16px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:100%;transition:transform .15s,background .15s}.cta:hover{background:#ffda60}.cta:active{transform:translateY(2px);box-shadow:none}.cta span{font-size:25px;font-weight:400}.hero-links{display:flex;justify-content:space-between;padding:21px 5px 24px;font-size:12px;font-weight:bold}.hero-links span{margin-left:12px}.ticker{display:flex;gap:15px;align-items:center;justify-content:center;white-space:nowrap;background:#20271b;border-block:1px solid #38412e;padding:14px 0;font-size:10px;font-weight:800;letter-spacing:1px}.ticker b{font-size:16px;color:#c3d794}.section{padding:40px 23px 43px}.section-label{justify-content:space-between;color:var(--muted);margin-bottom:20px}.section-label>span:last-child{font-size:20px;line-height:14px}h2{font-size:35px;letter-spacing:-1.8px;line-height:1.08;margin:0 0 19px;font-weight:850}.lead{color:#b6bdac;margin:0 0 24px;line-height:1.65;font-size:14px}h3{font-size:16px;letter-spacing:-.35px;margin:0 0 7px;line-height:1.3}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.steps li>span{font-size:11px;border:1px solid #566448;border-radius:50%;flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;color:var(--green)}.steps p,.feature p,.bonus-row p{font-size:13px;line-height:1.65;color:#b6bdac;margin:0}.note{background:#252e1e;border-radius:10px;display:flex;padding:19px;gap:15px;margin-top:7px}.note>span{font-size:30px;color:var(--green)}.note h3{font-size:14px}.note p{font-size:12px;margin:0;color:#c1cab4;line-height:1.6}.dark{background:#20271d;color:var(--ink);position:relative}.dark .section-label{color:#b4bda6}.dark .lead,.dark .feature p{color:#c0c5b5}.preview{margin:10px -23px 22px;overflow:hidden}.preview img{width:112%;height:auto;margin-left:-6%;display:block}.feature{display:flex;gap:15px;padding:23px 0;border-top:1px solid #4d5245}.feature-icon{flex-shrink:0;width:35px;font-size:33px;line-height:1}.feature-icon.gold{color:var(--yellow)}.feature-icon.green{color:#b4d69d}.feature h3{font-size:18px;line-height:1.2;margin-bottom:10px}.text-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4d5245;padding-top:22px;margin-top:5px;color:#f8d86f;font-size:14px;font-weight:bold}.bonus{background:#1c2119}.bonus-row{display:flex;gap:24px;padding:23px 0;border-top:1px solid #38412f}.bonus-number{font-family:Georgia,serif;font-size:78px;line-height:1;color:#d6bd77;min-width:43px}.small-label{font-size:9px;font-weight:700;letter-spacing:1.5px}.bonus-row h3{font-size:18px;margin:8px 0}.real-banner{position:relative;overflow:hidden;background:#292819;margin:24px 14px 0;border:1px solid #776335;border-radius:13px;padding:27px 22px}.real-banner .section-label{color:#dfc276;font-size:9px;position:relative;z-index:1}.real-banner h2{font-size:34px;position:relative;z-index:1}.real-banner p{font-size:14px;position:relative;z-index:1}.real-banner .cta{position:relative;z-index:1;background:var(--yellow);color:#25271f;border:1px solid #e0ad13;box-shadow:0 3px 0 #8b681a;margin-top:22px}.banner-art{position:absolute;font-size:200px;right:-28px;top:43px;color:#4b4323;transform:rotate(16deg)}.facts dl{margin:27px 0 0}.facts dl>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;border-bottom:1px solid var(--line);padding:16px 0}.facts dt{color:#b6bdac}.facts dd{font-weight:700;margin:0;text-align:right}.caption{font-size:12px;color:#a4ad99;margin:18px 0 0}.faq{padding-top:14px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;gap:18px;justify-content:space-between;font-size:15px;font-weight:700;line-height:1.5;padding:20px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0 24px 22px 0;font-size:13px;color:#b6bdac}.closing{text-align:center;padding:0 23px 43px}.closing-star{font-size:43px;color:#cfb96e}.closing h2{font-size:27px;margin-top:14px}.outline-button{display:flex;justify-content:space-between;align-items:center;border:1px solid #5a674c;border-radius:8px;padding:16px 20px;font-size:14px;font-weight:700;margin-top:24px}footer{background:#11150f;padding:28px 23px 118px}.footer-brand{display:flex;justify-content:space-between;font-size:21px;font-weight:900;letter-spacing:-.7px}.footer-brand span{border:1px solid #566448;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px;letter-spacing:0}footer p{font-size:12px;color:#b0baa1}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#a4ad99;border-top:1px solid #343c30;padding-top:20px;margin-top:24px}.dock{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:#171c15f5;backdrop-filter:blur(14px);border-top:1px solid #3c4633;padding:12px 16px max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px}.dock>a{font-size:10px;display:flex;align-items:center;flex-direction:column;gap:3px;min-width:42px}.dock>a span{font-size:24px;line-height:24px}.dock .cta{font-size:14px;min-height:48px;padding:0 16px}dialog{width:calc(100% - 32px);max-width:400px;border:1px solid #655b36;border-radius:18px;padding:30px 25px;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px #0005}dialog::backdrop{background:#191e18a8;backdrop-filter:blur(5px)}.modal-close{position:absolute;top:10px;right:10px;border:0;background:none;font-size:28px;width:44px;height:44px}.modal-star{display:block;font-size:64px;color:#d5a41e;margin-bottom:14px}dialog h2{font-size:32px;margin:15px 0}dialog p{font-size:14px;color:#b6bdac}.stay-demo{display:block;border:0;background:none;padding:20px 0 0;width:100%;color:#d8bd67;font-size:13px;font-weight:750;text-decoration:none}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Site-wide full-bleed backgrounds: constrained content must not constrain its section background. */
.site [data-full-bleed]{position:relative;isolation:isolate;background:transparent}
.site [data-full-bleed]::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--bleed-background,transparent);pointer-events:none}

/* Dark mobile theme: native controls and secondary actions. */
:root{color-scheme:dark}
.dark{background:#1a2018}
.feature,.text-link{border-color:#3e473a}
.le-games .game-grid a{background:#10140f;border-color:#30382d}
.editorial-grid article{background:#171b15;border-color:#30372d}
.brand-mark{background:var(--yellow);color:#20251b}
.brand-mark span{color:var(--yellow)}
h1 span{color:#d7bd78}.home-title span{font-size:23px;letter-spacing:.8px;text-transform:none;margin-top:9px}.game-bar{position:relative}.game-rating{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:#191d17;border:1px solid #3b4434;border-radius:999px;white-space:nowrap}.game-rating__stars{color:var(--yellow);font-size:9px;letter-spacing:0;line-height:1}.game-rating strong{color:var(--ink);font-size:9px;line-height:1}
.modal-close,.stay-demo{color:var(--ink)}
.real-banner p{color:#d0c6a6}

/* Demo window controls and fullscreen layout. */
.game-actions{display:flex;align-items:center}
.game-bar button:hover{background:#ffffff0d}
.game-bar svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.game-shell:fullscreen,.game-shell.is-fullscreen{width:100%;height:100%;max-width:none;border:0;border-radius:0;background:#111}
.game-shell:fullscreen .game-stage,.game-shell.is-fullscreen .game-stage{height:calc(100% - 36px)}
.game-stage{position:relative}
.game-ad{position:absolute;z-index:5;top:10px;left:10px;width:174px;padding:10px;border:1px solid #ff9d35;border-radius:9px;background:radial-gradient(circle at 90% 0,#ffae3d 0,transparent 38%),linear-gradient(145deg,#391a43 0%,#191323 58%,#101116 100%);box-shadow:0 6px 22px #000b,0 0 0 1px #ffffff0c inset;color:#fff;text-transform:uppercase;overflow:hidden;transition:transform .15s,filter .15s}
.game-ad::after{content:"";position:absolute;right:-28px;bottom:-38px;width:94px;height:94px;border:15px solid #ff762a26;border-radius:50%;pointer-events:none}
.game-ad:hover{filter:brightness(1.1);transform:translateY(-1px)}
.game-ad:active{transform:translateY(1px)}
.game-ad__brand{display:block;margin-bottom:7px;color:#ff9c32;font-size:8px;font-weight:950;letter-spacing:1.35px}
.game-ad strong{display:block;position:relative;z-index:1;font-size:11px;line-height:1.05;letter-spacing:.15px}
.game-ad strong>b{color:#ff9c32;font-size:19px;letter-spacing:-.6px}
.game-ad__promo{display:block;position:relative;z-index:1;margin-top:6px;color:#c9c2ce;font-size:7px;font-weight:800;letter-spacing:.7px}
.game-ad__promo b{color:#fff;font-size:9px;letter-spacing:.8px}
.game-ad__action{display:flex;position:relative;z-index:1;align-items:center;justify-content:space-between;margin-top:8px;padding:7px 8px;border-radius:5px;background:#5ac44c;box-shadow:0 2px 0 #2c7e28;color:#10160e;font-size:8px;font-weight:950;letter-spacing:.25px}
.game-ad__action b{font-size:14px;line-height:8px}
.game-shell:fullscreen .game-ad,.game-shell.is-fullscreen .game-ad{top:clamp(14px,2vw,24px);left:clamp(14px,2vw,24px);width:clamp(210px,24vw,300px);padding:clamp(12px,1.5vw,18px);border-radius:clamp(10px,1vw,14px)}
.game-shell:fullscreen .game-ad__brand,.game-shell.is-fullscreen .game-ad__brand{margin-bottom:clamp(8px,1vw,12px);font-size:clamp(9px,1vw,13px)}
.game-shell:fullscreen .game-ad strong,.game-shell.is-fullscreen .game-ad strong{font-size:clamp(13px,1.35vw,18px)}
.game-shell:fullscreen .game-ad strong>b,.game-shell.is-fullscreen .game-ad strong>b{font-size:clamp(22px,2.4vw,34px)}
.game-shell:fullscreen .game-ad__promo,.game-shell.is-fullscreen .game-ad__promo{margin-top:clamp(7px,1vw,11px);font-size:clamp(8px,.8vw,11px)}
.game-shell:fullscreen .game-ad__promo b,.game-shell.is-fullscreen .game-ad__promo b{font-size:clamp(10px,1vw,14px)}
.game-shell:fullscreen .game-ad__action,.game-shell.is-fullscreen .game-ad__action{margin-top:clamp(9px,1.2vw,14px);padding:clamp(8px,1vw,12px);font-size:clamp(9px,.9vw,12px)}
.game-shell:fullscreen .game-ad__action b,.game-shell.is-fullscreen .game-ad__action b{font-size:clamp(16px,1.5vw,21px)}
@media(max-width:360px){.game-ad{width:164px;padding:9px}.game-ad strong>b{font-size:17px}}
.dock{transition:transform .2s ease,opacity .2s ease}
.dock.is-hidden{transform:translate(-50%,110%);opacity:0;pointer-events:none}

/* Player-language glossary. */
.slang{background:#171c15}
.slang-list{margin:0}
.slang-list>div{padding:19px 0;border-top:1px solid var(--line)}
.slang-list dt{margin-bottom:7px;color:#f2d26d;font-size:18px;font-weight:850}
.slang-list dd{margin:0;color:#bbc3b0;font-size:13px;line-height:1.65}
.slang-note{margin:9px 0 0;padding:17px 18px;border:1px solid #46513c;border-radius:10px;background:#20271d;color:#c7cebd;font-size:12px;line-height:1.65}

/* Article hub and server-rendered guide pages. */
.articles{background:#11150f}
.article-grid{display:grid;gap:10px}
.article-grid>a{display:grid;grid-template-columns:32px 1fr;gap:3px 12px;padding:18px;border:1px solid #3c4633;border-radius:10px;background:#1a2017;transition:transform .15s,border-color .15s}
.article-grid>a:hover{border-color:#7c8f68;transform:translateY(-1px)}
.article-grid>a>span{grid-row:1/3;color:#d6bd77;font:700 11px/1.3 Arial,sans-serif;letter-spacing:1px}
.article-grid strong{font-size:15px;line-height:1.35}
.article-grid small{color:#aeb7a3;font-size:11px;line-height:1.4}
.article-home{padding:10px 0;color:#f2d26d;font-size:12px;font-weight:800}
.article-page{padding:30px 23px 56px}
.breadcrumbs{display:flex;gap:8px;align-items:center;margin:0 0 24px;padding:0;border:0;color:#9faa94;font-size:10px;letter-spacing:.6px;text-transform:uppercase}
.breadcrumbs a{padding:0;color:#f2d26d}
.article-hero>h1{margin:0 0 20px;font-size:42px;line-height:1.02;letter-spacing:-2.3px}
.article-lead{margin:0 0 24px;color:#c3cbb8;font-size:16px;line-height:1.7}
.article-fact{margin:28px 0 8px;padding:20px;border:1px solid #566448;border-radius:11px;background:#20271d}
.article-fact>span{display:block;margin-bottom:8px;color:#f2d26d;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.article-fact p{margin:0;color:#d1d7c8;font-size:13px;line-height:1.65}
.article-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 4px;border:1px solid #3d4836;border-radius:14px;background:#121710;overflow:hidden}.article-metrics div{display:flex;min-height:98px;align-items:flex-start;justify-content:center;flex-direction:column;padding:17px;border-right:1px solid #343e2f;border-bottom:1px solid #343e2f}.article-metrics div:nth-child(2n){border-right:0}.article-metrics div:nth-last-child(-n+2){border-bottom:0}.article-metrics dt{color:#f1d370;font-size:22px;font-weight:900;line-height:1}.article-metrics dd{margin:9px 0 0;color:#9faa96;font-size:9px;font-weight:800;line-height:1.45;letter-spacing:.75px;text-transform:uppercase}
.article-paytable{margin:34px 0 4px;padding:22px 0;border-block:1px solid #3c4633}
.article-paytable__head{display:grid;gap:12px;margin-bottom:18px}
.article-paytable__head span{display:block;margin-bottom:8px;color:#d6bd77;font-size:9px;font-weight:800;letter-spacing:1.4px}
.article-paytable__head h2{margin:0;font-size:27px;letter-spacing:-1px}
.article-paytable__head p,.article-paytable__note{margin:0;color:#9faa95;font-size:11px;line-height:1.55}
.article-paytable__scroll{overflow-x:auto;border:1px solid #3b4633;border-radius:12px;background:#141912;scrollbar-color:#7d8d69 #20271d;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.article-paytable table{width:100%;min-width:700px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.article-paytable th,.article-paytable td{padding:14px 12px;border-bottom:1px solid #2e372a;border-right:1px solid #2e372a;text-align:center;white-space:nowrap}
.article-paytable tr:last-child th,.article-paytable tr:last-child td{border-bottom:0}
.article-paytable th:last-child,.article-paytable td:last-child{border-right:0}
.article-paytable thead th{position:sticky;top:0;background:#20271d;color:#d6bd77;font-size:10px;letter-spacing:.7px}
.article-paytable thead th:first-child,.article-paytable tbody th{position:sticky;left:0;z-index:1;text-align:left}
.article-paytable thead th:first-child{z-index:2}
.article-paytable tbody th{min-width:170px;background:#181e16;color:#f1f1e9;font-size:12px}
.article-paytable td{color:#dce2d4;font-size:12px;font-weight:800}
.article-paytable tbody tr:last-child th,.article-paytable tbody tr:last-child td{background:#292819;color:#f2d26d}
.article-paytable__note{margin-top:12px}
.article-section{padding:28px 0;border-bottom:1px solid var(--line)}
.article-section h2{margin-bottom:12px;font-size:26px;letter-spacing:-1px}
.article-section p{margin:0;color:#b9c1af;font-size:14px;line-height:1.75}
.article-context{margin:34px 0 6px;padding:24px;border:1px solid #655b35;border-radius:15px;background:radial-gradient(circle at 100% 0,#d3b54b1c,transparent 38%),#1c2118}.article-context>span,.article-sources>div>span{color:#d6bd67;font-size:8px;font-weight:900;letter-spacing:1.35px}.article-context h2,.article-sources h2,.article-faq>h2{margin:9px 0 18px;font-size:27px;letter-spacing:-1px}.article-context>div{display:grid;gap:8px}.article-context a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #ffffff19;color:#eee9dd;font-size:12px;font-weight:800}.article-context b{color:#e0c35e;font-size:16px}.article-sources{display:grid;gap:22px;margin:38px 0 4px;padding:26px 0;border-block:1px solid #3c4634}.article-sources p{margin:0;color:#9faa96;font-size:12px;line-height:1.65}.article-sources ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.article-sources li a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #394333;border-radius:10px;background:#151a13;color:#e9e5d9;font-size:11px;font-weight:800}.article-sources li span{color:#dec25f}.article-faq{margin-top:44px}.article-faq>h2{font-size:32px}.article-faq details{border-top:1px solid #35402f}.article-faq details:last-child{border-bottom:1px solid #35402f}.article-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;color:#ece8db;font-size:14px;font-weight:800;cursor:pointer;list-style:none}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary span{color:#d6bc62;font-size:20px;font-weight:400}.article-faq details[open] summary span{transform:rotate(45deg)}.article-faq details p{margin:0;padding:0 0 21px;color:#aeb7a5;font-size:13px;line-height:1.7}
.article-opening{color:#f0f1e9;font-weight:650}
.article-term{color:#f2d26d;font-weight:800}
.reading-highlight{display:inline;color:#ffe173;font-weight:inherit;background:none;padding:0;border-radius:0;text-decoration:none}
.article-value{display:inline;color:#f5f1df;font-weight:850;font-variant-numeric:tabular-nums;background:#d6bd7714;border-radius:.22em;padding:.02em .14em;text-decoration:none}
.article-underline{color:#e4e9df;font-weight:750;background:#9ebc7014;border-radius:.22em;padding:.02em .14em;text-decoration:none}
.text-accented .article-opening{color:#f0f1e9}
.article-site .article-term,.article-site .article-value,.article-site .article-underline{color:#ffe173;font-weight:inherit;background:none;padding:0;border-radius:0;text-decoration:none}
.dock .cta{min-height:50px;padding:0 18px;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:9px;font-size:14px;line-height:1.15;text-align:center}
.dock .cta span{display:inline-grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border:1px solid #6f5b1d;border-radius:50%;background:transparent;color:#24291f;font-size:15px;line-height:1;transform:none}
.editorial-preview{display:block;height:164px;margin:-22px -19px 18px;overflow:hidden;border-bottom:1px solid #3b4633;border-radius:10px 10px 0 0;background:#090c08}
.editorial-preview img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform .25s ease,filter .25s ease}
.editorial-preview:hover img{transform:scale(1.12);filter:brightness(1.08)}
.article-editorial-grid .editorial-preview{margin:-20px -18px 18px}
.article-cover{aspect-ratio:16/9;margin:0 -23px 24px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2f3928,#090c08 72%)}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
@media(max-width:360px){.article-cover{margin-inline:-18px}.editorial-preview{height:148px}}
.game-grid a{padding:10px}
.game-grid a>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px;margin-bottom:5px;background:#0b0e0a}
.related-game-preview{display:block;height:190px;margin:-20px -18px 18px;overflow:hidden;border-bottom:1px solid #3b4633;border-radius:10px 10px 0 0;background:#0b0e0a}
.related-game-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.related-game-preview:hover img{transform:scale(1.035);filter:brightness(1.08)}
.article-next{padding-top:42px}
.article-links{display:grid;gap:8px}
.article-links>a{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.4}
.article-links>a span{flex:0 0 auto;color:#f2d26d}
.article-bottom-cta{margin-top:30px}
@media(max-width:360px){.article-hero>h1{font-size:36px}.article-page{padding-inline:18px}}
.le-games{background:#151914}
.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.game-grid a{min-width:0;padding:16px 14px;border:1px solid #46533d;border-radius:10px;background:#171c15;display:flex;flex-direction:column;gap:7px}
.game-grid strong{font-size:14px;line-height:1.25}
.game-grid span{color:#b9c9a4;font-size:10px;line-height:1.35}
.game-page>h1 span{display:block;margin-top:8px;color:#b7c4aa;font-size:15px;letter-spacing:1.5px;text-transform:uppercase}
.game-directory a span{max-width:45%;text-align:right}
@media(max-width:360px){.game-grid{grid-template-columns:1fr}.game-directory a{align-items:flex-start}.game-directory a span{max-width:48%}}
.editorial{background:#0f130e}
.editorial-grid{display:grid;gap:12px}
.editorial-grid article{padding:22px 19px;border:1px solid #3b4633;border-radius:11px;background:#181e16}
.editorial-tag{display:block;margin-bottom:12px;color:#d6bd77;font-size:9px;font-weight:800;letter-spacing:1.5px}
.editorial-grid h3{font-size:20px;line-height:1.2;margin-bottom:10px}
.editorial-grid p{margin:0 0 18px;color:#aeb7a3;font-size:13px;line-height:1.65}
.editorial-link{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #343c30;color:#f2d26d;font-size:12px;font-weight:800}
.article-section-intro{margin:-4px 0 22px;color:#aeb7a3;font-size:13px;line-height:1.7}
.article-editorial-grid article,.related-game-grid article{padding:20px 18px;border:1px solid #3b4633;border-radius:11px;background:#181e16}
.article-editorial-grid h3,.related-game-grid h3{font-size:18px;line-height:1.28;margin:0 0 10px}
.article-editorial-grid p,.related-game-grid p{margin:0 0 18px;color:#aeb7a3;font-size:13px;line-height:1.65}
.related-game-grid{display:grid;gap:12px}
.related-game-grid h3 small{display:block;margin-top:5px;color:#9faa95;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.article-magazine-image{margin:30px 0 8px}
.article-magazine-image img{display:block;width:100%;height:auto}
.article-magazine-image figcaption{color:#9faa95;font-size:11px;line-height:1.55}
.article-magazine-image--scene{position:relative;margin-inline:-23px}
.article-magazine-image--scene img{height:310px;object-fit:cover;object-position:center}
.article-magazine-image--scene::after{content:"";position:absolute;inset:0 0 54px;background:linear-gradient(180deg,transparent 35%,#0e120dcc 100%);pointer-events:none}
.article-magazine-image--scene figcaption{padding:12px 23px 0}
.article-image-stat{position:absolute;z-index:1;left:23px;bottom:76px;display:flex;flex-direction:column;max-width:82%}
.article-image-stat strong{color:#f6d265;font-size:45px;line-height:.9;letter-spacing:-2px;text-shadow:0 2px 18px #000}
.article-image-stat span{margin-top:8px;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.article-magazine-image--game{padding:18px;border:1px solid #3b4633;border-radius:14px;background:#11150f}
.article-magazine-image--game>div{overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 45%,#303a28,#090c08 72%)}
.article-magazine-image--game img{transform:scale(1.07)}
.article-magazine-image--game figcaption{padding-top:14px}
.article-magazine-image--game figcaption span{display:block;margin-bottom:6px;color:#d6bd77;font-size:9px;font-weight:800;letter-spacing:1.5px}
@media(max-width:360px){.article-magazine-image--scene{margin-inline:-18px}.article-magazine-image--scene figcaption{padding-inline:18px}.article-image-stat{left:18px}.article-magazine-image--scene img{height:275px}.article-image-stat strong{font-size:39px}}
.home-facts{background:#10140f;border-block:1px solid #252c22}
.home-facts,.dark,.le-games,.editorial{clip-path:inset(0 -100vmax)}
.dark{box-shadow:0 0 0 100vmax #1a2018}
.le-games{box-shadow:0 0 0 100vmax #151914}
.home-facts{box-shadow:0 0 0 100vmax #10140f}
.editorial{box-shadow:0 0 0 100vmax #0f130e}
.home-facts{position:relative;border-block:0}
.home-facts::before,.home-facts::after{content:"";position:absolute;z-index:1;left:50%;width:100vw;height:1px;transform:translateX(-50%);background:#252c22;pointer-events:none}
.home-facts::before{top:0}.home-facts::after{bottom:0}
.real-banner{margin-bottom:24px}
.le-games .game-grid a{background:#10140f;border-color:#30382d}
.editorial .editorial-grid article{background:#171b15;border-color:#30372d}
.game-rating{gap:6px;padding:5px 9px}
.game-rating__stars{font-size:12px;letter-spacing:.3px}
.game-rating strong{font-size:12px}
.ticker--marquee{justify-content:flex-start;overflow:hidden;padding:0}
.ticker-track{display:flex;width:max-content;animation:ticker-scroll 24s linear infinite;will-change:transform}
.ticker-sequence{display:flex;flex:none;align-items:center;justify-content:space-around;gap:15px;min-width:100vw;padding:14px 15px 14px 0;white-space:nowrap}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.home-title{font-size:clamp(38px,11vw,51px)}
.hero-rating{display:none;order:4}
.menu-toggle span{width:22px;margin:0 auto;transform-origin:center;transition:transform .28s ease,background .2s ease}
.menu-toggle span+span{margin-top:7px}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
#menu{max-height:0;overflow:hidden;padding:0 22px;opacity:0;transform:translateY(-9px);background:#11150f;transition:max-height .32s ease,padding .32s ease,opacity .2s ease,transform .32s ease}
#menu.is-open{max-height:430px;padding:12px 22px 18px;opacity:1;transform:translateY(0)}
#menu a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #293025;opacity:0;transform:translateY(-6px);transition:color .18s ease,opacity .22s ease,transform .28s ease}
#menu a::after{content:"↘";color:#98a68d;font-size:13px;font-weight:400}
#menu a:last-child{border-bottom:0}
#menu.is-open a{opacity:1;transform:translateY(0)}
#menu.is-open a:nth-child(2){transition-delay:.025s}
#menu.is-open a:nth-child(3){transition-delay:.05s}
#menu.is-open a:nth-child(4){transition-delay:.075s}
#menu.is-open a:nth-child(5){transition-delay:.1s}
#menu.is-open a:nth-child(6){transition-delay:.125s}
#menu.is-open a:nth-child(7){transition-delay:.15s}
@media(prefers-reduced-motion:reduce){#menu,.menu-toggle span,#menu a{transition:none}}

/* Responsive layout: fluid phones, purpose-built tablet, and wide desktop. */
@media (min-width:481px){
 .site{max-width:none;min-height:100vh}
 header{margin-inline:clamp(24px,5vw,48px)}
 .hero{padding-inline:clamp(24px,5vw,48px)}
 .section,.closing{padding-inline:clamp(28px,6vw,64px)}
 footer{padding-inline:clamp(28px,6vw,64px)}
 .article-page{padding-inline:clamp(28px,6vw,64px)}
 .article-cover{margin-inline:0;border-radius:16px}
 .article-magazine-image--scene{margin-inline:0;border-radius:14px;overflow:hidden}
}
.footer-source{max-width:760px;margin-top:16px;padding-top:16px;border-top:1px solid #2d3529;color:#899482;font-size:10px;line-height:1.65}
.footer-source a{color:#d8bd67;text-decoration:underline;text-decoration-color:#d8bd6759;text-underline-offset:3px}
.footer-source a:hover{color:#f0d476}
.footer-contact{max-width:1180px;margin:12px auto 0;color:#9ca895;font-size:10px;line-height:1.65}
.footer-contact strong{color:#c2cab7}
.footer-contact a{color:#d8bd67;font-weight:800;text-decoration:underline;text-decoration-color:#d8bd6759;text-underline-offset:3px}
.footer-contact a:hover{color:#f0d476}
.source-link{color:#e7ca68;text-decoration:underline;text-decoration-color:#e7ca6859;text-decoration-thickness:1px;text-underline-offset:4px}
.source-link:hover{color:#f3da83;text-decoration-color:#f3da83}
.feature .feature-related{margin-top:10px;color:#d7dcca}
.context-link,.feature-related a{color:#f1d372;text-decoration:underline;text-decoration-color:#f1d37270;text-decoration-thickness:1px;text-underline-offset:4px}
.context-link:hover,.feature-related a:hover{color:#ffe28a;text-decoration-color:#ffe28a}
.footer-source a,.source-link,.context-link,.feature-related a,.video-sources p a,.video-description .context-link{font-weight:800;background:linear-gradient(90deg,#f1c84b18,#f1c84b0b);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.03em .18em;border-radius:.24em}

@media (min-width:700px){
 body{background:radial-gradient(circle at 75% 8%,#2d361f 0,transparent 27%),#0c0f0b}
 header{height:88px;max-width:1180px;margin-inline:auto;padding-inline:32px}
 .brand{font-size:17px}.brand-mark{height:40px;width:44px;font-size:28px;line-height:38px}
 .hero{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(390px,1.22fr);column-gap:clamp(24px,4vw,56px);align-items:start;max-width:1240px;margin:auto;padding:48px 32px 42px}
 .hero-copy{display:flex;flex-direction:column;grid-column:1;grid-row:1;min-width:0}.hero>.game-shell{grid-column:2;grid-row:1;min-width:0}
 .home-title{font-size:clamp(48px,7vw,76px);letter-spacing:clamp(-5px,-.35vw,-3px);margin:25px 0 20px}.home-title span{font-size:clamp(18px,2.1vw,26px)}
 .intro{font-size:15px;max-width:430px}.game-shell{border-radius:16px;box-shadow:0 28px 70px #0008,0 0 0 1px #b9d18b12}
 .game-stage{height:auto;aspect-ratio:442/475}.hero-copy>.cta{max-width:390px;margin-top:12px}.hero-links{max-width:390px;padding-bottom:0}
 .ticker-sequence{padding-block:17px}
 .section{max-width:1180px;margin-inline:auto;padding-top:68px;padding-bottom:72px}
 .section-label{margin-bottom:28px}.section h2{font-size:clamp(38px,5vw,58px);max-width:780px}.lead{font-size:15px;max-width:720px}
 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.steps li{display:block;padding:24px;border:1px solid var(--line);border-radius:14px;background:#181d16}.steps li>span{margin-bottom:34px}.steps h3{font-size:18px}
 .facts dl{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.facts dl>div{padding-block:20px}
 #features{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(380px,1.28fr);grid-template-areas:"label label" "intro list" ". action";column-gap:clamp(40px,7vw,100px);align-items:start}
 #features>.section-label{grid-area:label}.section-intro{grid-area:intro;position:sticky;top:28px}.feature-list{grid-area:list}.feature{padding-block:28px}.feature:first-child{border-top:0;padding-top:0}.feature h3{font-size:22px}.feature p{font-size:14px}.text-link{grid-area:action;margin-top:12px}
 .real-banner{max-width:1132px;margin:0 auto;padding:clamp(36px,5vw,64px);border-radius:18px;box-shadow:0 0 0 100vmax #11150f;clip-path:inset(0 -100vmax)}.real-banner h2{font-size:clamp(42px,6vw,72px);max-width:650px}.real-banner p{max-width:680px;font-size:16px}.real-banner .cta{max-width:390px}.banner-art{font-size:330px;right:2%;top:-40px}
 .game-grid{grid-template-columns:repeat(4,1fr);gap:16px}.game-grid a{padding:14px;border-radius:14px}.game-grid strong{font-size:17px}.game-grid span{font-size:11px}
 .editorial-grid{grid-template-columns:repeat(2,1fr);gap:18px}.editorial-grid article{display:flex;flex-direction:column;border-radius:15px}.editorial-grid .editorial-link{margin-top:auto}
 .editorial-preview{height:230px}.faq details{max-width:880px}.faq summary{font-size:17px;padding-block:24px}.closing{max-width:1180px;margin:auto;padding-top:42px;padding-bottom:72px}.outline-button{max-width:520px;margin-inline:auto}
 footer{padding-bottom:110px}.footer-brand,.footer-bottom,footer>p{max-width:1180px;margin-left:auto;margin-right:auto}
 footer>.footer-source{max-width:1180px;padding-right:max(0px,calc(100% - 760px));text-align:left}
 .dock{left:auto;right:22px;bottom:22px;transform:none;width:390px;border:1px solid #4b573f;border-radius:14px;padding:10px;background:#171c15ed;box-shadow:0 15px 45px #0008}.dock.is-hidden{transform:translateY(140%)}
 dialog{max-width:480px}
 .article-page{max-width:1180px;margin:auto;padding-top:54px;padding-bottom:80px}.article-hero>h1{font-size:clamp(50px,7vw,76px);max-width:900px}.article-lead{font-size:18px;max-width:790px}.article-hero>.cta,.article-bottom-cta{max-width:430px}.article-fact{max-width:790px;padding:26px}.article-metrics{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}.article-metrics div{border-right:1px solid #343e2f;border-bottom:0}.article-metrics div:last-child{border-right:0}.article-paytable{max-width:none;margin-top:48px;padding-block:30px}.article-paytable__head{grid-template-columns:1fr 280px;align-items:end}.article-paytable__head h2{font-size:38px}.article-paytable__head>p{text-align:right}.article-paytable th,.article-paytable td{padding:17px 14px}.article-section{max-width:790px;padding-block:38px}.article-section h2{font-size:34px}.article-section p{font-size:16px}.article-cover{aspect-ratio:16/7;margin-block:30px}.article-magazine-image{max-width:790px}.article-context{max-width:none}.article-context>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-context a{align-items:flex-start;padding:16px;border-top:1px solid #ffffff19;background:#ffffff03}.article-sources{max-width:none;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);align-items:start}.article-faq{max-width:790px}.article-next{max-width:none}.article-next .editorial-grid{grid-template-columns:repeat(2,1fr)}.related-game-grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1024px){
 header{height:96px;padding-inline:0}.menu-toggle{display:none}
 #menu,#menu[hidden]{display:flex!important;max-height:none;opacity:1;transform:none;max-width:1180px;margin:-96px auto 0;padding:0 0 0 330px;height:96px;align-items:center;justify-content:flex-end;gap:clamp(18px,2vw,34px);border:0;background:transparent;overflow:visible}
 #menu a,#menu.is-open a{display:block;padding:8px 0;border:0;opacity:1;transform:none;color:#c7cebd;font-size:12px;white-space:nowrap}
 #menu a::after{display:none}#menu a:hover{color:var(--yellow)}
 .hero{grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr);padding-top:58px;padding-bottom:58px}.hero-copy>.eyebrow{margin-top:8px}
 .hero>.game-shell{width:100%;max-width:600px;justify-self:end}.game-bar .game-rating{display:none}
 .hero-rating{display:grid;grid-template-columns:auto auto 1fr;align-items:center;width:min(100%,390px);margin:2px 0 14px;padding:15px 0;border-block:1px solid #343c30;column-gap:10px}
 .hero-rating>span{color:var(--yellow);font-size:15px;letter-spacing:1px}.hero-rating>strong{font-size:16px}.hero-rating>small{justify-self:end;color:#8f9a87;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
 .hero-copy>.cta{margin-top:4px}.hero-copy>.hero-links{padding-top:17px}
 .game-bar{height:42px;padding-inline:14px}.game-bar button{height:42px}.game-shell:fullscreen .game-stage,.game-shell.is-fullscreen .game-stage{height:calc(100% - 42px)}
 #features{grid-template-areas:"label label" "intro list" "action list";grid-template-rows:auto min-content 1fr}
 #features>.text-link{align-self:start;margin-top:22px}
 .section{padding-top:86px;padding-bottom:90px}.section-label{font-size:11px}.steps{gap:24px}.steps li{min-height:225px;padding:28px}.steps li>span{margin-bottom:52px}
 .editorial-grid{grid-template-columns:repeat(3,1fr)}.editorial-preview{height:210px}.article-next .editorial-grid{grid-template-columns:repeat(3,1fr)}.related-game-grid{grid-template-columns:repeat(3,1fr)}
 .footer-brand{font-size:28px}
}

@media (min-width:1200px){
 .article-page{padding-inline:0}
}

@media (min-width:1380px){
 header,#menu,.hero,.section,.closing,.footer-brand,.footer-bottom,footer>p{max-width:1280px}
 footer>.footer-source{max-width:1280px}
 .article-page{max-width:1280px}
 .hero{grid-template-columns:430px 1fr;column-gap:72px}.hero .home-title{font-size:78px}.real-banner{max-width:1232px}.game-grid{gap:20px}
}

/* Full-bleed fact band: the accent color spans the viewport while content stays aligned. */
.real-banner{margin:0;border:0;border-radius:0;padding:40px 23px 43px;background:#292819;box-shadow:0 0 0 100vmax #292819;clip-path:inset(0 -100vmax)}
@media (min-width:481px){
 .real-banner{padding-inline:clamp(28px,6vw,64px)}
}
@media (min-width:700px){
 .real-banner{max-width:1180px;margin-inline:auto;padding-block:clamp(44px,6vw,72px)}
}
@media (min-width:1380px){
 .real-banner{max-width:1280px}
}

@media (min-width:700px){
 .faq details{max-width:none;width:100%}
}

/* Game specifications live inside the hero instead of a separate section. */
.hero-copy>.hero-facts{order:7}
.hero-facts{scroll-margin-top:18px;margin:18px 0 28px;overflow:hidden;border:1px solid #343c30;border-radius:12px;background:#10140f}
.hero-facts__head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #343c30;color:#aeb8a4;font-size:9px;font-weight:800;letter-spacing:1.35px}
.hero-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.hero-facts dl>div{min-width:0;padding:13px 14px;border-bottom:1px solid #293126}
.hero-facts dl>div:nth-child(odd){border-right:1px solid #293126}
.hero-facts dl>div:nth-last-child(-n+2){border-bottom:0}
.hero-facts dt{margin-bottom:5px;color:#899383;font-size:9px;line-height:1.25}
.hero-facts dd{margin:0;overflow-wrap:anywhere;color:#f0ecdf;font-size:12px;font-weight:800;line-height:1.25}
@media (min-width:700px){
 .hero-copy{align-self:stretch}
 .hero-facts{width:100%;max-width:390px;margin-top:24px;margin-bottom:0}
 .hero-facts dl{grid-template-columns:1fr}
 .hero-facts dl>div,.hero-facts dl>div:nth-child(odd),.hero-facts dl>div:nth-last-child(-n+2){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-right:0;border-bottom:1px solid #293126}
 .hero-facts dl>div:last-child{border-bottom:0}
 .hero-facts dt{margin:0}
 .hero-facts dd{text-align:right}
}
@media (min-width:1024px){
 .hero-facts dl{grid-template-columns:1fr}
 .hero-facts dl>div,.hero-facts dl>div:nth-child(odd),.hero-facts dl>div:nth-last-child(-n+2){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-right:0;border-bottom:1px solid #293126}
 .hero-facts dl>div:last-child{border-bottom:0}
 .hero-facts dt{margin:0}
 .hero-facts dd{text-align:right}
}

/* Swipeable directory of every other game in the LE series. */
.game-carousel__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.game-carousel__intro .lead{margin-bottom:0}
.game-carousel__count{flex:0 0 auto;margin-top:5px;padding:7px 9px;border:1px solid #3b4635;border-radius:999px;color:#b9c6af;font-size:9px;font-weight:800;letter-spacing:1.2px}
.game-carousel{margin-top:27px}
.game-carousel__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;outline:none;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none}
.game-carousel__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}
.game-carousel__viewport::-webkit-scrollbar{display:none}
.game-carousel__viewport:focus-visible{outline:2px solid #d8e5a7;outline-offset:6px;border-radius:8px}
.game-carousel .game-grid{display:flex;width:100%;gap:12px}
.game-carousel .game-grid>a{flex:0 0 82%;scroll-snap-align:start;scroll-snap-stop:always;transition:border-color .2s ease,transform .2s ease}
.game-carousel .game-grid img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.game-carousel__footer{display:flex;align-items:center;gap:20px;margin-top:18px}
.game-carousel__track{position:relative;flex:1;height:2px;overflow:hidden;background:#30382d}
.game-carousel__track span{position:absolute;inset-block:0;left:0;width:20%;background:#d3bb72;transition:left .12s linear,width .2s ease}
.game-carousel__controls{display:flex;gap:8px}
.game-carousel__controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #46533d;border-radius:50%;background:#10140f;color:#f2efe4;font-size:18px;transition:background .18s ease,border-color .18s ease,opacity .18s ease}
.game-carousel__controls button:hover:not(:disabled){border-color:#d3bb72;background:#242a1f}
.game-carousel__controls button:disabled{opacity:.28;cursor:default}
@media (max-width:360px){
 .game-carousel .game-grid>a{flex-basis:88%}
 .game-carousel__count{display:none}
}
@media (min-width:700px){
 .game-carousel{margin-top:34px}
 .game-carousel .game-grid{gap:16px}
 .game-carousel .game-grid>a{flex-basis:calc((100% - 16px)/2.25)}
 .game-carousel__footer{margin-top:22px}
}
@media (min-width:1024px){
 .game-carousel .game-grid>a{flex-basis:calc((100% - 48px)/4)}
 .game-carousel .game-grid>a:hover{transform:translateY(-4px);border-color:#66765a}
}

/* Image-led game cards: readable on touch, progressively revealed on hover. */
.game-carousel .game-grid>a.game-card{position:relative;isolation:isolate;display:block;aspect-ratio:4/5;padding:0;overflow:hidden;border-color:#394333;border-radius:16px;background:#090c08;box-shadow:0 18px 34px #0003}
.game-card__media{position:absolute;inset:0;display:block;overflow:hidden;color:var(--ink)}
.game-carousel .game-grid .game-card__media>img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;transform:scale(1.025);transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.game-card__media::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#0507050a 20%,#080b07b8 62%,#080b07fa 100%);transition:background .4s ease}
.game-card__media::after{content:"";position:absolute;z-index:2;left:18px;top:18px;width:30px;height:3px;border-radius:999px;background:#f2cf60;box-shadow:0 0 18px #f2cf6080;transition:width .35s ease}
.game-card__content{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px 18px 18px;color:#fff;text-shadow:0 2px 14px #000}
.game-grid .game-card__eyebrow{margin-bottom:8px;color:#e6ca72;font-size:8px;font-weight:900;line-height:1;letter-spacing:1.45px}
.game-grid .game-card__content strong{font-size:clamp(20px,2vw,27px);line-height:1.02;letter-spacing:-.85px}
.game-grid .game-card__name{margin-top:6px;color:#d9dfd2;font-size:10px;font-weight:750;line-height:1.2;letter-spacing:.85px;text-transform:uppercase}
.game-grid .game-card__description{display:-webkit-box;max-height:5.2em;margin-top:12px;overflow:hidden;color:#eef1e9;font-size:11px;line-height:1.48;text-shadow:0 2px 11px #000;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:max-height .42s ease,opacity .32s ease,transform .42s ease}
.game-grid .game-card__action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding-top:11px;border-top:1px solid #ffffff35;color:#f4d66e;font-size:9px;font-weight:900;line-height:1;letter-spacing:1px;text-transform:uppercase}
.game-grid .game-card__action b{font-size:18px;font-weight:400;line-height:1}
.game-card:focus-visible{outline:3px solid #f2cf60;outline-offset:4px}
@media (hover:hover) and (pointer:fine){
 .game-grid .game-card__description{max-height:3em;opacity:.3;transform:translateY(8px);-webkit-line-clamp:2}
 .game-grid .game-card__action{opacity:.25;transform:translateY(8px);transition:opacity .32s ease,transform .42s ease}
 .game-card:hover .game-card__media::before,.game-card:focus-visible .game-card__media::before{background:linear-gradient(180deg,#0507051f 5%,#080b07d6 48%,#080b07fc 100%)}
 .game-card:hover .game-card__media::after,.game-card:focus-visible .game-card__media::after{width:62px}
 .game-card:hover .game-card__media>img,.game-card:focus-visible .game-card__media>img{transform:scale(1.075);filter:saturate(.88) brightness(.72)}
 .game-card:hover .game-card__description,.game-card:focus-visible .game-card__description{max-height:8em;opacity:1;transform:translateY(0);-webkit-line-clamp:5}
 .game-card:hover .game-card__action,.game-card:focus-visible .game-card__action{opacity:1;transform:translateY(0)}
}
@media (max-width:699px){
 .game-carousel .game-grid>a.game-card{aspect-ratio:5/6}
 .game-card__content{padding:22px 19px 19px}
 .game-grid .game-card__content strong{font-size:27px}
 .game-grid .game-card__description{font-size:12px;-webkit-line-clamp:3}
}

/* Long-form home review between the editorial cards and the fact band. */
.game-overview{position:relative;background:#131712;box-shadow:0 0 0 100vmax #131712;clip-path:inset(0 -100vmax)}
.game-overview__layout{display:grid;gap:30px}
.game-overview__kicker{display:block;margin-bottom:16px;color:#d6bd77;font-size:9px;font-weight:800;letter-spacing:1.55px}
.game-overview__heading h2{margin:0;font-size:clamp(40px,12vw,56px);line-height:.94;letter-spacing:-2.6px}
.game-overview__note{max-width:320px;margin:22px 0 0;padding-top:16px;border-top:1px solid #394234;color:#929c8b;font-size:11px;line-height:1.6}
.game-overview__copy{max-width:760px}
.game-overview__copy p{margin:0;padding:20px 0;border-top:1px solid #343c30;color:#bbc3b2;font-size:14px;line-height:1.78}
.game-overview__copy .game-overview__lead{padding-top:0;border-top:0;color:#e1e4d9;font-size:17px;line-height:1.68}
.game-overview__copy strong{color:#f0d477;font-weight:800}
@media (min-width:700px){
 .game-overview__layout{grid-template-columns:minmax(230px,.72fr) minmax(400px,1.28fr);gap:clamp(50px,8vw,110px);align-items:start}
 .game-overview__heading{position:sticky;top:32px}
 .game-overview__heading h2{font-size:clamp(52px,7vw,78px)}
 .game-overview__copy p{padding-block:24px;font-size:15px;line-height:1.8}
 .game-overview__copy .game-overview__lead{font-size:19px;line-height:1.72}
}
@media (min-width:1024px){
 .game-overview{padding-top:96px;padding-bottom:100px}
}

/* Gameplay copy: a separate editorial rhythm without another bright color band. */
.gameplay-overview{position:relative;border-top:1px solid #2b3228;background:#0f130e;box-shadow:0 0 0 100vmax #0f130e;clip-path:inset(0 -100vmax)}
.gameplay-overview__head>span{display:block;margin-bottom:14px;color:#9daa93;font-size:9px;font-weight:800;letter-spacing:1.55px}
.gameplay-overview__head h2{max-width:840px;margin:0;font-size:clamp(38px,11vw,54px);line-height:1;letter-spacing:-2.5px}
.gameplay-overview__columns{display:grid;gap:0;margin-top:30px}
.gameplay-overview__column>p{margin:0;padding:20px 0;border-top:1px solid #343c30;color:#b9c2af;font-size:14px;line-height:1.78}
.gameplay-overview__column .gameplay-overview__lead{color:#e2e5db;font-size:17px;line-height:1.68}
.gameplay-overview strong{color:#f0d477;font-weight:800}
.gameplay-overview__symbols{margin-top:20px;padding:22px 20px;border:1px solid #48523f;border-radius:12px;background:#171c15}
.gameplay-overview__symbols>span{display:block;margin-bottom:13px;color:#d6bd77;font-size:9px;font-weight:800;letter-spacing:1.5px}
.gameplay-overview__symbols h3{margin:0 0 12px;font-size:21px;line-height:1.18}
.gameplay-overview__symbols p{margin:0;color:#b9c2af;font-size:13px;line-height:1.72}
@media (min-width:700px){
 .gameplay-overview__head h2{font-size:clamp(52px,6.8vw,78px)}
 .gameplay-overview__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,6vw,88px);margin-top:48px}
 .gameplay-overview__column>p{padding-block:24px;font-size:15px;line-height:1.8}
 .gameplay-overview__column .gameplay-overview__lead{padding-top:0;border-top:0;font-size:19px;line-height:1.72}
 .gameplay-overview__column:nth-child(2)>p:first-child{padding-top:0;border-top:0}
 .gameplay-overview__symbols{margin-top:24px;padding:26px}
}
@media (min-width:1024px){
 .gameplay-overview{padding-top:96px;padding-bottom:104px}
}

/* Clover brand mark shared by game and editorial headers. */
.brand{gap:9px}
.brand-mark{display:block;flex:0 0 auto;width:44px;height:44px;padding:0;border-radius:0;background:transparent;color:inherit;font-size:0;line-height:normal}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
@media (min-width:700px){
 .brand-mark{width:48px;height:48px}
}

/* The floating CTA hides over the footer, so the footer needs only normal breathing room. */
footer{padding-bottom:48px}
@media (min-width:700px){
 footer{padding-bottom:56px}
}

/* Responsive action rail: compact on mobile, intentional and centered on desktop. */
.dock-meta{display:none}
.dock-demo__icon{font-size:24px;line-height:24px}
.dock-demo__label{font-size:10px!important;line-height:1}
@media (max-width:699px){
 .dock{left:0;right:0;bottom:0;width:auto;max-width:none;transform:none;gap:12px;padding:10px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:1px solid #4b573f;border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(100deg,#121711f7,#1b2118f4);box-shadow:0 -12px 40px #0008,0 1px 0 #ffffff0b inset}
 .dock.is-hidden{transform:translateY(calc(100% + 12px));opacity:0}
 .dock>a.dock-demo{flex:0 0 48px;min-width:48px}
 .dock .cta{min-width:0}
}
@media (max-width:360px){
 .dock{gap:8px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
}
@media (min-width:700px){
 .dock{left:50%;right:auto;bottom:24px;transform:translateX(-50%);display:grid;width:min(720px,calc(100vw - 48px));grid-template-columns:minmax(170px,1fr) auto minmax(230px,260px);gap:8px;padding:8px;border:1px solid #566448;border-radius:18px;background:linear-gradient(100deg,#121711f5,#1b2118f2);box-shadow:0 18px 60px #000a,0 1px 0 #ffffff0b inset}
 .dock.is-hidden{transform:translate(-50%,calc(100% + 48px));opacity:0}
 .dock-meta{display:flex;min-width:0;align-items:center;gap:10px;padding:0 10px}
 .dock-meta img{display:block;flex:0 0 auto;width:42px;height:42px;object-fit:contain}
 .dock-meta span{display:flex;min-width:0;flex-direction:column;gap:3px}
 .dock-meta strong{overflow:hidden;color:var(--ink);font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
 .dock-meta small{display:flex;align-items:center;gap:6px;color:#99a68f;font-size:9px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase}
 .dock-meta small::before{content:"";width:6px;height:6px;border-radius:50%;background:#9ccc71;box-shadow:0 0 0 3px #9ccc7116}
 .dock>a.dock-demo{min-width:112px;min-height:52px;padding:0 16px;flex-direction:row;justify-content:center;gap:8px;border:1px solid #46523f;border-radius:11px;background:#20261d;color:#dce2d5;font-size:12px;font-weight:800;transition:border-color .18s,background .18s,transform .18s}
 .dock>a.dock-demo:hover{border-color:#7e916c;background:#283023;transform:translateY(-1px)}
 .dock-demo__icon{font-size:18px;line-height:1;color:#d8bd67}
 .dock-demo__label{font-size:12px!important}
 .dock .cta{min-height:52px;padding-inline:18px;border-radius:11px;font-size:14px}
}

/* Homepage video gallery: one real episode plus honest future placeholders. */
.demo-videos{position:relative;isolation:isolate;overflow:visible;border:0;background:transparent;box-shadow:none;clip-path:none}
.demo-videos::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;border-block:1px solid #30382d;background:radial-gradient(circle at 88% 10%,#5b4b1b2b,transparent 31%),#0e120d;transform:translateX(-50%);pointer-events:none}
.demo-videos::before{content:"";position:absolute;z-index:0;top:92px;right:-90px;width:240px;height:240px;border:1px solid #d6b94c1f;border-radius:50%;box-shadow:0 0 0 42px #d6b94c08,0 0 0 86px #d6b94c05;pointer-events:none}
.demo-videos>*{position:relative;z-index:1}
.demo-videos__intro{display:grid;gap:8px;margin-bottom:28px}
.demo-videos__kicker{display:block;margin-bottom:11px;color:#d9bf68;font-size:9px;font-weight:900;letter-spacing:1.55px}
.demo-videos__intro h2{margin-bottom:0;font-size:clamp(39px,11vw,54px);line-height:.97;letter-spacing:-2.25px}
.demo-videos__intro p{max-width:540px;margin:0;color:#aeb7a5;font-size:13px;line-height:1.7}
.video-gallery{display:flex;gap:13px;margin-inline:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}
.video-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing}
.video-gallery::-webkit-scrollbar{display:none}
.video-preview{position:relative;isolation:isolate;display:block;flex:0 0 84%;min-width:0;aspect-ratio:4/5;overflow:hidden;scroll-snap-align:start;border:1px solid #414d39;border-radius:18px;background:#151a14;box-shadow:0 18px 40px #0004,0 1px 0 #ffffff0a inset;color:var(--ink)}
.video-preview__visual{position:absolute;z-index:0;inset:0;display:block;overflow:hidden;background:#151a14}
.video-preview__visual>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none;transform:scale(1.03);transition:transform .45s ease,filter .35s ease}
.video-preview__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#05060510 6%,#0709071f 31%,#070907cf 67%,#070907fc 100%);transition:background .4s ease}
.video-preview__status{position:absolute;z-index:2;top:15px;left:15px;padding:8px 10px;border:1px solid #fff3;border-radius:999px;background:#090b09b8;backdrop-filter:blur(8px);color:#f3d36b;font-size:8px;font-weight:950;letter-spacing:1.2px}
.video-preview__format,.video-preview__number{position:absolute;z-index:2;top:15px;right:15px;padding:7px 9px;border:1px solid #ffffff2b;border-radius:999px;background:#090b09b8;backdrop-filter:blur(8px);color:#ece9dc;font-size:8px;font-weight:850;letter-spacing:.9px}
.video-preview__play{position:absolute;z-index:4;left:50%;top:35%;display:grid;width:58px;height:58px;place-items:center;border:1px solid #ffe594;border-radius:50%;background:#ffcc36;color:transparent;font-size:0;box-shadow:0 14px 34px #0009,0 0 0 8px #ffcc3619;transform:translate(-50%,-50%);transition:background .25s ease,transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease}
.video-preview__play::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #1b1f18;transform:translate(-38%,-50%)}
.video-preview__play::after{content:"";position:absolute;inset:-9px;border:1px solid #ffdf7966;border-radius:inherit;transition:inset .28s ease,border-color .28s ease}
.video-preview__body{position:absolute;z-index:3;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px 19px;color:#fff;text-shadow:0 2px 14px #000}
.video-preview__body small{margin-bottom:8px;color:#e4c967;font-size:8px;font-weight:900;letter-spacing:1.35px}
.video-preview__body>strong{font-size:22px;line-height:1.08;letter-spacing:-.8px}
.video-preview__body>span{display:-webkit-box;margin-top:9px;overflow:hidden;color:#e1e6dc;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.video-preview__body>b{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding-top:11px;border-top:1px solid #ffffff35;color:#f2d16a;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.video-preview__body>b i{font-size:19px;font-style:normal;font-weight:400}
.video-preview--active .video-preview__body>b{display:none}
.video-preview__visual--empty{background:linear-gradient(145deg,#20261d,#10140f 70%)}
.video-preview__visual--empty::before{content:"";position:absolute;inset:16%;border:1px solid #59664e;border-radius:50%;box-shadow:0 0 0 25px #59664e0b,0 0 0 50px #59664e08}
.video-preview__visual--empty::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,#ffffff06 19px 20px)}
.video-preview__ghost{position:absolute;z-index:1;left:50%;top:50%;color:#81907166;font-size:92px;line-height:1;transform:translate(-50%,-50%)}
.video-preview--placeholder{border-style:dashed;box-shadow:none}
.video-preview--placeholder .video-preview__body{opacity:.88}
.video-preview__soon{color:#7f8b79!important}
.video-preview--active{cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.video-preview--current{order:-1}
.video-preview--active:focus-visible{outline:3px solid #f1cf61;outline-offset:4px}
.video-carousel__footer{display:flex;align-items:center;gap:20px;margin-top:18px}
.video-carousel__track{position:relative;flex:1;height:2px;overflow:hidden;background:#30382d}
.video-carousel__track span{position:absolute;inset-block:0;left:0;width:33.333%;background:#d3bb72;transition:left .12s linear,width .2s ease}
.video-carousel__controls{display:flex;gap:8px}
.video-carousel__controls button{display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid #46533d;border-radius:50%;background:#10140f;color:#f2efe4;font-size:18px;transition:background .18s ease,border-color .18s ease,opacity .18s ease}
.video-carousel__controls button:active{transform:translateY(1px)}
.video-carousel__controls button:disabled{opacity:.28;cursor:default}
@media (hover:hover) and (pointer:fine){
 .video-preview__body>span{max-height:3em;opacity:.42;transform:translateY(7px);-webkit-line-clamp:2;transition:max-height .42s ease,opacity .3s ease,transform .42s ease}
 .video-preview--active:hover{border-color:#9b874d;box-shadow:0 24px 52px #0007,0 1px 0 #ffffff14 inset;transform:translateY(-5px)}
 .video-preview--active:hover .video-preview__visual>img{filter:brightness(.76) saturate(.95);transform:scale(1.07)}
 .video-preview--active:hover .video-preview__shade{background:linear-gradient(180deg,#0506051c 3%,#07090742 34%,#070907e4 62%,#070907 100%)}
 .video-preview--active:hover .video-preview__play,.video-preview--active:focus-visible .video-preview__play{background:#ffdc6c;box-shadow:0 17px 40px #000a,0 0 0 12px #ffcc3624;transform:translate(-50%,-50%) scale(1.09)}
 .video-preview--active:hover .video-preview__play::after,.video-preview--active:focus-visible .video-preview__play::after{inset:-13px;border-color:#ffe78d80}
 .video-preview--active:hover .video-preview__body>span,.video-preview--active:focus-visible .video-preview__body>span{max-height:5.2em;opacity:1;transform:translateY(0);-webkit-line-clamp:3}
}
@media (max-width:360px){
 .video-preview{flex-basis:89%}
 .video-preview__body{padding:21px 18px 17px}
 .video-preview__body>strong{font-size:19px}
}
@media (max-width:699px){
 .video-preview__play{width:68px;height:68px;box-shadow:0 16px 38px #0009,0 0 0 10px #ffcc361d}
 .video-preview__play::before{border-top-width:10px;border-bottom-width:10px;border-left-width:16px}
 .video-preview__play::after{inset:-11px}
}
@media (min-width:700px){
 .demo-videos{padding-top:78px;padding-bottom:82px}
 .demo-videos__intro{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:end;gap:60px;margin-bottom:38px}
 .demo-videos__intro h2{font-size:clamp(50px,6.4vw,76px)}
 .demo-videos__intro p{justify-self:end;font-size:15px}
 .video-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible}
 .video-carousel__footer{display:none}
 .video-preview{min-width:0}
 .video-preview__body{padding:25px 22px 21px}
 .video-preview__body>strong{font-size:clamp(20px,2.05vw,28px)}
}
@media (min-width:1200px){
 .video-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
 .video-preview__body>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
}
@media (min-width:1024px){
 .demo-videos{padding-top:94px;padding-bottom:100px}
 .video-gallery{gap:20px}
 .video-preview{aspect-ratio:4/5}
 .video-preview__body{padding:28px 25px 23px}
}

/* Verifiable expert citation on the homepage. */
.expert-quote{isolation:isolate;overflow:visible;background:transparent;box-shadow:none;clip-path:none}
.expert-quote::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);border-block:1px solid #6f60353d;background:radial-gradient(circle at 86% 24%,#9c843f42 0,transparent 34%),linear-gradient(135deg,#282719 0%,#22251a 52%,#181d16 100%);pointer-events:none}
.expert-quote .section-label>span:last-child{color:#d8bd67;font-family:Georgia,serif;font-size:34px;line-height:.6}
.expert-quote__layout{position:relative;z-index:1;display:grid;gap:28px}
.expert-quote__heading>span{display:block;margin-bottom:12px;color:#bba75f;font-size:8px;font-weight:900;letter-spacing:1.6px}
.expert-quote h2{max-width:760px;margin:0;font-size:clamp(34px,9vw,52px);line-height:1.02;letter-spacing:-2px}
.expert-quote figure{margin:0;padding-top:24px;border-top:1px solid #736337}
.expert-quote blockquote{margin:0}
.expert-quote blockquote p{max-width:820px;margin:0;color:#f3edda;font-family:Georgia,serif;font-size:clamp(20px,5.6vw,29px);font-weight:400;line-height:1.38;letter-spacing:-.35px}
.expert-quote figcaption{display:flex;align-items:center;gap:12px;margin-top:24px}
.expert-quote__avatar{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid #8a7640;border-radius:50%;background:#343220;color:#efd276;font-size:10px;font-weight:950;letter-spacing:.8px}
.expert-quote figcaption>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}
.expert-quote figcaption strong{font-size:13px}
.expert-quote figcaption small{color:#aaa68f;font-size:9px;line-height:1.35}
.expert-quote__source{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:510px;margin-top:22px;padding-top:16px;border-top:1px solid #4e4a30;color:#e8c85f;font-size:10px;font-weight:800;line-height:1.45}
.expert-quote__source span{font-size:17px;font-weight:400}
.expert-quote__translation{display:block;margin-top:8px;color:#777765;font-size:8px;letter-spacing:.3px}
.expert-quote .banner-art{right:-18px;top:18px;color:#4b432333;font-family:Georgia,serif;font-size:240px;transform:none}
.article-expert-quote{margin-block:46px 18px}
@media(min-width:760px){
 .expert-quote__layout{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);align-items:start;gap:clamp(48px,7vw,92px)}
 .expert-quote h2{font-size:clamp(44px,5vw,66px)}
 .expert-quote figure{padding-top:5px;border-top:0}
 .expert-quote blockquote p{font-size:clamp(24px,2.5vw,34px)}
}

/* Desktop editorial system: cinematic opener, centered reading column, wide data bands. */
@media(min-width:1200px){
 .article-site main{background:radial-gradient(circle at 88% 2%,#3541252b 0,transparent 26%),#151914}
 .article-page{padding-top:0;padding-bottom:110px}
 .article-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);grid-template-rows:auto auto auto 1fr auto;column-gap:clamp(54px,5.5vw,88px);min-height:680px;padding:64px 0 72px;border-bottom:1px solid #343c30}
 .article-hero>.breadcrumbs{grid-column:1;grid-row:1;align-self:start;margin:0 0 42px}
 .article-hero>.section-label{grid-column:1;grid-row:2;align-self:start;margin:0 0 24px}
 .article-hero>h1{grid-column:1;grid-row:3;align-self:start;max-width:620px;margin:0 0 30px;font-size:clamp(62px,5.35vw,86px);line-height:.94;letter-spacing:-4.5px;text-wrap:balance}
 .article-hero>.article-cover{position:relative;grid-column:2;grid-row:1/6;align-self:stretch;width:100%;height:100%;min-height:610px;margin:0;border:1px solid #46503f;border-radius:24px;background:#0b0e0a;box-shadow:0 34px 90px #0008;isolation:isolate}
 .article-hero>.article-cover::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 54%,#090c08cc 100%);pointer-events:none}
 .article-hero>.article-cover img{height:100%;object-fit:cover;transform:none}
 .article-hero>.article-lead{grid-column:1;grid-row:4;align-self:start;max-width:590px;margin:0 0 32px;color:#bac3b1;font-size:18px;line-height:1.78}
 .article-hero>.cta{grid-column:1;grid-row:5;align-self:end;max-width:390px}
 .article-hero>.article-fact{z-index:2;grid-column:2;grid-row:5;align-self:end;max-width:none;margin:0 24px 24px;padding:24px 26px;border:1px solid #d8bd6747;border-radius:16px;background:#11150fe8;box-shadow:0 16px 40px #0008;backdrop-filter:blur(14px)}
 .article-hero>.article-fact>span{margin-bottom:10px}
 .article-hero>.article-fact p{font-size:14px;line-height:1.62}
 .article-metrics{margin:36px 0 0;border-color:#3e4937;border-radius:20px;background:#11160f;box-shadow:0 18px 50px #0003}
 .article-metrics div{min-height:132px;padding:28px 30px}
 .article-metrics dt{font-size:32px;letter-spacing:-1px}
 .article-metrics dd{max-width:190px;margin-top:13px;font-size:10px;line-height:1.5}
 .article-paytable{margin:88px 0 0;padding:34px;border:1px solid #3c4634;border-radius:22px;background:#11160f}
 .article-paytable__head{margin-bottom:28px}
 .article-paytable__head h2{font-size:46px;letter-spacing:-2px}
 .article-paytable__scroll{border-radius:15px}
 .article-story{counter-reset:editorial-section;max-width:960px;margin:82px auto 0}
 .article-section{counter-increment:editorial-section;position:relative;max-width:820px;margin-inline:auto;padding:52px 0 50px;border-top:1px solid #3a4335;border-bottom:0}
 .article-section::before{content:counter(editorial-section,decimal-leading-zero);position:absolute;top:57px;left:-72px;color:#d4bb63;font-size:10px;font-weight:900;letter-spacing:1.4px}
 .article-section h2{max-width:720px;margin:0 0 18px;font-size:40px;line-height:1.08;letter-spacing:-1.8px;text-wrap:balance}
 .article-section p{color:#b9c2b0;font-size:17px;line-height:1.88}
 .article-magazine-image{max-width:960px;margin:38px auto 58px}
 .article-magazine-image--scene{overflow:hidden;border:1px solid #3d4737;border-radius:22px;background:#0d110c;box-shadow:0 26px 70px #0006}
 .article-magazine-image--scene img{height:520px}
 .article-magazine-image--scene figcaption{padding:16px 22px 18px}
 .article-image-stat{left:28px;bottom:82px}
 .article-context{max-width:1120px;margin:94px auto 0;padding:38px 40px;border-radius:24px}
 .article-context h2,.article-sources h2,.article-faq>h2{font-size:36px;letter-spacing:-1.6px}
 .article-context>div{gap:16px}
 .article-context a{min-height:92px;padding:20px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff04;font-size:13px;line-height:1.45}
 .article-sources{max-width:1120px;margin:44px auto 0;padding:36px 38px;border:1px solid #35402f;border-radius:22px;background:#11160f}
 .article-sources p{max-width:480px;font-size:13px}
 .article-sources li a{min-height:54px;padding:16px 18px;font-size:12px}
 .article-expert-quote{margin-block:96px 0}
 .article-faq{max-width:920px;margin:96px auto 0}
 .article-faq>.section-label{margin-bottom:18px}
 .article-faq>h2{margin-bottom:30px;font-size:48px}
 .article-faq summary{padding:24px 4px;font-size:17px}
 .article-faq details p{max-width:760px;padding-bottom:27px;font-size:15px;line-height:1.8}
 .article-next{margin-top:104px;padding-top:64px;border-top:1px solid #343d31}
 .article-next>h2,.article-next .game-carousel__intro h2{font-size:clamp(42px,4vw,58px)}
 .article-bottom-cta{margin-top:72px}
}

/* Article pages share the same responsive header and topic navigation as
   game and video pages, aligned to the editorial rail. */
.article-site .article-section,
.article-site #article-title,
.article-site #paytable-title,
.article-site #article-faq-title{scroll-margin-top:24px}
@media(min-width:1024px){
 .article-site #menu,
 .article-site #menu[hidden]{width:min(1320px,calc(100vw - 64px));max-width:1320px;margin-inline:auto;padding-left:clamp(250px,24vw,360px);gap:clamp(11px,1.25vw,20px)}
 .article-site #menu a,
 .article-site #menu.is-open a{font-size:11px}
}

/* 2026 desktop game showcase refinement: compact bento rhythm without stretched cards. */
@media(min-width:1200px){
 .game-landing .hero{grid-template-columns:minmax(460px,.78fr) minmax(650px,1.22fr);column-gap:clamp(54px,5vw,84px)}
 .game-landing .home-title{font-size:clamp(68px,4.6vw,84px);line-height:.9;letter-spacing:-4.5px}
 .game-landing--home .home-title{white-space:nowrap;text-wrap:nowrap}

 .game-landing #features{grid-template-areas:none;grid-template-rows:auto auto auto auto;row-gap:22px}
 .game-landing #features>.section-label{grid-column:1/13;grid-row:1}
 .game-landing #features>.section-intro{grid-column:1/6;grid-row:2;position:relative;top:0;align-self:start;padding-top:22px}
 .game-landing #features>.feature-list{display:contents}
 .game-landing #features .feature{min-height:0;margin:0;padding:32px 30px}
 .game-landing #features .feature:nth-child(1){grid-column:7/13;grid-row:2}
 .game-landing #features .feature:nth-child(2){grid-column:7/13;grid-row:3;margin:0;background:linear-gradient(120deg,#252719,#151a13);border-color:#d1ba6040}
 .game-landing #features .feature:nth-child(3){grid-column:1/6;grid-row:3;background:linear-gradient(145deg,#1a2118,#11160f)}
 .game-landing #features>.text-link{grid-column:1/6;grid-row:4;align-self:start;margin-top:0}
 .game-landing .feature h3{font-size:clamp(24px,2vw,30px)}

 .game-landing #editorial .editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,420px) 360px;grid-auto-flow:dense;align-items:start}
 .game-landing #editorial .editorial-grid article{display:flex;grid-column:auto;min-height:0;height:420px;align-self:start;flex-direction:column;padding:20px;border-radius:20px}
 .game-landing #editorial .editorial-grid article:first-child{grid-column:1/7;grid-row:1/3;width:100%;height:862px;min-height:0;padding:24px}
 .game-landing #editorial .editorial-grid article:nth-child(2){grid-column:7/10;grid-row:1}
 .game-landing #editorial .editorial-grid article:nth-child(3){grid-column:10/13;grid-row:1}
 .game-landing #editorial .editorial-grid article:nth-child(4){grid-column:7/10;grid-row:2}
 .game-landing #editorial .editorial-grid article:nth-child(5){grid-column:10/13;grid-row:2}
 .game-landing #editorial .editorial-grid article:nth-child(6){display:grid;grid-column:1/13;grid-row:3;grid-template-columns:minmax(380px,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr auto;height:360px;padding:0;column-gap:34px;overflow:hidden}
 .game-landing #editorial .editorial-grid article:nth-child(n+4){min-height:0}
 .game-landing #editorial .editorial-preview{height:164px;margin:-20px -20px 18px;border-radius:19px 19px 0 0}
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview{height:500px;margin:-24px -24px 24px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-preview{grid-column:1;grid-row:1/5;width:100%;height:360px;margin:0;border-radius:19px 0 0 19px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-tag{grid-column:2;grid-row:1;align-self:end;margin:34px 34px 10px 0}
 .game-landing #editorial .editorial-grid article:nth-child(6) h3{grid-column:2;grid-row:2;margin-right:34px;font-size:34px}
 .game-landing #editorial .editorial-grid article:nth-child(6) p{grid-column:2;grid-row:3;margin-right:34px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-link{grid-column:2;grid-row:4;margin:0 34px 30px 0}
 .game-landing #editorial .editorial-grid h3{font-size:23px;line-height:1.08}
 .game-landing #editorial .editorial-grid article:first-child h3{font-size:38px}
 .game-landing #editorial .editorial-grid p{font-size:13px;line-height:1.58}
 .game-landing #editorial .editorial-link{margin-top:auto}

 .game-landing .game-overview__layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
 .game-landing .game-overview__heading{grid-column:1/5;top:0;padding-top:10px}
 .game-landing .game-overview__heading h2{font-size:clamp(64px,4.8vw,78px);letter-spacing:-4px}
 .game-landing .game-overview__heading::after{width:116px;height:116px;margin-top:42px;box-shadow:0 0 0 26px #d1b95f08,0 0 0 52px #d1b95f04}
 .game-landing .game-overview__copy{grid-column:5/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none;counter-reset:overview}
 .game-landing .game-overview__copy p{position:relative;display:block;min-width:0;margin:0;padding:34px 32px 34px 82px;border:1px solid #354033;border-radius:18px;background:#10150fd9;color:#bbc3b2;font-size:15px;line-height:1.82;overflow-wrap:anywhere}
 .game-landing .game-overview__copy p::before{position:absolute;left:30px;top:35px;display:block;content:counter(overview,decimal-leading-zero);counter-increment:overview;color:#d9c164;font-family:Georgia,serif;font-size:17px;font-style:italic}
 .game-landing .game-overview__copy .game-overview__lead{grid-column:1/3;padding-top:34px;border:1px solid #d1ba6040;background:linear-gradient(125deg,#292919,#151a13);font-size:18px;line-height:1.72}

 .game-landing .faq{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:18px}
 .game-landing .faq>.section-label{grid-column:1/3}
 .game-landing .faq>h2{grid-column:1/3;position:static;max-width:900px;margin:26px 0 34px;font-size:68px}
 .game-landing .faq>details{grid-column:auto;max-width:none;margin:0!important;padding:0 24px;border:1px solid #354033;border-radius:16px;background:#10150f}
 .game-landing .faq>details:nth-of-type(3n+2){background:linear-gradient(125deg,#252719,#151a13);border-color:#d1ba6040}
 .game-landing .faq summary{padding:25px 0;font-size:17px}
 .game-landing .faq details p{padding:0 0 26px;font-size:14px;line-height:1.76}
}

/* 2026 desktop longread: wide magazine spreads instead of a narrow text rail. */
.article-reading-bridge{display:none}
@media(min-width:1200px){
 .article-page{max-width:1320px}
 .article-hero{min-height:720px}
 .article-metrics{position:relative;z-index:2;margin-top:0;border-radius:0 0 24px 24px;border-top:0}
 .article-paytable{position:relative;z-index:2;margin-top:42px}

 .article-reading-bridge{position:relative;display:grid;grid-template-columns:220px 1fr 120px;align-items:center;gap:28px;min-height:230px;margin:24px 0 0;overflow:hidden;border-bottom:1px solid #394333}
 .article-reading-bridge::before{content:"";position:absolute;inset:32px 22% 24px;background:radial-gradient(ellipse at center,#d8bd6421,transparent 68%);filter:blur(9px)}
 .article-reading-bridge__label{position:relative;color:#7f897a;font-size:9px;font-weight:900;letter-spacing:2.4px;transform:rotate(-90deg);white-space:nowrap}
 .article-reading-bridge svg{position:relative;width:100%;height:auto;overflow:visible;fill:none;stroke:#d7bd63;stroke-width:1.4;stroke-linecap:round;opacity:.72}
 .article-reading-bridge svg path+path{stroke:#66715f;stroke-dasharray:3 12;opacity:.66}
 .article-reading-bridge svg circle{fill:#151914;stroke:#e2c865;stroke-width:2}
 .article-reading-bridge__count{position:relative;justify-self:end;color:#ece8dc;font-family:Georgia,serif;font-size:18px;font-style:italic;letter-spacing:.5px}

 .article-story{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;counter-reset:editorial-section;max-width:none;margin:0;padding:76px 0 24px}
 .article-story::before{content:"READ /\A LE BANDIT";position:absolute;top:112px;left:-8px;color:#87907f;font-size:9px;font-weight:900;line-height:1.7;letter-spacing:2.4px;white-space:pre;writing-mode:vertical-rl;transform:rotate(180deg)}
 .article-story::after{content:"";position:absolute;top:76px;right:0;width:1px;height:calc(100% - 100px);background:linear-gradient(#d7bd6375,transparent 22%,transparent 78%,#d7bd6338)}

 .article-section{counter-increment:editorial-section;position:relative;display:grid;grid-column:2/12;grid-template-columns:74px minmax(270px,4fr) minmax(430px,6fr);column-gap:clamp(26px,3vw,52px);align-items:start;width:auto;max-width:none;min-height:280px;margin:0;padding:58px 42px 62px 0;border-top:1px solid #414a3c}
 .article-section::before{content:counter(editorial-section,decimal-leading-zero);position:static;grid-column:1;grid-row:1/3;margin-top:5px;color:#e1c764;font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:400;letter-spacing:0}
 .article-section::after{content:"";position:absolute;right:0;top:48px;width:10px;height:10px;border:1px solid #d8bf67;border-radius:50%;box-shadow:0 0 0 7px #d8bf670d}
 .article-section h2{grid-column:2;grid-row:1;max-width:420px;margin:0;color:#f4f0e5;font-size:clamp(38px,3.4vw,54px);line-height:.98;letter-spacing:-2.5px;text-wrap:balance}
 .article-section p{grid-column:3;grid-row:1;margin:0;padding:4px 0 0;color:#bec6b7;font-size:17px;line-height:1.9}
 .article-section p::first-letter{color:#ead170}

 .article-section:nth-of-type(even){grid-column:1/11;grid-template-columns:minmax(430px,6fr) minmax(270px,4fr) 74px;padding-right:0;padding-left:42px;background:linear-gradient(90deg,#1c241a 0,#192017ba 58%,transparent 100%);border-radius:22px 0 0 22px}
 .article-section:nth-of-type(even)::before{grid-column:3;justify-self:end}
 .article-section:nth-of-type(even)::after{right:auto;left:0}
 .article-section:nth-of-type(even) h2{grid-column:2;text-align:right;justify-self:end}
 .article-section:nth-of-type(even) p{grid-column:1;grid-row:1}

 .article-section:nth-of-type(3n){grid-column:3/13;margin-block:24px;background:linear-gradient(100deg,#2b2b1b 0,#202116 52%,#171b15 100%);border:1px solid #d0b95d42;border-right:0;border-radius:22px 0 0 22px;box-shadow:-30px 30px 80px #0003}
 .article-section:nth-of-type(3n)::after{background:#d8bf67}

 .article-magazine-image{position:relative;grid-column:1/13;width:calc(100% - 96px);max-width:none;margin:38px 0 86px 96px;overflow:visible;border-radius:28px}
 .article-magazine-image::before{content:"VISUAL / 01";position:absolute;z-index:3;top:28px;left:-96px;width:70px;color:#858e80;font-size:9px;font-weight:900;line-height:1.65;letter-spacing:2px}
 .article-magazine-image--scene img{height:610px;border-radius:27px;object-fit:cover}
 .article-magazine-image--scene figcaption{position:absolute;right:0;bottom:-45px;width:min(520px,54%);padding:21px 25px;border:1px solid #46503e;border-radius:14px 0 0 14px;background:#11160fee;box-shadow:0 18px 45px #0007;backdrop-filter:blur(14px)}
 .article-image-stat{left:32px;bottom:36px;padding:18px 22px;border-radius:12px;background:#f1cf55;color:#171914;box-shadow:0 14px 35px #0006}
 .article-image-stat strong,.article-image-stat span{color:#171914}

 .article-context{max-width:none;margin-top:92px}
 .article-sources{max-width:none}
 .article-faq{max-width:1040px}
}

/* Tablet and phone adaptations of the same editorial language. */
@media(max-width:1199px){
 .article-reading-bridge{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:132px;margin:30px 0 0;overflow:hidden;border-block:1px solid #394333}
 .article-reading-bridge::before{content:"";position:absolute;inset:10px 22%;background:radial-gradient(ellipse at center,#d8bd641f,transparent 70%)}
 .article-reading-bridge__label{position:relative;color:#899283;font-size:7px;font-weight:900;letter-spacing:1.7px;writing-mode:vertical-rl;transform:rotate(180deg)}
 .article-reading-bridge svg{position:relative;width:100%;height:auto;fill:none;stroke:#d7bd63;stroke-width:2;stroke-linecap:round;opacity:.72}
 .article-reading-bridge svg path+path{stroke:#66715f;stroke-dasharray:3 13}
 .article-reading-bridge svg circle{fill:#151914;stroke:#e2c865;stroke-width:3}
 .article-reading-bridge__count{position:relative;color:#ece8dc;font-family:Georgia,serif;font-size:13px;font-style:italic}
 .article-story{counter-reset:editorial-section;margin-top:0}
 .article-section{counter-increment:editorial-section;position:relative}
 .article-section::before{content:counter(editorial-section,decimal-leading-zero);display:block;margin-bottom:14px;color:#e1c764;font-family:Georgia,serif;font-size:18px;font-style:italic}
}

@media(max-width:699px){
 .article-page{overflow:hidden}
 .article-hero>.section-label{margin-bottom:18px}
 .article-hero>h1{font-size:clamp(38px,12.5vw,54px);line-height:.96;letter-spacing:-2.7px;text-wrap:balance}
 .article-cover{aspect-ratio:4/3;margin-top:26px;border-block:1px solid #45503f}
 .article-lead{font-size:15px;line-height:1.76}
 .article-fact{position:relative;margin-top:22px;padding:19px 20px 20px;border-color:#d7bd634d;border-radius:14px;background:linear-gradient(135deg,#282819,#1b2118 70%)}
 .article-fact::after{content:"";position:absolute;top:17px;right:17px;width:8px;height:8px;border:1px solid #dfc567;border-radius:50%;box-shadow:0 0 0 6px #dfc5670d}
 .article-metrics{margin-top:30px;border-radius:16px}
 .article-metrics div{min-height:108px;padding:19px}
 .article-metrics dt{font-size:25px}
 .article-paytable{margin-top:42px;padding-block:26px}
 .article-paytable__head h2{font-size:31px;line-height:1.03}

 .article-reading-bridge{grid-template-columns:20px 1fr auto;gap:12px;min-height:104px;margin-inline:-4px;padding-inline:4px}
 .article-reading-bridge__label{font-size:6px;letter-spacing:1.35px}
 .article-reading-bridge__count{font-size:11px}

 .article-story{margin-inline:-8px;padding:30px 0 0}
 .article-section{max-width:none;margin:0 8px;padding:34px 20px 37px;border:1px solid transparent;border-bottom-color:#3a4335;border-radius:0}
 .article-section::before{margin-bottom:16px;font-size:17px}
 .article-section::after{content:"";position:absolute;top:37px;right:20px;width:8px;height:8px;border:1px solid #d8bf67;border-radius:50%}
 .article-section h2{max-width:310px;margin:0 0 18px;font-size:clamp(28px,8.7vw,37px);line-height:1.02;letter-spacing:-1.6px;text-wrap:balance}
 .article-section p{font-size:14px;line-height:1.82}
 .article-section:nth-of-type(even){margin-left:0;padding-left:28px;border-color:#35402f;border-right:0;border-radius:18px 0 0 18px;background:linear-gradient(100deg,#20271d,#181e16 76%)}
 .article-section:nth-of-type(3n){margin-right:0;padding-right:28px;border-color:#d0b95d38;border-left:0;border-radius:0 18px 18px 0;background:linear-gradient(100deg,#2a2a1b,#1c2118 72%)}
 .article-section:nth-of-type(3n)::after{background:#d8bf67}

 .article-magazine-image{margin:26px -15px 62px}
 .article-magazine-image--scene{overflow:visible;border:1px solid #414b3a;border-radius:18px;background:#0d110c}
 .article-magazine-image--scene img{height:390px;border-radius:17px;object-fit:cover}
 .article-magazine-image--scene::before{content:"VISUAL / 01";position:absolute;z-index:2;top:18px;left:18px;color:#fff;font-size:7px;font-weight:900;letter-spacing:1.5px;text-shadow:0 2px 12px #000}
 .article-magazine-image--scene::after{inset:0 0 0;border-radius:17px}
 .article-magazine-image--scene figcaption{position:absolute;z-index:3;right:0;bottom:-38px;width:82%;padding:15px 17px;border:1px solid #46503e;border-right:0;border-radius:12px 0 0 12px;background:#11160fee;box-shadow:0 14px 34px #0008;backdrop-filter:blur(12px)}
 .article-image-stat{left:18px;bottom:24px;padding:13px 15px;border-radius:10px;background:#f0ce57}
 .article-image-stat strong{color:#171914;font-size:36px;text-shadow:none}
 .article-image-stat span{color:#171914;font-size:7px}

 .article-context{margin-top:58px;padding:25px 21px}
 .article-context h2,.article-sources h2{font-size:29px}
 .article-sources{padding-inline:2px}
 .article-expert-quote{margin-inline:-23px}
 .article-faq{margin-top:64px}
 .article-next{padding-top:56px}
}

@media(min-width:700px) and (max-width:1199px){
 .article-page{max-width:1040px}
 .article-hero>h1{max-width:820px;text-wrap:balance}
 .article-cover{aspect-ratio:16/8;border:1px solid #424d3b;border-radius:20px;box-shadow:0 24px 60px #0005}
 .article-fact{border-color:#d7bd6345;background:linear-gradient(120deg,#29291a,#1c2219 68%)}
 .article-reading-bridge{min-height:174px;margin-top:52px}

 .article-story{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:18px;padding-top:48px}
 .article-section{display:grid;grid-column:1/11;grid-template-columns:54px minmax(230px,.82fr) minmax(330px,1.18fr);gap:28px;align-items:start;width:auto;max-width:none;min-height:242px;margin:0;padding:43px 28px 46px 0;border-top:1px solid #3c4637;border-bottom:0}
 .article-section::before{grid-column:1;grid-row:1/3;margin:4px 0 0}
 .article-section::after{content:"";position:absolute;top:43px;right:0;width:9px;height:9px;border:1px solid #d8bf67;border-radius:50%}
 .article-section h2{grid-column:2;grid-row:1;max-width:330px;margin:0;font-size:clamp(31px,4.4vw,43px);line-height:1.02;letter-spacing:-2px;text-wrap:balance}
 .article-section p{grid-column:3;grid-row:1;margin:0;font-size:15px;line-height:1.82}
 .article-section:nth-of-type(even){grid-template-columns:minmax(330px,1.18fr) minmax(230px,.82fr) 54px;padding:43px 0 46px 28px;border-radius:18px 0 0 18px;background:linear-gradient(90deg,#20271d,#181e16 82%)}
 .article-section:nth-of-type(even)::before{grid-column:3;justify-self:end}
 .article-section:nth-of-type(even)::after{right:auto;left:0}
 .article-section:nth-of-type(even) h2{grid-column:2;text-align:right}
 .article-section:nth-of-type(even) p{grid-column:1}
 .article-section:nth-of-type(3n){grid-column:2/11;margin-block:18px;padding-right:24px;border:1px solid #d0b95d35;border-right:0;border-radius:18px 0 0 18px;background:linear-gradient(100deg,#29291a,#1a2017 78%)}

 .article-magazine-image{grid-column:1/11;width:calc(100% - 54px);max-width:none;margin:30px 0 72px 54px;overflow:visible}
 .article-magazine-image--scene img{height:470px;border-radius:20px}
 .article-magazine-image--scene figcaption{position:absolute;right:0;bottom:-39px;width:58%;padding:17px 20px;border:1px solid #46503e;border-right:0;border-radius:12px 0 0 12px;background:#11160fee;box-shadow:0 16px 40px #0007;backdrop-filter:blur(12px)}
 .article-image-stat{bottom:30px;padding:15px 18px;border-radius:11px;background:#f1cf55}
 .article-image-stat strong,.article-image-stat span{color:#171914;text-shadow:none}
 .article-context,.article-sources{max-width:none}
 .article-faq{max-width:880px}
}

@media(min-width:900px) and (max-width:1199px){
 .article-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);grid-template-rows:auto auto auto 1fr auto;column-gap:40px;min-height:590px;padding-bottom:52px;border-bottom:1px solid #384234}
 .article-hero>.breadcrumbs{grid-column:1;grid-row:1}
 .article-hero>.section-label{grid-column:1;grid-row:2}
 .article-hero>h1{grid-column:1;grid-row:3;align-self:start;font-size:clamp(48px,5.8vw,68px);line-height:.96;letter-spacing:-3.5px}
 .article-hero>.article-cover{grid-column:2;grid-row:1/6;height:100%;min-height:540px;margin:0;aspect-ratio:auto}
 .article-hero>.article-cover img{height:100%;object-fit:cover}
 .article-hero>.article-lead{grid-column:1;grid-row:4;align-self:start;font-size:15px;line-height:1.72}
 .article-hero>.cta{grid-column:1;grid-row:5;align-self:end}
 .article-hero>.article-fact{z-index:2;grid-column:2;grid-row:5;align-self:end;margin:0 18px 18px;max-width:none;padding:20px;background:#11160fe8;backdrop-filter:blur(12px)}
}

/* Editorial bento surfaces: the longread keeps its content while every chapter gets a distinct stage. */
.article-story-band{position:relative;isolation:isolate}
.article-story-band::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none}
.article-story-band:nth-child(3n+1)::before{border-block:1px solid #313a2f;background:radial-gradient(circle at 88% 18%,#4d57231b,transparent 30%),#141913}
.article-story-band:nth-child(3n+2)::before{border-block:1px solid #293127;background:radial-gradient(circle at 10% 78%,#3e49231d,transparent 30%),linear-gradient(135deg,#0e130d,#171c14)}
.article-story-band:nth-child(3n)::before{border-block:1px solid #51482c66;background:radial-gradient(circle at 85% 22%,#6b5a2424,transparent 34%),linear-gradient(125deg,#1a1d13,#131812)}

.article-story-band .article-section h2,
.article-story-band .article-section p{max-width:none;align-self:stretch;justify-self:stretch;border:1px solid #354033;border-radius:18px;background:#10150fd9;box-shadow:0 20px 52px #0002}
.article-story-band:nth-child(3n+2) .article-section h2{border-color:#d1ba6040;background:linear-gradient(130deg,#292919,#171c15)}
.article-story-band:nth-child(3n) .article-section p{border-color:#5d53354d;background:linear-gradient(135deg,#222519,#151a13)}
.article-story-band .article-section::after{display:none}

@media(min-width:1200px){
 .article-site main{background:#151914}
 .article-site .article-expert-quote{width:100%;max-width:none}
 .article-hero{position:relative;isolation:isolate;border:0}
 .article-hero::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;border-block:1px solid #30382d;background:radial-gradient(circle at 84% 18%,#53602a35,transparent 31%),linear-gradient(125deg,#171c15,#151914);transform:translateX(-50%)}

 .article-metrics{position:relative;isolation:isolate;border-radius:20px}
 .article-metrics::before{content:"";position:absolute;z-index:-1;inset:-38px 50% -44px;left:50%;width:100vw;border-block:1px solid #293127;background:#0f130e;transform:translateX(-50%)}
 .article-paytable{position:relative;isolation:isolate;margin-top:80px}
 .article-paytable::before{content:"";position:absolute;z-index:-1;inset:-44px 50%;left:50%;width:100vw;border-block:1px solid #384133;background:radial-gradient(circle at 12% 24%,#4a552526,transparent 30%),#151914;transform:translateX(-50%)}
 .article-reading-bridge{margin-top:66px;border-top:0}

 .article-story{display:block;max-width:none;margin:0;padding:0;counter-reset:editorial-section}
 .article-story::before,.article-story::after{display:none}
 .article-story-band{padding:76px 0 80px}
 .article-story-band .article-section{counter-increment:editorial-section;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch;width:100%;max-width:none;min-height:0;margin:0;padding:0;border:0;background:transparent}
 .article-story-band .article-section::before{content:counter(editorial-section,decimal-leading-zero);position:absolute;z-index:3;top:22px;left:22px;display:grid;width:42px;height:42px;place-items:center;margin:0;border:1px solid #d4bd655c;border-radius:50%;background:#151914;color:#e1c764;font-family:Georgia,serif;font-size:14px;font-style:italic}
 .article-story-band .article-section h2{grid-column:1/6;margin:0;padding:72px 34px 36px;font-size:clamp(40px,3.55vw,56px);line-height:.98;letter-spacing:-2.5px;text-align:left}
 .article-story-band .article-section p{grid-column:6/13;margin:0;padding:38px 40px;color:#bec6b7;font-size:17px;line-height:1.9}
 .article-story-band:nth-child(even) .article-section h2{grid-column:8/13;grid-row:1}
 .article-story-band:nth-child(even) .article-section p{grid-column:1/8;grid-row:1}
 .article-story-band:nth-child(even) .article-section::before{right:22px;left:auto}

 .article-story-band .article-magazine-image{width:100%;max-width:none;margin:28px 0 0}
 .article-story-band .article-magazine-image::before{left:26px;top:26px;width:auto;color:#eef0e6;text-shadow:0 2px 12px #000}
 .article-story-band .article-magazine-image--scene img{height:560px}

 .article-context,.article-sources,.article-faq,.article-next{position:relative;isolation:isolate}
 .article-context::before,.article-sources::before,.article-faq::before,.article-next::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;border-block:1px solid #30382d;transform:translateX(-50%);pointer-events:none}
 .article-context{max-width:none;margin:0;padding:88px 40px;border:0;border-radius:0;background:transparent}
 .article-context::before{background:radial-gradient(circle at 86% 20%,#695b2526,transparent 34%),linear-gradient(120deg,#181d16,#151914)}
 .article-context>div{grid-template-columns:repeat(3,minmax(0,1fr))}
 .article-context a{min-height:118px;border-radius:18px;background:#10150fd9}

 .article-sources{max-width:none;margin:0;padding:82px 38px;border:0;border-radius:0;background:transparent}
 .article-sources::before{border-color:#293127;background:radial-gradient(circle at 10% 82%,#3e49231f,transparent 28%),linear-gradient(135deg,#090d0a,#0e130d 58%,#13170f)}
 .article-expert-quote{margin:0;padding-block:96px}

 .article-faq{max-width:none;margin:0;padding:88px 0 92px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
 .article-faq::before{background:linear-gradient(135deg,#141913,#11160f 72%)}
 .article-faq>.section-label,.article-faq>h2{grid-column:1/3}
 .article-faq>h2{margin-bottom:20px;font-size:56px}
 .article-faq details{margin:0;padding:0 24px;border:1px solid #354033;border-radius:16px;background:#10150f}
 .article-faq details:nth-of-type(3n+2){border-color:#d1ba6040;background:linear-gradient(125deg,#252719,#151a13)}
 .article-faq details:last-child{border-bottom:1px solid #354033}

 .article-next{margin:0;padding:92px 0 100px;border:0}
 .article-next::before{border-color:#293127;background:radial-gradient(circle at 90% 12%,#6656211a,transparent 28%),#0e120d}
 .article-next+.article-next::before{border-color:#384133;background:radial-gradient(circle at 12% 34%,#46512624,transparent 31%),linear-gradient(120deg,#131812,#171b14)}
 .article-next .editorial-grid{margin-top:44px}
 .article-bottom-cta{margin:58px 0 0}
}

@media(max-width:1199px){
 .article-site{background:radial-gradient(ellipse 115% 1150px at 78% 260px,#4e572539 0,transparent 62%),#151914}
 .article-site header{position:relative;z-index:5;background:#15191452;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 .article-site main{background:transparent}
 .article-hero{position:relative;isolation:isolate}
 .article-hero::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;border-block:1px solid #30382d;background:linear-gradient(180deg,#ffffff02,transparent);transform:translateX(-50%)}
 .article-story{margin:0;padding:0;counter-reset:editorial-section}
 .article-story-band{padding:58px 0 62px}
 .article-story-band .article-section{counter-increment:editorial-section;position:relative;width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent}
 .article-story-band .article-section::before{content:counter(editorial-section,decimal-leading-zero);position:absolute;z-index:2;display:grid;place-items:center;border:1px solid #d4bd655c;border-radius:50%;background:#151914;color:#e1c764;font-family:Georgia,serif;font-style:italic}
 .article-story-band .article-magazine-image{width:100%;max-width:none}

 .article-context,.article-sources,.article-faq,.article-next{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0}
 .article-context::before,.article-sources::before,.article-faq::before,.article-next::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;border-block:1px solid #30382d;transform:translateX(-50%);pointer-events:none}
 .article-context::before{background:radial-gradient(circle at 86% 18%,#695b2524,transparent 35%),linear-gradient(125deg,#181d16,#151914)}
 .article-sources::before{border-color:#293127;background:linear-gradient(135deg,#090d0a,#0e130d 62%,#13170f)}
 .article-faq::before{background:linear-gradient(135deg,#141913,#11160f 74%)}
 .article-next::before{border-color:#293127;background:radial-gradient(circle at 90% 10%,#66562118,transparent 27%),#0e120d}
 .article-next+.article-next::before{border-color:#384133;background:radial-gradient(circle at 12% 32%,#46512622,transparent 32%),#141913}
}

@media(max-width:699px){
 .article-page{overflow:visible}
 .article-hero{padding-bottom:56px}
 .article-metrics{position:relative;isolation:isolate;margin-top:0;padding-block:20px;border:0;border-radius:0;background:transparent}
 .article-metrics::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;border-block:1px solid #293127;background:#0f130e;transform:translateX(-50%)}
 .article-metrics div{border:1px solid #313b2f!important;background:#11160f}
 .article-paytable{position:relative;isolation:isolate;margin-top:0;padding-block:56px;border:0;border-radius:0;background:transparent}
 .article-paytable::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;border-block:1px solid #384133;background:radial-gradient(circle at 12% 20%,#4a552526,transparent 32%),#151914;transform:translateX(-50%)}
 .article-reading-bridge{margin-top:0}

 .article-story-band{padding:48px 0 52px}
 .article-story-band .article-section{margin:0;padding:0}
 .article-story-band .article-section::before{top:16px;left:16px;width:36px;height:36px;margin:0;font-size:13px}
 .article-story-band .article-section h2{margin:0 0 10px;padding:65px 20px 24px;font-size:clamp(28px,8.7vw,37px);line-height:1.02}
 .article-story-band .article-section p{margin:0;padding:22px 20px;font-size:14px;line-height:1.82}
 .article-story-band .article-magazine-image{margin:18px -15px 45px;width:calc(100% + 30px)}

 .article-context{margin:0;padding:58px 0}
 .article-context>div{display:grid;gap:10px}
 .article-context a{min-height:76px;padding:18px;border:1px solid #354033;border-radius:14px;background:#10150fd9}
 .article-sources{margin:0;padding:58px 0}
 .article-expert-quote{margin:0 -23px;padding-block:62px}
 .article-faq{max-width:none;margin:0;padding:58px 0}
 .article-faq details{margin:0 0 10px;padding:0 16px;border:1px solid #354033;border-radius:13px;background:#10150f}
 .article-faq details:nth-of-type(3n+2){border-color:#5b523346;background:linear-gradient(125deg,#222519,#151a13)}
 .article-faq details:last-child{border-bottom:1px solid #354033}
 .article-next{margin:0;padding:58px 0 64px;border:0}
 .article-next .article-editorial-grid{display:flex;gap:14px;margin:30px -23px 0;padding:0 23px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .article-next .article-editorial-grid::-webkit-scrollbar{display:none}
 .article-next .article-editorial-grid article{flex:0 0 82vw;width:82vw;max-width:330px;min-height:470px;scroll-snap-align:start}
 .article-game-carousel{padding-top:58px}
 .article-bottom-cta{margin:48px 0 0}
}

@media(min-width:700px) and (max-width:1199px){
 .article-story-band{padding:68px 0 72px}
 .article-story-band .article-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px;min-height:0}
 .article-story-band .article-section::before{top:20px;left:20px;width:38px;height:38px;margin:0;font-size:13px}
 .article-story-band .article-section h2{grid-column:1;margin:0;padding:68px 25px 28px;font-size:clamp(31px,4.4vw,43px);line-height:1.02;text-align:left}
 .article-story-band .article-section p{grid-column:2;margin:0;padding:27px 25px;font-size:15px;line-height:1.82}
 .article-story-band:nth-child(even) .article-section h2{grid-column:2;grid-row:1}
 .article-story-band:nth-child(even) .article-section p{grid-column:1;grid-row:1}
 .article-story-band:nth-child(even) .article-section::before{right:20px;left:auto}
 .article-story-band .article-magazine-image{margin:24px 0 50px}
 .article-context{margin:0;padding:72px 30px}
 .article-sources{margin:0;padding:72px 30px}
 .article-expert-quote{margin:0;padding-block:82px}
 .article-faq{max-width:none;margin:0;padding:72px 0}
 .article-faq details{max-width:none;padding-inline:18px;border:1px solid #354033;border-radius:14px;background:#10150f}
 .article-faq details+details{margin-top:12px}
 .article-next{margin:0;padding:76px 0 82px;border:0}
}

/* 2026 desktop game showcase: immersive demo, staggered galleries, editorial copy. */
@media(min-width:1200px){
 .game-landing{background:#0c100b}
 .game-landing .site{overflow:hidden}
 .game-landing main{background:radial-gradient(circle at 78% 4%,#4e572539 0,transparent 25%),#151914}
 .game-landing header{max-width:1320px}
 .game-landing #menu{max-width:1320px;padding-left:360px}

 .game-landing .hero{position:relative;isolation:isolate;grid-template-columns:minmax(390px,.72fr) minmax(650px,1.28fr);column-gap:clamp(72px,7vw,116px);max-width:1320px;min-height:810px;padding:70px 0 86px}
 .game-landing .hero::before{content:"";position:absolute;z-index:-1;right:-175px;top:-140px;width:780px;height:780px;border:1px solid #d4bb5d24;border-radius:50%;box-shadow:0 0 0 78px #d4bb5d0a,0 0 0 158px #d4bb5d07;pointer-events:none}
 .game-landing .hero::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:42px;height:1px;background:linear-gradient(90deg,#d3bb67,transparent 34%,#3b4436 74%,transparent)}
 .game-landing .hero-copy{position:relative;z-index:2;padding-top:24px}
 .game-landing .hero-copy>.eyebrow{display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:17px;border-bottom:1px solid #3a4335}
 .game-landing .home-title{margin:0 0 28px;font-size:clamp(74px,6.4vw,96px);line-height:.87;letter-spacing:-6px;text-wrap:balance}
 .game-landing .home-title span{margin-top:22px;font-size:26px;letter-spacing:-.6px}
 .game-landing .intro{max-width:470px;font-size:16px;line-height:1.78}
 .game-landing .hero-rating{width:100%;max-width:470px;margin-top:22px}
 .game-landing .hero-copy>.cta{max-width:470px;min-height:64px;margin-top:12px;border-radius:14px;font-size:16px}
 .game-landing .hero-facts{max-width:470px;margin-top:26px;border-radius:16px;background:#0e120dec;box-shadow:0 20px 55px #0003}
 .game-landing .hero-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-landing .hero-facts dl>div,.game-landing .hero-facts dl>div:nth-child(odd),.game-landing .hero-facts dl>div:nth-last-child(-n+2){display:block;padding:14px 15px;border-right:1px solid #293126;border-bottom:1px solid #293126}
 .game-landing .hero-facts dl>div:nth-child(2n){border-right:0}
 .game-landing .hero-facts dl>div:nth-last-child(-n+2){border-bottom:0}
 .game-landing .hero-facts dt{margin-bottom:7px}
 .game-landing .hero-facts dd{text-align:left;font-size:13px}

 .game-landing .hero>.game-shell{position:relative;z-index:1;width:100%;max-width:none;justify-self:stretch;align-self:start;border:1px solid #536047;border-radius:24px;background:#0e120d;box-shadow:0 42px 100px #000b,0 1px 0 #ffffff0c inset;transform:translateY(4px)}
 .game-landing .hero>.game-shell::before{content:"";position:absolute;z-index:-1;inset:24px -24px -24px 24px;border:1px solid #d2b95e31;border-radius:24px;pointer-events:none}
 .game-landing .game-bar{height:52px;padding-inline:19px;border-radius:23px 23px 0 0;background:#22281e}
 .game-landing .game-bar button{height:52px}
 .game-landing .game-stage{width:100%;height:auto;aspect-ratio:400/401}

 .game-landing .ticker--marquee{position:relative;z-index:3;margin-top:-1px;border-block:1px solid #3a4234;background:#0e120d}
 .game-landing .ticker-sequence{padding-block:19px}

 .game-landing .section{max-width:1320px;padding-top:112px;padding-bottom:116px}
 .game-landing .section-label{padding-bottom:18px;border-bottom:1px solid #384134}
 .game-landing .section h2{font-size:clamp(54px,5vw,74px);line-height:.95;letter-spacing:-3.5px;text-wrap:balance}

 .game-landing #how{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
 .game-landing #how>.section-label{grid-column:1/13;width:100%}
 .game-landing #how>h2{grid-column:1/6;max-width:520px;margin-top:18px}
 .game-landing #how>.lead{grid-column:7/13;max-width:620px;margin:28px 0 0;font-size:16px;line-height:1.8}
 .game-landing .steps{grid-column:1/13;grid-template-columns:1.04fr .82fr 1.14fr;gap:22px;margin-top:70px;counter-reset:game-steps}
 .game-landing .steps li{position:relative;min-height:300px;padding:31px;border-color:#3d4739;border-radius:20px;background:linear-gradient(145deg,#1a2118,#121711);box-shadow:0 22px 60px #0003}
 .game-landing .steps li:nth-child(2){transform:translateY(46px)}
 .game-landing .steps li:nth-child(3){background:linear-gradient(145deg,#2b2b1b,#181d15);border-color:#d2ba6045}
 .game-landing .steps li>span{display:grid;place-items:center;margin-bottom:76px;color:#e2c766;font-family:Georgia,serif;font-size:16px;font-style:italic;line-height:1}
 .game-landing .steps h3{font-size:26px;line-height:1.05;letter-spacing:-1px}
 .game-landing .steps p{font-size:14px;line-height:1.78}

 .game-landing #features{position:relative;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"label label label label label label label label label label label label" "intro intro intro intro intro . list list list list list list" "action action action action . . list list list list list list";column-gap:24px;padding-top:124px;padding-bottom:128px}
 .game-landing #features::after{content:"";position:absolute;z-index:-1;inset:0 50% 0 -50vw;background:linear-gradient(90deg,#1a2118,#151a14 70%,transparent)}
 .game-landing #features>.section-label{grid-area:label}
 .game-landing #features>.section-intro{grid-area:intro;top:44px;padding-top:22px}
 .game-landing #features>.section-intro h2{max-width:520px}
 .game-landing #features>.section-intro .lead{max-width:470px;font-size:15px;line-height:1.82}
 .game-landing .feature-list{grid-area:list;counter-reset:game-features}
 .game-landing .feature{counter-increment:game-features;position:relative;display:grid;grid-template-columns:60px 1fr;gap:22px;min-height:235px;padding:38px 34px;border:1px solid #3b4637;border-radius:18px;background:#11160f;box-shadow:0 22px 54px #0003}
 .game-landing .feature+.feature{margin-top:22px}
 .game-landing .feature:nth-child(even){margin-left:54px;background:linear-gradient(120deg,#252719,#151a13);border-color:#d1ba6040}
 .game-landing .feature-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #d1ba6048;border-radius:50%;font-size:0}
 .game-landing .feature-icon::before{content:counter(game-features,decimal-leading-zero);color:#e1c867;font-family:Georgia,serif;font-size:16px;font-style:italic}
 .game-landing .feature h3{font-size:30px;line-height:1.05;letter-spacing:-1.2px}
 .game-landing .feature p{font-size:15px;line-height:1.82}
 .game-landing #features>.text-link{grid-area:action;align-self:start;width:100%;max-width:430px;margin-top:28px}

 .game-landing .demo-videos{max-width:1320px;padding-top:120px;padding-bottom:140px}
 .game-landing .demo-videos::before{top:130px;right:-120px;width:420px;height:420px;box-shadow:0 0 0 65px #d6b94c08,0 0 0 130px #d6b94c04}
 .game-landing .demo-videos__intro{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:72px}
 .game-landing .demo-videos__intro>div{grid-column:1/7}
 .game-landing .demo-videos__intro>p{grid-column:8/13;align-self:end;max-width:520px;font-size:16px;line-height:1.82}
 .game-landing .video-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
 .game-landing .video-preview{grid-column:span 3;aspect-ratio:4/5;border-radius:22px}
 .game-landing .video-preview:nth-child(2),.game-landing .video-preview:nth-child(4){transform:translateY(70px)}
 .game-landing .video-preview__play{width:66px;height:66px}
 .game-landing .video-preview__body>strong{font-size:27px}

 .game-landing #le-games{max-width:1320px;padding-top:128px;padding-bottom:128px}
 .game-landing #le-games::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 -50vw;background:radial-gradient(circle at 12% 35%,#4953292c,transparent 30%),#11150f}
 .game-landing #le-games{position:relative;isolation:isolate;background:transparent;box-shadow:none;clip-path:none}
 .game-landing #le-games .game-carousel__intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
 .game-landing #le-games .game-carousel__intro>div{grid-column:1/8}
 .game-landing #le-games .game-carousel__count{grid-column:12;justify-self:end}
 .game-landing .game-carousel{margin-top:60px}
 .game-landing .game-carousel .game-grid{gap:20px;padding-block:10px 40px}
 .game-landing .game-carousel .game-grid>a{flex-basis:calc((100% - 60px)/3.55)}
 .game-landing .game-carousel .game-grid>a:nth-child(even){transform:translateY(28px)}
 .game-landing .game-carousel .game-grid>a:hover{transform:translateY(-5px)}
 .game-landing .game-carousel .game-grid>a:nth-child(even):hover{transform:translateY(20px)}

 .game-landing #editorial{max-width:1320px;padding-top:126px;padding-bottom:136px;background:transparent;box-shadow:none;clip-path:none}
 .game-landing #editorial::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 -50vw;background:#0f130e}
 .game-landing #editorial{position:relative;isolation:isolate}
 .game-landing #editorial>h2{max-width:820px}
 .game-landing #editorial>.lead{max-width:620px;font-size:16px;line-height:1.8}
 .game-landing #editorial .editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-top:60px}
 .game-landing #editorial .editorial-grid article{grid-column:span 4;min-height:500px;padding:24px;border-radius:20px;background:#171d15}
 .game-landing #editorial .editorial-grid article:first-child{grid-column:span 6;grid-row:span 2;min-height:680px;background:linear-gradient(145deg,#28291a,#171d15 62%)}
 .game-landing #editorial .editorial-grid article:nth-child(2),.game-landing #editorial .editorial-grid article:nth-child(3){grid-column:span 3}
 .game-landing #editorial .editorial-grid article:nth-child(n+4){min-height:470px}
 .game-landing #editorial .editorial-preview{height:250px;margin:-24px -24px 23px;border-radius:19px 19px 0 0}
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview{height:390px}
 .game-landing #editorial .editorial-grid h3{font-size:27px;letter-spacing:-1px}
 .game-landing #editorial .editorial-grid article:first-child h3{font-size:38px}

 .game-landing .game-overview{max-width:1320px;padding-top:132px;padding-bottom:140px;background:transparent;box-shadow:none;clip-path:none}
 .game-landing .game-overview::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 -50vw;background:radial-gradient(circle at 88% 28%,#695b2530,transparent 32%),#151914}
 .game-landing .game-overview__layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
 .game-landing .game-overview__heading{grid-column:1/6;top:46px;padding-top:10px}
 .game-landing .game-overview__heading h2{font-size:clamp(72px,6.2vw,92px);letter-spacing:-5px}
 .game-landing .game-overview__heading::after{content:"";display:block;width:160px;height:160px;margin:50px 0 0;border:1px solid #d1b95f45;border-radius:50%;box-shadow:0 0 0 34px #d1b95f08,0 0 0 68px #d1b95f04}
 .game-landing .game-overview__copy{grid-column:6/13;max-width:none}
 .game-landing .game-overview__copy p{display:grid;grid-template-columns:50px 1fr;gap:22px;padding:34px 0;font-size:16px;line-height:1.88}
 .game-landing .game-overview__copy p::before{content:counter(overview,decimal-leading-zero);counter-increment:overview;color:#d9c164;font-family:Georgia,serif;font-size:17px;font-style:italic}
 .game-landing .game-overview__copy{counter-reset:overview}
 .game-landing .game-overview__copy .game-overview__lead{font-size:21px;line-height:1.72}

 .game-landing .gameplay-overview{max-width:1320px;padding-top:132px;padding-bottom:142px;background:transparent;box-shadow:none;clip-path:none}
 .game-landing .gameplay-overview::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 -50vw;background:linear-gradient(135deg,#0d110c,#151a13 55%,#1d2015)}
 .game-landing .gameplay-overview__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
 .game-landing .gameplay-overview__head>span{grid-column:1/4}
 .game-landing .gameplay-overview__head>h2{grid-column:4/13;max-width:none;font-size:clamp(65px,5.8vw,88px)}
 .game-landing .gameplay-overview__columns{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:78px}
 .game-landing .gameplay-overview__column:first-child{grid-column:1/7}
 .game-landing .gameplay-overview__column:nth-child(2){grid-column:7/13;margin-top:90px}
 .game-landing .gameplay-overview__column>p{padding:28px 30px;border:1px solid #354033;border-radius:16px;background:#11160fd6;font-size:15px;line-height:1.84}
 .game-landing .gameplay-overview__column>p+p{margin-top:18px}
 .game-landing .gameplay-overview__column .gameplay-overview__lead{font-size:19px;line-height:1.78}
 .game-landing .gameplay-overview__symbols{margin-top:18px;padding:30px;border-radius:18px;background:linear-gradient(130deg,#2b2a1b,#171c15)}

 .game-landing .expert-quote{max-width:1320px;padding-block:112px}
 .game-landing .faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;max-width:1320px;padding-top:128px;padding-bottom:132px}
 .game-landing .faq>.section-label{grid-column:1/13;width:100%}
 .game-landing .faq>h2{grid-column:1/5;position:sticky;top:44px;max-width:420px;margin-top:28px;font-size:64px;line-height:.96;letter-spacing:-3px}
 .game-landing .faq>details{grid-column:6/13;max-width:none}
 .game-landing .faq>details:first-of-type{margin-top:28px}
 .game-landing .faq summary{padding:27px 4px;font-size:17px}
 .game-landing .faq details p{padding-bottom:28px;font-size:15px;line-height:1.8}

 .game-landing .closing{position:relative;max-width:1320px;padding:96px 0 112px}
 .game-landing .closing::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 -50vw;background:radial-gradient(circle at center,#65552230,transparent 44%),#10140f}
 .game-landing .closing h2{font-size:76px;letter-spacing:-4px}
 .game-landing .closing .outline-button{min-height:70px;border-radius:14px;font-size:16px}
}

/* Final desktop bento corrections; kept last so the wide-screen composition wins the cascade. */
@media(min-width:1200px){
 .game-landing .hero{grid-template-columns:minmax(460px,.78fr) minmax(650px,1.22fr);column-gap:clamp(54px,5vw,84px)}
 .game-landing .home-title{font-size:clamp(68px,4.6vw,84px);line-height:.9;letter-spacing:-4.5px}
 .game-landing--home .home-title{white-space:nowrap;text-wrap:nowrap}

 .game-landing #features{grid-template-areas:none;grid-template-rows:auto auto auto auto;row-gap:22px}
 .game-landing #features>.section-label{grid-column:1/13;grid-row:1}
 .game-landing #features>.section-intro{grid-column:1/6;grid-row:2;position:relative;top:0;align-self:start;padding-top:22px}
 .game-landing #features>.feature-list{display:contents}
 .game-landing #features .feature{min-height:0;margin:0;padding:32px 30px}
 .game-landing #features .feature:nth-child(1){grid-column:7/13;grid-row:2}
 .game-landing #features .feature:nth-child(2){grid-column:7/13;grid-row:3;margin:0;background:linear-gradient(120deg,#252719,#151a13);border-color:#d1ba6040}
 .game-landing #features .feature:nth-child(3){grid-column:1/6;grid-row:3;background:linear-gradient(145deg,#1a2118,#11160f)}
 .game-landing #features>.text-link{grid-column:1/6;grid-row:4;align-self:start;margin-top:0}
 .game-landing .feature h3{font-size:clamp(24px,2vw,30px)}

 .game-landing #editorial .editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,420px) 360px;grid-auto-flow:dense;align-items:start}
 .game-landing #editorial .editorial-grid article{display:flex;grid-column:auto;min-height:0;height:420px;align-self:start;flex-direction:column;padding:20px;border-radius:20px}
 .game-landing #editorial .editorial-grid article:first-child{grid-column:1/7;grid-row:1/3;width:100%;height:862px;min-height:0;padding:24px}
 .game-landing #editorial .editorial-grid article:nth-child(2){grid-column:7/10;grid-row:1}
 .game-landing #editorial .editorial-grid article:nth-child(3){grid-column:10/13;grid-row:1}
 .game-landing #editorial .editorial-grid article:nth-child(4){grid-column:7/10;grid-row:2}
 .game-landing #editorial .editorial-grid article:nth-child(5){grid-column:10/13;grid-row:2}
 .game-landing #editorial .editorial-grid article:nth-child(6){display:grid;grid-column:1/13;grid-row:3;grid-template-columns:minmax(380px,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr auto;height:360px;padding:0;column-gap:34px;overflow:hidden}
 .game-landing #editorial .editorial-grid article:nth-child(n+4){min-height:0}
 .game-landing #editorial .editorial-preview{height:164px;margin:-20px -20px 18px;border-radius:19px 19px 0 0}
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview{height:500px;margin:-24px -24px 24px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-preview{grid-column:1;grid-row:1/5;width:100%;height:360px;margin:0;border-radius:19px 0 0 19px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-tag{grid-column:2;grid-row:1;align-self:end;margin:34px 34px 10px 0}
 .game-landing #editorial .editorial-grid article:nth-child(6) h3{grid-column:2;grid-row:2;margin-right:34px;font-size:34px}
 .game-landing #editorial .editorial-grid article:nth-child(6) p{grid-column:2;grid-row:3;margin-right:34px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-link{grid-column:2;grid-row:4;margin:0 34px 30px 0}
 .game-landing #editorial .editorial-grid h3{font-size:23px;line-height:1.08}
 .game-landing #editorial .editorial-grid article:first-child h3{font-size:38px}
 .game-landing #editorial .editorial-grid p{font-size:13px;line-height:1.58}
 .game-landing #editorial .editorial-link{margin-top:auto}

 .game-landing .game-overview__layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
 .game-landing .game-overview__heading{grid-column:1/5;top:0;padding-top:10px}
 .game-landing .game-overview__heading h2{font-size:clamp(64px,4.8vw,78px);letter-spacing:-4px}
 .game-landing .game-overview__heading::after{width:116px;height:116px;margin-top:42px;box-shadow:0 0 0 26px #d1b95f08,0 0 0 52px #d1b95f04}
 .game-landing .game-overview__copy{grid-column:5/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none;counter-reset:overview}
 .game-landing .game-overview__copy p{position:relative;display:block;min-width:0;margin:0;padding:34px 32px 34px 82px;border:1px solid #354033;border-radius:18px;background:#10150fd9;color:#bbc3b2;font-size:15px;line-height:1.82;overflow-wrap:anywhere}
 .game-landing .game-overview__copy p::before{position:absolute;left:30px;top:35px;display:block;content:counter(overview,decimal-leading-zero);counter-increment:overview;color:#d9c164;font-family:Georgia,serif;font-size:17px;font-style:italic}
 .game-landing .game-overview__copy .game-overview__lead{grid-column:1/3;padding-top:34px;border:1px solid #d1ba6040;background:linear-gradient(125deg,#292919,#151a13);font-size:18px;line-height:1.72}

 .game-landing .faq{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:18px}
 .game-landing .faq>.section-label{grid-column:1/3}
 .game-landing .faq>h2{grid-column:1/3;position:static;max-width:900px;margin:26px 0 34px;font-size:68px}
 .game-landing .faq>details{grid-column:auto;max-width:none;margin:0!important;padding:0 24px;border:1px solid #354033;border-radius:16px;background:#10150f}
 .game-landing .faq>details:nth-of-type(3n+2){background:linear-gradient(125deg,#252719,#151a13);border-color:#d1ba6040}
 .game-landing .faq summary{padding:25px 0;font-size:17px}
 .game-landing .faq details p{padding:0 0 26px;font-size:14px;line-height:1.76}
}

/* Wide overview correction: heading above the cards removes the empty side corridor. */
@media(min-width:1200px){
 .game-landing #editorial{padding-bottom:96px}
 .game-landing .game-overview{padding-top:96px;padding-bottom:108px}
 .game-landing .game-overview__layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:38px 24px}
 .game-landing .game-overview__heading{position:relative;grid-column:1/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;padding:0 0 34px;border-bottom:1px solid #394234}
 .game-landing .game-overview__heading .game-overview__kicker{grid-column:1/13;margin-bottom:0}
 .game-landing .game-overview__heading h2{grid-column:1/8;margin-top:12px;font-size:clamp(64px,4.8vw,78px)}
 .game-landing .game-overview__heading .game-overview__note{grid-column:9/13;align-self:end;max-width:380px;margin:0 0 8px;padding:0;border:0;font-size:12px}
 .game-landing .game-overview__heading::after{position:absolute;right:44%;bottom:42px;width:72px;height:72px;margin:0;box-shadow:0 0 0 18px #d1b95f08,0 0 0 36px #d1b95f04}
 .game-landing .game-overview__copy{grid-column:1/13;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .game-landing .gameplay-overview{padding-top:108px}
 .game-landing .faq{padding-top:104px}
}

/* Clean joins between desktop game sections and truly full-width accent backgrounds. */
@media(min-width:1200px){
 .game-landing #le-games::before,.game-landing #editorial::before{display:none}
 .game-landing #le-games{padding-bottom:48px}
 .game-landing #editorial{padding-top:56px}
 .game-landing #features::after,.game-landing .game-overview::before,.game-landing .gameplay-overview::before,.game-landing .closing::before{left:50%;right:auto;width:100vw;transform:translateX(-50%)}

 .game-landing #editorial>.section-label,.game-landing .gameplay-overview>.section-label{justify-content:flex-start;width:max-content;margin-bottom:34px;padding:9px 13px;border:1px solid #3c4637;border-radius:999px;background:#11160f;gap:18px}
 .game-landing #editorial>.section-label>span:last-child,.game-landing .gameplay-overview>.section-label>span:last-child{font-size:13px;line-height:1}
 .game-landing .gameplay-overview{border-top:0}

 .game-landing .faq{padding-bottom:66px}
 .game-landing .closing{padding-top:48px;padding-bottom:96px}
}

/* Desktop vertical rhythm: one measured cadence across the complete game page. */
@media(min-width:1200px){
 .game-landing{--game-section-space:96px;--game-section-pair-space:72px;--game-section-final-space:64px}

 .game-landing #how,
 .game-landing #features,
 .game-landing .demo-videos,
 .game-landing .game-overview,
 .game-landing .gameplay-overview,
 .game-landing .expert-quote{padding-top:var(--game-section-space);padding-bottom:var(--game-section-space)}

 .game-landing #le-games{padding-top:var(--game-section-space);padding-bottom:var(--game-section-pair-space)}
 .game-landing #editorial{padding-top:var(--game-section-pair-space);padding-bottom:var(--game-section-space)}
 .game-landing .faq{padding-top:var(--game-section-space);padding-bottom:var(--game-section-pair-space)}
 .game-landing .closing{padding-top:var(--game-section-final-space);padding-bottom:88px}
}

/* Full-bleed desktop surfaces keep equal spacing from merging into one empty field. */
@media(min-width:1200px){
 .game-landing #how,
 .game-landing #le-games,
 .game-landing #editorial,
 .game-landing .game-overview,
 .game-landing .gameplay-overview,
 .game-landing .faq{position:relative;isolation:isolate;background:transparent}

 .game-landing #how::before,
 .game-landing #le-games::before,
 .game-landing #editorial::before,
 .game-landing .faq::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;display:block;width:100vw;border-block:1px solid #30382d;transform:translateX(-50%);pointer-events:none}

 .game-landing #how::before{background:radial-gradient(circle at 84% 22%,#4d57231c,transparent 28%),#141913}
 .game-landing #le-games::before{background:radial-gradient(circle at 14% 36%,#46512624,transparent 31%),linear-gradient(120deg,#131812,#171b14)}
 .game-landing #editorial::before{border-color:#293127;background:radial-gradient(circle at 88% 16%,#6656211a,transparent 27%),#0e120d}
 .game-landing .faq::before{background:linear-gradient(135deg,#141913,#11160f 72%)}

 .game-landing .game-overview::before{border-block:1px solid #384133;background:radial-gradient(circle at 86% 26%,#695b2526,transparent 34%),linear-gradient(120deg,#181d16,#151914)}
 .game-landing .gameplay-overview::before{border-block:1px solid #293127;background:radial-gradient(circle at 10% 82%,#3e49231f,transparent 28%),linear-gradient(135deg,#090d0a,#0e130d 58%,#13170f)}
 .game-landing .expert-quote::before{border-block-color:#9a844e8c;box-shadow:0 -14px 34px -22px #e7c75ca8,0 14px 34px -22px #e7c75ca8,inset 0 1px 0 #d9bd6554,inset 0 -1px 0 #d9bd6554}
}

/* The desktop surface system scales down without collapsing back into one flat page. */
@media(max-width:1199px){
 .game-landing .site{background:radial-gradient(ellipse 115% 1150px at 78% 260px,#4e572539 0,transparent 62%),#151914}
 .game-landing header{position:relative;z-index:5;background:#15191452;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 .game-landing main{background:transparent}
 .game-landing .hero>.game-shell{border-color:#536047;box-shadow:0 24px 58px #0008,0 0 0 1px #d3bb6721,0 1px 0 #ffffff0c inset}
 .game-landing #how,
 .game-landing #features,
 .game-landing #le-games,
 .game-landing #editorial,
 .game-landing .game-overview,
 .game-landing .gameplay-overview,
 .game-landing .faq,
 .game-landing .closing{position:relative;isolation:isolate;background:transparent;box-shadow:none;clip-path:none}

 .game-landing #how::before,
 .game-landing #features::after,
 .game-landing #le-games::before,
 .game-landing #editorial::before,
 .game-landing .game-overview::before,
 .game-landing .gameplay-overview::before,
 .game-landing .faq::before,
 .game-landing .closing::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;display:block;width:100vw;border-block:1px solid #30382d;transform:translateX(-50%);pointer-events:none}

 .game-landing #how::before{background:radial-gradient(circle at 88% 15%,#4d57231b,transparent 28%),#141913}
 .game-landing #features::after{background:radial-gradient(circle at 8% 28%,#46512620,transparent 30%),linear-gradient(135deg,#10150f,#171c14)}
 .game-landing #le-games::before{background:radial-gradient(circle at 12% 32%,#46512622,transparent 32%),#141913}
 .game-landing #editorial::before{border-color:#293127;background:radial-gradient(circle at 90% 10%,#66562118,transparent 27%),#0e120d}
 .game-landing .game-overview::before{border-color:#384133;background:radial-gradient(circle at 88% 18%,#695b2524,transparent 35%),linear-gradient(125deg,#181d16,#151914)}
 .game-landing .gameplay-overview::before{border-color:#293127;background:radial-gradient(circle at 8% 84%,#3e49231c,transparent 28%),linear-gradient(135deg,#090d0a,#0e130d 62%,#13170f)}
 .game-landing .faq::before{background:linear-gradient(135deg,#141913,#11160f 74%)}
 .game-landing .closing::before{background:radial-gradient(circle at 50% 18%,#66552224,transparent 42%),#0f130e}

 .game-landing .expert-quote::before{border-block-color:#8f7b4a78;box-shadow:0 -11px 28px -20px #e7c75c91,0 11px 28px -20px #e7c75c91,inset 0 1px 0 #d9bd6545,inset 0 -1px 0 #d9bd6545}
 .game-landing .game-overview__copy{counter-reset:responsive-overview}
 .game-landing .game-overview__copy p{counter-increment:responsive-overview;position:relative;border:1px solid #354033;border-radius:16px;background:#10150fd9}
 .game-landing .game-overview__copy p::before{content:counter(responsive-overview,decimal-leading-zero);color:#d9c164;font-family:Georgia,serif;font-style:italic}
 .game-landing .game-overview__copy .game-overview__lead{border-color:#d1ba6040;background:linear-gradient(125deg,#292919,#151a13)}
 .game-landing .gameplay-overview__column>p{border:1px solid #354033;border-radius:15px;background:#11160fd6}
}

/* Phone composition: swipeable editorial cards, compact bento content and clear surfaces. */
@media(max-width:699px){
 .game-landing .section{padding-top:52px;padding-bottom:56px}
 .game-landing .section-label{margin-bottom:24px;padding-bottom:13px;border-bottom:1px solid #374034}
 .game-landing .section h2{font-size:clamp(34px,10.8vw,46px);line-height:.98;letter-spacing:-2.1px;text-wrap:balance}

 .game-landing #how{padding-bottom:62px}
 .game-landing #how>.lead{margin-bottom:30px}
 .game-landing .steps{display:grid;gap:12px}
 .game-landing .steps li{display:grid;grid-template-columns:36px 1fr;gap:15px;margin:0;padding:21px 18px;border:1px solid #374234;border-radius:15px;background:#10150f}
 .game-landing .steps li:nth-child(3){border-color:#d1ba6040;background:linear-gradient(130deg,#292919,#171c15)}
 .game-landing .steps li>span{grid-row:1/3;width:32px;height:32px;margin:0}
 .game-landing .steps h3{font-size:18px}

 .game-landing #features{display:block;padding-block:58px}
 .game-landing #features>.section-intro{position:static}
 .game-landing .feature-list{display:grid;gap:13px;margin-top:28px}
 .game-landing .feature{display:grid;grid-template-columns:42px 1fr;gap:14px;margin:0!important;padding:21px 18px;border:1px solid #354033;border-radius:15px;background:#10150f}
 .game-landing .feature:nth-child(2){border-color:#d1ba6040;background:linear-gradient(130deg,#292919,#171c15)}
 .game-landing .feature-icon{width:38px;height:38px}
 .game-landing .feature h3{font-size:20px}
 .game-landing #features>.text-link{margin-top:18px;padding:19px 17px;border:1px solid #48543f;border-radius:12px;background:#11160f}

 .game-landing .demo-videos{padding-block:58px 66px}
 .game-landing #le-games{padding-block:58px 62px}
 .game-landing #editorial{padding-block:58px 66px;overflow:visible}
 .game-landing #editorial .editorial-grid{display:flex;gap:14px;margin:30px -23px 0;padding:0 23px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:23px;scrollbar-width:none;touch-action:pan-y pinch-zoom}
 .game-landing #editorial .editorial-grid::-webkit-scrollbar{display:none}
 .game-landing #editorial .editorial-grid article{display:flex;flex:0 0 82vw;width:82vw;max-width:330px;min-height:480px;flex-direction:column;margin:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #303a2e;border-radius:17px;background:#151a13}
 .game-landing #editorial .editorial-grid article:nth-child(2n){background:linear-gradient(135deg,#242619,#151a13);border-color:#665b354f}
 .game-landing #editorial .editorial-preview{height:205px}
 .game-landing #editorial .editorial-link{margin-top:auto}

 .game-landing .game-overview{padding-block:58px 64px}
 .game-landing .game-overview__layout{gap:28px}
 .game-landing .game-overview__heading h2{font-size:clamp(40px,12vw,50px)}
 .game-landing .game-overview__heading::after{display:none}
 .game-landing .game-overview__copy{display:grid;gap:12px}
 .game-landing .game-overview__copy p{display:block;margin:0;padding:20px 17px 20px 55px;font-size:13px;line-height:1.72}
 .game-landing .game-overview__copy p::before{position:absolute;top:21px;left:18px;font-size:15px}
 .game-landing .game-overview__copy .game-overview__lead{padding-top:20px;font-size:15px}

 .game-landing .gameplay-overview{padding-block:60px 66px}
 .game-landing .gameplay-overview__head h2{font-size:clamp(38px,11.5vw,49px)}
 .game-landing .gameplay-overview__columns{gap:12px;margin-top:30px}
 .game-landing .gameplay-overview__column{display:grid;gap:12px}
 .game-landing .gameplay-overview__column+.gameplay-overview__column{margin-top:12px}
 .game-landing .gameplay-overview__column>p{margin:0;padding:20px 18px;font-size:13px;line-height:1.74}
 .game-landing .gameplay-overview__symbols{margin-top:0;padding:21px 18px;border-radius:15px}

 .game-landing .expert-quote{padding-block:62px}
 .game-landing .expert-quote__layout{gap:30px}
 .game-landing .expert-quote h2{font-size:clamp(34px,10.2vw,43px)}
 .game-landing .expert-quote blockquote p{font-size:clamp(21px,6vw,26px)}
 .game-landing .faq{padding-block:58px 52px}
 .game-landing .faq>details{margin:0 0 10px;padding:0 16px;border:1px solid #354033;border-radius:13px;background:#10150f}
 .game-landing .faq>details:nth-of-type(3n+2){border-color:#5b523346;background:linear-gradient(125deg,#222519,#151a13)}
 .game-landing .faq summary{padding:18px 0}
 .game-landing .faq details p{padding:0 0 20px}
 .game-landing .closing{padding-top:46px;padding-bottom:58px}
}

/* Tablet composition: two-column editorial rhythm with deliberately asymmetric bento blocks. */
@media(min-width:700px) and (max-width:1199px){
 .game-landing .section{padding-top:76px;padding-bottom:80px}
 .game-landing .section-label{padding-bottom:15px;border-bottom:1px solid #384134}
 .game-landing #how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
 .game-landing #how>.section-label{grid-column:1/3}
 .game-landing #how>h2{grid-column:1;margin-top:8px}
 .game-landing #how>.lead{grid-column:2;align-self:end;margin:14px 0 22px}
 .game-landing #how>.steps{grid-column:1/3;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
 .game-landing #how>.steps li{min-height:230px;padding:25px;border:1px solid #374234;border-radius:17px;background:#10150f}
 .game-landing #how>.steps li:nth-child(3){grid-column:1/3;display:grid;grid-template-columns:50px 1fr;gap:22px;align-items:start;min-height:0;border-color:#d1ba6040;background:linear-gradient(120deg,#292919,#171c15)}
 .game-landing #how>.steps li:nth-child(3)>span{margin:0}
 .game-landing #how>.steps li:nth-child(3)>div{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:24px;align-items:start}
 .game-landing #how>.steps li:nth-child(3) h3,.game-landing #how>.steps li:nth-child(3) p{margin:0}

 .game-landing #features{padding-block:80px}
 .game-landing .feature-list{display:grid;gap:16px}
 .game-landing .feature{margin:0!important;padding:25px 23px;border:1px solid #354033;border-radius:16px;background:#10150f}
 .game-landing .feature:nth-child(2){border-color:#d1ba6040;background:linear-gradient(125deg,#292919,#171c15)}

 .game-landing #le-games,.game-landing #editorial{padding-block:78px}
 .game-landing #editorial .editorial-grid{gap:16px}
 .game-landing #editorial .editorial-grid article{min-height:475px;border:1px solid #303a2e;background:#151a13}
 .game-landing #editorial .editorial-grid article:first-child{grid-column:1/3;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr auto;min-height:390px;padding:0;column-gap:27px;overflow:hidden}
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview{grid-column:1;grid-row:1/5;width:100%;height:100%;margin:0;border-radius:15px 0 0 15px}
 .game-landing #editorial .editorial-grid article:first-child .editorial-tag{grid-column:2;grid-row:1;align-self:end;margin:26px 24px 9px 0}
 .game-landing #editorial .editorial-grid article:first-child h3,.game-landing #editorial .editorial-grid article:first-child p,.game-landing #editorial .editorial-grid article:first-child .editorial-link{grid-column:2;margin-right:24px}
 .game-landing #editorial .editorial-grid article:first-child h3{grid-row:2;font-size:30px}
 .game-landing #editorial .editorial-grid article:first-child p{grid-row:3}
 .game-landing #editorial .editorial-grid article:first-child .editorial-link{grid-row:4;margin-bottom:24px}

 .game-landing .game-overview{padding-block:80px 84px}
 .game-landing .game-overview__layout{grid-template-columns:1fr;gap:34px}
 .game-landing .game-overview__heading{position:relative;top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:14px 30px;align-items:end;padding-bottom:28px;border-bottom:1px solid #394234}
 .game-landing .game-overview__kicker{grid-column:1/3;margin:0}
 .game-landing .game-overview__heading h2{grid-column:1;margin:0;font-size:clamp(52px,7vw,68px)}
 .game-landing .game-overview__note{grid-column:2;align-self:end;margin:0 0 5px;padding:0;border:0}
 .game-landing .game-overview__copy{display:grid;width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .game-landing .game-overview__copy p{display:block;margin:0;padding:23px 20px 23px 62px;font-size:14px;line-height:1.76}
 .game-landing .game-overview__copy p::before{position:absolute;top:24px;left:22px}
 .game-landing .game-overview__copy .game-overview__lead{grid-column:1/3}

 .game-landing .gameplay-overview{padding-block:82px 86px}
 .game-landing .gameplay-overview__columns{gap:16px;margin-top:42px}
 .game-landing .gameplay-overview__column{display:grid;align-content:start;gap:15px}
 .game-landing .gameplay-overview__column>p{margin:0;padding:23px 21px;font-size:14px;line-height:1.78}
 .game-landing .gameplay-overview__column:nth-child(2)>p:first-child{padding:23px 21px;border:1px solid #354033}
 .game-landing .gameplay-overview__symbols{margin-top:0;padding:24px 22px}

 .game-landing .expert-quote{padding-block:82px}
 .game-landing .faq{padding-block:76px 70px}
 .game-landing .faq>details{max-width:none;padding-inline:18px;border:1px solid #354033;border-radius:14px;background:#10150f}
 .game-landing .faq>details+details{margin-top:12px}
 .game-landing .faq summary{padding-block:21px}
 .game-landing .closing{padding-block:58px 76px}
}

@media(min-width:900px) and (max-width:1199px){
 .game-landing .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
 .game-landing .faq>.section-label,.game-landing .faq>h2{grid-column:1/3}
 .game-landing .faq>details,.game-landing .faq>details+details{margin:0}
}

/* Editorial cards use the same carousel language and interaction model as the
   game directory: one horizontal rail, grab/swipe, snap, progress and arrows. */
.game-landing #editorial .editorial-carousel{margin-top:30px}
.game-landing #editorial .editorial-carousel__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;outline:none;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none}
.game-landing #editorial .editorial-carousel__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}
.game-landing #editorial .editorial-carousel__viewport::-webkit-scrollbar{display:none}
.game-landing #editorial .editorial-carousel__viewport:focus-visible{outline:2px solid #d8e5a7;outline-offset:6px;border-radius:8px}
.game-landing #editorial .editorial-grid{display:flex;width:100%;gap:14px;margin:0;padding:8px 0 12px;overflow:visible;grid-template-columns:none;grid-template-rows:none;grid-auto-flow:row;align-items:stretch}
.game-landing #editorial .editorial-grid article,
.game-landing #editorial .editorial-grid article:first-child,
.game-landing #editorial .editorial-grid article:nth-child(6){display:flex;grid-column:auto;grid-row:auto;flex:0 0 82%;width:auto;height:auto;min-height:480px;align-self:stretch;flex-direction:column;column-gap:0;margin:0;padding:20px;border:1px solid #303a2e;border-radius:20px;background:#151a13;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.game-landing #editorial .editorial-grid article:nth-child(2n){border-color:#665b354f;background:linear-gradient(135deg,#242619,#151a13)}
.game-landing #editorial .editorial-grid .editorial-preview,
.game-landing #editorial .editorial-grid article:first-child .editorial-preview,
.game-landing #editorial .editorial-grid article:nth-child(6) .editorial-preview{grid-column:auto;grid-row:auto;width:auto;height:205px;margin:-20px -20px 18px;border-radius:19px 19px 0 0}
.game-landing #editorial .editorial-grid article:first-child .editorial-tag,
.game-landing #editorial .editorial-grid article:nth-child(6) .editorial-tag{grid-column:auto;grid-row:auto;align-self:auto;margin:0 0 8px}
.game-landing #editorial .editorial-grid article:first-child h3,
.game-landing #editorial .editorial-grid article:nth-child(6) h3{grid-column:auto;grid-row:auto;margin-right:0;font-size:23px}
.game-landing #editorial .editorial-grid article:first-child p,
.game-landing #editorial .editorial-grid article:nth-child(6) p{grid-column:auto;grid-row:auto;margin-right:0}
.game-landing #editorial .editorial-grid article:first-child .editorial-link,
.game-landing #editorial .editorial-grid article:nth-child(6) .editorial-link{grid-column:auto;grid-row:auto;margin:0;margin-top:auto}
.game-landing #editorial .editorial-grid img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.game-landing #editorial .editorial-carousel__footer{margin-top:18px}

@media(max-width:699px){
 .game-landing #editorial .editorial-carousel__viewport{margin-inline:-23px;padding-inline:23px;scroll-padding-inline:23px}
 .game-landing #editorial .editorial-grid{margin:0;padding:8px 0 12px;overflow:visible;scroll-snap-type:none}
 .game-landing #editorial .editorial-grid article,
 .game-landing #editorial .editorial-grid article:first-child,
 .game-landing #editorial .editorial-grid article:nth-child(6){flex-basis:82vw;width:auto;max-width:330px;min-height:480px;padding:20px}
}
@media(min-width:700px){
 .game-landing #editorial .editorial-carousel{margin-top:42px}
 .game-landing #editorial .editorial-grid{gap:16px}
 .game-landing #editorial .editorial-grid article,
 .game-landing #editorial .editorial-grid article:first-child,
 .game-landing #editorial .editorial-grid article:nth-child(6){flex-basis:calc((100% - 16px)/2.25);min-height:500px;padding:22px}
 .game-landing #editorial .editorial-grid .editorial-preview,
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview,
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-preview{height:230px;margin:-22px -22px 20px}
 .game-landing #editorial .editorial-carousel__footer{margin-top:22px}
}
@media(min-width:1200px){
 .game-landing #editorial .editorial-carousel{margin-top:60px}
 .game-landing #editorial .editorial-grid{gap:20px;padding-block:10px 32px}
 .game-landing #editorial .editorial-grid article,
 .game-landing #editorial .editorial-grid article:first-child,
 .game-landing #editorial .editorial-grid article:nth-child(6){flex-basis:calc((100% - 60px)/3.55);min-height:520px;padding:22px;transition:border-color .2s ease,transform .2s ease}
 .game-landing #editorial .editorial-grid article:hover{border-color:#66765a;transform:translateY(-4px)}
 .game-landing #editorial .editorial-grid .editorial-preview,
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview,
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-preview{height:235px;margin:-22px -22px 21px}
}

/* True editorial bento: large narrative tiles instead of boxed fragments. */
.article-site .article-story{position:relative;isolation:isolate;counter-reset:editorial-section}
.article-site .article-story::before{content:"";position:absolute;z-index:-2;inset-block:0;left:50%;display:block;width:100vw;border-block:1px solid #30382d;background:radial-gradient(circle at 86% 12%,#52602a24,transparent 27%),linear-gradient(145deg,#111610,#171c14);transform:translateX(-50%)}
.article-site .article-story::after{content:"";position:absolute;z-index:-1;inset:5% -7% auto auto;display:block;width:430px;height:430px;border:1px solid #d6bd6424;border-radius:50%;box-shadow:0 0 0 56px #d6bd6407,0 0 0 112px #d6bd6404;pointer-events:none}
.article-site .article-story-band{position:relative;isolation:isolate;overflow:hidden;border:1px solid #354033;border-radius:26px;background:#10150f;box-shadow:0 24px 64px #0003}
.article-site .article-story-band::before{display:none}
.article-site .article-story-band::after{content:"";position:absolute;z-index:-1;right:-74px;bottom:-86px;width:210px;height:210px;border:1px solid #d7bf6752;border-radius:50%;box-shadow:0 0 0 26px #d7bf6708,0 0 0 52px #d7bf6705;pointer-events:none}
.article-site .article-story-band:nth-child(3n+2){border-color:#5b51334f;background:linear-gradient(135deg,#262719,#151a13)}
.article-site .article-story-band:nth-child(3n){background:linear-gradient(145deg,#0c110d,#161c14)}
.article-site .article-story-band:nth-child(4n)::after{right:auto;left:-86px;bottom:-78px}
.article-site .article-story-band .article-section{counter-increment:editorial-section;position:relative;display:block;grid-column:auto;grid-row:auto;width:auto;max-width:none;min-height:0;margin:0;padding:0;border:0;background:transparent}
.article-site .article-story-band .article-section::before{content:counter(editorial-section,decimal-leading-zero);position:static;display:grid;width:40px;height:40px;place-items:center;margin:0 0 26px;border:1px solid #d4bd655c;border-radius:50%;background:#151914;color:#e1c764;font-family:Georgia,serif;font-size:14px;font-style:italic;letter-spacing:0}
.article-site .article-story-band .article-section::after{display:none}
.article-site .article-story-band .article-section h2,
.article-site .article-story-band .article-section p{display:block;grid-column:auto;grid-row:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}
.article-site .article-story-band .article-section h2{color:#f4f0e5;line-height:1;letter-spacing:-2px;text-wrap:balance}
.article-site .article-story-band .article-section p{color:#bdc5b5;line-height:1.86}

@media(min-width:1200px){
 .article-site .article-reading-bridge{min-height:190px;margin-top:44px;border-bottom:0}
 .article-site .article-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;max-width:none;margin:0;padding:88px 0 96px}
 .article-site .article-story-band{grid-column:span 6;min-height:410px;padding:38px}
 .article-site .article-story-band:nth-child(1){grid-column:1/13;min-height:360px;padding:44px;background-image:url('/static/assets/article-bento-ornament.svg'),linear-gradient(125deg,#192118,#10150f);background-repeat:no-repeat;background-position:right -16px bottom -28px,center;background-size:430px auto,auto}
 .article-site .article-story-band:nth-child(1) .article-section{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:54px;align-items:end}
 .article-site .article-story-band:nth-child(1) .article-section::before{position:absolute;left:0;top:0}
 .article-site .article-story-band:nth-child(1) h2{padding-top:76px;font-size:clamp(48px,4.4vw,66px)}
 .article-site .article-story-band:nth-child(1) p{padding:36px;border-left:1px solid #4a5543;background:#0b100bcc;font-size:17px}

 .article-site .article-story-band:nth-child(2){grid-column:1/13;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);min-height:610px;padding:0;background:#0b100c}
 .article-site .article-story-band:nth-child(2) .article-section{z-index:2;padding:46px 42px}
 .article-site .article-story-band:nth-child(2) h2{font-size:clamp(44px,3.7vw,58px)}
 .article-site .article-story-band:nth-child(2) p{margin-top:28px;font-size:16px}
 .article-site .article-story-band:nth-child(2) .article-magazine-image{grid-column:auto;grid-row:auto;align-self:stretch;width:100%;height:100%;max-width:none;margin:0;border:0;border-left:1px solid #46503e;border-radius:0;background:#0d110c;box-shadow:none}
 .article-site .article-story-band:nth-child(2) .article-magazine-image::before{top:24px;left:24px;width:auto}
 .article-site .article-story-band:nth-child(2) .article-magazine-image img{width:100%;height:100%;min-height:610px;border-radius:0;object-fit:cover}
 .article-site .article-story-band:nth-child(2) .article-magazine-image figcaption{right:20px;bottom:20px;width:calc(100% - 40px);border:1px solid #46503e;border-radius:13px;background:#11160fee}
 .article-site .article-story-band:nth-child(2) .article-image-stat{left:24px;bottom:24px}

 .article-site .article-story-band:nth-child(n+3){display:flex;min-height:430px;align-items:stretch;padding:38px}
 .article-site .article-story-band:nth-child(n+3) .article-section{display:flex;flex:1;flex-direction:column}
 .article-site .article-story-band:nth-child(n+3) h2{max-width:520px;font-size:clamp(36px,3vw,48px)}
 .article-site .article-story-band:nth-child(n+3) p{margin-top:auto;padding-top:52px;font-size:16px}
 .article-site .article-story-band:nth-child(6n+3){grid-column:span 7}
 .article-site .article-story-band:nth-child(6n+4){grid-column:span 5}
 .article-site .article-story-band:nth-child(6n+5){grid-column:span 5}
 .article-site .article-story-band:nth-child(6n){grid-column:span 7}
 .article-site .article-story-band:nth-child(6n+1),.article-site .article-story-band:nth-child(6n+2){grid-column:span 6}
 .article-site .article-story-band:nth-child(1),.article-site .article-story-band:nth-child(2){grid-column:1/13}
 .article-site .article-story-band:last-child:nth-child(odd){grid-column:1/13;min-height:340px}

 .article-site .article-context{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);grid-template-areas:"label links" "title links";gap:10px 64px;align-items:start;padding-block:72px}
 .article-site .article-context>span{grid-area:label;align-self:end}
 .article-site .article-context h2{grid-area:title;align-self:start;max-width:440px;margin:6px 0 0;font-size:clamp(42px,4vw,58px)}
 .article-site .article-context>div{grid-area:links;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .article-site .article-context a{display:flex;min-height:132px;align-items:flex-end;padding:22px;border-radius:20px;font-size:15px}
 .article-site .article-context b{align-self:flex-start}

 .article-site .article-sources{grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:64px;padding-block:86px}
 .article-site .article-sources ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .article-site .article-sources li a{min-height:92px;border-radius:16px}

 .article-site .article-faq{grid-template-columns:minmax(320px,.76fr) minmax(560px,1.24fr);gap:0 72px;padding-block:96px}
 .article-site .article-faq>.section-label{grid-column:1/3}
 .article-site .article-faq>h2{grid-column:1;grid-row:2/20;align-self:start;position:sticky;top:34px;max-width:420px;margin:34px 0 0;font-size:clamp(52px,4.6vw,70px);line-height:.96}
 .article-site .article-faq>details{grid-column:2;margin:0 0 12px!important}

 .article-site .article-next{padding-block:96px}
 .article-site .article-next .article-editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
 .article-site .article-next .article-editorial-grid article{grid-column:span 4;min-height:0;height:auto;align-self:start;border-radius:20px}
 .article-site .article-next .article-editorial-grid p{margin-bottom:16px}
 .article-site .article-next .article-editorial-grid .editorial-link{margin-top:0}
 .article-site .article-next .article-editorial-grid article:first-child{grid-column:span 6}
 .article-site .article-next .article-editorial-grid article:nth-child(2){grid-column:span 6}
}

@media(min-width:700px) and (max-width:1199px){
 .article-site .article-reading-bridge{margin-top:36px}
 .article-site .article-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:68px 0 74px}
 .article-site .article-story-band{grid-column:span 1;min-height:390px;padding:28px}
 .article-site .article-story-band:nth-child(1),.article-site .article-story-band:nth-child(2){grid-column:1/3}
 .article-site .article-story-band:nth-child(1){min-height:330px;padding:34px;background-image:url('/static/assets/article-bento-ornament.svg'),linear-gradient(125deg,#192118,#10150f);background-repeat:no-repeat;background-position:right -42px bottom -56px,center;background-size:360px auto,auto}
 .article-site .article-story-band:nth-child(1) .article-section{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(320px,1.18fr);gap:32px;align-items:end}
 .article-site .article-story-band:nth-child(1) h2{padding-top:62px;font-size:clamp(40px,5.5vw,54px)}
 .article-site .article-story-band:nth-child(1) p{padding:26px;border-left:1px solid #4a5543;background:#0b100bcc}
 .article-site .article-story-band:nth-child(2){display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);min-height:520px;padding:0}
 .article-site .article-story-band:nth-child(2) .article-section{padding:32px 28px}
 .article-site .article-story-band:nth-child(2) h2{font-size:clamp(36px,5vw,48px)}
 .article-site .article-story-band:nth-child(2) p{margin-top:24px}
 .article-site .article-story-band:nth-child(2) .article-magazine-image{grid-column:auto;grid-row:auto;width:100%;height:100%;max-width:none;margin:0;border:0;border-left:1px solid #46503e;border-radius:0}
 .article-site .article-story-band:nth-child(2) .article-magazine-image img{height:100%;min-height:520px;border-radius:0;object-fit:cover}
 .article-site .article-story-band:nth-child(2) .article-magazine-image figcaption{right:16px;bottom:16px;width:calc(100% - 32px);border-right:1px solid #46503e;border-radius:12px}
 .article-site .article-story-band:nth-child(n+3){display:flex;align-items:stretch}
 .article-site .article-story-band:last-child:nth-child(odd){grid-column:1/3;min-height:320px}
 .article-site .article-story-band:nth-child(n+3) .article-section{display:flex;flex:1;flex-direction:column}
 .article-site .article-story-band:nth-child(n+3) h2{font-size:clamp(31px,4.4vw,42px)}
 .article-site .article-story-band:nth-child(n+3) p{margin-top:auto;padding-top:38px;font-size:14px}
 .article-site .article-context{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);grid-template-areas:"label links" "title links";gap:10px 34px;margin:0;padding:60px 28px;align-items:start}
 .article-site .article-context>span{grid-area:label;align-self:end}
 .article-site .article-context h2{grid-area:title;margin:6px 0 0}
 .article-site .article-context>div{grid-area:links;grid-template-columns:1fr;gap:10px}
 .article-site .article-context a{min-height:0;padding:18px 20px}
 .article-site .article-sources{margin:0;padding:72px 28px}
 .article-site .article-faq{margin:0;padding-block:72px}
 .article-site .article-next{padding-block:68px}
 .article-site .article-next .article-editorial-grid{align-items:start}
 .article-site .article-next .article-editorial-grid article{min-height:0;height:auto;align-self:start}
 .article-site .article-next .article-editorial-grid .editorial-link{margin-top:0}
}

/* Unified article rails: header, editorial sections and footer share one edge. */
.article-site{--article-gutter:23px}
.article-site header{margin-inline:var(--article-gutter)}
.article-site .article-page{width:100%;padding-inline:var(--article-gutter)}
.article-site footer{padding-inline:var(--article-gutter)}
.article-site .article-context{padding-inline:0}
.article-site .article-expert-quote{margin-inline:0;padding-inline:0}
.article-site .article-context__cards{scroll-padding-inline:var(--article-gutter)}

@media(max-width:360px){
 .article-site{--article-gutter:18px}
}

@media(min-width:700px) and (max-width:1199px){
 .article-site{--article-gutter:32px}
 .article-site header{width:100%;max-width:none;margin-inline:0;padding-inline:var(--article-gutter)}
 .article-site .article-page{max-width:none}
 .article-site .article-context{padding-inline:0}
 .article-site footer{padding-inline:var(--article-gutter)}
}

@media(min-width:1200px){
 .article-site{--article-rail:min(1320px,calc(100vw - 64px))}
 .article-site header,
 .article-site .article-page,
 .article-site footer>.footer-brand,
 .article-site footer>p,
 .article-site footer>.footer-bottom{width:var(--article-rail);max-width:1320px;margin-inline:auto;padding-inline:0}
 .article-site header{margin-inline:auto}
 .article-site .article-page{padding-inline:0}
 .article-site .article-expert-quote{padding-inline:0}
}

/* Editorial magazine modules: every long-form chapter gets its own visual job. */
.article-page{--article-accent:#d8bd62;--article-accent-soft:color-mix(in srgb,var(--article-accent) 17%,transparent)}
.article-page[data-article-path="/stavki-le-bandit/"]{--article-accent:#a8d08d}
.article-page[data-article-path="/bonusy-le-bandit/"]{--article-accent:#f2c85e}
.article-page[data-article-path="/hot-mod-le-bandit/"]{--article-accent:#ef9b6f}
.article-page[data-article-path="/igrovye-avtomaty-le-bandit/"]{--article-accent:#8eb9c9}
.article-page[data-article-path="/tablitsa-vyplat-le-bandit/"]{--article-accent:#e0be55}
.article-page[data-article-path="/rtp-volatilnost-le-bandit/"]{--article-accent:#8dc8b5}
.article-page[data-article-path="/kto-razrabotal-le-bandit/"]{--article-accent:#d7a27b}

.article-story-band:nth-child(n+3){position:relative;overflow:hidden}
.article-story-band:nth-child(n+3)::after{content:"";position:absolute;z-index:0;width:280px;height:280px;border:1px solid var(--article-accent-soft);border-radius:50%;box-shadow:0 0 0 46px color-mix(in srgb,var(--article-accent) 5%,transparent),0 0 0 92px color-mix(in srgb,var(--article-accent) 3%,transparent);pointer-events:none}
.article-story-band:nth-child(n+3) .article-section{position:relative;z-index:1;display:grid;min-width:0;gap:24px;padding:36px;border:0}
.article-story-band:nth-child(n+3) .article-section::before{grid-area:number;position:static;margin:0;border-color:color-mix(in srgb,var(--article-accent) 44%,#34402f);color:var(--article-accent)}
.article-story-band:nth-child(n+3) .article-section h2{grid-area:title;align-self:end;max-width:560px;margin:0;color:#f3f0e7;text-wrap:balance}
.article-story-band:nth-child(n+3) .article-section p{grid-area:copy;align-self:start;margin:0!important;padding:0!important;color:#bcc5b4;font-size:15px;line-height:1.78}
.article-section-visual{grid-area:visual;position:relative;min-height:180px;overflow:hidden;border:1px solid color-mix(in srgb,var(--article-accent) 30%,#31402f);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--article-accent) 11%,#11160f),#0c110c);box-shadow:0 22px 50px #0003 inset}
.article-section-visual svg{position:absolute;inset:0;width:100%;height:100%}
.article-section-visual .visual-backdrop path{fill:none;stroke:var(--article-accent);stroke-width:1;opacity:.1}
.article-section-visual .visual-line{fill:none;stroke:var(--article-accent);stroke-width:2;vector-effect:non-scaling-stroke}
.article-section-visual .visual-strong{stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--article-accent) 38%,transparent))}
.article-section-visual .visual-muted{opacity:.42;stroke-dasharray:7 8}
.article-section-visual .visual-fill{fill:var(--article-accent);stroke:none}
.article-section-visual .visual-value,.article-section-visual .visual-index,.article-section-visual .visual-caption{fill:color-mix(in srgb,var(--article-accent) 82%,white);stroke:none;font-family:Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.5px}
.article-section-visual .visual-value--large{font-size:16px;letter-spacing:0}
.article-section-visual .visual-value--hero{font-size:22px;letter-spacing:-.8px}
.article-section-visual .visual-index{font-size:10px;letter-spacing:1.6px;opacity:.72}
.article-section-visual .visual-caption{font-size:8px;letter-spacing:1.25px;opacity:.62}
.article-section-visual .visual-blocks rect,.article-section-visual .visual-bars rect,.article-section-visual .visual-playing-cards rect,.article-section-visual .visual-catalog rect,.article-section-visual .visual-cells circle,.article-section-visual .visual-coins circle{fill:color-mix(in srgb,var(--article-accent) 14%,#10150f);stroke:var(--article-accent);stroke-width:2}
.article-section-visual .visual-cell{fill:transparent;stroke:color-mix(in srgb,var(--article-accent) 35%,#273225);stroke-width:1.5}
.article-section-visual .visual-cell--active{fill:color-mix(in srgb,var(--article-accent) 36%,transparent);stroke:var(--article-accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--article-accent) 42%,transparent))}
.article-section-visual .visual-pot{fill:color-mix(in srgb,var(--article-accent) 25%,#11160f);stroke:var(--article-accent);stroke-width:2}
.article-section-visual .visual-ring{stroke-dasharray:310 150;transform-origin:160px 110px;transform:rotate(-16deg)}
.article-section-visual .visual-bars rect:nth-child(3){fill:var(--article-accent)}
.article-section-visual .visual-playing-cards rect:nth-child(even),.article-section-visual .visual-catalog rect:nth-child(2),.article-section-visual .visual-cells circle:nth-child(2n){fill:color-mix(in srgb,var(--article-accent) 28%,#10150f)}
.article-section-visual .article-visual-svg--rainbow .visual-line:nth-of-type(1){stroke:#f5c44d}
.article-section-visual .article-visual-svg--rainbow .visual-line:nth-of-type(2){stroke:#8dc8b5}
.article-section-visual .article-visual-svg--rainbow .visual-line:nth-of-type(3){stroke:#ef9b6f}
.article-section-visual .article-visual-svg--provider .visual-fill{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--article-accent) 58%,transparent))}
.article-section-visual>span{position:absolute;right:16px;bottom:14px;max-width:72%;color:color-mix(in srgb,var(--article-accent) 80%,white);font-size:8px;font-weight:900;line-height:1.4;letter-spacing:1.35px;text-align:right;text-transform:uppercase}
.article-section-utility{grid-area:utility;min-width:0;margin-top:2px}
.article-section-utility>a{display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:center;padding:18px 0 0;border-top:1px solid color-mix(in srgb,var(--article-accent) 28%,#34402f);color:#f0eee4}
.article-section-utility>a small{grid-column:1;color:var(--article-accent);font-size:8px;font-weight:900;letter-spacing:1.35px}
.article-section-utility>a strong{grid-column:1;overflow-wrap:anywhere;font-size:13px;line-height:1.4}
.article-section-utility>a>b{grid-column:2;grid-row:1/3;color:var(--article-accent);font-size:20px;font-weight:400;transition:transform .2s ease}
.article-section-utility>a:hover>b{transform:translateX(5px)}
.article-section-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px}
.article-section-actions>a{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border:1px solid color-mix(in srgb,var(--article-accent) 34%,#384334);border-radius:12px;background:#111610;color:#e8e9df;font-size:11px;font-weight:850}
.article-section-actions>a span{color:var(--article-accent);font-size:16px}
.article-section-actions .article-section-actions__primary{border-color:#dcae20;background:#ffcc36;color:#20241d;box-shadow:0 3px 0 #9e7a18}
.article-section-actions .article-section-actions__primary span{color:#20241d}

@media(min-width:1200px){
 .article-story-band--orbit .article-section{grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);grid-template-areas:"number visual" "title visual" "copy visual" "utility utility";grid-template-rows:auto auto 1fr auto}
 .article-story-band--orbit::after{right:-150px;bottom:-130px}
 .article-story-band--orbit .article-section-visual{min-height:270px;align-self:stretch}
 .article-story-band--orbit .article-section-visual svg{transform:scale(1.16) rotate(-7deg)}

 .article-story-band--index .article-section{grid-template-areas:"number" "title" "copy" "visual" "utility";grid-template-rows:auto auto auto 150px auto}
 .article-story-band--index::after{right:-185px;top:-140px}
 .article-story-band--index .article-section-visual{border:0;border-radius:0;background:transparent;box-shadow:none}
 .article-story-band--index .article-section-visual svg{left:-32%;width:132%;opacity:.68;transform:scale(1.08)}
 .article-story-band--index .article-section-visual>span{right:0}

 .article-story-band--action .article-section{grid-template-areas:"number visual" "title visual" "copy copy" "utility utility";grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:auto auto 1fr auto}
 .article-story-band--action::after{left:-170px;bottom:-150px}
 .article-story-band--action .article-section-visual{min-height:132px;border-radius:50%}
 .article-story-band--action .article-section-visual svg{transform:scale(1.55) rotate(22deg)}
 .article-story-band--action .article-section-visual>span{display:none}

 .article-story-band--route .article-section{grid-template-columns:minmax(0,.92fr) minmax(260px,1.08fr);grid-template-areas:"number visual" "title visual" "copy visual" "utility visual";grid-template-rows:auto auto 1fr auto}
 .article-story-band--route::after{right:-170px;top:-165px}
 .article-story-band--route .article-section-visual{min-height:100%;border-radius:24px}
 .article-story-band--route .article-section-visual svg{transform:scale(1.28)}

 .article-story-band--signal .article-section{grid-template-columns:minmax(0,1.15fr) minmax(180px,.55fr);grid-template-areas:"number number" "title visual" "copy visual" "utility utility";grid-template-rows:auto auto 1fr auto}
 .article-story-band--signal::after{right:-140px;bottom:-150px}
 .article-story-band--signal .article-section-visual{align-self:stretch;min-height:220px}
 .article-story-band--signal .article-section-visual svg{transform:rotate(90deg) scale(1.1)}
}

@media(min-width:700px) and (max-width:1199px){
 .article-story-band:nth-child(n+3){display:block;min-height:0}
 .article-story-band:nth-child(n+3) .article-section{display:grid;grid-template-areas:"number visual" "title visual" "copy copy" "utility utility";grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto auto auto auto;gap:20px;padding:28px}
 .article-story-band:nth-child(n+3) .article-section h2{font-size:clamp(30px,4.5vw,42px)}
 .article-story-band:nth-child(n+3) .article-section p{font-size:14px}
 .article-story-band:nth-child(n+3)::after{right:-185px;bottom:-175px}
 .article-section-visual{min-height:150px}
 .article-section-actions{max-width:520px}
}

@media(min-width:700px) and (max-width:899px){
 .article-story-band:nth-child(n+3) .article-section{grid-template-areas:"number" "title" "visual" "copy" "utility";grid-template-columns:1fr;grid-template-rows:auto;gap:20px}
 .article-story-band:nth-child(n+3) .article-section h2{font-size:clamp(29px,4.8vw,37px)}
 .article-section-visual{width:100%;min-height:150px}
 .article-section-visual svg{transform:none!important}
}

@media(max-width:699px){
 .article-story-band:nth-child(n+3){display:block;min-height:0;padding:0}
 .article-story-band:nth-child(n+3)::after{right:-210px;bottom:-210px;width:260px;height:260px}
 .article-story-band:nth-child(n+3) .article-section{display:grid;grid-template-areas:"number" "title" "visual" "copy" "utility";grid-template-columns:1fr;gap:20px;padding:23px 21px 24px}
 .article-story-band:nth-child(n+3) .article-section::before{margin-bottom:0}
 .article-story-band:nth-child(n+3) .article-section h2{font-size:clamp(28px,9vw,37px)}
 .article-story-band:nth-child(n+3) .article-section p{font-size:14px;line-height:1.72}
 .article-section-visual{min-height:148px;border-radius:16px}
 .article-section-visual>span{right:12px;bottom:11px}
 .article-section-utility>a{padding-top:16px}
 .article-section-actions{grid-template-columns:1fr}
 .article-section-actions>a{min-height:50px}
}

/* Every article gets its own semantic transition banner. */
.article-reading-bridge{grid-template-columns:52px minmax(0,1fr)!important;gap:18px!important}
.article-reading-bridge::before{inset:18px 12%!important;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--article-accent) 18%,transparent),transparent 70%)!important}
.article-reading-bridge .article-bridge-svg{position:relative;width:100%;height:auto;overflow:visible;fill:none;stroke:none;opacity:1}
.article-reading-bridge .bridge-grid-lines path{fill:none;stroke:var(--article-accent);stroke-width:1;stroke-dasharray:none;opacity:.08}
.article-reading-bridge .bridge-line{fill:none;stroke:var(--article-accent);stroke-width:2;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round;opacity:.82;vector-effect:non-scaling-stroke}
.article-reading-bridge .bridge-line--strong{stroke-width:3;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--article-accent) 40%,transparent))}
.article-reading-bridge .bridge-soft{stroke:color-mix(in srgb,var(--article-accent) 42%,#66715f);stroke-width:1.5;stroke-dasharray:7 9;opacity:.55}
.article-reading-bridge .bridge-node,.article-reading-bridge .bridge-gates circle{fill:#141914;stroke:var(--article-accent);stroke-width:2.5}
.article-reading-bridge .bridge-node--small{fill:color-mix(in srgb,var(--article-accent) 24%,#141914)}
.article-reading-bridge .bridge-value,.article-reading-bridge .bridge-note,.article-reading-bridge .bridge-section-count{fill:color-mix(in srgb,var(--article-accent) 80%,white);stroke:none;font-family:Arial,sans-serif;font-size:13px;font-weight:850;letter-spacing:.5px}
.article-reading-bridge .bridge-value--large{font-size:20px;letter-spacing:-.7px}
.article-reading-bridge .bridge-note{font-size:9px;letter-spacing:1.6px;opacity:.68}
.article-reading-bridge .bridge-section-count{font-family:Georgia,serif;font-size:14px;font-style:italic;font-weight:400;letter-spacing:.8px;opacity:.82}
.article-reading-bridge .bridge-grid rect,.article-reading-bridge .bridge-cards rect{fill:color-mix(in srgb,var(--article-accent) 10%,#11160f);stroke:var(--article-accent);stroke-width:1.7}
.article-reading-bridge .bridge-grid rect:nth-child(odd),.article-reading-bridge .bridge-cards rect:nth-child(even){fill:color-mix(in srgb,var(--article-accent) 26%,#11160f)}
.article-reading-bridge .bridge-frame{fill:color-mix(in srgb,var(--article-accent) 5%,#10150f)}
.article-reading-bridge .bridge-ring{stroke-dasharray:285 105;transform-origin:292px 96px;transform:rotate(-18deg)}
.article-reading-bridge .article-bridge-svg--hot-mod .bridge-rainbow--one{stroke:#e2bf54}
.article-reading-bridge .article-bridge-svg--hot-mod .bridge-rainbow--two{stroke:#8dc8b5}
.article-reading-bridge .article-bridge-svg--hot-mod .bridge-rainbow--three{stroke:#ef9b6f}
.article-reading-bridge .article-bridge-svg--catalog .bridge-cards rect:nth-child(1){transform:rotate(-2deg);transform-origin:174px 102px}
.article-reading-bridge .article-bridge-svg--catalog .bridge-cards rect:nth-child(4){transform:rotate(2deg);transform-origin:726px 95px}

@media(min-width:1200px){
 .article-reading-bridge{grid-template-columns:88px minmax(0,1fr)!important;min-height:250px!important;padding:16px 0}
 .article-reading-bridge__label{justify-self:center}
 .article-reading-bridge .article-bridge-svg{max-height:210px}
}

@media(max-width:699px){
 .article-reading-bridge{grid-template-columns:17px minmax(0,1fr)!important;gap:7px!important;min-height:132px!important;margin-inline:0!important;padding:8px 0!important}
 .article-reading-bridge .article-bridge-svg{transform:none!important}
 .article-reading-bridge .bridge-value{font-size:10px}
 .article-reading-bridge .bridge-value--large{font-size:14px}
 .article-reading-bridge .bridge-note{font-size:7px;letter-spacing:.8px}
 .article-reading-bridge .bridge-section-count{font-size:10px}
}

/* Related editorial routes: visual cards instead of compact utility links. */
.article-site .article-context__intro{min-width:0}
.article-site .article-context__intro>span{display:block;color:var(--article-accent);font-size:8px;font-weight:900;letter-spacing:1.5px}
.article-site .article-context__intro>p{max-width:460px;margin:24px 0 0;color:#aeb8a8;font-size:14px;line-height:1.78}
.article-site .article-context__cards{min-width:0}
.article-site .article-context-card{position:relative;display:flex!important;min-width:0;overflow:hidden;border:1px solid #354033!important;background:linear-gradient(155deg,color-mix(in srgb,var(--article-accent) 7%,#11160f),#0d120d)!important;color:#f1eee5!important;box-shadow:0 22px 48px #0003;transition:border-color .2s ease,transform .2s ease}
.article-site .article-context-card:hover{border-color:color-mix(in srgb,var(--article-accent) 58%,#45503f)!important;transform:translateY(-4px)}
.article-site .article-context-card__visual{position:relative;display:block;width:100%;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--article-accent) 22%,#33402f);background:radial-gradient(circle at 72% 25%,color-mix(in srgb,var(--article-accent) 13%,transparent),transparent 42%),#0d120d}
.article-site .article-context-card__visual::after{content:"";position:absolute;right:-46px;bottom:-68px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--article-accent) 18%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--article-accent) 4%,transparent)}
.article-site .article-context-card__visual svg{display:block;width:100%;height:100%}
.article-site .article-context-card__visual .related-line{fill:none;stroke:var(--article-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.article-site .article-context-card__visual .related-strong{stroke-width:3;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--article-accent) 42%,transparent))}
.article-site .article-context-card__visual .related-soft{stroke-dasharray:6 8;opacity:.46}
.article-site .article-context-card__visual circle{fill:#11160f;stroke:var(--article-accent);stroke-width:2}
.article-site .article-context-card__visual text{fill:color-mix(in srgb,var(--article-accent) 78%,white);font-family:Arial,sans-serif;font-size:10px;font-weight:850;letter-spacing:.25px}
.article-site .article-context-card__visual .related-cards rect,.article-site .article-context-card__visual .related-cells rect{fill:color-mix(in srgb,var(--article-accent) 12%,#11160f);stroke:var(--article-accent);stroke-width:1.5}
.article-site .article-context-card__visual .related-cards rect:nth-child(2),.article-site .article-context-card__visual .related-cells rect:nth-child(2){fill:color-mix(in srgb,var(--article-accent) 30%,#11160f)}
.article-site .article-context-card__visual .related-rainbow--one{stroke:#e2bf54}
.article-site .article-context-card__visual .related-rainbow--two{stroke:#8dc8b5}
.article-site .article-context-card__visual .related-rainbow--three{stroke:#ef9b6f}
.article-site .article-context-card__visual .related-ring{stroke-dasharray:205 78;transform-origin:80px 94px;transform:rotate(-16deg)}
.article-site .article-context-card>small{display:block;color:var(--article-accent);font-size:8px;font-weight:900;letter-spacing:1.35px}
.article-site .article-context-card>strong{display:block;margin-top:10px;font-size:18px;line-height:1.18;letter-spacing:-.45px}
.article-site .article-context-card>p{margin:14px 0 0;color:#9faa99;font-size:12px;line-height:1.62}
.article-site .article-context-card>b{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:20px;color:#e8e5da;font-size:10px;letter-spacing:.4px}
.article-site .article-context-card>b span{color:var(--article-accent);font-size:18px;transition:transform .2s ease}
.article-site .article-context-card:hover>b span{transform:translateX(5px)}

@media(min-width:1200px){
 .article-site .article-context{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);grid-template-areas:"intro cards";gap:56px;align-items:stretch;padding-block:84px}
 .article-site .article-context__intro{grid-area:intro!important;display:flex!important;flex-direction:column;align-content:initial!important}
 .article-site .article-context__intro h2{max-width:440px;margin:18px 0 0;font-size:clamp(42px,4vw,58px);line-height:1.02}
 .article-site .article-context__intro>p{margin-top:auto;padding-top:32px;border-top:1px solid #3b4537}
 .article-site .article-context__cards{grid-area:cards!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 .article-site .article-context-card{min-height:390px!important;align-items:stretch!important;flex-direction:column;padding:0 20px 22px!important;border-radius:22px!important}
 .article-site .article-context-card__visual{height:154px;margin:0 -20px 22px;width:calc(100% + 40px)}
}

@media(min-width:700px) and (max-width:1199px){
 .article-site .article-context{display:block;padding:64px 28px}
 .article-site .article-context__intro{display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:12px 34px!important;align-items:end}
 .article-site .article-context__intro>span{grid-column:1}
 .article-site .article-context__intro h2{grid-column:1;margin:8px 0 0}
 .article-site .article-context__intro>p{grid-column:2;grid-row:1/3;margin:0}
 .article-site .article-context__cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:36px}
 .article-site .article-context-card{min-height:354px!important;align-items:stretch!important;flex-direction:column;padding:0 16px 18px!important;border-radius:18px!important}
 .article-site .article-context-card__visual{height:132px;margin:0 -16px 18px;width:calc(100% + 32px)}
 .article-site .article-context-card>strong{font-size:16px}
 .article-site .article-context-card>p{font-size:11px}
}

@media(max-width:699px){
 .article-site .article-context{display:block;padding-block:52px}
 .article-site .article-context__intro{display:block!important}
 .article-site .article-context__intro h2{margin:12px 0 0;font-size:clamp(34px,10.5vw,46px);line-height:1}
 .article-site .article-context__intro>p{margin-top:20px;font-size:13px;line-height:1.72}
 .article-site .article-context__cards{display:flex!important;gap:12px!important;margin:30px -23px 0;padding:0 23px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .article-site .article-context__cards::-webkit-scrollbar{display:none}
 .article-site .article-context-card{flex:0 0 82vw;min-height:380px!important;max-width:330px;align-items:stretch!important;flex-direction:column;padding:0 18px 20px!important;border-radius:19px!important;scroll-snap-align:start}
 .article-site .article-context-card__visual{height:145px;margin:0 -18px 20px;width:calc(100% + 36px)}
 .article-site .article-context-card>strong{font-size:19px}
}

@media(max-width:699px){
 .article-site .article-reading-bridge{margin-top:0}
 .article-site .article-story{display:block;margin:0;padding:48px 0 54px}
 .article-site .article-story::after{top:3%;right:-65%;width:300px;height:300px}
 .article-site .article-story-band{min-height:0;margin:0 0 14px;padding:22px;border-radius:20px;box-shadow:0 18px 45px #0003}
 .article-site .article-story-band:last-child{margin-bottom:0}
 .article-site .article-story-band .article-section::before{width:35px;height:35px;margin-bottom:22px;font-size:12px}
 .article-site .article-story-band .article-section h2{font-size:clamp(29px,9vw,38px);line-height:1.02;letter-spacing:-1.6px}
 .article-site .article-story-band .article-section p{margin-top:24px;font-size:14px;line-height:1.78}
 .article-site .article-story-band:nth-child(1){padding:24px 22px 28px;background-image:url('/static/assets/article-bento-ornament.svg'),linear-gradient(125deg,#192118,#10150f);background-repeat:no-repeat;background-position:right -98px top -70px,center;background-size:300px auto,auto}
 .article-site .article-story-band:nth-child(1) h2{max-width:270px;padding-right:18px}
 .article-site .article-story-band:nth-child(1) p{padding:18px;border-left:1px solid #4a5543;background:#0b100bcc}
 .article-site .article-story-band:nth-child(2){padding:0}
 .article-site .article-story-band:nth-child(2) .article-section{padding:24px 22px 26px}
 .article-site .article-story-band:nth-child(2) .article-magazine-image{width:100%;margin:0;border:0;border-top:1px solid #46503e;border-radius:0}
 .article-site .article-story-band:nth-child(2) .article-magazine-image img{height:280px;border-radius:0;object-fit:cover}
 .article-site .article-story-band:nth-child(2) .article-magazine-image figcaption{right:12px;bottom:12px;width:calc(100% - 24px);padding:13px 14px;border-right:1px solid #46503e;border-radius:10px}
 .article-site .article-story-band:nth-child(2) .article-image-stat{left:14px;bottom:14px}

 .article-site .article-context{display:block;padding-block:44px}
 .article-site .article-context>span{display:block;margin-bottom:10px}
 .article-site .article-context h2{margin:0 0 24px}
 .article-site .article-context>div{display:grid;gap:10px}
 .article-site .article-context a{min-height:0;align-items:center;padding:17px 18px;border-radius:16px}
 .article-site .article-sources{padding-block:58px}
 .article-site .article-faq{display:block;padding-block:58px}
 .article-site .article-faq>h2{margin-bottom:26px}
 .article-site .article-next{padding-block:48px 56px}
 .article-site .article-next .article-editorial-grid{align-items:start}
 .article-site .article-next .article-editorial-grid article{min-height:0;height:auto;border-radius:18px}
 .article-site .article-next .article-editorial-grid .editorial-link{margin-top:0}
}

/* Keep late component rules on the same global article rail. */
@media(min-width:700px) and (max-width:1199px){
 .article-site .article-context{padding-inline:0}
}

@media(max-width:699px){
 .article-site .article-context{padding-inline:0}
 .article-site .article-context__cards{margin-inline:calc(var(--article-gutter) * -1);padding-inline:var(--article-gutter)}
}

/* Unified game-page rails: every section follows the same edge as the hero. */
.game-landing{--game-gutter:23px}
.game-landing header{margin-inline:var(--game-gutter)}
.game-landing .hero,
.game-landing .section,
.game-landing .closing,
.game-landing .expert-quote,
.game-landing footer{padding-inline:var(--game-gutter)}

@media(max-width:699px){
 .game-landing header{isolation:isolate;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
 .game-landing header::before{content:"";position:absolute;z-index:-1;inset-block:0;left:calc(var(--game-gutter) * -1);right:calc(var(--game-gutter) * -1);background:#15191452;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}
}

@media(max-width:360px){
 .game-landing{--game-gutter:18px}
}

@media(min-width:700px) and (max-width:1199px){
 .game-landing{--game-gutter:32px}
 .game-landing header{width:100%;max-width:none;margin-inline:0;padding-inline:var(--game-gutter)}
 .game-landing .hero,
 .game-landing .section,
 .game-landing .closing,
 .game-landing .expert-quote,
 .game-landing footer{padding-inline:var(--game-gutter)}
}

@media(min-width:1200px){
 .game-landing{--game-rail:min(1320px,calc(100vw - 64px))}
 .game-landing header,
 .game-landing #menu,
 .game-landing .hero,
 .game-landing .section,
 .game-landing .closing,
 .game-landing .expert-quote,
 .game-landing footer>.footer-brand,
 .game-landing footer>p,
 .game-landing footer>.footer-bottom{width:var(--game-rail);max-width:1320px;margin-inline:auto}
 .game-landing header,
 .game-landing .hero,
 .game-landing .section,
 .game-landing .closing,
 .game-landing .expert-quote,
 .game-landing footer{padding-inline:0}
}

/* Footer source note: readable editorial measure instead of a squeezed rail. */
@media(min-width:1200px){
 .game-landing footer>.footer-source,
 .article-site footer>.footer-source{
  max-width:1320px;
  padding-right:clamp(180px,20vw,320px);
  font-size:11px;
  line-height:1.75;
 }
}

/* Video playback language: red Play controls across every game-page gallery. */
.game-landing .video-preview__play{
 border-color:#ffb1b8;
 background:#f2273f;
 box-shadow:0 14px 34px #0009,0 0 0 8px #f2273f1c;
}
.game-landing .video-preview__play::before{border-left-color:#fff}
.game-landing .video-preview__play::after{border-color:#ff8b986b}
@media (hover:hover) and (pointer:fine){
 .game-landing .video-preview--active:hover .video-preview__play,
 .game-landing .video-preview--active:focus-visible .video-preview__play{
  background:#ff3d53;
  box-shadow:0 17px 42px #000a,0 0 0 12px #f2273f24;
 }
 .game-landing .video-preview--active:hover .video-preview__play::after,
 .game-landing .video-preview--active:focus-visible .video-preview__play::after{border-color:#ffb1b88a}
}
@media(min-width:481px){
 .game-landing .video-preview__play{box-shadow:0 16px 38px #0009,0 0 0 10px #f2273f20}
}

/* Optically center the numbered tactic markers without changing quick-start badges. */
.game-landing .feature-icon{display:grid;place-items:center;padding:0;line-height:0}
.game-landing .feature-icon::before{
 display:grid;
 width:100%;
 height:100%;
 place-items:center;
 line-height:1;
 transform:translateY(5px);
}

/* Edge-reaching carousel rails. Text, headings and controls stay on the
   content rail; only the card viewport opens toward the right screen edge. */
.video-carousel .video-gallery{display:flex;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory}
.video-carousel .video-preview{grid-column:auto;flex:0 0 84%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;transform:none}
.video-carousel .video-preview:nth-child(2),
.video-carousel .video-preview:nth-child(4){transform:none}
.video-carousel__footer{display:flex}

@media(max-width:1199px){
 .game-landing .game-carousel__viewport,
 .game-landing .video-carousel .video-gallery,
 .game-landing .editorial-carousel__viewport{
  margin-inline:calc(var(--game-gutter) * -1);
  padding-inline:var(--game-gutter);
  scroll-padding-inline:var(--game-gutter);
 }
 .article-site .article-game-carousel .game-carousel__viewport{
  margin-inline:calc(var(--article-gutter) * -1);
  padding-inline:var(--article-gutter);
  scroll-padding-inline:var(--article-gutter);
 }
}

@media(min-width:700px){
 .video-carousel .video-gallery{gap:16px}
 .video-carousel .video-preview{flex-basis:calc((100% - 16px)/2.25)}
}

@media(min-width:1200px){
 .game-landing .game-carousel__viewport,
 .game-landing .video-carousel .video-gallery,
 .game-landing .editorial-carousel__viewport{
  --carousel-edge:calc((100vw - var(--game-rail))/2);
  margin-inline:calc(var(--carousel-edge) * -1);
  padding-inline:var(--carousel-edge);
  scroll-padding-inline:var(--carousel-edge);
 }
 .article-site .article-game-carousel .game-carousel__viewport{
  --carousel-edge:calc((100vw - var(--article-rail))/2);
  margin-inline:calc(var(--carousel-edge) * -1);
  padding-inline:var(--carousel-edge);
  scroll-padding-inline:var(--carousel-edge);
 }
 .video-carousel .video-gallery{gap:20px}
 .video-carousel .video-preview{flex-basis:calc((100% - 60px)/3.55)}
}

/* Editorial cards are swipeable only on phones. Wider screens retain the
   complete asymmetric bento composition so every article is visible at once. */
@media(min-width:700px){
 .game-landing #editorial .editorial-carousel{margin-top:60px}
 .game-landing #editorial .editorial-carousel__viewport{
  margin-inline:0;
  padding-inline:0;
  scroll-padding-inline:0;
  overflow:visible;
  scroll-snap-type:none;
  cursor:auto;
  user-select:auto;
 }
 .game-landing #editorial .editorial-carousel__footer{display:none}
}

@media(min-width:700px) and (max-width:1199px){
 .game-landing #editorial .editorial-grid{display:grid;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;align-items:stretch}
 .game-landing #editorial .editorial-grid article,
 .game-landing #editorial .editorial-grid article:nth-child(6){display:flex;grid-column:auto;grid-row:auto;width:auto;height:auto;min-height:475px;padding:22px;flex-direction:column}
 .game-landing #editorial .editorial-grid article:first-child{grid-column:1/3;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr auto;width:auto;height:auto;min-height:390px;padding:0;column-gap:27px;overflow:hidden}
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview{grid-column:1;grid-row:1/5;width:100%;height:100%;margin:0;border-radius:19px 0 0 19px}
 .game-landing #editorial .editorial-grid article:first-child .editorial-tag{grid-column:2;grid-row:1;align-self:end;margin:26px 24px 9px 0}
 .game-landing #editorial .editorial-grid article:first-child h3,
 .game-landing #editorial .editorial-grid article:first-child p,
 .game-landing #editorial .editorial-grid article:first-child .editorial-link{grid-column:2;margin-right:24px}
 .game-landing #editorial .editorial-grid article:first-child h3{grid-row:2;font-size:30px}
 .game-landing #editorial .editorial-grid article:first-child p{grid-row:3}
 .game-landing #editorial .editorial-grid article:first-child .editorial-link{grid-row:4;margin-bottom:24px}
}

@media(min-width:1200px){
 .game-landing #editorial .editorial-grid{display:grid;width:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,420px) 360px;grid-auto-flow:dense;gap:22px;margin:0;padding:0;align-items:start}
 .game-landing #editorial .editorial-grid article{display:flex;grid-column:auto;grid-row:auto;width:auto;min-height:0;height:420px;align-self:start;flex-direction:column;padding:20px;border-radius:20px}
 .game-landing #editorial .editorial-grid article:first-child{grid-column:1/7;grid-row:1/3;width:100%;height:862px;min-height:0;padding:24px}
 .game-landing #editorial .editorial-grid article:nth-child(2){grid-column:7/10;grid-row:1}
 .game-landing #editorial .editorial-grid article:nth-child(3){grid-column:10/13;grid-row:1}
 .game-landing #editorial .editorial-grid article:nth-child(4){grid-column:7/10;grid-row:2}
 .game-landing #editorial .editorial-grid article:nth-child(5){grid-column:10/13;grid-row:2}
 .game-landing #editorial .editorial-grid article:nth-child(6){display:grid;grid-column:1/13;grid-row:3;width:auto;height:360px;min-height:0;padding:0;grid-template-columns:minmax(380px,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr auto;column-gap:34px;overflow:hidden}
 .game-landing #editorial .editorial-preview{height:164px;margin:-20px -20px 18px;border-radius:19px 19px 0 0}
 .game-landing #editorial .editorial-grid article:first-child .editorial-preview{width:auto;height:500px;margin:-24px -24px 24px;border-radius:19px 19px 0 0}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-preview{grid-column:1;grid-row:1/5;width:100%;height:360px;margin:0;border-radius:19px 0 0 19px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-tag{grid-column:2;grid-row:1;align-self:end;margin:34px 34px 10px 0}
 .game-landing #editorial .editorial-grid article:nth-child(6) h3{grid-column:2;grid-row:2;margin-right:34px;font-size:34px}
 .game-landing #editorial .editorial-grid article:nth-child(6) p{grid-column:2;grid-row:3;margin-right:34px}
 .game-landing #editorial .editorial-grid article:nth-child(6) .editorial-link{grid-column:2;grid-row:4;margin:0 34px 30px 0}
 .game-landing #editorial .editorial-grid article:first-child .editorial-tag{grid-column:auto;grid-row:auto;align-self:auto;margin:0 0 8px}
 .game-landing #editorial .editorial-grid article:first-child h3{grid-column:auto;grid-row:auto;margin-right:0;font-size:38px}
 .game-landing #editorial .editorial-grid article:first-child p{grid-column:auto;grid-row:auto;margin-right:0}
 .game-landing #editorial .editorial-grid article:first-child .editorial-link{grid-column:auto;grid-row:auto;margin:0;margin-top:auto}
}

/* Keep the embedded game itself portrait at every width. Fullscreen uses a
   centered portrait viewport with side letterboxing on landscape displays. */
.game-landing .game-shell{--game-toolbar-height:36px}
.game-landing .game-shell:fullscreen .game-stage,
.game-landing .game-shell.is-fullscreen .game-stage{
 width:min(100%,calc((100vh - var(--game-toolbar-height))*400/401));
 height:calc(100vh - var(--game-toolbar-height));
 margin-inline:auto;
 aspect-ratio:auto;
}
@media(min-width:1024px){
 .game-landing .game-shell{--game-toolbar-height:42px}
}
@media(min-width:1200px){
 .game-landing .game-shell{--game-toolbar-height:52px}
}