/* Casino page inside the restored Fleurige Foliekes shop: everything here takes the shop theme's own
   colours (--color-base-*), fonts and button shape, so the page reads as one of the shop's pages. */
.fgc{--fg-text:rgb(var(--color-base-text));--fg-soft:rgba(var(--color-base-text),.75);--fg-line:rgba(var(--color-base-text),.15);
  --fg-sun:rgb(var(--color-base-accent-1));--fg-sun-wash:rgba(var(--color-base-accent-1),.14);--fg-label:rgb(var(--color-base-solid-button-labels))}
.fgc img{max-width:100%;height:auto}
/* The shop's page titles are one or two words; this one is a sentence, so it takes the theme's h1
   size rather than h0 and keeps the board close to the top. */
.fg-h1{margin-bottom:1.6rem}
.fgc h2{margin:4.2rem 0 1.4rem}
.fgc h3{margin:2.6rem 0 .8rem}
.fgc .fg-intro strong{font-weight:var(--font-body-weight-bold)}
.fgc .fg-disc{font-size:1.3rem;line-height:1.5;color:var(--fg-soft);border-left:3px solid var(--fg-sun);padding:.2rem 0 .2rem 1rem}

.fg-board{margin:1.6rem 0 2rem}
.fgc .fg-rows{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.fgc .fg-rows li{margin:0}
.fgc .fg-row{display:grid;grid-template-columns:3rem 8rem 1fr auto;align-items:center;gap:1.4rem;background:rgb(var(--color-base-background-1));
  border:1px solid var(--fg-line);padding:1rem 1.2rem 1rem 1rem;text-decoration:none;color:var(--fg-text);transition:border-color .15s,box-shadow .15s}
.fgc .fg-row:hover,.fgc .fg-row:focus-visible{border-color:var(--fg-sun);box-shadow:0 .2rem 1rem rgba(var(--color-base-text),.08)}
.fg-pos{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:var(--fg-sun);color:var(--fg-label);
  font:600 1.4rem/1 var(--font-heading-family)}
.fg-logo{width:8rem;height:4.6rem;border:1px solid var(--fg-line);display:grid;place-items:center;overflow:hidden;padding:.3rem}
.fg-tile-dark{background:rgb(var(--color-base-text));border-color:rgb(var(--color-base-text))}
.fg-tile-light{background:#fff}
.fgc .fg-logo img{width:100%;height:100%;object-fit:contain;margin:0}
.fg-logo-t{font:600 1.1rem/1.1 var(--font-heading-family);text-align:center}
.fg-tile-dark .fg-logo-t{color:#fff}
.fg-id{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.fg-name{font:400 1.8rem/1.2 var(--font-heading-family);letter-spacing:.02em}
.fg-facts{display:flex;flex-wrap:wrap;gap:.6rem}
.fg-fact{font-size:1.4rem;background:var(--fg-sun-wash);padding:.1rem .8rem}
.fg-fact span{color:var(--fg-soft)}
.fg-cta{display:inline-flex;align-items:center;gap:.6rem;background:var(--fg-sun);color:var(--fg-label);font-size:1.5rem;letter-spacing:.1rem;
  padding:.9rem 1.8rem;border-radius:var(--buttons-radius,0);white-space:nowrap}
.fg-row:hover .fg-cta{filter:brightness(.94)}
.fgc .fg-board-fine{margin:.8rem 0 0;font-size:1.2rem;color:var(--fg-soft);text-align:center}

.fgc .fg-byline{display:flex;align-items:center;gap:1rem;font-size:1.4rem;color:var(--fg-soft)}
.fgc .fg-byline img{width:4rem;height:4rem;border-radius:50%;margin:0;border:2px solid var(--fg-sun)}
.fgc .fg-byline b{color:var(--fg-text)}
.fgc .fg-note{background:var(--fg-sun-wash);padding:1.2rem 1.6rem}
.fg-jump{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem}
.fgc .fg-jump a{font-size:1.4rem;text-decoration:none;border:1px solid var(--fg-sun);color:var(--fg-text);padding:.3rem 1.2rem;letter-spacing:.05rem}
.fgc .fg-jump a:hover{background:var(--fg-sun);color:var(--fg-label)}

.fg-go{display:inline-block;margin-left:.4rem;white-space:nowrap;font-weight:var(--font-body-weight-bold)}

.fg-matrix-wrap{overflow-x:auto;margin:.6rem 0 1.4rem}
.fgc .fg-matrix{width:100%;border-collapse:collapse;font-size:1.4rem;line-height:1.4;table-layout:auto;border:0}
.fgc .fg-matrix caption{text-align:left;font-size:1.3rem;color:var(--fg-soft);padding-bottom:.6rem}
.fgc .fg-matrix th,.fgc .fg-matrix td{padding:.8rem .9rem;border:0;border-bottom:1px solid var(--fg-line);text-align:left;vertical-align:top}
.fgc .fg-matrix thead th{background:var(--fg-sun);color:var(--fg-label);font-weight:var(--font-body-weight-bold)}
.fgc .fg-matrix tbody th{background:var(--fg-sun-wash);font-weight:var(--font-body-weight-bold);min-width:12rem}

.fg-chooser{border:1px solid var(--fg-line);padding:1.4rem 1.6rem;margin:.4rem 0 1.6rem}
.fg-chooser fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.fg-chooser legend{font:400 1.7rem/1.3 var(--font-heading-family);margin-bottom:.8rem;padding:0}
.fg-chip{position:relative;cursor:pointer}
.fg-chip input{position:absolute;opacity:0;width:1px;height:1px}
.fg-chip span{display:inline-block;border:1px solid var(--fg-sun);padding:.5rem 1.2rem;font-size:1.4rem;background:#fff}
.fg-chip input:checked+span{background:var(--fg-sun);color:var(--fg-label)}
.fg-chip input:focus-visible+span{outline:2px solid var(--fg-text);outline-offset:2px}
.fg-pick{margin-top:1.2rem;background:var(--fg-sun-wash);padding:1.2rem 1.4rem;border-left:4px solid var(--fg-sun)}
.fgc .fg-pick p{margin:0 0 .8rem;font-size:1.5rem}
.fgc .fg-pick-main{font:400 2rem/1.2 var(--font-heading-family)}
.fg-pick-main span{display:block;font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase;color:var(--fg-soft)}
.fg-pick-alt{color:var(--fg-soft)}
.fgc .fg-pick-fine{font-size:1.2rem;color:var(--fg-soft);margin:.8rem 0 0}

.fgc .fg-steps{list-style:none;counter-reset:s;margin:0 0 1.4rem;padding:0}
.fgc .fg-steps li{counter-increment:s;position:relative;padding:0 0 0 4.6rem;margin:0 0 .6rem}
.fg-steps li::before{content:counter(s);position:absolute;left:0;top:.2rem;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--fg-sun);
  color:var(--fg-label);display:grid;place-items:center;font:600 1.5rem/1 var(--font-heading-family)}
.fg-steps li:not(:last-child)::after{content:"";position:absolute;left:1.5rem;top:3.6rem;bottom:-.6rem;width:2px;background:var(--fg-sun-wash)}
.fgc .fg-steps p{margin:0 0 .8rem}

.fg-legal{background:var(--fg-sun-wash);padding:1.2rem 1.6rem;margin:0 0 1.4rem}
.fgc .fg-legal p{margin:0}

.fg-author{display:flex;gap:1.6rem;align-items:center;border-top:1px solid var(--fg-line);border-bottom:1px solid var(--fg-line);padding:1.6rem 0;margin:4rem 0 0}
.fgc .fg-author img{width:9.6rem;height:9.6rem;border-radius:50%;border:3px solid var(--fg-sun);flex:none;margin:0}
.fgc .fg-author p{margin:0;font-size:1.5rem}

.fg-faq-i{border-bottom:1px solid var(--fg-line);padding:.2rem 0 .4rem}
.fg-faq-i:last-child{border-bottom:0}

.fg-close{margin:4rem 0 0;padding:1.6rem 0 0;border-top:1px solid var(--fg-line);font-size:1.4rem;color:var(--fg-soft)}
.fgc .fg-close p{margin:0 0 .6rem}

@media (max-width:640px){
  .fg-h1{font-size:2.3rem;margin:0 0 1rem}
  .fgc .fg-intro{font-size:1.45rem;line-height:1.5;margin-bottom:.8rem}
  .fgc .fg-disc{font-size:1.15rem;line-height:1.4;margin-bottom:1rem}
  .fg-board{margin-top:1rem}
  .fgc .fg-rows{gap:.5rem}
  .fgc .fg-row{grid-template-columns:2.4rem 6.4rem 1fr auto;gap:.9rem;padding:.7rem .8rem .7rem .7rem}
  .fg-pos{width:2.4rem;height:2.4rem;font-size:1.2rem}
  .fg-logo{width:6.4rem;height:4rem}
  .fg-name{font-size:1.6rem}
  .fg-fact{font-size:1.2rem}
  .fg-cta{font-size:1.3rem;padding:.7rem 1rem;letter-spacing:.05rem}
  .fg-cta svg{display:none}
  .fgc .fg-matrix thead{display:none}
  .fgc .fg-matrix,.fgc .fg-matrix tbody,.fgc .fg-matrix tr,.fgc .fg-matrix th,.fgc .fg-matrix td{display:block;width:100%}
  .fgc .fg-matrix tr{border:1px solid var(--fg-line);margin:0 0 1rem;overflow:hidden}
  .fgc .fg-matrix td{border-bottom:0;padding:.4rem 1rem}
  .fgc .fg-matrix caption{display:block;width:100%}
  .fgc .fg-matrix td::before{content:attr(data-l) ": ";font-weight:var(--font-body-weight-bold);color:var(--fg-soft)}
  .fg-author{flex-direction:column;align-items:flex-start}
}