/* casinokleinestorting.com - Amount Ribbon + Cashier Carnet (Belgium only). Warm paper, bordeaux + yellow, serif editorial. */
:root{--paper:#f7f1e6;--paper2:#efe6d4;--card:#fffdf8;--ink:#221c1a;--soft:#5d524c;--bx:#7a1f2b;--bx2:#9b2c3b;--yel:#f5c400;--yel2:#fff3b8;--rule:#dccfb8;--green:#1f6b45;--serif:Georgia,"Iowan Old Style","Palatino Linotype",serif;--sans:"Trebuchet MS","Gill Sans","Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--sans)}
a{color:var(--bx)}a:hover{color:var(--bx2)}:focus-visible{outline:3px solid var(--yel);outline-offset:2px}img{max-width:100%;height:auto}
.scan-mast{text-align:center;padding:26px 16px 14px;border-bottom:3px double var(--ink)}
.mast-name{font:700 clamp(30px,5vw,54px)/1 var(--serif);color:var(--ink);text-decoration:none;letter-spacing:-.01em}.mast-name i{color:var(--bx)}
.mast-tag{margin:8px 0 0;font:600 12.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.amount-ribbon{position:sticky;top:0;z-index:20;background:var(--bx);box-shadow:0 2px 0 var(--yel)}
.ribbon-in{max-width:1180px;margin:0 auto;display:flex;gap:6px;align-items:center;padding:8px 14px;overflow-x:auto}
.ribbon-in a{flex:none;color:var(--paper);text-decoration:none;font-weight:700;padding:6px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35)}
.ribbon-in a:hover,.ribbon-in a[aria-current]{background:var(--yel);color:var(--ink);border-color:var(--yel)}
.ribbon-more{flex:none;margin-left:auto;background:var(--paper);color:var(--bx);border:0;border-radius:999px;padding:7px 14px;font:700 14px var(--sans);cursor:pointer}
.full-menu{background:var(--card);border-bottom:2px solid var(--ink);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto}
.full-menu[hidden]{display:none}.m-col p{font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--bx);margin:0 0 8px}.m-col a{display:block;padding:4px 0;color:var(--ink);text-decoration:none;font-size:15px}.m-col a:hover{color:var(--bx)}
.cashier-carnet{max-width:1180px;margin:0 auto;padding:22px 18px 60px}.narrow{max-width:820px}
.trail{font-size:13.5px;color:var(--soft);margin:0 0 6px}.trail a{color:var(--soft)}
h1{font:700 clamp(34px,5.2vw,62px)/1.04 var(--serif);margin:0 0 20px;max-width:16ch;letter-spacing:-.015em}
h2{font:700 clamp(25px,3vw,34px)/1.18 var(--serif);margin:0 0 14px}h3{font:700 21px var(--serif);margin:22px 0 8px}
.kicker{font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--bx);margin:0 0 12px}
.amt{font-style:normal;font-weight:700}
.tickets{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;align-items:start}
.ticket{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:4px;padding:18px 18px 20px;box-shadow:6px 6px 0 var(--ink)}
.ticket.t1{background:var(--yel2);transform:rotate(-1deg)}.ticket.t2{margin-top:22px}.ticket.t3{transform:rotate(.8deg);margin-top:8px}
.ticket:before,.ticket:after{content:"";position:absolute;top:58%;width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.ticket:before{left:-11px}.ticket:after{right:-11px}
.ticket header{display:flex;justify-content:space-between;align-items:center;gap:10px}.t-no{font:700 30px var(--serif);color:var(--bx)}
.t-logo{width:120px;height:46px;object-fit:contain}.mono-logo{display:inline-block;font:700 13px var(--sans);border:1.5px solid var(--ink);padding:6px 8px;border-radius:3px}
.ticket h3{margin:8px 0 4px}.t-note{margin:0 0 12px;font-size:15.5px;color:var(--soft)}
.t-stub{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:2px dashed var(--ink);padding-top:12px;margin-bottom:14px}.t-stub p{margin:0}.t-stub small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}.t-wide{grid-column:1/-1}
.stamp-btn{display:inline-block;background:var(--bx);color:#fff;text-decoration:none;font-weight:700;padding:11px 20px;border-radius:3px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center}
.stamp-btn:hover{background:var(--bx2);color:#fff;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.ticket .stamp-btn{display:block}
.lede{font:400 21px/1.6 var(--serif);margin:36px 0;max-width:62ch}.lede.cap:first-letter{float:left;font:700 64px/0.9 var(--serif);color:var(--bx);margin:6px 10px 0 0}
.carnet{margin:40px 0;background:var(--card);border-top:6px solid var(--bx);padding:22px}.carnet h2 span{display:inline-block;background:var(--yel);padding:0 8px;margin-right:6px}
.carnet-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.ribbon-in,.receipt{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.carnet-scroll::-webkit-scrollbar,.ribbon-in::-webkit-scrollbar,.receipt::-webkit-scrollbar{height:6px}.carnet-scroll::-webkit-scrollbar-thumb,.ribbon-in::-webkit-scrollbar-thumb,.receipt::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.carnet-scroll::-webkit-scrollbar-track,.ribbon-in::-webkit-scrollbar-track,.receipt::-webkit-scrollbar-track{background:transparent}.carnet table{width:100%;border-collapse:collapse;font-size:15px}
.carnet th{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:10px;border-bottom:2px solid var(--ink);white-space:nowrap}
.carnet td{padding:12px 10px;border-bottom:1px dashed var(--rule);vertical-align:middle}.carnet tbody tr:hover{background:var(--yel2)}
.c-rank{font:700 20px var(--serif);color:var(--bx)}.c-name>div{display:flex;align-items:center;gap:10px;min-width:170px}.c-logo{width:72px;height:32px;object-fit:contain}.c-name .mono-logo{display:none}
.carnet-foot{font-size:13px;color:var(--soft);margin:12px 0 0}
.split-board{margin:40px 0;padding:24px;background:var(--ink);color:var(--paper);border-radius:2px}.split-board h2{color:var(--yel)}
.scan-pick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.scan-pick button{background:transparent;color:var(--paper);border:2px solid var(--paper);border-radius:999px;padding:7px 16px;font:700 15px var(--sans);cursor:pointer}
.scan-pick button[aria-pressed=true]{background:var(--yel);color:var(--ink);border-color:var(--yel)}
.scan-head{display:grid;grid-template-columns:1fr 50px 1fr;margin:18px 0 6px;font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--yel)}.neq{text-align:center;font-size:22px}
.scan-out{display:grid;gap:8px}.scan-row{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;background:rgba(255,255,255,.06);padding:10px 12px;border-radius:2px}
.scan-row b{display:block}.scan-row small{color:#d8ccc0}.scan-row .neq{color:var(--yel)}.scan-row a{color:var(--yel);font-weight:700}.scan-same{color:#9fe0bb}.scan-diff{color:#ffb4a8}.scan-empty{color:#d8ccc0}
.chapter{margin:44px 0;max-width:780px}.chapter-0{margin-top:0}.chapter p{margin:0 0 15px}
.ch-n{display:inline-block;font:700 15px var(--sans);background:var(--bx);color:#fff;padding:2px 8px;margin-right:10px;vertical-align:middle;border-radius:2px}
.note-yellow,.note-red{margin:20px 0;padding:14px 18px;border:2px solid var(--ink)}.note-yellow{background:var(--yel2);box-shadow:-6px 6px 0 var(--yel)}.note-red{background:#fbe4e1;box-shadow:-6px 6px 0 var(--bx)}
.note-yellow b,.note-red b{font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.1em}.note-yellow p,.note-red p{margin:4px 0 0}
.receipt{margin:20px 0;background:var(--card);padding:14px;border:1px solid var(--rule);overflow-x:auto;background-image:linear-gradient(var(--rule) 1px,transparent 1px);background-size:100% 34px}
.receipt table{width:100%;border-collapse:collapse;font:15px "Courier New",monospace}.receipt th{text-align:left;border-bottom:2px dashed var(--ink);padding:6px}.receipt td{padding:6px}
.swap{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:20px 0;border:2px solid var(--ink)}.swap p{margin:0;padding:14px 16px}.swap b{display:block;font:700 12.5px var(--sans);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.swap-a{background:#f3ddd8;text-decoration:none}.swap-a b{color:var(--bx)}.swap-b{background:#dcefe3;border-left:2px solid var(--ink)}.swap-b b{color:var(--green)}
.boxes{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.boxes li{padding-left:32px;position:relative}.boxes li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border:2px solid var(--ink);background:var(--card)}.boxes li:after{content:"✔";position:absolute;left:3px;top:-1px;color:var(--bx);font-weight:700}
.route-steps{counter-reset:s;list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:10px}.route-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.route-steps li:before{content:counter(s);width:40px;height:40px;border-radius:50%;background:var(--yel);border:2px solid var(--ink);display:grid;place-items:center;font:700 18px var(--serif)}
.coins{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}.coins p{margin:0;flex:1 1 140px;text-align:center;padding:16px 10px;border:2px solid var(--ink);border-radius:50% / 30%;background:var(--card);font-size:14.5px}.coins b{display:block;font:700 30px var(--serif);color:var(--bx)}
.verdict{display:grid;grid-template-columns:1fr 1fr;margin:22px 0;border:2px solid var(--ink);background:var(--card)}.verdict h4{grid-column:1/-1;margin:0;padding:8px 14px;background:var(--ink);color:var(--yel);font:700 17px var(--serif)}
.verdict>div{padding:12px 14px}.verdict ul{margin:6px 0 0;padding-left:18px}.v-plus b{color:var(--green)}.v-min{border-left:2px dashed var(--ink)}.v-min b{color:var(--bx)}
.coupon{display:grid;grid-template-columns:100px 1fr auto;gap:14px;align-items:center;margin:26px 0;padding:16px;background:var(--yel2);border:2px dashed var(--ink)}.coupon p{margin:0;font-weight:600}.cp-logo{width:100px;height:40px;object-fit:contain}
.pull{margin:28px 0;padding:0 0 0 24px;border-left:6px solid var(--yel)}.pull blockquote{margin:0;font:italic 400 23px/1.4 var(--serif)}.pull figcaption{margin-top:8px;font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--bx)}
.small-print{font-size:13.5px;color:var(--soft);font-style:italic}
.sum-slip{margin:20px 0;padding:16px 18px;background:var(--card);border:1px solid var(--rule);border-left:6px solid var(--bx);font-family:"Courier New",monospace}.sum-slip p{margin:6px 0 0}
.outro{font:400 19px/1.6 var(--serif);max-width:780px;padding:18px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.grote-vraag{margin:46px 0;max-width:820px;background:var(--card);padding:26px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--bx)}.grote-vraag p{margin:0 0 14px}
.see-also{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:30px 0}.see-also a{background:var(--card);border:1.5px solid var(--ink);padding:6px 12px;text-decoration:none;color:var(--ink);font-weight:600}.see-also a:hover{background:var(--yel)}
.dossiers{margin:46px 0}.d-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.dossier{background:var(--card);padding:18px;border:1px solid var(--rule);position:relative}.dossier p{margin:0 0 8px;font-size:15.5px}
.d-stamp{display:inline-block;border:2px solid var(--bx);color:var(--bx);font:700 13px var(--sans)!important;text-transform:uppercase;padding:3px 8px;transform:rotate(-2deg)}.d-meta{font-size:13px!important;color:var(--soft)}
.signature{display:grid;grid-template-columns:72px 1fr;gap:18px;margin:40px 0 0;padding:22px;border-top:3px double var(--ink);border-bottom:3px double var(--ink)}
.sig-mono{width:72px;height:72px;border-radius:50%;background:var(--bx);color:var(--yel);display:grid;place-items:center;font:700 26px var(--serif)}.signature p{margin:0 0 8px}.sig-name{font:700 18px var(--serif)}.sig-date{font-size:13.5px;color:var(--soft)}
.sig-share button{background:none;border:0;color:var(--bx);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.paper-foot{background:var(--ink);color:var(--paper);padding:36px 18px}.pf-in{max-width:1180px;margin:0 auto}.pf-name{font:700 24px var(--serif);color:var(--yel)}.paper-foot a{color:var(--paper)}.pf-links a{margin-right:16px}.pf-legal{font-size:13.5px;color:#cfc3b6}
.up{position:fixed;right:14px;bottom:14px;width:44px;height:44px;display:grid;place-items:center;background:var(--yel);color:var(--ink);border:2px solid var(--ink);text-decoration:none;opacity:0;pointer-events:none;transition:.2s}.up.on{opacity:1;pointer-events:auto}
@media (max-width:900px){.tickets{grid-template-columns:1fr}.ticket.t2,.ticket.t3{margin-top:0}.ticket.t1,.ticket.t3{transform:none}.full-menu{grid-template-columns:1fr}}
@media (max-width:1080px){.carnet{padding:14px}.carnet thead{display:none}.carnet table,.carnet tbody,.carnet tr,.carnet td{display:block}.carnet tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px 0;border-bottom:2px solid var(--ink)}.carnet td{border:0;padding:0}.c-rank{display:none!important}.c-name{grid-column:1/-1}.carnet td[data-k]:before{content:attr(data-k);display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}.c-go{grid-column:1/-1}.c-go .stamp-btn{display:block}.carnet-scroll{overflow-x:visible}}
@media (max-width:700px){
body{font-size:16.5px}.lede{font-size:19px}
.carnet{padding:14px}

.swap,.verdict{grid-template-columns:1fr}.swap-b,.v-min{border-left:0!important;border-top:2px dashed var(--ink)}.coupon{grid-template-columns:1fr}.scan-row{grid-template-columns:1fr 30px 1fr;font-size:14.5px}.scan-head{grid-template-columns:1fr 30px 1fr}
.signature{grid-template-columns:1fr}
}
.shots{margin:30px 0}.shots-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.shot{margin:0;border:1px solid currentColor;border-radius:4px;overflow:hidden;background:#fff}.shot img{display:block;width:100%;height:auto}.shot figcaption{font-size:13px;padding:8px 10px}