/* ============================================================
   SILVER HOLLOW WAY — THE GAZETTE · theme.css  (prefix shw-)
   Newspaper / gazette styled social casino.
   ============================================================ */

.shw-sec{padding:64px 0}
.shw-sec--paper{background:var(--shw-paper)}
.shw-sec--panel{background:var(--shw-panel)}
.shw-sec--ink{background:#211e1e;color:#efe9df}
.shw-sec--ink h2,.shw-sec--ink h3{color:#fff}.shw-sec--ink p{color:#bdb6a9}

.shw-dateline{font-family:var(--shw-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--shw-plum);margin:0 0 12px}
.shw-h1{font-family:var(--shw-disp);font-weight:900;font-size:clamp(36px,6vw,68px);line-height:1.02}
.shw-h2{font-family:var(--shw-disp);font-weight:800;font-size:clamp(26px,3.6vw,42px);line-height:1.05}
.shw-h3{font-family:var(--shw-disp);font-weight:700;font-size:22px}
.shw-lead{font-size:clamp(17px,1.9vw,21px);color:var(--shw-mut);max-width:62ch;margin:14px 0 0}
.shw-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.shw-rise{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.shw-rise.in{opacity:1;transform:none}
.shw-rule{height:0;border:0;border-top:1px solid var(--shw-line);margin:0}
.shw-rule--heavy{border-top:3px double var(--shw-ink)}

/* front page: lead + sidebar */
.shw-front{display:grid;grid-template-columns:1.7fr 1fr;gap:0}
.shw-lead-col{padding:0 40px 0 0;border-right:1px solid var(--shw-line)}
.shw-side-col{padding:0 0 0 34px}
.shw-kicker{font-family:var(--shw-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--shw-slate);margin:0 0 10px}
.shw-dropcap::first-letter{font-family:var(--shw-disp);font-weight:900;font-size:74px;line-height:.8;float:left;padding:6px 12px 0 0;color:var(--shw-plum)}
.shw-byline{font-family:var(--shw-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--shw-dim);margin:18px 0;padding:10px 0;border-top:1px solid var(--shw-line);border-bottom:1px solid var(--shw-line)}
.shw-side-item{padding:18px 0;border-bottom:1px solid var(--shw-line)}
.shw-side-item:first-child{padding-top:0}
.shw-side-item h3{font-size:19px;margin:0 0 6px}
.shw-side-item p{margin:0 0 8px;color:var(--shw-mut);font-size:15px}
.shw-side-item a.more{font-family:var(--shw-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--shw-plum);font-weight:600}

/* columns block */
.shw-columns{column-count:3;column-gap:32px;column-rule:1px solid var(--shw-line)}
.shw-columns p{margin:0 0 14px;color:var(--shw-mut);font-size:16px}
.shw-columns h3{font-family:var(--shw-disp);font-size:20px;margin:0 0 8px;break-after:avoid}

/* feature row (two games) */
.shw-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:3px double var(--shw-ink);border-bottom:3px double var(--shw-ink)}
.shw-feat{padding:30px 28px}
.shw-feat:first-child{border-right:1px solid var(--shw-line)}
.shw-feat .tag{font-family:var(--shw-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--shw-slate)}
.shw-feat h2{margin:8px 0 8px;font-size:30px}
.shw-feat p{margin:0 0 16px;color:var(--shw-mut);font-size:16px}

/* generic */
.shw-g2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--shw-line);border:1px solid var(--shw-line)}
.shw-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--shw-line);border:1px solid var(--shw-line)}
.shw-cell{background:var(--shw-paper);padding:24px}
.shw-cell .em{font-size:24px}.shw-cell h3{font-size:19px;margin:10px 0 6px}.shw-cell p{margin:0;color:var(--shw-mut);font-size:15px}
.shw-card{background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:var(--shw-rad);padding:24px}
.shw-callout{background:var(--shw-panel);border:1px solid var(--shw-ink);border-radius:var(--shw-rad);padding:20px 22px;display:flex;gap:13px;align-items:flex-start}
.shw-callout .em{font-size:21px}.shw-callout p{margin:0;font-size:15px;color:var(--shw-ink)}
.shw-prose{max-width:720px}.shw-prosetop{max-width:760px}
.shw-prose h2{font-family:var(--shw-disp);font-size:26px;margin:36px 0 10px}
.shw-prose h3{font-family:var(--shw-disp);font-size:20px;margin:24px 0 8px}
.shw-prose p{color:var(--shw-mut);margin:0 0 15px}
.shw-prose ul{color:var(--shw-mut);padding-left:20px}.shw-prose li{margin:6px 0}
.shw-prose a{color:var(--shw-plum);font-weight:600}
.shw-updated{font-family:var(--shw-mono);font-size:12px;color:var(--shw-dim);margin-top:8px}
.shw-faq{border-bottom:1px solid var(--shw-line)}
.shw-faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;font-size:17px;font-family:var(--shw-disp)}
.shw-faq summary::-webkit-details-marker{display:none}
.shw-faq summary::before{content:"\00A7 ";color:var(--shw-plum)}
.shw-faq .a{padding:0 0 15px;color:var(--shw-mut);font-size:15.5px}
.shw-noscript{background:#f6edd8;border:1px solid var(--shw-ochre);color:#5e4612;border-radius:var(--shw-rad);padding:16px 18px;margin:20px 0}
.shw-noscript a{color:var(--shw-plum);font-weight:600}

/* drawer */
.shw-drawer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:90;background:rgba(250,249,246,.98);display:flex;align-items:center;justify-content:center}
.shw-drawer[hidden]{display:none}
.shw-drawer nav{display:flex;flex-direction:column;align-items:center;gap:8px}
.shw-drawer a{font-family:var(--shw-disp);font-weight:700;font-size:24px;color:var(--shw-ink)}
.shw-drawer a:hover{color:var(--shw-plum)}

/* ====================================================
   GAME 1 · REEL PRESS  (classic 3-reel single line)
   ==================================================== */
.shw-reel{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:start}
.shw-press{background:var(--shw-panel);border:1px solid var(--shw-ink);border-radius:8px;padding:26px}
.shw-press.idle .shw-reels{filter:saturate(.4) opacity(.7)}
.shw-press.jackpot{box-shadow:0 0 0 2px var(--shw-ochre) inset}
.shw-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:6px;padding:16px;position:relative}
.shw-reels::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--shw-plum);opacity:.55;transform:translateY(-50%);pointer-events:none}
.shw-reelcell{aspect-ratio:3/4;background:#fff;border:1px solid var(--shw-line);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:clamp(40px,8vw,64px)}
.shw-reelcell.spin{animation:shw-roll .4s ease}
.shw-reelcell.win{background:#f6edd8;border-color:var(--shw-ochre)}
@keyframes shw-roll{0%{transform:translateY(-16px);opacity:.3}100%{transform:none;opacity:1}}
.shw-reelmsg{text-align:center;font-family:var(--shw-mono);font-size:13px;color:var(--shw-mut);min-height:20px;margin:16px 0 2px}
.shw-reelmsg.win{color:var(--shw-plum);font-weight:600}
.shw-ctrl{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap;justify-content:center}
.shw-stake{display:flex;align-items:center;gap:8px;background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:6px;padding:5px 6px}
.shw-stake button{width:32px;height:32px;border-radius:5px;border:1px solid var(--shw-line);background:var(--shw-panel);cursor:pointer;font-size:17px}
.shw-stake .sv{font-family:var(--shw-mono);font-weight:600;min-width:56px;text-align:center}
.shw-side{display:flex;flex-direction:column;gap:16px}
.shw-purse{background:#211e1e;color:#fff;border-radius:7px;padding:22px}
.shw-purse .l{font-family:var(--shw-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bdb6a9}
.shw-purse .amt{font-family:var(--shw-mono);font-size:34px;font-weight:600;color:var(--shw-ochre);margin:5px 0 14px}
.shw-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.shw-stat{background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:6px;padding:13px}
.shw-stat .v{font-family:var(--shw-mono);font-size:19px;font-weight:600}.shw-stat .l{font-size:11.5px;color:var(--shw-mut)}
.shw-pay{background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:6px;padding:18px}
.shw-pay h4{margin:0 0 10px;font-family:var(--shw-disp);font-size:17px}
.shw-payrow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--shw-line);font-size:14px;color:var(--shw-mut)}
.shw-payrow .s{font-size:20px}.shw-payrow .p{font-family:var(--shw-mono);font-weight:600;color:var(--shw-ink)}

/* ====================================================
   GAME 2 · HOLLOW BLACKJACK
   ==================================================== */
.shw-bj{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:start}
.shw-table{background:var(--shw-panel);border:1px solid var(--shw-ink);border-radius:8px;padding:26px;position:relative}
.shw-hand{margin-bottom:20px}
.shw-hand__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.shw-hand__top .who{font-family:var(--shw-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--shw-mut)}
.shw-hand__top .val{font-family:var(--shw-mono);font-weight:600;font-size:15px;color:var(--shw-ink);background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:5px;padding:2px 11px;min-width:32px;text-align:center}
.shw-cards{display:flex;gap:9px;flex-wrap:wrap;min-height:92px}
.shw-card2{width:62px;height:88px;border-radius:6px;background:#fff;border:1px solid var(--shw-line);display:flex;align-items:center;justify-content:center;font-family:var(--shw-disp);font-weight:700;font-size:21px;color:var(--shw-ink);box-shadow:0 5px 12px -8px rgba(35,32,32,.5);animation:shw-deal .32s ease}
.shw-card2.red{color:var(--shw-plum)}
.shw-card2.back{background:repeating-linear-gradient(45deg,#7d3a52,#7d3a52 6px,#6a3146 6px,#6a3146 12px);color:transparent}
@keyframes shw-deal{0%{transform:translateY(-14px) rotate(-4deg);opacity:0}100%{transform:none;opacity:1}}
.shw-bjmsg{text-align:center;font-family:var(--shw-mono);font-size:13px;min-height:20px;margin:8px 0 14px;color:var(--shw-mut)}
.shw-bjmsg.win{color:var(--shw-slate);font-weight:600}.shw-bjmsg.lose{color:var(--shw-plum);font-weight:600}
.shw-chips{display:flex;gap:9px;margin:0 0 14px;justify-content:center}
.shw-chip{width:50px;height:50px;border-radius:50%;border:2px dashed var(--shw-line);background:var(--shw-paper);cursor:pointer;font-family:var(--shw-mono);font-weight:600;font-size:12px;color:var(--shw-mut)}
.shw-chip.sel{border-style:solid;border-color:var(--shw-plum);color:var(--shw-plum);box-shadow:0 0 0 3px rgba(125,58,82,.16)}
.shw-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.shw-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.shw-rocell{background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:6px;padding:11px;text-align:center}
.shw-rocell .v{font-family:var(--shw-mono);font-size:18px;font-weight:600}.shw-rocell .k{font-size:10.5px;color:var(--shw-mut)}
.shw-log{background:var(--shw-paper);border:1px solid var(--shw-line);border-radius:6px;padding:16px}
.shw-log__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.shw-log h4{margin:0;font-family:var(--shw-disp);font-size:16px}
.shw-log__list{display:flex;flex-direction:column;gap:5px;max-height:200px;overflow-y:auto}
.shw-logrow{display:flex;justify-content:space-between;font-size:13px;padding:6px 10px;background:var(--shw-panel);border-radius:4px}
.shw-logrow .r{font-family:var(--shw-mono);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:999px}
.shw-logrow .r.w{background:#e2ece0;color:#3a5a3a}.shw-logrow .r.l{background:#f1dfe5;color:#7d3a52}.shw-logrow .r.p{background:#ece9e2;color:#6a655d}
.shw-empty{font-size:13px;color:var(--shw-dim);text-align:center;padding:12px}
.shw-streakline{font-family:var(--shw-mono);font-size:12px;color:var(--shw-mut);text-align:center;margin-top:8px}
.shw-streakline b{color:var(--shw-ink)}

@media(max-width:900px){
  .shw-front{grid-template-columns:1fr}
  .shw-lead-col{padding:0 0 28px;border-right:none;border-bottom:1px solid var(--shw-line);margin-bottom:28px}
  .shw-side-col{padding:0}
  .shw-columns{column-count:2}
  .shw-feature{grid-template-columns:1fr}.shw-feat:first-child{border-right:none;border-bottom:1px solid var(--shw-line)}
  .shw-reel,.shw-bj{grid-template-columns:1fr}
  .shw-g3{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.shw-columns{column-count:1}.shw-g2,.shw-g3{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}.shw-rise{opacity:1;transform:none}}

/* footer */
.shw-foot{background:var(--shw-paper);padding:48px 0 36px}
.shw-foot__rule{border-top:3px double var(--shw-ink);margin-bottom:30px}
.shw-foot__cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.shw-foot__word{font-family:var(--shw-disp);font-weight:900;font-size:24px}
.shw-foot__brand p{color:var(--shw-mut);font-size:15px;margin:8px 0 0;max-width:34ch}
.shw-foot__set h4{font-family:var(--shw-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--shw-dim);margin:0 0 10px}
.shw-foot__set a{display:block;font-size:14.5px;color:var(--shw-mut);padding:3px 0}
.shw-foot__set a:hover{color:var(--shw-plum)}
.shw-foot__comp{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--shw-ink);border-radius:var(--shw-rad);padding:18px 20px;margin:28px 0 18px}
.shw-foot__age{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--shw-plum);color:#fff;font-family:var(--shw-disp);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.shw-foot__comp p{margin:0;font-size:14px;color:var(--shw-mut)}.shw-foot__comp a{color:var(--shw-plum);font-weight:600}
.shw-foot__base{font-family:var(--shw-mono);font-size:11.5px;color:var(--shw-dim);border-top:1px solid var(--shw-line);padding-top:16px}