/* rollacasinopromocode.top */
:root{
  --red:#D0142C;
  --red-deep:#A20D21;
  --wine:#3B0A12;
  --ink:#251518;
  --muted:#6E5A5D;
  --paper:#FFFFFF;
  --mist:#FBF0F0;
  --rule:#EEDCDD;
  --gold:#F7B928;
  --gold-deep:#C88A00;
  --ok:#17834A;
  --head:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --text:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17.5px/1.7 var(--text)}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-deep);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--wine)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--wine);margin:0}
h2{font-size:clamp(29px,3.6vw,42px);margin-bottom:16px}
h3{font-size:22px;letter-spacing:-.01em;margin:28px 0 8px}
p{margin:0 0 17px}
.shell{max-width:1160px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:8px}

/* gold button */
.go{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--wine);font:800 18px/1 var(--text);text-decoration:none;padding:18px 26px;border-radius:999px;border:2px solid var(--wine);box-shadow:4px 4px 0 var(--wine);transition:transform .1s,box-shadow .1s}
.go:hover{color:var(--wine);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--wine)}
.go:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--wine)}
.go.small{font-size:15px;padding:11px 18px;box-shadow:3px 3px 0 var(--wine);white-space:nowrap}
@media (max-width:420px){.mast .go.small{font-size:13.5px;padding:9px 13px}.mark{font-size:18px}}
.go.full{width:100%}

/* masthead */
.mast{border-bottom:1px solid var(--rule);background:#fff}
.mast .shell{display:flex;align-items:center;gap:22px;min-height:66px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--wine);font:800 20px/1 var(--head);letter-spacing:-.02em;margin-right:auto}
.mark .dot{width:30px;height:30px;border-radius:50%;background:repeating-conic-gradient(#fff 0 12deg,var(--red) 12deg 45deg);display:grid;place-items:center}
.mark .dot::after{content:"";width:16px;height:16px;border-radius:50%;background:var(--red);border:2px solid #fff}
.mast nav{display:flex;gap:20px}
.mast nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.mast nav a:hover{color:var(--red)}
@media (max-width:880px){.mast nav{display:none}}

/* hero */
.hero{position:relative;background:var(--red);color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23000'%3E%3Cpath d='M30 12c6 8 16 13 16 21a8 8 0 0 1-13 6l2 9h-10l2-9a8 8 0 0 1-13-6c0-8 10-13 16-21z'/%3E%3Cpath d='M90 72l12 16-12 16-12-16z'/%3E%3Cpath d='M90 14c-4-6-14-4-14 4 0 8 14 16 14 16s14-8 14-16c0-8-10-10-14-4z'/%3E%3Ccircle cx='24' cy='80' r='6'/%3E%3Ccircle cx='36' cy='80' r='6'/%3E%3Ccircle cx='30' cy='70' r='6'/%3E%3Cpath d='M28 82h4l2 12h-8z'/%3E%3C/g%3E%3C/svg%3E")}
.hero .shell{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:46px;padding-bottom:56px}
.trail{font-size:14px;color:#FFD5DA;margin-bottom:14px}
.trail a{color:#fff}
.hero h1{color:#fff;font-size:clamp(42px,6.4vw,78px);letter-spacing:-.035em;line-height:.98;margin-bottom:18px}
.hero .lede{font-size:20px;color:#FFE6E9;max-width:36ch;margin-bottom:26px}
.hero .lede strong{color:#fff;background:linear-gradient(transparent 62%,rgba(247,185,40,.65) 62%)}
.checked{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#FFD5DA}
.checked img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.checked a{color:#fff}

/* the chip */
.chipbox{display:flex;flex-direction:column;align-items:center;gap:22px}
.chip{width:min(330px,78vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#fff 0 11deg,var(--red-deep) 11deg 30deg);padding:20px;box-shadow:0 14px 0 #7E0A1A,0 30px 50px rgba(40,0,8,.45);animation:roll 1.1s cubic-bezier(.2,.9,.25,1) both}
.chip-face{width:100%;height:100%;border-radius:50%;background:#fff;padding:12px}
.chip-core{width:100%;height:100%;border-radius:50%;border:3px dashed var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--wine)}
.chip-core .k{font:600 14px/1.2 var(--text);color:var(--muted)}
.chip-core .big{font:800 clamp(46px,7vw,64px)/.95 var(--head);letter-spacing:-.04em;color:var(--red)}
.chip-core .plus{font:800 22px/1.1 var(--head);margin-top:6px}
@keyframes roll{from{transform:rotate(-200deg) scale(.85);opacity:0}to{transform:rotate(-6deg);opacity:1}}
@media (prefers-reduced-motion:reduce){.chip{animation:none;transform:rotate(-6deg)}}
.chipbox .go{min-width:min(330px,78vw)}
.chipbox small{font-size:12.5px;line-height:1.5;color:#FFD5DA;text-align:center;max-width:340px}
@media (max-width:860px){
  .hero .shell{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:40px}
  .hero .lede{font-size:18px;margin-bottom:18px}
  .chip{width:min(270px,72vw)}
}

/* menu-style spec sheet */
.band{padding:64px 0}
.band.tint{background:var(--mist)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}
.menu{list-style:none;margin:0;padding:0}
.menu li{display:flex;align-items:baseline;gap:10px;padding:11px 0;font-size:16.5px}
.menu li span:first-child{font-weight:700;color:var(--wine);white-space:nowrap}
.menu li i{flex:1;border-bottom:2px dotted #D9BFC2;transform:translateY(-5px);min-width:20px}
.menu li span:last-child{text-align:right}
@media (max-width:560px){.menu li{flex-wrap:wrap;gap:2px 10px}.menu li i{display:none}.menu li span:last-child{text-align:left;width:100%;color:var(--muted)}}
.intro{color:var(--muted);font-size:17px;max-width:58ch}

/* timeline (vertical) */
.steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:22px;counter-reset:st;position:relative}
.steps::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:3px;background:var(--rule)}
.steps li{counter-increment:st;position:relative;padding:3px 0 0 68px;min-height:48px;font-size:16px;color:var(--muted)}
.steps li::before{content:counter(st);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--wine);color:#fff;font:800 21px/48px var(--head);text-align:center}
.steps li:last-child::before{background:var(--red)}
.steps b{display:block;color:var(--wine);font-size:17.5px;margin-bottom:2px}
.timer{display:flex;gap:16px;align-items:center;background:#fff;border:2px solid var(--wine);border-radius:18px;padding:16px 18px;margin-top:30px}
.timer svg{flex:none}
.timer p{margin:0;font-size:16px}

/* offers grid */
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.head-row p{margin:0;max-width:52ch;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;list-style:none;margin:0;padding:0}
@media (max-width:780px){.grid{grid-template-columns:1fr}}
.card{display:grid;grid-template-columns:110px 1fr;gap:16px 18px;background:#fff;border:1px solid var(--rule);border-radius:20px;padding:16px;position:relative}
.card .lg{width:110px;height:110px;border-radius:14px;object-fit:cover;background:#1b0d10}
.card .who{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:700;color:var(--wine)}
.card .badge{font-size:12px;font-weight:700;color:var(--red-deep);border:1.5px solid currentColor;border-radius:999px;padding:1px 8px}
.card .offer{font:800 23px/1.12 var(--head);letter-spacing:-.02em;color:var(--ink);margin:4px 0 4px}
.card .sub{font-size:14.5px;color:var(--muted);line-height:1.45}
.card .meta{display:flex;gap:12px;align-items:center;margin-top:6px;font-size:14px;color:var(--muted)}
.card .meta b{color:var(--gold-deep)}
.card .foot{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.card .foot .go{flex:1}
.card .foot a.rv{font-size:14px;font-weight:600}
.card .pos{position:absolute;top:-10px;left:-8px;background:var(--wine);color:#fff;font:800 13px/1 var(--head);padding:6px 9px;border-radius:999px}
@media (max-width:420px){.card{grid-template-columns:84px 1fr}.card .lg{width:84px;height:84px}}

/* chapter bar + article */
.chapters{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}
.chapters .shell{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.chapters .shell::-webkit-scrollbar{display:none}
.chapters a{flex:none;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;border:1.5px solid var(--rule);border-radius:999px;padding:6px 13px;white-space:nowrap}
.chapters a.on,.chapters a:hover{background:var(--wine);border-color:var(--wine);color:#fff}
.read{max-width:760px;margin:0 auto;padding:56px 18px 20px}
.read section{padding-bottom:20px;margin-bottom:44px}
.read ul,.read ol{padding-left:22px;margin:0 0 18px}
.read li{margin-bottom:7px}
.read strong{color:var(--wine)}
.tip{border-left:5px solid var(--red);background:var(--mist);padding:14px 18px;border-radius:0 14px 14px 0;margin:4px 0 20px;font-size:16.5px}
.tip b{color:var(--red-deep)}
.read figure{margin:8px 0 26px}
.read figure img{border-radius:18px;border:1px solid var(--rule);width:100%}
.read figcaption{font-size:14.5px;color:var(--muted);margin-top:8px}
.tbl{width:100%;border-collapse:collapse;font-size:15.5px;margin:4px 0 22px}
.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl thead th{background:var(--wine);color:#fff;font-weight:700;border:0}
.tbl thead th:first-child{border-radius:10px 0 0 0}.tbl thead th:last-child{border-radius:0 10px 0 0}
.tbl td.y{color:var(--ok);font-weight:700}.tbl td.n{color:var(--red-deep);font-weight:700}
.wrapx{overflow-x:auto;margin-bottom:22px}.wrapx .tbl{margin:0;min-width:520px}
.cta-line{display:flex;align-items:center;gap:16px;border:2px dashed var(--red);border-radius:18px;padding:16px 18px;margin:8px 0 24px}
.cta-line img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.cta-line div{flex:1;font-size:15.5px;line-height:1.45;color:var(--muted)}
.cta-line div b{display:block;color:var(--wine);font:800 20px/1.15 var(--head)}
@media (max-width:560px){.cta-line{flex-wrap:wrap}.cta-line .go{width:100%}}

/* faq */
.qa{max-width:760px;margin:0 auto;padding:10px 18px 70px}
.qa h3{font-size:21px;margin:26px 0 6px}
.qa p{color:#4A3A3D}

/* footer */
.base{background:var(--wine);color:#E9CBCF;padding:54px 0 120px;font-size:15px}
.base .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
@media (max-width:820px){.base .cols{grid-template-columns:1fr}}
.base h4{font:800 19px/1.2 var(--head);color:#fff;margin:0 0 12px}
.base ul{list-style:none;margin:0;padding:0}
.base li{margin-bottom:7px}
.base a{color:#fff}
.base .legal{border-top:1px solid #5C1A25;margin-top:34px;padding-top:20px;font-size:13px;line-height:1.6;color:#C9A3A9}
.base .age{display:inline-block;border:2px solid #C9A3A9;color:#fff;border-radius:6px;font-weight:800;padding:1px 6px;margin-right:8px}

/* floating pill */
.pill{position:fixed;left:50%;bottom:16px;z-index:60;width:min(720px,calc(100% - 24px));transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pill.up{transform:translate(-50%,0)}
.pill-in{background:#fff;border:2px solid var(--wine);border-radius:999px;box-shadow:0 14px 40px rgba(59,10,18,.3);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 10px}
.pill-in img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.pill-in .t{flex:1;min-width:0;line-height:1.2}
.pill-in .t b{display:block;font:800 18px/1.15 var(--head);color:var(--wine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill-in .t button{background:none;border:0;padding:0;font:600 13.5px var(--text);color:var(--red-deep);text-decoration:underline;cursor:pointer}
.pill-in .go{padding:13px 20px;font-size:16px;box-shadow:none;white-space:nowrap}
.pill-in .go:hover{box-shadow:none;transform:none;background:#FFC94D}
.pill-in .shut{background:none;border:0;color:var(--muted);font-size:22px;line-height:1;padding:4px 8px 4px 2px;cursor:pointer}
.pill-more{display:none;background:#fff;border:2px solid var(--wine);border-radius:20px;margin-bottom:8px;padding:14px 18px;box-shadow:0 14px 40px rgba(59,10,18,.22)}
.pill.open .pill-more{display:block}
.pill-more ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.5}
.pill-more li{margin-bottom:5px}
@media (max-width:520px){
  .pill{bottom:10px}
  .pill-in{border-radius:22px;flex-wrap:wrap;padding:10px}
  .pill-in .t{flex:1 1 calc(100% - 90px)}
  .pill-in .go{flex:1;order:3}
}

/* inner pages */
.doc-head{background:var(--red);color:#fff;padding:40px 0 44px;position:relative;overflow:hidden}
.doc-head h1{color:#fff;font-size:clamp(34px,5vw,54px)}
.doc-head p{color:#FFE6E9;margin:10px 0 0;max-width:60ch}
.doc{max-width:760px;margin:0 auto;padding:48px 18px 70px}
.doc h2{font-size:27px;margin:34px 0 10px}
.doc h2:first-child{margin-top:0}
.doc ul{padding-left:22px}
.doc li{margin-bottom:7px}