/* SpinBoss Casino — countrysidelove.co.uk — vista-core */
:root{
  --loam:#0f0e13; --crust:#171620; --crust-2:#1e1c28; --crust-3:#272433;
  --grille:#33303f; --grille-2:#423e51;
  --oat:#f4efe3; --fawn:#a39bb0;
  --honey:#f5c518; --honey-2:#ffd94e; --honey-ink:#231c04;
  --ochre:#ef8a1b; --ochre-2:#ffa33f; --clover:#53c08c;
  --reach:1100px; --bevel:10px;
  --facefont:"Constantia","Cambria","Georgia",serif;
  --bodyfont:"Corbel","Segoe UI",Tahoma,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--loam);color:var(--oat);font-family:var(--bodyfont);
  font-size:17px;line-height:1.66;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--facefont);line-height:1.2;margin:0 0 .5em}
h2{font-size:clamp(1.45rem,3.3vw,2rem);padding-bottom:.3em;border-bottom:2px solid var(--grille)}
h3{font-size:clamp(1.1rem,2.2vw,1.38rem);color:var(--honey-2)}
h4{font-size:1.04rem;color:var(--ochre-2)}
p{margin:0 0 1em}
a{color:var(--honey-2)}
ol{padding-left:20px}ol li{margin:.4em 0}
.span{max-width:var(--reach);margin:0 auto;padding:0 18px}
.stead{overflow:hidden}
.padrow{padding-top:10px;padding-bottom:30px}

.ridge{position:sticky;top:0;z-index:40;background:rgba(15,14,19,.96);
  border-bottom:1px solid var(--grille);backdrop-filter:blur(6px)}
.ridge__row{max-width:var(--reach);margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:16px}
.markcrest img{width:186px;height:auto}
.trail{margin-left:auto}
.trail__list{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.trail__list .cue{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;
  color:var(--oat);font-weight:600;font-size:.95rem;cursor:pointer}
.trail__list .cue:hover{background:var(--crust-2);color:var(--honey-2)}
.trail__list svg{width:17px;height:17px;fill:var(--honey)}
.ridge__acts{display:flex;gap:9px}
.logbtn,.regbtn{cursor:pointer;border-radius:10px;padding:9px 17px;font-weight:700;font-size:.95rem;white-space:nowrap}
.logbtn{border:1px solid var(--grille-2);color:var(--oat)}
.logbtn:hover{border-color:var(--honey);color:var(--honey-2)}
.regbtn{background:linear-gradient(135deg,var(--honey),var(--ochre));color:var(--honey-ink);border:0}
.regbtn:hover{filter:brightness(1.07)}
.swing{display:none}
.swing-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;margin-left:auto}
.swing-btn span{width:26px;height:3px;background:var(--oat);border-radius:3px}

.billboard{margin:24px 0}
.billboard__h{font-size:clamp(2rem,6vw,3rem);margin:0 0 .3em;color:var(--honey)}
.billboard__copy{color:var(--fawn);font-size:1.05rem}
.billboard__art{display:block;border-radius:var(--bevel);overflow:hidden;margin:18px 0;border:1px solid var(--grille);cursor:pointer}
.grab-btn,.go-cue{display:inline-block;cursor:pointer;margin-top:6px;
  background:linear-gradient(135deg,var(--honey),var(--ochre));color:var(--honey-ink);
  font-weight:800;font-size:1.08rem;padding:14px 30px;border-radius:12px;text-align:center;
  transition:box-shadow .3s,filter .2s;animation:gleam 2.6s ease-in-out infinite}
.grab-btn:hover,.go-cue:hover{filter:brightness(1.08)}
@keyframes gleam{0%,100%{box-shadow:0 0 0 rgba(245,197,24,0)}50%{box-shadow:0 0 22px rgba(245,197,24,.5)}}
@media(prefers-reduced-motion:reduce){.grab-btn,.go-cue{animation:none}}

.field{background:var(--crust);border:1px solid var(--grille);border-radius:var(--bevel);padding:22px 24px;margin:22px 0}
.field--mid h2{text-align:center;border-bottom-color:transparent}
.rundown{background:var(--crust);border:1px solid var(--grille);border-radius:var(--bevel);padding:22px 24px;margin:22px 0}
.tabwrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.97rem;min-width:420px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--grille)}
thead th{background:var(--crust-3);color:var(--honey-2);font-family:var(--facefont)}
tbody tr:nth-child(even){background:var(--crust-2)}

.cabinet{margin:24px 0}
.cabinet__tabs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0}
.cabinet__tab{display:flex;align-items:center;gap:7px;cursor:pointer;padding:10px 16px;border-radius:10px;
  background:var(--crust-2);border:1px solid var(--grille);font-weight:600}
.cabinet__tab svg{width:18px;height:18px;fill:var(--honey)}
.cabinet__tab.lit{background:linear-gradient(135deg,var(--honey),var(--ochre));color:var(--honey-ink);border-color:transparent}
.cabinet__tab.lit svg{fill:var(--honey-ink)}
.leaf{display:none}
.leaf.lit{display:block}

.tilegrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(178px,1fr))}
.picktile{min-width:0;border-radius:11px;overflow:hidden;border:1px solid var(--grille);background:var(--crust-2);cursor:pointer;position:relative}
.picktile img{width:100%;aspect-ratio:360/472;object-fit:cover}
.picktile b{position:absolute;left:0;right:0;bottom:0;padding:7px 9px;font:600 .8rem/1.25 var(--bodyfont);
  background:linear-gradient(0deg,rgba(15,14,19,.92),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picktile:hover{border-color:var(--honey)}

.stripshot{margin:22px 0;border-radius:var(--bevel);overflow:hidden;border:1px solid var(--grille)}
.stripshot span{cursor:pointer;display:block}

.studiowall{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-top:6px}
.studiochip{background:#f3f2ef;border-radius:10px;overflow:hidden;cursor:pointer}
.studiochip img{width:100%;height:auto}

.pocket{margin:24px 0}
.pocket__inner{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;
  background:var(--crust);border:1px solid var(--grille);border-radius:var(--bevel);padding:22px 24px}
.pocket__art span{cursor:pointer;display:block;border-radius:11px;overflow:hidden}
.pocket__spec{list-style:none;display:flex;gap:16px;padding:0;margin:14px 0;flex-wrap:wrap}
.pocket__spec li{display:flex;flex-direction:column}
.pocket__spec b{color:var(--honey-2);font-size:1.15rem;font-family:var(--facefont)}
.pocket__spec small{color:var(--fawn)}
.pocket__stores{display:flex;gap:10px;flex-wrap:wrap}
.grabapp{display:flex;align-items:center;gap:9px;cursor:pointer;background:var(--crust-3);
  border:1px solid var(--grille-2);border-radius:11px;padding:9px 15px}
.grabapp svg{width:24px;height:24px;fill:var(--oat)}
.grabapp small{display:block;font-size:.68rem;color:var(--fawn)}
.grabapp b{font-size:.98rem}

.wintick{margin:24px 0}
.wintick__lead{color:var(--fawn)}
.wintick__row{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tickrow{display:flex;align-items:center;gap:12px;background:var(--crust);border:1px solid var(--grille);border-radius:11px;padding:10px 14px}
.tickrow--new{border-color:var(--honey);animation:rise .5s ease}
@keyframes rise{from{opacity:.3}to{opacity:1}}
.tickrow__coin{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  font-weight:800;background:linear-gradient(135deg,var(--honey),var(--ochre));color:var(--honey-ink)}
.tickrow__mid{flex:1;min-width:0}
.tickrow__who{font-weight:700}
.tickrow__game{color:var(--fawn);font-size:.9rem}
.tickrow__sum{text-align:right;font-weight:800;color:var(--clover)}
.tickrow__ago{display:block;font-weight:400;font-size:.76rem;color:var(--fawn)}

.weighset{margin:22px 0}
.weighset__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.weighset__col{border:1px solid var(--grille);border-radius:var(--bevel);padding:16px 18px;background:var(--crust)}
.weighset__col--pro{border-left:4px solid var(--clover)}
.weighset__col--con{border-left:4px solid var(--ochre)}
.weighset__col ul{margin:0;padding-left:20px}
.weighset__col li{margin:.4em 0}

.chatter{margin:24px 0}
.chatter__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:var(--crust);border:1px solid var(--grille);border-radius:var(--bevel);padding:16px 20px;margin-bottom:16px}
.chatter__label{color:var(--fawn);font-size:.9rem}
.chatter__score{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:800;font-family:var(--facefont)}
.stars5{display:inline-flex;gap:2px}
.stars5 svg{width:18px;height:18px;fill:var(--honey)}
.chatter__btn{cursor:pointer;background:var(--crust-3);border:1px solid var(--grille-2);border-radius:10px;padding:10px 18px;font-weight:700}
.chatter__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.chatter__card{background:var(--crust);border:1px solid var(--grille);border-radius:var(--bevel);padding:16px 18px}
.chatter__top{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.chatter__ava{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  font-weight:800;background:var(--crust-3);color:var(--honey-2)}
.chatter__top b{display:block}
.chatter__top small{color:var(--fawn)}

.queried{margin:24px 0}
.queried__item{background:var(--crust);border:1px solid var(--grille);border-radius:11px;padding:14px 18px;margin-bottom:10px}
.queried__item h3{margin:0 0 .4em;color:var(--oat)}
.queried__item p{margin:0;color:var(--fawn)}

.freshtag{margin:22px 0}
.freshtag__in{display:flex;align-items:center;gap:10px;color:var(--fawn);font-size:.9rem;
  background:var(--crust);border:1px solid var(--grille);border-radius:11px;padding:12px 16px}
.freshtag__in svg{width:20px;height:20px;fill:var(--honey);flex:none}

.underfoot{background:#0b0a0f;border-top:1px solid var(--grille);margin-top:30px}
.underfoot__row{max-width:var(--reach);margin:0 auto;padding:30px 18px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.underfoot__sign img{width:200px;margin-bottom:10px}
.underfoot__blurb{color:var(--fawn);font-size:.92rem}
.socialset{display:flex;gap:10px;margin-top:12px}
.socialset a{width:34px;height:34px;border-radius:9px;background:var(--crust-2);display:flex;align-items:center;justify-content:center}
.socialset svg{width:18px;height:18px;fill:var(--fawn)}
.socialset a:hover svg{fill:var(--honey)}
.footset__h{font-family:var(--facefont);color:var(--honey-2);font-size:1.02rem;margin:0 0 10px}
.footset__list{list-style:none;margin:0;padding:0}
.footset__list li{margin:.35em 0}
.footset__list .cue{cursor:pointer;color:var(--fawn)}
.footset__list .cue:hover{color:var(--honey-2)}
.appshelf{border-top:1px solid var(--grille);border-bottom:1px solid var(--grille)}
.appshelf__in{max-width:var(--reach);margin:0 auto;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.appshelf__text b{display:block}
.appshelf__text small{color:var(--fawn)}
.tellrow{max-width:var(--reach);margin:0 auto;padding:16px 18px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tellrow img{height:34px;width:auto;background:#f3f2ef;border-radius:7px;padding:3px 6px}
.trustrow{max-width:var(--reach);margin:0 auto;padding:6px 18px 18px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}
.trustrow img{height:46px;width:auto}
.age-ring{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  border:2px solid var(--fawn);color:var(--oat);font-weight:800;font-size:.85rem}
.textmark{color:var(--fawn);font-weight:700;border:1px solid var(--grille-2);border-radius:8px;padding:8px 12px;font-size:.85rem;text-decoration:none}
.underfoot__legal{border-top:1px solid var(--grille)}
.finetext{max-width:var(--reach);margin:0 auto;padding:18px;color:#8b8597;font-size:.82rem}
.finetext p{margin:0 0 .7em}

.hoist{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;display:none;z-index:50;
  background:linear-gradient(135deg,var(--honey),var(--ochre));color:var(--honey-ink)}
.hoist.show{display:flex;align-items:center;justify-content:center}
.hoist svg{width:22px;height:22px;fill:var(--honey-ink)}

@media(max-width:860px){
  .trail{position:absolute;left:0;right:0;top:100%;background:var(--crust);border-bottom:1px solid var(--grille);margin:0;max-height:0;overflow:hidden;transition:max-height .3s;box-shadow:0 12px 22px rgba(0,0,0,.35)}
  .trail__list{flex-direction:column;padding:8px 18px}
  .swing:checked~.trail{max-height:420px}
  .swing-btn{display:flex}
  .ridge__acts{margin-left:auto}
  .pocket__inner,.weighset__grid,.underfoot__row{grid-template-columns:1fr}
}
@media(max-width:520px){
  body{font-size:16px}
  .field,.rundown,.pocket__inner{padding:16px}
  .markcrest img{width:118px}
  .logbtn,.regbtn{padding:8px 12px;font-size:.85rem}
  .ridge__acts{gap:7px}
  .ridge__row{gap:10px}
}

/* fixes: justify + banner fill */
main p{text-align:justify}
.billboard__copy{text-align:justify}
.billboard__art picture,.billboard__art img{display:block;width:100%}
.stripshot img{display:block;width:100%}
.pocket__art img{display:block;width:100%}

@media(max-width:360px){
  .markcrest img{width:92px}
  .logbtn,.regbtn{padding:7px 9px;font-size:.78rem}
  .ridge__row{gap:8px}
}