/* ===== luckyboom-bonuses.nl: THE RANKING — light lilac, podium of category winners, a ranked scoreboard with bar triplets, decision columns by deposit and by game. No carousels, filters or drawers. ===== */
:root{--bg:#5c48d7;--pp:#fff;--ink:#17133a;--mu:#625f86;--ln:#ddd8f7;--a:#8efa00;--a2:#b1ff4b;--b:#5c48d7;--b2:#8b7cff;--r:#ff3337;--dk:#0b0c12;--h:"Bricolage Grotesque",system-ui,sans-serif;--f:"Hanken Grotesk",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body.rk{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.6 var(--f);overflow-x:hidden}
.rk h1,.rk h2,.rk h3,.rk h4{font-family:var(--h);font-weight:800;margin:0;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.rk a{overflow-wrap:anywhere}.rk img{max-width:100%;height:auto;display:block}.rk b,.rk span,.rk p,.rk li,.rk small,.rk td{overflow-wrap:anywhere}
.top{background:var(--dk);color:#fff}.top .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;height:58px;padding:0 20px}.top .lg img{height:30px;width:auto}.top .sp{flex:1}
.lgs{display:flex;gap:3px}.lgs a{color:#b9b7d8;font:700 12px var(--f);text-decoration:none;padding:5px 9px;border-radius:99px;border:1px solid #2a2850}.lgs a.on{background:var(--a);color:var(--dk);border-color:var(--a)}
.bt{display:inline-flex;align-items:center;justify-content:center;background:var(--a);color:var(--dk);font:800 15px var(--f);text-decoration:none;padding:12px 26px;border-radius:99px;border:0;cursor:pointer;white-space:nowrap}.bt:hover{background:var(--a2)}.bt.v{background:var(--b);color:#fff}.bt.s{padding:8px 16px;font-size:14px}
.wr{max-width:1180px;margin:0 auto;padding:0 20px}
.hero{padding:44px 0 10px}.hero .ey{display:inline-block;background:var(--dk);color:var(--a);font:800 12px var(--f);letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:14px}.hero h1{font-size:clamp(34px,6vw,76px);max-width:16ch}.hero h1 i{font-style:normal;color:var(--b)}.hero .ld{font-size:19px;color:var(--mu);max-width:60ch;margin:16px 0 0}
.pod{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 0;align-items:end}.pc{background:var(--pp);border:2px solid var(--ink);border-radius:22px;padding:18px 18px 16px;position:relative;box-shadow:5px 5px 0 var(--ink)}.pc:nth-child(1){background:var(--a)}.pc:nth-child(2){margin-bottom:12px}.pc:nth-child(3){margin-bottom:24px}.pc:nth-child(4){margin-bottom:36px;background:var(--dk);color:#fff}.pc:nth-child(4) h3,.pc:nth-child(4) .vl{color:#fff}.pc:nth-child(4) small{color:var(--a)}
.pc small{display:block;font:800 11.5px var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--b)}.pc:nth-child(1) small{color:var(--ink)}.pc h3{font-size:20px;margin:6px 0}.pc .vl{font:800 clamp(24px,3vw,34px)/1.05 var(--h);color:var(--ink)}.pc p{margin:6px 0 0;font-size:14.5px;opacity:.85}.pc .no{position:absolute;right:14px;top:8px;font:900 50px/1 var(--h);opacity:.14}
.sec{padding:52px 0 4px}.sec h2{font-size:clamp(26px,3.6vw,44px);margin-bottom:8px}.sec .ld{color:var(--mu);margin:0 0 22px;max-width:62ch}
.board{display:grid;gap:10px}.rw{display:grid;grid-template-columns:54px minmax(0,1.3fr) minmax(0,2.2fr);gap:18px;align-items:center;background:var(--pp);border:2px solid var(--ink);border-radius:20px;padding:14px 20px}.rw .n{font:900 40px/1 var(--h);color:var(--b)}.rw:nth-child(-n+3) .n{color:var(--ink);background:var(--a);border-radius:12px;text-align:center;padding:6px 0;font-size:30px}.rw h3{font-size:19px}.rw .tp{display:inline-block;font:800 11px var(--f);letter-spacing:.08em;text-transform:uppercase;background:var(--b);color:#fff;border-radius:99px;padding:2px 10px;margin-bottom:6px}.rw .v{font-weight:700;margin:4px 0 0}.rw p.s{color:var(--mu);font-size:14px;margin:0}
.bars{display:grid;gap:8px}.br{display:grid;grid-template-columns:104px minmax(0,1fr) 84px;gap:10px;align-items:center;font-size:13.5px}.br span{color:var(--mu);font-weight:700}.br i{display:block;height:14px;border-radius:99px;background:linear-gradient(90deg,var(--b),var(--b2));width:var(--w);min-width:8px}.br .t{display:block;height:14px;border-radius:99px;background:#ece8ff}.br b{text-align:right;font-weight:800}.br.w i{background:linear-gradient(90deg,#00a86b,var(--a))}.br.d i{background:linear-gradient(90deg,var(--r),#ff8a8c)}.rw .ft{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px dashed var(--ln);padding-top:10px}.rw .ft span{color:var(--mu);font-size:14px}
.dec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dc{background:var(--pp);border:2px solid var(--ink);border-radius:22px;padding:18px 20px}.dc h3{font-size:26px;margin-bottom:2px}.dc small{display:block;font:800 11px var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:12px}.dc ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.dc li{display:flex;gap:10px;align-items:baseline;justify-content:space-between;border-bottom:1px dashed var(--ln);padding-bottom:6px;font-weight:700;font-size:15px}.dc li span{color:var(--b);font-weight:800;text-align:right;font-size:14px}.dc.hl{background:var(--dk);color:#fff}.dc.hl h3{color:var(--a)}.dc.hl small{color:#b9b7d8}.dc.hl li span{color:var(--a)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.steps div{counter-increment:s;background:var(--pp);border:2px solid var(--ink);border-radius:18px;padding:14px 18px 14px 66px;position:relative}.steps div:before{content:counter(s);position:absolute;left:14px;top:12px;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--a);display:grid;place-items:center;font:900 20px var(--h)}.steps div:nth-child(odd):before{background:var(--b);color:#fff}
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}.notes p{margin:0;background:var(--pp);border:2px solid var(--ink);border-left-width:9px;border-radius:14px;padding:12px 16px;font-size:14.5px}.notes p:nth-child(3n+1){border-left-color:var(--b)}.notes p:nth-child(3n+2){border-left-color:var(--a)}.notes p:nth-child(3n){border-left-color:var(--r)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.pn{background:var(--pp);border:2px solid var(--ink);border-radius:20px;padding:18px 20px;min-width:0}.pn h3{font-size:20px;margin-bottom:8px}.pn p{margin:0 0 8px;color:var(--mu);font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chips span{background:#ece8ff;color:var(--b);font:800 12.5px var(--f);padding:4px 12px;border-radius:99px}
.pn .rt th{text-align:left;font:800 11px var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}.pn .rt td{border-top:1px solid var(--ln);font-size:14px}
.fq{display:grid;gap:8px;counter-reset:q}.fq details{counter-increment:q;background:var(--pp);border:2px solid var(--ink);border-radius:16px}.fq summary{cursor:pointer;list-style:none;padding:13px 18px 13px 58px;font:800 16.5px var(--h);position:relative;display:flex;justify-content:space-between;gap:10px}.fq summary:before{content:counter(q);position:absolute;left:16px;top:10px;width:30px;height:30px;border-radius:9px;background:var(--b);color:#fff;display:grid;place-items:center;font:900 15px var(--h)}.fq summary:after{content:"+";color:var(--b);font-weight:900}.fq details[open] summary:after{content:"−"}.fq p{margin:0;padding:0 18px 14px 58px;color:var(--mu)}
.cta{background:var(--dk);color:#fff;border-radius:26px;padding:30px 30px;margin:40px 0 0;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:20px;align-items:center}.cta h2{color:#fff;font-size:clamp(24px,3.4vw,38px)}.cta p{margin:6px 0 0;color:#c9c7ea}
.ft2{padding:26px 0 50px;color:var(--mu);font-size:13.5px}.ft2 .ln{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}.ft2 .ln a{color:var(--b);font-weight:800}.ft2 p{margin:0 0 6px}
.pgd{max-width:820px;margin:0 auto;padding:34px 20px 60px}.pgd .doc{background:var(--pp);border:2px solid var(--ink);border-radius:22px;padding:24px 26px;box-shadow:6px 6px 0 var(--b2)}.pgd h1{font-size:clamp(26px,6vw,44px)}.pgd .lead{font-size:18px;color:var(--mu)}.pgd h2{font-size:21px;margin:24px 0 8px;color:var(--b)}.pgd .cs{display:grid;gap:8px;margin:12px 0}.pgd .cs div{border-left:5px solid var(--a);padding:6px 14px;background:#faf9ff;border-radius:0 10px 10px 0}.pgd .cs b{display:block}.pgd .fx{display:flex;flex-wrap:wrap;gap:6px}.pgd .fx b{background:#ece8ff;color:var(--b);border-radius:99px;padding:2px 12px;font-size:13px}.pgd a{color:var(--b)}.pgd .kvr{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 22px;margin:18px 0}.pgd .kvr div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ln);padding:5px 0;font-size:14px}.pgd .kvr span{color:var(--mu)}.pgd .kvr b{text-align:right}.pgd .legal{font-size:12.5px;color:var(--mu);display:grid;gap:4px;margin-top:12px}.pgd .legal p{margin:0}.pgd *{min-width:0}
@media(max-width:960px){.pod{grid-template-columns:repeat(2,minmax(0,1fr))}.pc{margin-bottom:0!important}.rw{grid-template-columns:44px minmax(0,1fr)}.rw .bars{grid-column:1/-1}.dec,.notes{grid-template-columns:minmax(0,1fr)}.two,.steps,.cta{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.top .in{gap:8px;padding:0 12px}.top .bt{display:none}.top .lgs{margin-left:auto}.top .lg img{height:26px}.wr{padding:0 14px}.pod{grid-template-columns:minmax(0,1fr)}.rw{padding:12px 14px;gap:12px}.rw .n{font-size:30px}.br{grid-template-columns:86px minmax(0,1fr) 66px;font-size:12.5px}.cta{padding:22px 20px}.fq summary{padding-left:54px}.fq p{padding-left:54px}}
.rt{width:100%;border-collapse:collapse}
.pc .vl.l{font-size:17px;line-height:1.25}.rw .ft{justify-content:flex-end}.bars:empty{display:none}
body.rk{background:linear-gradient(180deg,#5c48d7,#4a38c4 60%,#3b2ca8)}html{background:#4a38c4}
.hero h1{color:#fff}.hero h1 i{color:var(--a)}.hero .ld{color:#e6e2ff}.sec h2{color:#fff}.sec .ld{color:#e6e2ff}
.pc:nth-child(1){background:var(--a)}.pc:nth-child(2),.pc:nth-child(3){background:#fff}
.ft2,.ft2 p{color:#d9d4ff}.ft2 .ln a{color:var(--a)}.cta{background:var(--dk);border:2px solid var(--a)}
.pgd>p,.pgd>p a{color:#fff}.pgd .doc{box-shadow:6px 6px 0 var(--a)}
.rw .n{color:var(--b)}.dc.hl{background:var(--dk)}.pod{margin-bottom:6px}