@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800;900&family=Pacifico&display=swap');
:root{--bg:#142a3a;--bgdark:#0f2230;--bg2:#192f40;--side:#142839;--panel:#20394a;--panel2:#233f52;--line:#31536a;--text:#edf4fb;--muted:#a4bfd0;--blue:#1677db;--blue2:#218af4;--green:#1fdd5a;--gold:#ffc35f;--page:1398px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 'DM Sans',Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}strong{font-weight:800}::selection{background:#197fe4;color:white}
:focus-visible{outline:3px solid #75b9ff;outline-offset:3px}.shell{max-width:var(--page);margin:auto}.topbar{height:70px;display:grid;grid-template-columns:244px 1fr auto;align-items:center;position:sticky;top:0;z-index:100;background:rgba(17,36,49,.97);border-bottom:1px solid #2d4658;backdrop-filter:blur(10px)}
.top-corner{height:100%;display:flex;align-items:center;gap:10px;padding:0 20px;background:#112533}.menu-toggle{display:none;background:none;border:0;color:#c9dfef;width:38px;height:38px;border-radius:9px;font-size:23px}.site-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font:33px/1.2 'Pacifico','Brush Script MT',cursive;letter-spacing:-1.5px;white-space:nowrap}.site-logo small{font:800 8px 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#acbdc7;margin-left:9px;vertical-align:middle}.top-pills{display:flex;gap:7px}.mode-pill,.top-action{font-size:12px;font-weight:800;background:#304e64;padding:10px 15px;border-radius:7px;border:1px solid rgba(255,255,255,.07);color:white}.mode-pill.active,.top-action.main{background:var(--blue);border-color:var(--blue)}.top-actions{display:flex;gap:9px;justify-self:end;padding-right:22px}.top-action:hover,.mode-pill:hover{filter:brightness(1.15)}
.layout{display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#112635;border-right:1px solid #223c4f;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;padding:18px 13px 28px;scrollbar-width:thin;scrollbar-color:#36586c transparent}.sidelabel{font-size:12px;color:#aac3d3;font-weight:800;padding:16px 13px 9px}.sidebar-group{border-bottom:1px solid #315063;padding-bottom:14px;margin-bottom:14px}.side-item{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:7px;color:#dae7ef;font-weight:700;font-size:12px;transition:.2s;min-height:40px}.side-item:hover,.side-item.selected{background:#345267;color:white}.nav-glyph{font-size:16px;width:20px;text-align:center;color:#a9c9de}.side-fine{font-size:11px;color:#8cabbc;padding:12px 13px;line-height:1.6}.main{min-width:0;background:#182f3f}.inner{padding:30px 38px 58px}.panel{background:#1f3849;border:1px solid #315269;border-radius:10px}.micro{font-size:11px;color:#9dbacf;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hero{position:relative;min-height:300px;background:radial-gradient(ellipse at 52% 120%,#1171bd 0%,transparent 56%),linear-gradient(110deg,#102435,#12334b 65%,#143146);overflow:hidden;border-bottom:1px solid #28475b;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#132f44 30%,transparent 55%,#173a50 100%);opacity:.4}.hero-inner{padding:40px 38px;max-width:750px;position:relative;z-index:3}.hero h1{font:900 clamp(32px,4vw,54px)/1.06 'Inter',sans-serif;letter-spacing:-.05em;margin:13px 0 18px}.hero h1 span{color:#78bfff}.hero p{max-width:690px;color:#c7dae8;font-size:15px;margin:0 0 19px;line-height:1.65}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:7px;padding:9px 17px;font-weight:800;font-size:12px;border:1px solid #51748c;background:#345568;color:white;transition:.18s transform,.18s background,.18s box-shadow}.btn:hover{transform:translateY(-2px);background:#436b83}.btn.primary{background:var(--blue);border-color:#3291ed;color:#fff;box-shadow:0 7px 20px rgba(0,95,195,.2)}.btn.primary:hover{background:var(--blue2)}
.hero-edge{position:absolute;top:0;bottom:0;width:31%;height:100%;object-fit:cover;filter:saturate(.9);opacity:.25;z-index:1;pointer-events:none}.hero-edge.left{left:-8%;object-position:right}.hero-edge.right{right:-13%;object-position:left}.notice{background:#152c3d;border:1px solid #3b6179;border-left:4px solid #72a8d0;padding:15px 19px;margin:0 0 22px;border-radius:9px;font-size:13px;color:#bcd3e3}.notice strong{color:white}.notice a{color:#94d2ff;text-decoration:underline;text-underline-offset:3px}.notice.warning{border-left-color:#f3ba66;background:#2a3440}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.stat{background:#20394b;border:1px solid #355369;border-radius:10px;padding:16px 17px}.stat strong{display:block;font:900 clamp(23px,3vw,31px)/1.15 'Inter',sans-serif;letter-spacing:-.05em}.stat span{font-size:11px;color:#aec4d3;line-height:1.4;display:block;margin-top:5px}
.section{margin:32px 0 44px;scroll-margin-top:85px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}.section-head h2{font:800 clamp(22px,2.8vw,31px)/1.18 'Inter',sans-serif;letter-spacing:-.032em;margin:0 0 8px}.section-head p{font-size:14px;color:#b0c9da;line-height:1.7;margin:0;max-width:850px}.section-heading{font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 17px}.section-heading span{color:#7ac9ff}.tiny-link{color:#9ec8df;font-size:12px;font-weight:700;white-space:nowrap}.tiny-link:hover{color:#fff}
.lobby-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-wrap{display:flex;align-items:center;background:#0d2331;border:1px solid #38596e;color:#a7c5d6;border-radius:7px;gap:11px;padding:0 14px;min-height:47px;flex:1;min-width:0}.search-wrap input{border:0;background:transparent;color:#fff;width:100%;outline:0;min-width:0;font-size:14px}.search-wrap input::placeholder{color:#acc3d1}.search-wrap kbd{border-radius:3px;background:#38566b;color:#daeafa;font-size:11px;padding:2px 5px;white-space:nowrap}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.tabs{display:flex;flex-wrap:wrap;gap:7px}.filter-btn{background:#29475b;border:1px solid #35596e;padding:9px 13px;border-radius:7px;color:#dbe9f2;font-weight:800;font-size:12px}.filter-btn[aria-pressed="true"]{background:#38617b;border-color:#658eab;color:#fff}.sort-select{background:#324f65;border:1px solid #446880;color:#eef7ff;font-weight:700;padding:9px;border-radius:7px;max-width:155px}.catalog-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px}.game-card[hidden]{display:none!important}.game-card{display:flex;flex-direction:column;min-width:0;padding:0;background:transparent;border:0;color:#fff;text-align:left;transition:transform .18s ease}.game-card:hover{transform:translateY(-4px)}.game-picture{display:block;position:relative;overflow:hidden;border-radius:7px;background:#244759;width:100%;aspect-ratio:145/188;box-shadow:0 8px 14px rgba(0,0,0,.14)}.game-picture img{width:100%;height:100%;object-fit:contain}.game-card:focus-visible .game-picture,.game-card:hover .game-picture{outline:2px solid #4aafff;outline-offset:1px}.play-hover{display:flex;position:absolute;inset:auto 7px 7px;justify-content:center;padding:7px 5px;background:#187be0;border-radius:6px;font-size:11px;font-weight:900;color:white;opacity:0;transform:translateY(8px);transition:.2s;box-shadow:0 6px 12px #081d3299}.game-card:hover .play-hover,.game-card:focus-visible .play-hover{opacity:1;transform:none}.game-subtitle{display:flex;align-items:center;gap:5px;font-size:10px;color:#aac4d6;line-height:1.35;padding-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.green-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex:none}.more-row{display:flex;align-items:center;gap:15px;margin-top:18px;color:#96b7ca;font-size:13px}.more-row::before,.more-row::after{content:'';height:1px;flex:1;background:#33566e}.more-row button{background:none;border:0;color:#aecfe2;font-weight:700;padding:6px 10px}.more-row button:hover{color:#fff}.results-msg{color:#b0c5d4;font-size:12px;min-height:18px;margin-top:9px}
.original-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.original-tile{border-radius:7px;background:linear-gradient(145deg,var(--a),var(--b));height:145px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;overflow:hidden;border:1px solid #ffffff14}.original-tile::before{content:attr(data-symbol);font-size:76px;line-height:1;position:absolute;top:4px;right:7px;color:#ffffff33;transform:rotate(-15deg)}.original-tile b{font:900 clamp(13px,1.35vw,20px)/1 'Inter',sans-serif;letter-spacing:-.06em;text-transform:uppercase;z-index:1;text-shadow:0 2px 6px #0008}.original-tile small{font-size:7px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px;z-index:1}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.article-box,.info-box{padding:24px 26px;background:#1f3849;border:1px solid #345369;border-radius:10px}.article-box p,.info-box p{color:#bdd1df;margin:0 0 15px;line-height:1.82;font-size:14px}.article-box h3,.info-box h3{font:800 21px/1.3 'Inter',sans-serif;letter-spacing:-.03em;margin:25px 0 12px}.article-box h3:first-child,.info-box h3:first-child{margin-top:0}.article-box strong,.info-box strong{color:white}.article-box a,.info-box a{color:#97d6ff}.article-box a:hover,.info-box a:hover{text-decoration:underline}
.tabl-wrap{overflow-x:auto;margin:14px 0 22px;border:1px solid #3a566a;border-radius:7px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:430px}th,td{padding:12px 14px;vertical-align:top;border-bottom:1px solid #345267}th{background:#152b3b;color:#b3cbdc;font-size:12px;font-weight:800}td{color:#d9e7f0}tr:nth-child(even) td{background:#223c4f}tr:last-child td,tr:last-child th{border-bottom:0}td:first-child{font-weight:800}table.highlight td:last-child{color:#c8eaff}
.note-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#a5d8f7;margin-bottom:13px}.tagline{color:#aac5d6;font-size:12px}.plain-list{padding-left:19px;color:#c2d6e3;line-height:1.8;margin:6px 0 18px}.plain-list li{padding-left:3px;margin-bottom:7px}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.promo{padding:20px;border-radius:10px;border:1px solid #3c5c73;background:#203c50}.promo b{font:900 22px/1.3 'Inter',sans-serif;letter-spacing:-.035em;display:block}.promo span{color:#bdd3e0;font-size:12px;display:block;margin-top:9px}.promo small{display:inline-block;margin-top:13px;color:#9dc9e9;font-size:11px}
.vip-wrap{background:#1f384b;border:1px solid #3d5a70;padding:23px;border-radius:10px}.vip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vip-card{background:#2a4659;padding:18px;border-radius:9px;min-height:208px;display:flex;flex-direction:column}.tier{display:inline-flex;align-self:start;padding:5px 9px;border-radius:5px;font-size:12px;font-weight:800;color:#071f2f}.tier.bronze{background:#ce9269}.tier.silver{background:#d3d9df}.tier.gold{background:#f5bd56}.tier.plat{background:#53c6d8}.vip-card strong{font:800 24px 'Inter',sans-serif;letter-spacing:-.04em;margin:14px 0 2px}.vip-card small{font-size:11px;color:#acc6d6}.vip-card p{color:#d8e7f0;font-size:12px;margin:auto 0 0;padding-top:15px}.vip-tip{color:#b8d3e2;font-size:12px;line-height:1.65;margin-top:15px}.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.feature{background:#203b4e;border:1px solid #395e75;padding:18px;border-radius:9px}.feature strong{display:block;font-size:18px}.feature small{color:#b0ccd9;display:block;margin-top:7px}
.faq-item{background:#1c3445;border:1px solid #395b71;border-radius:8px;margin-bottom:9px;overflow:hidden}.faq-item summary{list-style:none;padding:16px 45px 16px 17px;font-weight:800;cursor:pointer;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:19px;top:16px;font-weight:900;color:#a1d8fa}.faq-item[open] summary::after{content:'−'}.faq-answer{padding:0 18px 15px;color:#bdd4e2;font-size:13px}.faq-answer p{margin:0}.faq-item[open]{border-color:#6b9cbd}
.footer{background:#102635;border-top:1px solid #2d485a;padding:38px 38px 28px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.footer h4{font-size:13px;margin:0 0 13px}.footer a{display:block;color:#aac6d8;font-size:12px;padding:3px 0}.footer a:hover{color:white}.footer-note{border-top:1px solid #2c4859;margin-top:25px;padding-top:19px;color:#9dbaca;font-size:12px;line-height:1.75}.foot-logo{font:31px 'Pacifico',cursive;color:#fff;margin-top:18px;text-align:center}.pill-status{background:#304b5f;color:#dbebf5;font:700 11px/1 'Inter',sans-serif;padding:6px 9px;border-radius:5px;display:inline-block}
.modal{border:0;padding:0;max-width:min(520px,calc(100vw - 30px));background:transparent;color:white}.modal::backdrop{background:rgba(3,11,21,.78);backdrop-filter:blur(6px)}.modal-content{background:#1c3547;border:1px solid #49718a;border-radius:16px;box-shadow:0 20px 70px #000b;padding:20px;display:flex;gap:21px}.modal-content img{width:150px;aspect-ratio:145/188;object-fit:contain;border-radius:8px;flex:none}.modal-details h2{font:800 22px/1.25 'Inter',sans-serif;margin:15px 0 10px}.modal-details p{font-size:13px;color:#bdd3e1;margin:0 0 15px}.close-modal{float:right;background:#33536a;border:1px solid #5a7b91;color:white;border-radius:7px;font-size:18px;width:35px;height:35px}.modal-details .btn{margin-top:9px}
.reveal{animation:rise .5s ease both}@keyframes rise{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.catalog-grid,.original-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.vip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1020px){.topbar{grid-template-columns:auto 1fr auto}.sidebar{position:fixed;top:70px;left:0;bottom:0;width:245px;transform:translateX(-100%);z-index:90;transition:transform .25s;box-shadow:14px 0 30px #0004}.sidebar.open{transform:translateX(0)}.layout{display:block}.menu-toggle{display:block}.top-corner{padding-left:12px}.site-logo{left:50%}.inner{padding:25px 24px}.content-grid{grid-template-columns:minmax(0,1fr)}.content-grid>*{min-width:0}.hero-edge{opacity:.16}}
@media(max-width:700px){.topbar{height:62px}.sidebar{top:62px;height:calc(100vh - 62px)}.site-logo{font-size:26px}.site-logo small{display:none}.top-actions{padding-right:9px;gap:6px}.top-action{padding:9px 10px;font-size:11px}.top-pills{display:none}.inner{padding:19px 15px 35px}.hero-inner{padding:31px 20px}.hero h1{font-size:clamp(29px,7.5vw,44px)}.hero{min-height:0}.hero-edge{opacity:.09}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin:26px 0 37px}.catalog-grid,.original-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.game-subtitle{font-size:9px}.search-wrap kbd{display:none}.filter-row{align-items:start;flex-direction:column}.sort-select{max-width:none}.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-grid,.feature-cards{grid-template-columns:1fr}.footer{padding:28px 18px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-box,.info-box{padding:18px}.section-head{align-items:start;flex-direction:column}}
@media(max-width:460px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.original-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:8px}.stat{padding:11px}.vip-grid{grid-template-columns:1fr}.filter-btn{font-size:11px;padding:7px 10px}.top-action:not(.main){display:none}.modal-content{flex-direction:column}.modal-content img{width:120px}.footer-grid{gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* STAKE FR v2 enhancements: derived from user reference art. */
.topbar{height:78px;grid-template-columns:250px minmax(0,1fr) auto}
.top-corner{padding:0 18px;gap:12px}
.site-logo{display:flex;align-items:center;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);height:66px;min-width:132px}
.brand-image{width:142px;height:auto;max-height:73px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(255,255,255,.08))}
.mode-pill,.top-action{min-height:48px;padding:11px 21px;border-radius:13px;font-size:13px;transition:background .24s ease,transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.top-action.main{box-shadow:0 10px 22px rgba(19,115,223,.25)}
.top-action:hover,.mode-pill:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(10,104,222,.22);filter:none}
.top-actions{gap:11px;padding-right:20px}
.sidebar{top:78px;height:calc(100vh - 78px)}
.btn{min-height:48px;border-radius:13px;padding:11px 20px;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(18,113,232,.18)}

/* Decorative real-image banners */
.hero{min-height:352px;border-radius:0;background:radial-gradient(ellipse at 85% 68%,#0d4e87,transparent 46%),linear-gradient(120deg,#132a3b,#0c2437);isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11283a 0%,rgba(17,40,58,.96) 36%,rgba(17,40,58,.47) 55%,rgba(12,28,42,.16) 100%);opacity:1;z-index:2;pointer-events:none}
.hero-art{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:center;opacity:.92;z-index:1;pointer-events:none}
.hero-inner{max-width:690px;position:relative;z-index:3;padding:49px 38px 42px}
.hero-inner h1{max-width:680px;text-wrap:balance;text-shadow:0 4px 18px #08203399}
.hero-inner p{max-width:615px;text-shadow:0 3px 12px #0b233a88}
.editorial-banner{position:relative;isolation:isolate;min-height:240px;border:1px solid #365e79;border-radius:23px;overflow:hidden;margin:38px 0 43px;background:linear-gradient(135deg,#102d45,#133957);box-shadow:0 16px 36px #071a28a0;display:flex;align-items:center}
.editorial-banner__image{position:absolute;right:0;top:0;width:67%;height:100%;object-fit:cover;object-position:center;z-index:-1;opacity:.95}
.editorial-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,36,54,1) 2%,rgba(15,36,54,.98) 34%,rgba(15,36,54,.38) 72%,rgba(15,36,54,.1));z-index:0;pointer-events:none}
.editorial-banner__copy{position:relative;z-index:1;padding:28px 34px;max-width:630px}
.editorial-banner__kicker{color:#93d4ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.editorial-banner__copy h3{font:900 clamp(23px,2.8vw,35px)/1.12 'Inter',sans-serif;letter-spacing:-.045em;margin:9px 0 12px;text-wrap:balance;max-width:460px}
.editorial-banner__copy p{color:#c3d9e6;max-width:440px;margin:0 0 18px;font-size:13px}
.editorial-banner--vip{background:linear-gradient(135deg,#0d263c,#184763)}
.editorial-banner--vip .editorial-banner__image{width:54%;object-position:center center}
.editorial-banner--games .editorial-banner__image{width:70%;object-position:center}

/* Real artwork for Stake Originals */
.original-grid{gap:12px;grid-template-columns:repeat(8,minmax(0,1fr))}
.original-tile{height:auto;aspect-ratio:205/282;min-width:0;border-radius:14px;padding:0;background:#1c3a52;border:1px solid rgba(176,215,242,.14);box-shadow:0 8px 20px #04131c56;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.original-tile::before{display:none!important}
.original-tile img{width:100%;height:100%;object-fit:contain;border-radius:inherit;filter:saturate(1.04)}
.original-tile:hover{transform:translateY(-5px);border-color:#4bb2ff;box-shadow:0 16px 32px #04131ca6,0 0 0 2px #319ce34f}

/* Real borders and smooth micro-motion on VIP cards */
.vip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vip-wrap{border-radius:24px;background:linear-gradient(140deg,#1c3749,#1e394c);border-color:#40657d;padding:25px}
.vip-grid{gap:17px}
.vip-card{position:relative;isolation:isolate;min-height:230px;border-radius:23px;border:1.5px solid rgba(112,157,189,.3);padding:23px 22px;overflow:hidden;background:linear-gradient(150deg,#2b4a5f,#294557 75%);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease,background .24s ease}
.vip-card::before{content:'';position:absolute;inset:-35%;background:radial-gradient(circle at 70% 20%,rgba(73,154,205,.16),transparent 37%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}
.vip-card:hover,.vip-card:focus-within{border-color:var(--hover-accent,#64b8e9);transform:translateY(-3px);box-shadow:0 0 0 2px color-mix(in srgb,var(--hover-accent,#64b8e9) 32%,transparent),0 0 26px color-mix(in srgb,var(--hover-accent,#64b8e9) 22%,transparent),0 17px 32px rgba(2,13,23,.3)}
.vip-card:hover::before,.vip-card:focus-within::before{opacity:1}
.vip-card[data-tier=bronze]{--hover-accent:#e1a47b}
.vip-card[data-tier=silver]{--hover-accent:#d7e1ed}
.vip-card[data-tier=gold]{--hover-accent:#ffc76d}
.vip-card[data-tier=plat]{--hover-accent:#62daef}
.tier{border-radius:11px;padding:7px 12px;font-size:13px}
.vip-amount{display:inline-block;align-self:flex-start;font-variant-numeric:tabular-nums;will-change:transform;transform:translateX(0);transition:filter .25s ease}
.vip-card:hover .vip-amount{animation:stake-vip-nudge .72s ease-in-out both;filter:drop-shadow(0 2px 9px color-mix(in srgb,var(--hover-accent) 45%,transparent))}
@keyframes stake-vip-nudge{0%,100%{transform:translateX(0)}28%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(1px)}}
.vip-card p{max-width:230px}

/* Harmonised and expressive data tables */
.tabl-wrap{border-radius:19px;border:1px solid rgba(109,155,183,.54);overflow-x:auto;background:#1a3546;box-shadow:0 10px 24px rgba(0,0,0,.12);scrollbar-width:thin}
.tabl-wrap table{width:100%;min-width:470px;border-collapse:separate;border-spacing:0}
.tabl-wrap thead th{background:#102c40;color:#bee7ff;text-transform:none;letter-spacing:.012em;font-size:13px;padding:16px 18px;border-bottom:1px solid #407292}
.tabl-wrap tbody td{padding:15px 18px;border-bottom:1px solid rgba(79,118,146,.35);transition:background .22s ease,box-shadow .22s ease,color .22s ease}
.tabl-wrap tbody tr:nth-child(2n) td{background:#213e50}
.tabl-wrap tbody tr:hover td{background:#315a73;color:#f8fcff;box-shadow:inset 0 1px 0 #76c2f43d,inset 0 -1px 0 #76c2f43d}
.tabl-wrap th:first-child{border-top-left-radius:18px}.tabl-wrap th:last-child{border-top-right-radius:18px}
.tabl-wrap tbody tr:last-child td:first-child{border-bottom-left-radius:18px}
.tabl-wrap tbody tr:last-child td:last-child{border-bottom-right-radius:18px}

/* Promo cards: FAQ-style border hover glow */
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.promo{position:relative;padding:22px 22px 20px;border-radius:18px;border:1.5px solid rgba(99,145,174,.45);background:#1c3749;transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;overflow:hidden}
.promo::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(86,179,255,.12),transparent 32%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.promo b{font:900 22px/1.25 'Inter',sans-serif;letter-spacing:-.035em;display:block;margin-bottom:12px}
.promo span{color:#d6e6f1;font-size:14px;display:block;line-height:1.55}
.promo small{display:inline-block;margin-top:16px;color:#9fd3f5;font-size:12px}
.promo:hover,.promo:focus-within{border-color:#6bc4ff;background:#21445a;box-shadow:0 0 0 2px #2899eb29,0 0 24px #158bdb1b;transform:translateY(-1px)}
.promo:hover::before,.promo:focus-within::before{opacity:1}

/* FAQ accordion border hover / open glow */
.faq-list{display:grid;gap:12px}
.faq-item{margin:0;border-radius:18px;background:#1c3749;border:1.5px solid rgba(99,145,174,.45);transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;overflow:hidden}
.faq-item summary{padding:21px 55px 21px 22px;font-size:15px;line-height:1.45}
.faq-item summary::after{right:21px;top:50%;transform:translateY(-50%);font-size:23px;transition:transform .25s,color .25s;line-height:1}
.faq-item:hover,.faq-item:focus-within{border-color:#6bc4ff;background:#21445a;box-shadow:0 0 0 2px #2899eb29,0 0 24px #158bdb1b;transform:translateY(-1px)}
.faq-item[open]{border-color:#79c8ff;background:#244558;box-shadow:0 0 0 1px #62bdfe31,0 0 27px #158bdb20}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(90deg)}
.faq-answer{padding:0 23px 21px;font-size:14px;animation:stake-faq-rise .23s ease both}
@keyframes stake-faq-rise{from{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Cursor: native pointer remains visible, branded halo follows it on fine-pointer devices */
.stake-cursor-ring,.stake-cursor-glow{position:fixed;left:-90px;top:-90px;pointer-events:none;z-index:2000;opacity:0;will-change:transform,opacity;border-radius:50%}
.stake-cursor-ring{width:32px;height:32px;margin:-16px;transform:translate3d(-90px,-90px,0);border:1.5px solid rgba(113,197,244,.8);box-shadow:0 0 15px #168ce74d,inset 0 0 10px #53bcf824;transition:width .2s,height .2s,margin .2s,border-color .2s,opacity .2s}
.stake-cursor-glow{width:120px;height:120px;margin:-60px;background:radial-gradient(circle,rgba(49,157,248,.15),transparent 68%);filter:blur(7px);z-index:1999}
.stake-cursor-ring.is-visible,.stake-cursor-glow.is-visible{opacity:1}
.stake-cursor-ring.is-hover{width:50px;height:50px;margin:-25px;border-color:#b3eeff;box-shadow:0 0 27px #26a6f59e,inset 0 0 15px #5fceff42}

@media(max-width:1250px){.original-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1020px){.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{top:78px;height:calc(100vh - 78px)}.topbar{grid-template-columns:250px 1fr auto}.hero-art{width:65%}.hero-inner{max-width:590px}}
@media(max-width:800px){.original-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{opacity:.42;width:90%}.hero::before{background:linear-gradient(90deg,rgba(16,38,55,.96),rgba(16,38,55,.73))}.editorial-banner__copy{max-width:70%}.editorial-banner__image{width:70%}}
@media(max-width:700px){
 .topbar{height:68px;grid-template-columns:52px minmax(0,1fr) auto}
 .top-corner{padding:0 8px;background:transparent;gap:4px}
 .menu-toggle{font-size:25px;min-width:42px;min-height:43px}
 .sidebar{top:68px;height:calc(100vh - 68px)}
 .site-logo{left:48%;min-width:0;height:52px}
 .brand-image{width:110px;max-height:58px}
 .top-actions{gap:7px;padding-right:9px}
 .top-action{min-height:44px;border-radius:11px;font-size:11px;padding:8px 11px}
 .hero{min-height:320px}
 .hero-inner{padding:28px 20px 25px}
 .hero-art{width:100%;height:100%;opacity:.38;object-position:center center}
 .hero::before{background:linear-gradient(90deg,rgba(16,38,55,.96),rgba(16,38,55,.73))}
 .hero-inner h1{font-size:clamp(27px,7vw,42px)}
 .original-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
 .original-tile{border-radius:10px}
 .vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vip-wrap{padding:14px;border-radius:20px}
 .vip-card{min-height:196px;padding:17px 14px;border-radius:17px}
 .vip-amount{font-size:clamp(17px,4.5vw,25px)!important}
 .tier{font-size:11px;padding:5px 9px}
 .tabl-wrap{border-radius:16px;max-width:100%;width:100%}
 .tabl-wrap table{min-width:440px}
 .faq-item{border-radius:14px}
 .faq-item summary{padding:18px 46px 18px 17px;font-size:13px}
 .editorial-banner{min-height:230px;border-radius:18px;margin:29px 0}
 .editorial-banner__image{width:100%;opacity:.36}
 .editorial-banner::before{background:linear-gradient(90deg,rgba(15,36,54,.95),rgba(15,36,54,.5))}
 .editorial-banner__copy{max-width:100%;padding:23px 20px}
 .editorial-banner__copy h3{font-size:25px}
 .stake-cursor-ring,.stake-cursor-glow{display:none!important}
}
@media(max-width:460px){
 .topbar{grid-template-columns:49px 1fr auto}
 .site-logo{left:40%;}
 .brand-image{width:92px}
 .top-action:not(.main){display:none}
 .top-action{padding:8px 12px;font-size:11px}
 .original-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .vip-grid{grid-template-columns:1fr}
 .vip-card{min-height:166px;padding:17px 18px}
 .vip-amount{font-size:24px!important}
 .hero-art{opacity:.25}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.stake-cursor-ring,.stake-cursor-glow{display:none!important}}
@media(prefers-reduced-motion:reduce){.vip-card:hover .vip-amount{animation:none!important;transform:none!important}.faq-answer{animation:none!important}}


/* STAKE FR v4 polishing pass */
:root{
  --accent-glow:linear-gradient(135deg, rgba(65,198,255,.85), rgba(255,189,96,.75));
  --ring-soft:0 0 0 1px rgba(255,255,255,.05), 0 16px 36px rgba(5,19,29,.28);
  --ring-strong:0 0 0 1px rgba(143,220,255,.28), 0 20px 44px rgba(7,25,39,.4), 0 0 22px rgba(52,154,255,.16);
}
.brand-image{width:170px!important;max-height:82px!important;filter:drop-shadow(0 2px 6px rgba(255,255,255,.08))}
.mode-pill,.top-action,.btn{
  border-radius:16px!important;
  min-height:52px!important;
  padding:12px 22px!important;
  font-size:14px!important;
}
.mode-pill,.top-action{background:linear-gradient(180deg,#35566c,#304c62)!important;border-color:#496c82!important}
.top-action.main,.mode-pill.active,.btn.primary{box-shadow:0 14px 34px rgba(23,117,224,.25)}
.top-action:hover,.mode-pill:hover,.btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 38px rgba(6,21,32,.36),0 0 0 1px rgba(145,211,255,.22)}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.hero-buttons .btn{min-width:182px}

.tabs{gap:10px}
.filter-btn{padding:12px 18px!important;border-radius:15px!important;min-height:52px!important;transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease!important}
.filter-btn:hover,.filter-btn:focus-visible{border-color:#86d5ff!important;box-shadow:0 0 0 2px rgba(134,213,255,.18),0 16px 30px rgba(0,0,0,.22)!important;transform:translateY(-2px)!important}
.filter-btn[aria-pressed="true"]{background:linear-gradient(180deg,#3f6882,#355a73)!important;border-color:#8bcdf4!important;box-shadow:0 0 0 2px rgba(120,196,255,.15)}

.original-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.original-tile{border-radius:18px!important;border:1px solid rgba(138,207,255,.2)!important;box-shadow:var(--ring-soft);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.original-tile:hover{transform:translateY(-4px);border-color:#8fdcff!important;box-shadow:var(--ring-strong)}
.original-tile img{width:100%;height:auto;border-radius:16px;display:block}

.promo,.feature,.faq-item,.vip-card,.tabl-wrap,.notice,.stat{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.promo,.feature{
  border-radius:18px!important;
  border-color:#47697f!important;
  box-shadow:var(--ring-soft);
  position:relative;
  overflow:hidden;
}
.promo::before,.feature::before,.faq-item::before,.vip-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg, rgba(112,208,255,.16), rgba(255,194,104,.12), rgba(138,98,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.0;transition:opacity .22s ease;
}
.promo:hover,.feature:hover,.faq-item:hover,.vip-card:hover,.tabl-wrap:hover,.notice:hover,.stat:hover{
  transform:translateY(-2px);border-color:#83d0ff!important;box-shadow:var(--ring-strong)
}
.promo:hover::before,.feature:hover::before,.faq-item:hover::before,.vip-card:hover::before{opacity:1}

.faq-item{border-radius:18px!important;border-color:#41657a!important;box-shadow:var(--ring-soft);background:linear-gradient(180deg, rgba(29,54,69,.98), rgba(26,48,63,.98))!important;position:relative}
.faq-item summary{padding:20px 56px 20px 22px!important}
.faq-item summary::after{right:21px!important;top:19px!important;font-size:21px!important;color:#9ee3ff!important;transition:transform .2s ease,color .2s ease}
.faq-item:hover summary::after,.faq-item[open] summary::after{transform:scale(1.08);color:#ffd38b!important}
.faq-item[open]{border-color:#89d4ff!important;background:linear-gradient(180deg, rgba(32,60,77,.99), rgba(26,48,64,.99))!important}
.faq-answer{padding:0 22px 19px!important}

.vip-wrap{border-radius:28px!important;padding:26px!important;background:linear-gradient(180deg,#20384a,#183244)!important}
.vip-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.vip-card{border-radius:24px!important;min-height:222px!important;padding:24px 22px 20px!important;border:1px solid #45667b;background:linear-gradient(180deg, rgba(44,72,92,.98), rgba(37,64,83,.98))!important;box-shadow:var(--ring-soft);position:relative;overflow:hidden}
.vip-card::after{content:"";position:absolute;inset:auto auto 0 0;width:120px;height:120px;background:radial-gradient(circle at center, rgba(96,195,255,.14), transparent 68%);pointer-events:none}
.vip-card:hover{transform:translateY(-4px) scale(1.01)!important}
.vip-card strong{font-size:clamp(24px,2.1vw,36px)!important;line-height:1.02!important}
.vip-card small{display:block;margin-top:4px}
.tier{border-radius:14px!important;padding:7px 14px!important;font-size:13px!important}
.tier.diamond{background:linear-gradient(135deg,#a5f2ff,#79c7ff);color:#072030}
.vip-card--next{background:linear-gradient(135deg, rgba(52,81,104,.98), rgba(27,53,73,.98))!important}
.vip-card--next .vip-amount--static{font-size:clamp(19px,1.7vw,26px)!important;letter-spacing:-.03em}
@keyframes vipWiggle{0%,100%{transform:translateX(0)}25%{transform:translateX(3px)}55%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
.vip-card:hover .vip-amount{animation:vipWiggle .55s ease-in-out 1}

.tabl-wrap{border-radius:20px!important;border:1px solid #496e84!important;box-shadow:var(--ring-soft);overflow:hidden!important;background:linear-gradient(180deg,rgba(29,54,69,.86),rgba(23,42,55,.88))}
.tabl-wrap table{border-collapse:separate;border-spacing:0}
.tabl-wrap thead th{background:linear-gradient(180deg,#173142,#122b3b)!important;color:#d8efff!important}
.tabl-wrap tbody tr{transition:background .18s ease, transform .18s ease}
.tabl-wrap tbody tr:hover td,.tabl-wrap tbody tr:hover th{background:#29465a!important}
.tabl-wrap td,.tabl-wrap th{border-color:#36576a!important}
.tabl-wrap tbody tr:nth-child(even) td{background:#213b4d!important}
.tabl-wrap tbody tr:nth-child(odd) td{background:#1d3647!important}

.feature strong,.promo b{line-height:1.18}
.stat{border-radius:18px!important}
.notice{border-radius:20px!important}

.stake-cursor-ring{width:34px;height:34px;margin:-17px;border:1.5px solid rgba(120,203,255,.88)!important;box-shadow:0 0 18px rgba(45,157,255,.26),inset 0 0 12px rgba(120,213,255,.22)!important}
.stake-cursor-ring.is-hover{width:56px!important;height:56px!important;margin:-28px!important;border-color:#ffd18a!important;box-shadow:0 0 20px rgba(255,180,86,.33),inset 0 0 15px rgba(113,203,255,.28)!important}
.stake-cursor-glow{width:138px!important;height:138px!important;margin:-69px!important;background:radial-gradient(circle,rgba(41,157,248,.18),rgba(255,180,86,.06),transparent 70%)!important}

@media(max-width:1250px){
  .original-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .vip-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1020px){
  .vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .original-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .brand-image{width:128px!important;max-height:60px!important}
  .mode-pill,.top-action,.btn,.filter-btn{min-height:46px!important;padding:10px 16px!important;border-radius:14px!important;font-size:12px!important}
  .original-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .vip-wrap{padding:16px!important;border-radius:22px!important}
  .vip-card{min-height:192px!important;padding:18px 16px 17px!important;border-radius:18px!important}
  .faq-item,.promo,.feature,.tabl-wrap,.notice{border-radius:16px!important}
}
@media(max-width:460px){
  .site-logo{left:42%!important}
  .brand-image{width:110px!important}
  .vip-grid{grid-template-columns:1fr!important}
  .hero-buttons .btn{min-width:0;width:100%}
}


/* v6: header button colors match the supplied Stake reference */
.top-actions .top-action:not(.main){
  background:#3d586d!important;
  border-color:#3d586d!important;
  color:#f7fbff!important;
  box-shadow:0 3px 9px rgba(4,16,29,.16);
}
.top-actions .top-action.main{
  background:#1478e4!important;
  border-color:#1478e4!important;
  color:#ffffff!important;
  box-shadow:0 6px 20px rgba(20,120,228,.20);
}
.top-actions .top-action:not(.main):hover,
.top-actions .top-action:not(.main):focus-visible{
  background:#4b6c84!important;
  border-color:#66859c!important;
}
.top-actions .top-action.main:hover,
.top-actions .top-action.main:focus-visible{
  background:#258ff5!important;
  border-color:#258ff5!important;
  box-shadow:0 10px 28px rgba(20,120,228,.30);
}


/* Stake France v8: cleaned artwork, precise cursor, responsive galleries, payment visuals */
#catalogGrid .game-picture{background:#172e40;border-radius:13px;overflow:hidden;box-shadow:0 7px 18px rgba(1,12,22,.23)}
#catalogGrid .game-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
#catalogGrid .game-card:hover .game-picture,#catalogGrid .game-card:focus-visible .game-picture{outline:2px solid #7bccff;outline-offset:2px}
/* Compact Originals: native screenshot artwork is much sharper at its intended scale */
#originaux .original-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:11px!important}
#originaux .original-tile{border-radius:13px!important;box-shadow:0 8px 17px rgba(0,12,28,.3);aspect-ratio:205/282!important;height:auto!important;overflow:hidden}
#originaux .original-tile img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:inherit!important}
#originaux .original-tile:hover{transform:translateY(-3px)!important;box-shadow:0 11px 25px rgba(0,12,28,.34),0 0 0 1px rgba(106,196,255,.28)!important}
/* Feature icons: restrained metallic-blue motifs, not emojis */
#paiements .feature,#mobile .feature{padding:18px 20px!important}
.feature-topline{display:flex;align-items:center;gap:14px;margin:0 0 8px}
.feature-topline strong{margin:0!important;line-height:1.2!important;min-width:0}
.feature-icon-block{display:flex;align-items:center;justify-content:center;flex:none;min-width:52px;min-height:52px;gap:5px}
.feature-icon-block svg{display:block;filter:drop-shadow(0 2px 9px rgba(21,147,225,.18))}
#paiements .feature-icon-block{transition:filter .28s ease,transform .28s ease}
#paiements .feature:hover .feature-icon-block{transform:translateY(-2px);filter:drop-shadow(0 0 12px rgba(77,196,255,.28))}
.currency-coin{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.45);font:bold 22px/1 Arial,sans-serif;color:white;box-shadow:inset 0 2px 4px rgba(255,255,255,.28),0 4px 12px rgba(0,0,0,.15);transition:transform .28s ease,filter .28s ease}
.currency-coin.btc{background:linear-gradient(145deg,#ffbd55,#dd861b)}
.currency-coin.eth{background:linear-gradient(145deg,#8f98c8,#45578a);font-size:20px}
.currency-coin.usdt{background:linear-gradient(145deg,#35cba6,#108469);font-size:21px}
#paiements .feature:hover .currency-coin:nth-child(1){transform:translateY(-2px)}
#paiements .feature:hover .currency-coin:nth-child(2){transform:translateY(-4px)}
#paiements .feature:hover .currency-coin:nth-child(3){transform:translateY(-2px)}
#paiements .feature--crypto .feature-icon-block{min-width:112px}
#mobile .feature-topline .feature-icon-block{justify-content:flex-start}
#mobile .feature-icon-block svg{width:45px;height:45px}
/* Real illustration from the payment visual; text remains selectable and responsive */
#paiements .payment-art-banner{display:flex;align-items:center;position:relative;isolation:isolate;min-height:210px;margin-top:25px;padding:22px 27px;border:1px solid #3b83b5;border-radius:21px;background:linear-gradient(115deg,#0d293f,#0b2539 53%,#123b5b);overflow:hidden;box-shadow:0 14px 30px rgba(4,21,35,.22);transition:border-color .25s,box-shadow .25s}
#paiements .payment-art-banner:hover{border-color:#75cfff;box-shadow:0 17px 36px rgba(4,21,35,.32),0 0 0 1px rgba(90,191,255,.12)}
#paiements .payment-art-banner__image{position:absolute;right:0;top:0;height:100%;width:66%;object-fit:cover;object-position:center;z-index:-2}
#paiements .payment-art-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102a40 0%,rgba(16,42,64,.98) 30%,rgba(16,42,64,.6) 60%,rgba(16,42,64,.03) 98%);pointer-events:none;z-index:-1}
#paiements .payment-art-banner__copy{max-width:56%;position:relative}
#paiements .payment-art-banner__kicker{color:#8cd5ff;font:800 11px/1.5 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
#paiements .payment-art-banner h3{font-size:clamp(18px,2vw,28px);letter-spacing:-.035em;line-height:1.12;margin:10px 0 9px}
#paiements .payment-art-banner p{color:#c3dbea;margin:0;font-size:13px;line-height:1.55}
/* Cursor coordinates are viewport-relative: no top-left offset; compact ring */
.stake-cursor-ring,.stake-cursor-glow{left:0!important;top:0!important;will-change:transform;pointer-events:none!important}
.stake-cursor-ring{width:28px!important;height:28px!important;margin:-14px!important;border:1.4px solid rgba(122,204,255,.86)!important;box-shadow:0 0 11px rgba(38,153,230,.22),inset 0 0 8px rgba(113,201,255,.17)!important}
.stake-cursor-ring.is-hover{width:40px!important;height:40px!important;margin:-20px!important;box-shadow:0 0 14px rgba(70,178,253,.3),inset 0 0 10px rgba(111,217,255,.13)!important}
.stake-cursor-glow{width:80px!important;height:80px!important;margin:-40px!important;background:radial-gradient(circle,rgba(48,172,248,.09),transparent 66%)!important;filter:blur(6px)!important}
@media(max-width:1240px){#originaux .original-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1000px){#originaux .original-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:920px){#originaux .original-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#paiements .payment-art-banner__image{width:80%}}
@media(max-width:700px){#originaux .original-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#paiements .payment-art-banner{min-height:220px;padding:19px}#paiements .payment-art-banner__image{width:100%;opacity:.35}#paiements .payment-art-banner::after{background:linear-gradient(90deg,rgba(11,35,53,.97),rgba(11,35,53,.8))}#paiements .payment-art-banner__copy{max-width:100%}#paiements .feature--crypto .feature-icon-block{min-width:100px}.currency-coin{width:32px;height:32px;font-size:19px}.feature-topline{gap:12px}}
@media(max-width:360px){#originaux .original-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feature-topline{flex-wrap:wrap}}
/* On phones, show the artwork as its own clear image instead of dimming it behind text */
@media(max-width:700px){
  #paiements .payment-art-banner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:18px 18px 0!important}
  #paiements .payment-art-banner__copy{position:relative;max-width:100%;margin-bottom:14px}
  #paiements .payment-art-banner__image{position:relative;width:calc(100% + 36px)!important;height:140px!important;margin:0 -18px;opacity:1!important;object-fit:cover!important;object-position:60% center!important;z-index:0}
  #paiements .payment-art-banner::after{display:none!important}
}
@media(hover:none),(pointer:coarse){.stake-cursor-ring,.stake-cursor-glow{display:none!important}}
@media(prefers-reduced-motion:reduce){.currency-coin,.feature-icon-block,.payment-art-banner{transition:none!important}}

/* v13 sports showcase */
.sport-showcase{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:18px}
.sport-showcase-card{position:relative;display:block;overflow:hidden;border-radius:14px;border:1px solid #34586f;background:linear-gradient(180deg,#24507b 0%,#183855 100%);aspect-ratio:.78;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.sport-showcase-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,44,69,0) 0%,rgba(13,31,48,.14) 100%);pointer-events:none;z-index:1}
.sport-showcase-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease;filter:saturate(1.03) contrast(1.01)}
.sport-showcase-card:hover{transform:translateY(-6px);border-color:#71bfff;box-shadow:0 14px 26px rgba(8,18,31,.26),0 0 0 1px rgba(113,191,255,.18) inset}
.sport-showcase-card:hover img{transform:scale(1.03)}
@media(max-width:1300px){.sport-showcase{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:980px){.sport-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.sport-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}}
@media(max-width:460px){.sport-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sport-showcase-card,.sport-showcase-card img{transition:none!important}}



/* Extensions v15: directory-level editorials, curated image galleries and navigation */
.inner{max-width:1535px;margin:0 auto}
.side-item--section{background:linear-gradient(90deg,#24516e 0%,#183447 100%);border:1px solid #375b6c;margin:5px 0}
.side-item--section:hover,.side-item--section.selected{background:#1673bc;border-color:#51aeef}
.sidelabel--pages{color:#80c9ff;letter-spacing:.10em;text-transform:uppercase}
.page-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:700;color:#9bbfd5;margin:22px 0 6px}
.page-breadcrumbs a{color:#bde2fc}.page-breadcrumbs a:hover{color:#fff}
.editorial-hero{position:relative;min-height:315px;overflow:hidden;isolation:isolate;background:#10293a;border-bottom:1px solid #385568}
.editorial-hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.editorial-hero::after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,rgba(13,29,43,.96),rgba(15,37,51,.78) 45%,transparent 88%)}
.editorial-hero-copy{position:relative;z-index:1;max-width:730px;padding:55px 43px 45px}
.editorial-hero h1{font:900 clamp(31px,4vw,49px)/1.08 'Inter',sans-serif;letter-spacing:-.05em;margin:12px 0 15px}
.editorial-hero h1 span{color:#75c2ff}.editorial-hero p{font-size:15px;color:#dfedfa;line-height:1.75;max-width:635px;margin:0 0 20px}
.page-intro{color:#c4dae8;font-size:15px;line-height:1.85;max-width:930px}
.feature-stripe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.feature-stripe .fact{background:#1c3a4f;border:1px solid #355c74;border-radius:11px;padding:18px 19px}
.fact strong{display:block;font-size:21px;color:white;line-height:1.3;margin:3px 0 6px}
.fact p{margin:0;color:#b0cadb;font-size:12px;line-height:1.7}
.editorial-cols{display:grid;grid-template-columns: minmax(0,1.5fr) minmax(285px,.85fr);gap:19px;margin:25px 0}
.editorial-cols .article-box{height:100%}
.text-content h2{font:800 clamp(22px,2.6vw,30px)/1.16 Inter,sans-serif;letter-spacing:-.03em;margin:12px 0 15px}
.text-content h3{font:800 19px/1.3 Inter,sans-serif;margin:26px 0 11px}
.text-content p{color:#c0d4e1;font-size:14px;line-height:1.86;margin:10px 0 18px}
.text-content ul,.text-content ol{color:#c0d4e1;line-height:1.85;padding-left:23px}
.text-content li{margin:8px 0}
.text-content .source-link{color:#89d1ff;text-decoration:underline;text-underline-offset:3px}
.text-content .source-link:hover{color:white}
.text-content table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6;margin:15px 0 23px}
.text-content th,.text-content td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #3a566a}
.text-content th{color:#dcecf8;background:#203b4e}
.text-content td{color:#b9d0de}
.editorial-photo{width:100%;display:block;max-height:410px;object-fit:cover;border-radius:12px;border:1px solid #416982;box-shadow:0 14px 34px #081b2991}
.editorial-photo--feature{max-height:none;aspect-ratio:16/9}
.figure-note{font-size:11px;color:#8caebe;margin-top:10px;line-height:1.6}
.notice-compact{padding:15px 18px;border-left:3px solid #5baae0;color:#b9d1df;background:#1b374a;border-radius:5px;font-size:13px;line-height:1.7;margin:24px 0}
.page-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 25px}
.step-card{border:1px solid #3b5c72;background:#1c384a;border-radius:9px;padding:20px}
.step-card b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#177bd4;color:white;font-size:16px;margin-bottom:8px}
.step-card h3{font-size:15px;margin:4px 0 7px;color:#fff}.step-card p{font-size:12px;line-height:1.7;color:#b9d4e3;margin:0}
.page-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 38px}
.page-preview{display:block;min-width:0;overflow:hidden;border:1px solid #3b5b70;border-radius:11px;background:#1d3c50;transition:transform .2s ease, border-color .2s}
.page-preview:hover{transform:translateY(-4px);border-color:#58a8ee}
.page-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.page-preview .preview-body{padding:13px 14px 17px}
.page-preview strong{font-size:15px;display:block;color:white;margin-bottom:5px}
.page-preview span{font-size:11px;line-height:1.65;color:#aac8d9;display:block}
.home-feature-row{display:grid;grid-template-columns:1.1fr 1fr;gap:21px;align-items:center;background:#203a4c;border:1px solid #35576c;border-radius:12px;padding:19px;margin:26px 0 35px}
.home-feature-row img{border-radius:9px;width:100%;max-height:270px;object-fit:cover}
.home-feature-row h2{font:800 25px Inter,sans-serif;margin:6px 0 12px;letter-spacing:-.03em}
.home-feature-row p{color:#b2cddd;font-size:14px;line-height:1.8}
.home-feature-row .micro{color:#7fc6fb}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}
.gallery-heading h2{font:800 26px Inter,sans-serif;letter-spacing:-.03em;margin:0}
.gallery-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px;margin-bottom:15px}
.gallery-rail .game-card .game-picture{aspect-ratio:145/188}
.gallery-rail .game-card img{object-fit:contain}
.gallery-rail .game-subtitle{padding-top:8px}
.home-micro-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:17px 19px;border-radius:9px;background:#1c394b;border:1px solid #35556a}
.home-micro-summary p{margin:0;color:#b5cddd;font-size:13px;line-height:1.7}
.home-micro-summary .btn{flex-shrink:0}
.mini-faq{margin:18px 0}.mini-faq details{border:1px solid #34596e;border-radius:8px;padding:13px 17px;margin:8px 0;background:#1c3749}
.mini-faq summary{color:#f4fbff;font-weight:800;cursor:pointer}.mini-faq p{font-size:13px;color:#b8d2df;line-height:1.75}
.page-hero-small{min-height:260px}
@media(max-width:1120px){.gallery-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.page-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.editorial-cols,.home-feature-row{grid-template-columns:1fr}.editorial-hero-copy{padding:45px 27px}.editorial-hero{min-height:290px}.page-steps{grid-template-columns:1fr}.feature-stripe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.page-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-preview .preview-body{padding:10px}.page-preview strong{font-size:13px}.page-preview span{font-size:10px}.gallery-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-micro-summary{align-items:stretch;flex-direction:column}.feature-stripe{grid-template-columns:1fr}.editorial-hero-copy{padding:42px 20px}.editorial-hero h1{font-size:31px}.text-content th,.text-content td{padding:9px 8px}.text-content table{font-size:11px}}


/* Stake v18 - uniform, correctly proportioned game cards */
.showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.showcase-card{align-self:start!important;min-width:0!important}
.showcase-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:420 / 566!important;object-fit:contain!important;object-position:center!important;max-height:none!important}
.showcase-label{min-height:47px}
@media(max-width:1250px){.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:600px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}


/* Stake v20: only individually framed components glow, not their parent sections. */
:root{--stake-hover-outline:#72c9ff;--stake-hover-glow:rgba(64,177,245,.27)}
:is(.article-box,.info-box,.fact,.step-card,.feature,.promo,.quick-area,.original-tile,.showcase-card,.sport-showcase-card,.faq-item,.mini-faq details,.editorial-inline-banner,.editorial-banner,.home-feature-row,.payment-art-banner,.page-preview,.home-micro-summary,.tabl-wrap,.search-wrap,.gallery-card,.vip-wrap,.stat,.notice){
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
:is(.article-box,.info-box,.fact,.step-card,.feature,.promo,.quick-area,.original-tile,.showcase-card,.sport-showcase-card,.faq-item,.mini-faq details,.editorial-inline-banner,.editorial-banner,.home-feature-row,.payment-art-banner,.page-preview,.home-micro-summary,.tabl-wrap,.search-wrap,.gallery-card,.vip-wrap,.stat,.notice):hover,
:is(.article-box,.info-box,.fact,.step-card,.feature,.promo,.quick-area,.original-tile,.showcase-card,.sport-showcase-card,.faq-item,.mini-faq details,.editorial-inline-banner,.editorial-banner,.home-feature-row,.payment-art-banner,.page-preview,.home-micro-summary,.tabl-wrap,.search-wrap,.gallery-card,.vip-wrap,.stat,.notice):focus-within{
  border-color:var(--stake-hover-outline)!important;
  box-shadow:0 0 0 1px var(--stake-hover-glow),0 0 18px var(--stake-hover-glow)!important;
}
:is(.game-card,.showcase-card,.sport-showcase-card,.page-preview,.quick-area,.side-item,.btn,.filter-btn):focus-visible{outline:2px solid var(--stake-hover-outline)!important;outline-offset:3px!important}
@media(hover:none){
  :is(.article-box,.info-box,.fact,.step-card,.feature,.promo,.quick-area,.original-tile,.showcase-card,.sport-showcase-card,.faq-item,.mini-faq details,.editorial-inline-banner,.editorial-banner,.home-feature-row,.payment-art-banner,.page-preview,.home-micro-summary,.tabl-wrap,.search-wrap,.gallery-card,.vip-wrap,.stat,.notice):hover{box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){:is(.article-box,.info-box,.fact,.step-card,.showcase-card){transition:none!important}}

/* Immersive, independently illustrated hero banners on the four internal pages */
.editorial-hero{min-height:322px!important;isolation:isolate!important;overflow:hidden!important;background:#081e2f!important}
.editorial-hero > .editorial-hero__art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;z-index:0!important;opacity:1!important}
.editorial-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,29,45,.97) 0%,rgba(9,31,47,.93) 28%,rgba(10,35,53,.71) 49%,rgba(10,35,53,.18) 80%,rgba(8,28,47,.02) 100%)!important;pointer-events:none}
.editorial-hero > .editorial-hero-copy{position:relative!important;z-index:2!important;max-width:760px!important;padding:50px 43px 44px!important}
.editorial-hero-copy p{max-width:665px!important}
@media(max-width:850px){.editorial-hero > .editorial-hero-copy{padding:38px 26px!important}.editorial-hero > .editorial-hero__art{object-position:68% center!important}.editorial-hero::after{background:linear-gradient(90deg,rgba(8,29,46,.97),rgba(8,29,46,.79) 67%,rgba(8,29,46,.47))!important}}
@media(max-width:540px){.editorial-hero{min-height:300px!important}.editorial-hero > .editorial-hero-copy{padding:28px 20px 32px!important}.editorial-hero > .editorial-hero__art{object-position:70% center!important;opacity:.75!important}.editorial-hero::after{background:linear-gradient(90deg,rgba(8,29,46,.98),rgba(8,29,46,.86) 75%,rgba(8,29,46,.65))!important}}