/* ===== Casino-style theme — layered ON TOP of shared.css ===== */ /* Activated by adding class="casino-theme" to */ .casino-theme{ /* Palette: deep navy/near-black with dark green accents */ --c-bg:#0a0f1a; --c-bg-2:#111827; --c-bg-3:#1a2235; --c-surface:#141b2b; --c-surface-2:#1c2438; --c-line:rgba(255,255,255,.08); --c-line-2:rgba(255,255,255,.14); --c-text:#e9eef7; --c-text-2:#a8b3c7; --c-text-3:#6b7590; --c-gold:#1f8f5b; --c-gold-2:#86efac; --c-gold-dim:#0f5132; --c-emerald:#10b981; --c-emerald-2:#34d399; --c-red:#ef4444; --c-pink:#ec4899; --c-violet:#8b5cf6; --c-cyan:#22d3ee; --glow-gold:0 0 24px rgba(34,197,94,.35),0 0 48px rgba(34,197,94,.15); --glow-emerald:0 0 24px rgba(16,185,129,.35); background:var(--c-bg); color:var(--c-text); font-family:'Inter',ui-sans-serif,system-ui,sans-serif; } .casino-theme::before{ content:"";position:fixed;inset:0;z-index:-2;pointer-events:none; background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(34,197,94,.12), transparent 55%), radial-gradient(ellipse 60% 40% at 90% 20%, rgba(139,92,246,.10), transparent 60%), radial-gradient(ellipse 50% 40% at 10% 60%, rgba(16,185,129,.08), transparent 60%), linear-gradient(180deg,#0a0f1a 0%,#0b1120 40%,#0a0f1a 100%); } .casino-theme::after{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.04; background-image: linear-gradient(rgba(255,255,255,.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.6) 1px, transparent 1px); background-size: 48px 48px; mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%); } .casino-theme h1,.casino-theme h2,.casino-theme h3,.casino-theme h4,.casino-theme h5{ color:var(--c-text); font-family:'Fraunces',Georgia,serif; letter-spacing:-.02em; } .casino-theme a{color:var(--c-gold-2)} .casino-theme a:hover{color:var(--c-gold)} /* ===== Top notice ===== */ .casino-theme .topnotice{ background:linear-gradient(90deg,#05080e 0%,#0f1627 50%,#05080e 100%); border-bottom:1px solid var(--c-line);color:var(--c-text-2) } .casino-theme .topnotice b{color:var(--c-gold-2)} /* ===== Header ===== */ .casino-theme header.site{ position:sticky;top:0;z-index:40; background:rgba(10,15,26,.82);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4); border-bottom:1px solid var(--c-line) } .casino-theme .brand{color:var(--c-text);font-family:'Fraunces',serif;font-weight:600} .casino-theme .brand .mark{ background:linear-gradient(145deg,var(--c-gold) 0%,var(--c-gold-dim) 100%); color:#0a0f1a;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 18px rgba(34,197,94,.3) } .casino-theme .brand .dotcom{color:var(--c-text-3)} .casino-theme nav.primary a{color:var(--c-text-2);border-radius:8px} .casino-theme nav.primary a:hover,.casino-theme nav.primary a.active{ background:rgba(34,197,94,.08);color:var(--c-gold-2) } .casino-theme nav.primary a.cta{ background:linear-gradient(180deg,var(--c-gold-2) 0%,var(--c-gold) 50%,var(--c-gold-dim) 100%); color:#0a0f1a;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.3); box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 20px -6px rgba(34,197,94,.5),inset 0 1px 0 rgba(255,255,255,.4) } .casino-theme nav.primary a.cta:hover{filter:brightness(1.08);color:#0a0f1a} /* ===== HERO ===== */ .casino-theme .page-hero{padding:56px 0 32px;position:relative;overflow:hidden} .casino-theme .hero-ornate{ position:absolute;inset:0;pointer-events:none;z-index:0; } .casino-theme .eyebrow{ color:var(--c-gold-2);background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.25);padding:6px 12px;border-radius:100px; display:inline-flex;align-items:center;gap:8px;font-size:11.5px } .casino-theme .eyebrow .dot{background:var(--c-emerald);box-shadow:0 0 10px var(--c-emerald)} .casino-theme h1 em{ font-style:normal;background:linear-gradient(180deg,var(--c-gold-2) 0%,var(--c-gold) 50%,var(--c-gold-dim) 100%); -webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 0 18px rgba(34,197,94,.25));font-weight:600; } .casino-theme .lede{color:var(--c-text-2);font-size:19px;max-width:62ch;line-height:1.55} .casino-theme .lede b{color:var(--c-text)} /* Trust strip */ .casino-theme .trust-strip{ display:flex;flex-wrap:wrap;gap:28px;margin-top:26px;padding-top:22px; border-top:1px dashed var(--c-line-2) } .casino-theme .trust-strip .item{display:flex;gap:12px;align-items:flex-start} .casino-theme .trust-strip .ic{ width:36px;height:36px;border-radius:10px; background:linear-gradient(145deg,rgba(34,197,94,.15),rgba(34,197,94,.04)); border:1px solid rgba(34,197,94,.25);color:var(--c-gold);display:grid;place-items:center;flex:none } .casino-theme .trust-strip b{color:var(--c-text);display:block;font-size:13.5px} .casino-theme .trust-strip span.s{font-size:12px;color:var(--c-text-3)} /* Editor's pick card */ .casino-theme .ep-card{ background:linear-gradient(180deg,rgba(28,36,56,.95) 0%,rgba(20,27,43,.95) 100%); border:1px solid rgba(34,197,94,.35);border-radius:18px;padding:26px;position:relative; box-shadow:0 20px 60px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06); overflow:hidden; } .casino-theme .ep-card::before{ content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none; background:linear-gradient(130deg,transparent 40%,rgba(34,197,94,.25) 50%,transparent 60%); mix-blend-mode:overlay;opacity:.6; } .casino-theme .ep-ribbon{ position:absolute;top:-1px;left:26px; background:linear-gradient(180deg,var(--c-gold-2) 0%,var(--c-gold) 60%,var(--c-gold-dim) 100%); color:#0a0f1a;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase; padding:6px 14px 7px;font-weight:700;font-family:'Inter',sans-serif; clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%); box-shadow:0 4px 12px -2px rgba(34,197,94,.5) } .casino-theme .ep-head{display:flex;align-items:center;gap:14px;margin-top:10px} .casino-theme .ep-logo{ width:64px;height:64px;border-radius:14px;background:#fff;padding:8px;object-fit:contain; box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 20px -8px rgba(0,0,0,.6) } .casino-theme .ep-head h3, .casino-theme .ep-head .ep-name{font-size:26px;margin:0;font-weight:600;color:var(--c-text);line-height:1.15} .casino-theme .ep-sub{font-size:13px;color:var(--c-text-3);margin-top:3px} .casino-theme .score-big{display:flex;align-items:baseline;gap:10px;margin:16px 0 8px} .casino-theme .score-big .num{ font-family:'Fraunces',serif;font-size:46px;font-weight:600;line-height:1; background:linear-gradient(180deg,var(--c-gold-2),var(--c-gold)); -webkit-background-clip:text;background-clip:text;color:transparent; } .casino-theme .score-big .o{color:var(--c-text-3);font-size:15px} .casino-theme .stars{color:var(--c-gold);letter-spacing:2px;filter:drop-shadow(0 0 6px rgba(34,197,94,.5))} .casino-theme .ep-grid{ display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:18px 0;padding:16px; background:rgba(10,15,26,.5);border:1px solid var(--c-line);border-radius:10px; } .casino-theme .ep-grid .k{font-size:11px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;font-family:'JetBrains Mono',monospace} .casino-theme .ep-grid .v{color:var(--c-text);font-weight:600;margin-top:2px} /* Primary button */ .casino-theme .btn, .casino-theme .btn.inline{ display:inline-flex;align-items:center;justify-content:center;gap:8px; padding:14px 22px;border-radius:10px;font-weight:700;font-size:15px; background:linear-gradient(180deg,var(--c-gold-2) 0%,var(--c-gold) 50%,var(--c-gold-dim) 100%); color:#0a0f1a!important;text-shadow:0 1px 0 rgba(255,255,255,.35); border:1px solid rgba(255,255,255,.15);text-decoration:none;width:100%; box-shadow:0 0 0 1px rgba(255,255,255,.1),0 10px 24px -8px rgba(34,197,94,.45),inset 0 1px 0 rgba(255,255,255,.4); transition:all .15s ease;position:relative;overflow:hidden; } .casino-theme .btn::after{ content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%); transform:translateX(-120%);transition:transform .6s ease; } .casino-theme .btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 14px 32px -8px rgba(34,197,94,.6),inset 0 1px 0 rgba(255,255,255,.4);text-decoration:none} .casino-theme .btn:hover::after{transform:translateX(120%)} .casino-theme .btn.ghost{ background:transparent;color:var(--c-text)!important;border:1px solid var(--c-line-2); box-shadow:none;text-shadow:none;font-weight:500 } .casino-theme .btn.ghost:hover{background:rgba(255,255,255,.04);filter:none;transform:none;box-shadow:none} .casino-theme .fine{font-size:11.5px;color:var(--c-text-3);margin-top:10px;line-height:1.45} .casino-theme .fine a{color:var(--c-text-2)} /* ===== Section heads ===== */ .casino-theme .sec-head{border-bottom:1px solid var(--c-line);padding-bottom:18px;margin-bottom:32px} .casino-theme .sec-head h2, .casino-theme .sec-head h3{color:var(--c-text)} .casino-theme .sec-head .meta{color:var(--c-text-3)} .casino-theme .sec-head .meta b{color:var(--c-text)} .casino-theme .mono[style*="--accent-ink"]{color:var(--c-gold-2)!important} /* ===== TOPLIST — game-card style ===== */ .casino-theme ol.toplist{list-style:none;padding:0;margin:0;display:grid;gap:16px} .casino-theme li.toprow{ display:grid;grid-template-columns:56px 92px 1.5fr 1.4fr 1.2fr 200px; gap:20px;align-items:center; background:linear-gradient(180deg,rgba(28,36,56,.7) 0%,rgba(20,27,43,.7) 100%); border:1px solid var(--c-line);border-radius:16px;padding:18px 22px; position:relative;overflow:hidden;transition:all .2s ease; } .casino-theme li.toprow::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:3px; background:linear-gradient(180deg,var(--c-gold-2),var(--c-gold-dim));opacity:0;transition:opacity .2s } .casino-theme li.toprow:hover{ border-color:rgba(34,197,94,.3);transform:translateY(-2px); box-shadow:0 16px 40px -16px rgba(0,0,0,.6),0 0 0 1px rgba(34,197,94,.1) } .casino-theme li.toprow:hover::before{opacity:1} .casino-theme li.toprow.featured{ background: radial-gradient(ellipse at top right,rgba(34,197,94,.1),transparent 60%), linear-gradient(180deg,rgba(32,42,66,.9) 0%,rgba(22,29,48,.9) 100%); border:1px solid rgba(34,197,94,.3); box-shadow:0 20px 60px -20px rgba(0,0,0,.8),inset 0 0 0 1px rgba(34,197,94,.08) } .casino-theme li.toprow.featured::before{opacity:1} .casino-theme li.toprow .rank{ font-family:'Fraunces',serif;font-size:40px;font-weight:500;line-height:1; background:linear-gradient(180deg,var(--c-gold-2),var(--c-gold-dim)); -webkit-background-clip:text;background-clip:text;color:transparent; text-align:center;filter:drop-shadow(0 0 12px rgba(34,197,94,.3)); } .casino-theme li.toprow.featured .rank{font-size:48px} .casino-theme li.toprow .logo{ width:92px;height:68px;border-radius:12px;background:#fff!important;padding:10px!important;object-fit:contain!important; box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 20px -8px rgba(0,0,0,.5) } .casino-theme li.toprow .name h3{font-size:20px;font-weight:600;margin:0;color:var(--c-text)} .casino-theme li.toprow .score{display:flex;align-items:center;gap:8px;margin:4px 0 8px} .casino-theme li.toprow .score b{font-family:'Fraunces',serif;font-size:22px;color:var(--c-gold-2);font-weight:600} .casino-theme li.toprow .tags{display:flex;flex-wrap:wrap;gap:6px} .casino-theme li.toprow .tag{ font-size:11px;color:var(--c-text-2);padding:3px 9px;border-radius:100px; background:rgba(255,255,255,.04);border:1px solid var(--c-line); font-family:'JetBrains Mono',monospace;letter-spacing:.03em; } .casino-theme li.toprow .bonus b{ display:block;color:var(--c-text);font-size:16px;line-height:1.35;font-weight:600; font-family:'Fraunces',serif } .casino-theme li.toprow .bonus .sub{font-size:11.5px;color:var(--c-text-3);margin-top:6px;font-family:'JetBrains Mono',monospace} .casino-theme li.toprow .kv{display:grid;gap:4px;font-size:13px} .casino-theme li.toprow .kv .row{display:flex;justify-content:space-between;gap:12px;padding:2px 0} .casino-theme li.toprow .kv .l{color:var(--c-text-3);font-size:12px} .casino-theme li.toprow .kv .v{color:var(--c-text);font-weight:500} .casino-theme li.toprow .cta{display:flex;flex-direction:column;gap:8px;align-items:stretch} .casino-theme li.toprow .cta .btn{padding:12px 18px;font-size:14px} .casino-theme li.toprow .cta .review{ text-align:center;font-size:12px;color:var(--c-text-3);text-decoration:none; font-family:'JetBrains Mono',monospace;letter-spacing:.03em; } .casino-theme li.toprow .cta .review:hover{color:var(--c-gold-2)} @media (max-width:1100px){ .casino-theme li.toprow{grid-template-columns:48px 72px 1fr 180px;grid-auto-rows:auto} .casino-theme li.toprow .bonus,.casino-theme li.toprow .kv{grid-column:1/-1;border-top:1px dashed var(--c-line);padding-top:14px;margin-top:6px} .casino-theme li.toprow .cta{grid-column:1/-1} } /* ===== Compare table ===== */ .casino-theme .tbl-wrap{ background:rgba(20,27,43,.6);border:1px solid var(--c-line);border-radius:14px;overflow:hidden; box-shadow:0 20px 60px -20px rgba(0,0,0,.6) } .casino-theme table.cmp{width:100%;border-collapse:collapse} .casino-theme table.cmp thead th{ background:rgba(10,15,26,.8);color:var(--c-text-2);font-size:11.5px;letter-spacing:.08em; text-transform:uppercase;font-weight:600;text-align:left;padding:14px 18px; border-bottom:1px solid var(--c-line);font-family:'JetBrains Mono',monospace } .casino-theme table.cmp tbody td{padding:16px 18px;border-bottom:1px solid var(--c-line);color:var(--c-text);vertical-align:middle;font-size:14px} .casino-theme table.cmp tbody tr:hover{background:rgba(34,197,94,.03)} .casino-theme .cname{display:flex;align-items:center;gap:12px;font-weight:600} .casino-theme .cname .mini{background:#fff!important;padding:4px!important;border-radius:6px!important} .casino-theme .score-cell{ display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px; background:linear-gradient(180deg,rgba(34,197,94,.18),rgba(34,197,94,.05)); color:var(--c-gold-2);border:1px solid rgba(34,197,94,.3);border-radius:6px; font-family:'Fraunces',serif;font-weight:600;font-size:14px } .casino-theme .pill{ display:inline-block;padding:4px 10px;border-radius:100px;font-size:12px; font-family:'JetBrains Mono',monospace;border:1px solid transparent } .casino-theme .pill.ok{background:rgba(16,185,129,.12);color:var(--c-emerald-2);border-color:rgba(16,185,129,.3)} .casino-theme .pill.mid{background:rgba(34,197,94,.12);color:var(--c-gold-2);border-color:rgba(34,197,94,.3)} .casino-theme .go{color:var(--c-gold-2);font-weight:600} /* ===== Genre tiles (new section) ===== */ .casino-theme .genres{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:24px} .casino-theme .genre{ aspect-ratio:1;border-radius:16px;padding:16px;display:flex;flex-direction:column; justify-content:space-between;border:1px solid var(--c-line);text-decoration:none;color:var(--c-text); position:relative;overflow:hidden;transition:all .2s ease; } .casino-theme .genre:hover{transform:translateY(-3px);border-color:var(--c-line-2);text-decoration:none} .casino-theme .genre.slots{background:linear-gradient(135deg,#1a0b2e 0%,#4c1d95 100%)} .casino-theme .genre.live{background:linear-gradient(135deg,#1f1104 0%,#7c2d12 100%)} .casino-theme .genre.table{background:linear-gradient(135deg,#0c1f16 0%,#065f46 100%)} .casino-theme .genre.crash{background:linear-gradient(135deg,#1a0a0a 0%,#9f1239 100%)} .casino-theme .genre.poker{background:linear-gradient(135deg,#141b2b 0%,#1e3a8a 100%)} .casino-theme .genre.jackpot{background:linear-gradient(135deg,#1c1405 0%,#0f5132 100%)} .casino-theme .genre .emoji{font-size:32px;line-height:1} .casino-theme .genre .gname{font-family:'Fraunces',serif;font-size:20px;font-weight:600} .casino-theme .genre .count{font-size:11.5px;color:rgba(255,255,255,.6);font-family:'JetBrains Mono',monospace;letter-spacing:.05em} .casino-theme .genre::after{ content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,.15),transparent 60%); pointer-events:none } @media (max-width:900px){.casino-theme .genres{grid-template-columns:repeat(3,1fr)}} @media (max-width:540px){.casino-theme .genres{grid-template-columns:repeat(2,1fr)}} /* ===== Payment strip ===== */ .casino-theme .pay-strip{ display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center; padding:22px 24px;background:rgba(20,27,43,.6);border:1px solid var(--c-line); border-radius:12px;margin-top:24px } .casino-theme .pay-strip .p{ padding:8px 14px;font-size:13px;color:var(--c-text-2); background:rgba(255,255,255,.03);border:1px solid var(--c-line);border-radius:8px; font-family:'JetBrains Mono',monospace;letter-spacing:.04em } /* ===== Methodology ===== */ .casino-theme #metodologi{background:linear-gradient(180deg,#0c1323 0%,#0a0f1a 100%);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)} .casino-theme #metodologi h3, .casino-theme #metodologi h4{font-family:'Fraunces',serif;color:var(--c-text)} .casino-theme #metodologi p{color:var(--c-text-2)} .casino-theme #metodologi .mono{color:var(--c-gold)!important} /* ===== Article content ===== */ .casino-theme article.article-body{color:var(--c-text-2)} .casino-theme article.article-body h2,.casino-theme article.article-body h3,.casino-theme article.article-body h4{color:var(--c-text)} .casino-theme article.article-body p,.casino-theme article.article-body li{color:var(--c-text-2);font-size:16.5px;line-height:1.7} .casino-theme article.article-body b,.casino-theme article.article-body strong{color:var(--c-text)} .casino-theme article.article-body a{color:var(--c-gold-2);text-decoration:underline;text-decoration-color:rgba(34,197,94,.4);text-underline-offset:3px} .casino-theme article.article-body blockquote{ border-left:3px solid var(--c-gold);background:rgba(34,197,94,.05); padding:14px 18px;margin:20px 0;border-radius:0 8px 8px 0;color:var(--c-text-2) } .casino-theme article.article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px} .casino-theme article.article-body th{background:rgba(255,255,255,.04);padding:12px;text-align:left;color:var(--c-text);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--c-line)} .casino-theme article.article-body td{padding:12px;border-bottom:1px solid var(--c-line)} .casino-theme .callout{ background:linear-gradient(180deg,rgba(34,197,94,.08) 0%,rgba(34,197,94,.02) 100%); border:1px solid rgba(34,197,94,.25);border-radius:12px;padding:18px 20px;margin:22px 0 } .casino-theme .callout .lbl{ font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase; color:var(--c-gold);margin-bottom:6px } .casino-theme .callout h3, .casino-theme .callout h4{color:var(--c-text);margin:0 0 6px;font-size:17px} .casino-theme .callout p{margin:0;color:var(--c-text-2)} .casino-theme .side .box{ background:rgba(20,27,43,.7);border:1px solid var(--c-line);border-radius:14px;padding:18px;margin-bottom:16px } .casino-theme .side .box .t{color:var(--c-gold);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px} .casino-theme .side .box h3, .casino-theme .side .box h4{color:var(--c-text);font-size:18px;margin:4px 0} .casino-theme .side .box p{color:var(--c-text-2);font-size:14px;margin:8px 0 12px} /* ===== FAQ ===== */ .casino-theme .faq{max-width:820px;margin:0 auto} .casino-theme details.q{ background:rgba(20,27,43,.6);border:1px solid var(--c-line);border-radius:12px; padding:4px 20px;margin-bottom:10px;transition:all .2s ease } .casino-theme details.q[open]{border-color:rgba(34,197,94,.3);background:rgba(28,36,56,.7)} .casino-theme details.q summary{ cursor:pointer;padding:16px 0;font-family:'Fraunces',serif;font-size:17px;color:var(--c-text); font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px } .casino-theme details.q summary::-webkit-details-marker{display:none} .casino-theme details.q summary::after{ content:"+";font-family:'Inter',sans-serif;color:var(--c-gold);font-size:22px; transition:transform .2s ease;font-weight:300 } .casino-theme details.q[open] summary::after{transform:rotate(45deg)} .casino-theme details.q .a{padding:0 0 16px;color:var(--c-text-2);line-height:1.65} /* ===== Author / responsible ===== */ .casino-theme .author{ background:rgba(20,27,43,.6);border:1px solid var(--c-line);border-radius:16px; padding:22px 26px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center } .casino-theme .author .avatar{ width:56px;height:56px;border-radius:50%; background:linear-gradient(145deg,var(--c-gold-2),var(--c-gold-dim)); display:grid;place-items:center;color:#0a0f1a;font-family:'Fraunces',serif;font-weight:600;font-size:22px; box-shadow:0 0 0 2px rgba(34,197,94,.2),0 0 20px rgba(34,197,94,.25) } .casino-theme .author .who h3{color:var(--c-text);font-size:20px;margin:0} .casino-theme .author .who .role{color:var(--c-gold-2);font-size:12px;font-family:'JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase} .casino-theme .author .who p{color:var(--c-text-2);margin:4px 0 0;font-size:14px} .casino-theme .author .meta{color:var(--c-text-3);font-size:12px;text-align:right} .casino-theme .author .meta b{color:var(--c-text);display:block} .casino-theme .resp{ background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,rgba(239,68,68,.02) 100%); border:1px solid rgba(239,68,68,.25);border-radius:16px;padding:22px 26px;margin-top:32px } .casino-theme .resp .grid{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center} .casino-theme .resp .icon{ width:56px;height:56px;border-radius:50%;background:rgba(239,68,68,.15); display:grid;place-items:center;color:var(--c-red);font-family:'Fraunces',serif;font-weight:600;font-size:18px; border:1px solid rgba(239,68,68,.3) } .casino-theme .resp h3{color:var(--c-text);font-size:18px;margin:0} .casino-theme .resp p{color:var(--c-text-2);margin:4px 0 0;font-size:14px} .casino-theme .resp .links{display:flex;flex-direction:column;gap:4px;font-size:13px} .casino-theme .resp .links a{color:var(--c-gold-2)} /* ===== Footer ===== */ .casino-theme footer.site{ background:linear-gradient(180deg,#050810 0%,#0a0f1a 100%); border-top:1px solid var(--c-line);margin-top:64px;padding:56px 0 24px } .casino-theme footer.site .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px} .casino-theme footer.site h5, .casino-theme footer.site .footer-heading{color:var(--c-text);font-family:'Inter',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;font-weight:600} .casino-theme footer.site ul{list-style:none;padding:0;margin:0;display:grid;gap:6px} .casino-theme footer.site ul a{color:var(--c-text-2);font-size:14px} .casino-theme footer.site ul a:hover{color:var(--c-gold-2)} .casino-theme footer.site .about{color:var(--c-text-3);font-size:13.5px;line-height:1.55;margin-top:10px;max-width:30ch} .casino-theme footer.site .brand-f{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:600;font-size:20px;color:var(--c-text)} .casino-theme footer.site .brand-f .mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,var(--c-gold),var(--c-gold-dim));display:grid;place-items:center;color:#0a0f1a;font-family:'Fraunces',serif;font-weight:600;font-size:18px} .casino-theme footer.site .bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--c-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--c-text-3);font-size:12px} .casino-theme footer.site .licenses{display:flex;gap:8px;flex-wrap:wrap} .casino-theme footer.site .licenses span{padding:4px 10px;background:rgba(255,255,255,.04);border:1px solid var(--c-line);border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--c-text-2)} /* ===== Hero slot-reel decoration ===== */ .hero-reel{ position:absolute;right:0;top:0;bottom:0;width:46%;pointer-events:none;opacity:.9; mask-image:linear-gradient(90deg,transparent 0%,black 30%,black 100%); } .hero-reel .col{ position:absolute;top:0;bottom:0;width:84px;display:flex;flex-direction:column;gap:12px; animation:reel-spin 14s linear infinite; } .hero-reel .col:nth-child(1){left:20%;animation-duration:18s} .hero-reel .col:nth-child(2){left:42%;animation-duration:22s;animation-direction:reverse} .hero-reel .col:nth-child(3){left:64%;animation-duration:26s} .hero-reel .col:nth-child(4){left:86%;animation-duration:20s;animation-direction:reverse} .hero-reel .sym{ width:84px;height:84px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:42px; background:linear-gradient(180deg,rgba(32,42,66,.8),rgba(20,27,43,.8)); border:1px solid var(--c-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.04) } @keyframes reel-spin{0%{transform:translateY(0)}100%{transform:translateY(-50%)}} @media (max-width:960px){.hero-reel{display:none}} /* ===== Ticker ===== */ .ticker{ background:rgba(10,15,26,.7);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line); overflow:hidden;padding:10px 0;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--c-text-2) } .ticker-track{display:flex;gap:40px;white-space:nowrap;animation:ticker 40s linear infinite;width:max-content} .ticker-track b{color:var(--c-gold-2)} .ticker-track .sep{color:var(--c-text-3)} @keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* ===== Stat band ===== */ .stat-band{ display:grid;grid-template-columns:repeat(4,1fr);gap:0; background:rgba(20,27,43,.6);border:1px solid var(--c-line);border-radius:16px;overflow:hidden;margin:32px 0 } .stat-band > div{padding:22px 26px;border-right:1px solid var(--c-line);position:relative} .stat-band > div:last-child{border-right:none} .stat-band .v{ font-family:'Fraunces',serif;font-size:38px;font-weight:500;line-height:1; background:linear-gradient(180deg,var(--c-gold-2),var(--c-gold)); -webkit-background-clip:text;background-clip:text;color:transparent } .stat-band .l{font-size:12px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-family:'JetBrains Mono',monospace} .stat-band .s{color:var(--c-text-2);font-size:13px;margin-top:2px} @media (max-width:820px){.stat-band{grid-template-columns:1fr 1fr}} /* Misc */ .casino-theme .mono{color:var(--c-text-3)} .casino-theme section{padding:56px 0} .casino-theme .crumbs{color:var(--c-text-3)} .casino-theme .crumbs a{color:var(--c-text-2)} .casino-theme .crumbs .cur{color:var(--c-gold-2)} .casino-theme .meta-row{color:var(--c-text-3);display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:13.5px} .casino-theme .meta-row b{color:var(--c-text)} .casino-theme .meta-row .av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,var(--c-gold),var(--c-gold-dim));color:#0a0f1a;font-family:'Fraunces',serif;font-weight:600;font-size:12px;margin-right:8px} .casino-theme hr{border:none;border-top:1px dashed var(--c-line-2);margin:28px 0} /* === Custom icon styling === */ .cur-ico{color:var(--c-gold-2);display:inline-block;vertical-align:middle} .cur-ico svg{display:block;width:100%;height:100%} .casino-theme .hero-reel .sym{color:var(--c-gold);padding:22px} .casino-theme .hero-reel .sym svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(34,197,94,.3))} .casino-theme .genre .emoji{width:40px;height:40px;color:rgba(255,255,255,.9)} .casino-theme .genre .emoji svg{width:100%;height:100%}