@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=Bebas+Neue&family=Cinzel:wght@600;700;800&family=Cinzel+Decorative:wght@700&family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800&family=Nunito+Sans:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Orbitron:wght@600;700;800&family=Playfair+Display:wght@700;800&family=Poppins:wght@400;500;600;700&family=Quicksand:wght@500;600;700&family=Roboto:wght@400;500;700&family=Russo+One&family=Work+Sans:wght@400;500;600;700&display=swap');

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { min-height: 100vh; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.site { padding: 10px; min-height: 100vh; position: relative; }
.site.has-bottom-nav { padding-bottom: 72px; }
@media (min-width: 700px) {
  .site { padding: 16px 26px; }
  .site.has-bottom-nav { padding-bottom: 64px; }
}

.b-stack { display:flex; flex-direction:column; gap:6px; margin-bottom:10px; max-width:480px; margin-left:auto; margin-right:auto; }
@media (min-width: 700px) { .b-stack { max-width:560px; margin-bottom:14px; } }
.b-item { width:100%; aspect-ratio:415/110; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:11px; letter-spacing:.5px; font-weight:600; overflow:hidden; text-decoration:none; }
.b-item img { width:100%; height:100%; object-fit:cover; display:block; }

.listing { max-width:480px; margin:0 auto; }
@media (min-width: 700px) { .listing { max-width:560px; } }

.card { padding:7px 4px 7px 6px; margin-bottom:6px; border-radius:9px; display:flex; align-items:center; gap:9px; background:var(--c-bg); border:none; cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none; transition:transform .18s ease, box-shadow .18s ease; text-decoration:none; color:inherit; }
.card:last-child { margin-bottom:0; }
.card:focus, .card:active { outline:none; }
.card:hover { transform:translateY(-2px); box-shadow:0 4px 10px rgba(0,0,0,.25); }
.card .logo-box { width:122px; height:42px; border:1px solid transparent; flex:0 0 auto; border-radius:5px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.card .logo-box span { font-size:9px; font-weight:700; }
.card .logo-box img { width:100%; height:100%; object-fit:fill; display:block; }
.card .info { flex:1; text-align:center; min-width:0; }
.card .bonus { font-weight:800; font-size:var(--bonus-size, 15px); color:#ffd166; letter-spacing:.2px; line-height:1; font-family:var(--font-display); }
.card .desc { font-size:var(--desc-size, 9px); color:#c9ccd3; margin-top:2px; opacity:.85; line-height:1.15; font-family:var(--font-body); }
.card .btn, .popup-scene .btn, .popup-box .btn, .game-detail .btn, .contact-page .btn, .wheel-page .btn { flex:0 0 auto; display:inline-block; font-weight:800; font-size:var(--btn-size, 10.5px); padding:7px 13px; border-radius:var(--btn-radius, 16px); width:var(--btn-width, auto); text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:var(--font-body); letter-spacing:.3px; text-transform:uppercase; text-decoration:none; background:linear-gradient(135deg,#2ecc71,#179c4a); color:#ffffff; box-shadow:0 4px 14px rgba(23,156,74,.4), inset 0 1px 0 rgba(255,255,255,.25); border:none; cursor:pointer; }

.page-header { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.page-header h1 { font-size:17px; color:#fff; margin:0; font-family:var(--font-display); }
.back-link { color:#fff; opacity:.85; font-size:13px; text-decoration:none; flex:0 0 auto; }
.muted-pub { color:#aab; font-size:13px; }

.games-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; max-width:480px; margin:0 auto; }
@media (min-width: 700px) { .games-grid { max-width:560px; grid-template-columns:repeat(4, 1fr); gap:14px; } }
.game-card { display:flex; flex-direction:column; gap:6px; text-decoration:none; color:inherit; }
.game-thumb { width:100%; aspect-ratio:1/1; border-radius:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; font-size:26px; background:var(--c-bg); border:1px solid var(--c-bd); }
.game-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.game-title { font-size:11.5px; font-weight:600; text-align:center; color:#fff; line-height:1.2; }
.game-rating { display:flex; align-items:center; justify-content:center; gap:1px; }
.game-rating .star { font-size:11px; color:#4a4d57; line-height:1; }
.game-rating .star.filled { color:#f5b400; }
.game-rating .rating-num { margin-left:4px; font-size:10.5px; font-weight:700; color:#f5b400; }

.game-detail { max-width:480px; margin:0 auto 16px; text-align:center; }
@media (min-width: 700px) { .game-detail { max-width:360px; } }
.game-detail-thumb { width:100%; max-width:220px; aspect-ratio:1/1; border-radius:14px; overflow:hidden; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; font-size:40px; background:var(--c-bg); border:1px solid var(--c-bd); }
.game-detail-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.game-detail h1 { font-size:18px; color:#fff; margin:0 0 8px; font-family:var(--font-display); }
.game-detail .game-rating { margin-bottom:10px; }
.game-detail .game-rating .star { font-size:15px; }
.game-detail .game-rating .rating-num { font-size:13px; }
.game-detail .game-desc { font-size:12.5px; color:#c9ccd3; line-height:1.5; margin:0 0 16px; }
.game-detail .play-btn { font-size:13px; padding:11px 30px; }

.contact-page { max-width:480px; margin:0 auto 16px; text-align:center; padding:34px 18px; border-radius:14px; background:var(--c-bg); border:1px solid var(--c-bd); }
@media (min-width: 700px) { .contact-page { max-width:360px; } }
.contact-page-icon { margin-bottom:10px; display:flex; justify-content:center; }
.contact-page-icon svg { width:58px; height:58px; }
.contact-page h2 { font-size:16px; color:#fff; margin:0 0 8px; font-family:var(--font-display); }
.contact-page-desc { font-size:12.5px; color:#c9ccd3; line-height:1.5; margin:0 0 18px; }
.contact-sections { display:flex; flex-direction:column; gap:18px; }
.contact-section { background:rgba(255,255,255,.03); border:1px solid var(--c-bd); border-radius:12px; padding:16px; }
.contact-section h3 { display:flex; align-items:center; justify-content:center; gap:7px; font-size:14px; color:#fff; margin:0 0 8px; font-family:var(--font-display); }
.contact-section h3 svg { width:20px; height:20px; flex:0 0 auto; }
.contact-section-desc { font-size:12px; color:#c9ccd3; line-height:1.5; margin:0 0 12px; }
.tg-channel-card { display:flex; align-items:center; justify-content:center; gap:8px; background:rgba(255,255,255,.05); border:1px solid var(--c-bd); border-radius:10px; padding:12px 14px; margin:0 0 14px; font-size:13px; font-weight:600; color:#fff; }
.contact-page-btn { font-size:13px; padding:11px 30px; display:inline-flex; align-items:center; gap:8px; }
.contact-page-btn svg { width:20px; height:20px; flex:0 0 auto; }

.wheel-page { max-width:480px; margin:0 auto 16px; text-align:center; }
@media (min-width: 700px) { .wheel-page { max-width:360px; } }
.wheel-wrap { position:relative; width:384px; max-width:86vw; aspect-ratio:1/1; margin:30px auto 34px; }
.wheel-pointer { position:absolute; top:-6px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:24px solid #ffd166; z-index:20; filter:drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.wheel-dial { display:block; width:100%; height:100%; overflow:visible; filter:drop-shadow(0 10px 28px rgba(0,0,0,.5)); transition:transform 4.2s cubic-bezier(.12,.69,.22,1); }
.wheel-center-btn { position:absolute; left:50%; top:50%; width:22%; height:22%; transform:translate(-50%,-50%); z-index:10; display:flex; align-items:center; justify-content:center; border:none; border-radius:50%; cursor:pointer; font-family:var(--font-body); font-weight:800; font-size:13px; letter-spacing:.3px; text-transform:uppercase; color:#1a1205; background:linear-gradient(135deg,#ffe08a,#d4a017); box-shadow:0 0 0 6px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.4); transition:transform .15s ease; }
.wheel-center-btn:hover { transform:translate(-50%,-50%) scale(1.06); }
.wheel-center-btn:disabled { opacity:.8; }
.wheel-bulb { fill:currentColor; filter:drop-shadow(0 0 7px currentColor); animation:wheelBulb .8s ease-in-out infinite; }
.wheel-bulb.b-odd { animation-delay:.4s; }
@keyframes wheelBulb { 0%,42% { opacity:1; } 50%,92% { opacity:.06; } 100% { opacity:1; } }
@media (prefers-reduced-motion: reduce) { .wheel-bulb { animation:none; opacity:1; } }

.winners { max-width:480px; margin:22px auto 0; text-align:left; }
@media (min-width: 700px) { .winners { max-width:560px; } }
.winners-page .winners { margin-top:6px; }
.winners-head { display:flex; align-items:center; gap:8px; font-family:var(--font-display); font-size:14px; font-weight:700; color:#fff; margin:0 0 10px; }
.winners-dot { width:9px; height:9px; border-radius:50%; background:#2ecc71; box-shadow:0 0 8px #2ecc71; animation:winnersDot 1.2s ease-in-out infinite; }
@keyframes winnersDot { 0%,100% { opacity:1; } 50% { opacity:.25; } }
.winners-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
.winner-row { list-style:none; }
.winner-link { display:flex; align-items:center; gap:10px; background:var(--c-bg); border:1px solid var(--c-bd); border-radius:10px; padding:6px 11px; text-decoration:none; color:inherit; transition:border-color .15s; }
.winner-link:hover { border-color:var(--logo-fg, #caa24a); }
.winner-av { width:68px; height:26px; border-radius:6px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--logo-bg,#0d0a05); }
.winner-av img { width:100%; height:100%; object-fit:contain; display:block; }
.winner-av-txt { font-weight:800; font-size:15px; color:#ffd166; }
.winner-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.winner-name { font-size:12.5px; font-weight:700; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.winner-time { font-size:10px; color:#8b93a3; }
.winner-amt { flex:0 0 auto; max-width:40%; font-weight:800; font-size:11.5px; color:#2ecc71; font-family:var(--font-body); text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.winner-new { animation:winnerIn .45s ease; }
@keyframes winnerIn { from { opacity:0; transform:translateY(-12px); } to { opacity:1; transform:none; } }
.wheel-result-box { padding:28px 20px 20px; min-width:240px; }
.wheel-result-icon { font-size:46px; line-height:1; margin-bottom:10px; display:block; }
.wheel-result-title { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#c9ccd3; margin-bottom:6px; display:block; }
.wheel-result-label { font-size:22px; font-weight:800; margin:0 0 4px; display:block; word-break:break-word; }
.wheel-claim-btn { display:inline-block; margin-top:16px; font-size:13px; padding:11px 32px; }

.bottom-nav { position:fixed; left:0; right:0; bottom:0; display:flex; justify-content:space-around; padding:9px 4px 13px; z-index:30; background:var(--f-bg,var(--c-bg)); border-top:1px solid var(--f-bd,var(--c-bd)); text-decoration:none; }
.bottom-nav .nav-item { display:flex; flex-direction:column; align-items:center; gap:3px; font-size:9.5px; font-family:var(--font-body); color:rgba(255,255,255,.55); text-decoration:none; }
.bottom-nav .nav-item.active { color:#ffffff; }
.bottom-nav .nav-item .ic { font-size:26px; line-height:1; display:flex; align-items:center; justify-content:center; }
.bottom-nav .nav-item .ic img, .bottom-nav .nav-item .ic svg { width:26px; height:26px; }

.footer-nav { display:none; position:fixed; left:0; right:0; bottom:0; justify-content:center; gap:32px; padding:14px 4px; z-index:30; background:var(--f-bg,var(--c-bg)); border-top:1px solid var(--f-bd,var(--c-bd)); }
.footer-nav .nav-item { display:flex; align-items:center; gap:8px; font-size:12px; font-family:var(--font-body); color:rgba(255,255,255,.65); text-decoration:none; }
.footer-nav .nav-item.active { color:#ffffff; }
.footer-nav .nav-item .ic { font-size:22px; display:flex; align-items:center; justify-content:center; }
.footer-nav .nav-item .ic img, .footer-nav .nav-item .ic svg { width:22px; height:22px; }

@media (min-width: 700px) {
  .bottom-nav { display:none; }
  .footer-nav { display:flex; }
}

.popup-overlay { position:fixed; inset:0; background:rgba(0,0,0,.72); display:none; align-items:center; justify-content:center; z-index:50; overflow:visible; }
.popup-overlay.show { display:flex; }
.popup-stack-wrap { position:relative; width:92%; max-width:360px; }
.popup-stack-close { position:absolute; top:-14px; right:-14px; width:30px; height:30px; border-radius:50%; background:#ff3b3b; color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; cursor:pointer; z-index:10; border:none; box-shadow:0 3px 10px rgba(0,0,0,.55), 0 0 0 2px rgba(255,255,255,.9); line-height:1; padding:0; }
.popup-stack-inner { display:flex; flex-direction:column; gap:8px; max-height:85vh; overflow-y:auto; padding-top:4px; }
.popup-stack-link { display:block; text-decoration:none; border-radius:10px; overflow:hidden; line-height:0; flex-shrink:0; }
.popup-stack-img { width:100%; height:auto; display:block; }
.popup-box { width:92%; max-width:320px; border-radius:14px; padding:8px; position:relative; text-align:center; overflow:visible; }
.popup-close { position:absolute; top:-14px; right:-14px; width:34px; height:34px; border-radius:50%; background:#ff3b3b; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; cursor:pointer; z-index:10; box-shadow:0 3px 10px rgba(0,0,0,.55), 0 0 0 2px rgba(255,255,255,.9); line-height:1; }
.popup-img { width:100%; border-radius:6px; margin-bottom:0; overflow:hidden; line-height:0; }
.popup-img img { width:100%; height:auto; max-height:72vh; object-fit:contain; display:block; }
.popup-link { display:block; text-decoration:none; cursor:pointer; }

.popup-stage { position:relative; }
.popup-scene { display:none; }
.popup-scene.active { display:block; }
.popup-mini-stack { display:flex; flex-direction:column; gap:5px; margin-bottom:0; }
.popup-mini-stack .popup-img { border-radius:4px; }

.f-classic  { --font-display:'Playfair Display',Georgia,serif; --font-body:'Poppins',sans-serif; }
.f-casino   { --font-display:'Bebas Neue',sans-serif; --font-body:'Inter',sans-serif; }
.f-modern   { --font-display:'Cinzel',serif; --font-body:'Manrope',sans-serif; }
.f-sport    { --font-display:'Anton',sans-serif; --font-body:'Inter',sans-serif; }
.f-jackpot  { --font-display:'Russo One',sans-serif; --font-body:'Inter',sans-serif; }
.f-neon     { --font-display:'Orbitron',sans-serif; --font-body:'Roboto',sans-serif; }
.f-elegant  { --font-display:'Cormorant Garamond',serif; --font-body:'Nunito Sans',sans-serif; }
.f-geo      { --font-display:'Archivo Black',sans-serif; --font-body:'Work Sans',sans-serif; }
.f-corp     { --font-display:'Montserrat',sans-serif; --font-body:'Open Sans',sans-serif; }
.f-royal    { --font-display:'Cinzel Decorative',serif; --font-body:'Quicksand',sans-serif; }

.t-gold-black      { --bg1:#1c1408; --bg2:#0a0805; --b-bg:linear-gradient(135deg,#2a2114,#171008); --b-bd:#4a3a1c; --b-fg:#d8b65a; --c-bg:linear-gradient(180deg,#181208,#100c05); --c-bd:#3a2e16; --logo-bg:#0d0a05; --logo-bd:#3a2e16; --logo-fg:#d4af37; --bonus:#f0d98a; --desc:#c7b483; --btn:linear-gradient(135deg,#f6e3a3,#c79a2e); --btn-fg:#1a1200; }
.t-emerald-neon    { --bg1:#04130f; --bg2:#011009; --b-bg:#06201a; --b-bd:#0d3a2c; --b-fg:#27e6b0; --c-bg:#06211b; --c-bd:#0d3a2c; --logo-bg:#021410; --logo-bd:#0d3a2c; --logo-fg:#27e6b0; --bonus:#5dffce; --desc:#7fdcc0; --btn:linear-gradient(135deg,#4dffc2,#15a87c); --btn-fg:#012018; }
.t-ruby-black      { --bg1:#1a0608; --bg2:#0a0203; --b-bg:#2a0a10; --b-bd:#5c1a26; --b-fg:#ff5c72; --c-bg:#1c0810; --c-bd:#3a121a; --logo-bg:#0d0305; --logo-bd:#3a121a; --logo-fg:#ff5c72; --bonus:#ff8595; --desc:#d99aa6; --btn:linear-gradient(135deg,#ff7a8c,#c4233c); --btn-fg:#1a0205; }
.t-sapphire-blue   { --bg1:#040c1c; --bg2:#02060f; --b-bg:#08183a; --b-bd:#15356e; --b-fg:#5ab6ff; --c-bg:#081a3a; --c-bd:#102a52; --logo-bg:#030a1a; --logo-bd:#102a52; --logo-fg:#5ab6ff; --bonus:#7cc8ff; --desc:#9cc7e8; --btn:linear-gradient(135deg,#5ab6ff,#1f6fcf); --btn-fg:#021024; }
.t-royal-purple    { --bg1:#160a26; --bg2:#0b0515; --b-bg:#23123d; --b-bd:#4a2877; --b-fg:#c9a3ff; --c-bg:#1d0f35; --c-bd:#341c5c; --logo-bg:#0e0620; --logo-bd:#341c5c; --logo-fg:#c9a3ff; --bonus:#d9bfff; --desc:#bda3e0; --btn:linear-gradient(135deg,#c9a3ff,#7b3ff2); --btn-fg:#0e0620; }
.t-rosegold-black  { --bg1:#1a1012; --bg2:#0c0708; --b-bg:#2c1c1e; --b-bd:#704848; --b-fg:#e6b8a8; --c-bg:#221516; --c-bd:#4a302f; --logo-bg:#120a0b; --logo-bd:#4a302f; --logo-fg:#e6b8a8; --bonus:#f0c9bb; --desc:#d6a99a; --btn:linear-gradient(135deg,#f0c9bb,#c2876d); --btn-fg:#1a0e08; }
.t-platinum-silver { --bg1:#15161a; --bg2:#0a0a0c; --b-bg:#23252c; --b-bd:#565b66; --b-fg:#dfe3ea; --c-bg:#1c1e24; --c-bd:#3a3d46; --logo-bg:#0e0f12; --logo-bd:#3a3d46; --logo-fg:#dfe3ea; --bonus:#ffffff; --desc:#aab0bd; --btn:linear-gradient(135deg,#eef0f3,#a3a9b5); --btn-fg:#0e0f12; }
.t-bronze-copper   { --bg1:#1c0f06; --bg2:#0d0703; --b-bg:#2e1a0c; --b-bd:#6b3f1a; --b-fg:#e0934a; --c-bg:#241307; --c-bd:#4a2810; --logo-bg:#120a04; --logo-bd:#4a2810; --logo-fg:#e0934a; --bonus:#f0ab66; --desc:#d1a877; --btn:linear-gradient(135deg,#f0ab66,#b8651f); --btn-fg:#1a0e04; }
.t-midnight-cyan   { --bg1:#020c14; --bg2:#01060a; --b-bg:#04222e; --b-bd:#0c4a5e; --b-fg:#3fe0ff; --c-bg:#03232f; --c-bd:#0a3a4a; --logo-bg:#011319; --logo-bd:#0a3a4a; --logo-fg:#3fe0ff; --bonus:#7eecff; --desc:#8fd6e6; --btn:linear-gradient(135deg,#5be8ff,#1597b8); --btn-fg:#011319; }
.t-crimson-gold    { --bg1:#1a0608; --bg2:#0a0203; --b-bg:#2a0c10; --b-bd:#6e2024; --b-fg:#e8c373; --c-bg:#220a0d; --c-bd:#481418; --logo-bg:#100405; --logo-bd:#481418; --logo-fg:#e8c373; --bonus:#f3d68f; --desc:#dba98c; --btn:linear-gradient(135deg,#f3d68f,#c79527); --btn-fg:#1a0500; }

.t-onyx-teal       { --bg1:#08161a; --bg2:#030b0e; --b-bg:#0c2228; --b-bd:#155e6e; --b-fg:#3fd6e0; --c-bg:#0a2026; --c-bd:#123e48; --logo-bg:#051418; --logo-bd:#123e48; --logo-fg:#3fd6e0; --bonus:#6ef0f0; --desc:#88cdd6; --btn:linear-gradient(135deg,#4ee0e8,#118f9c); --btn-fg:#021416; --f-bg:#041d22; --f-bd:#1a7080; }
.t-wine-rose       { --bg1:#1a0a12; --bg2:#0c040a; --b-bg:#2a0e1c; --b-bd:#6e2048; --b-fg:#ff7ab0; --c-bg:#220a16; --c-bd:#481030; --logo-bg:#10040b; --logo-bd:#481030; --logo-fg:#ff7ab0; --bonus:#ff9ec8; --desc:#d99ab8; --btn:linear-gradient(135deg,#ff8cbc,#c4326e); --btn-fg:#1a0410; --f-bg:#280a1a; --f-bd:#7a2452; }
.t-steel-ice       { --bg1:#0c1016; --bg2:#05080c; --b-bg:#161e28; --b-bd:#34465e; --b-fg:#9cc4ec; --c-bg:#131a24; --c-bd:#283442; --logo-bg:#0a0e14; --logo-bd:#283442; --logo-fg:#9cc4ec; --bonus:#c4e0ff; --desc:#9eb2c8; --btn:linear-gradient(135deg,#acd0f4,#5a82ac); --btn-fg:#0a121c; --f-bg:#10161f; --f-bd:#3a4e66; }
.t-forest-lime     { --bg1:#0c160a; --bg2:#040b03; --b-bg:#142410; --b-bd:#2e5e1c; --b-fg:#9ce858; --c-bg:#11200d; --c-bd:#284818; --logo-bg:#0a1206; --logo-bd:#284818; --logo-fg:#9ce858; --bonus:#bcff7a; --desc:#a6cd88; --btn:linear-gradient(135deg,#aaf062,#5ba81f); --btn-fg:#0a1604; --f-bg:#0f2008; --f-bd:#356e1f; }
.t-charcoal-amber  { --bg1:#161310; --bg2:#0a0806; --b-bg:#241e16; --b-bd:#6e5320; --b-fg:#f0b860; --c-bg:#201a12; --c-bd:#483a20; --logo-bg:#120e08; --logo-bd:#483a20; --logo-fg:#f0b860; --bonus:#ffd28a; --desc:#d6bc94; --btn:linear-gradient(135deg,#ffc46e,#c4861f); --btn-fg:#1a1204; --f-bg:#221a0e; --f-bd:#7a5e26; }

[class*="t-"] { background:radial-gradient(circle at 50% 0%, var(--bg1), var(--bg2) 75%); }
[class*="t-"] .b-item { background:var(--b-bg); border:1px solid var(--b-bd); color:var(--b-fg); }
[class*="t-"] .card .logo-box { background:var(--logo-bg); border-color:var(--logo-bd); color:var(--logo-fg); }
[class*="t-"] .popup-box { background:var(--c-bg); border:1px solid var(--b-fg); }
[class*="t-"] .popup-img { background:var(--b-bg); color:var(--b-fg); border:1px solid var(--b-bd); }


.site.bs-2 .card .btn, .site.bs-2 .popup-box .btn, .site.bs-2 .popup-scene .btn { background:#2ecc71; color:#08230f; box-shadow:0 2px 6px rgba(0,0,0,.35); }
.site.bs-3 .card .btn, .site.bs-3 .popup-box .btn, .site.bs-3 .popup-scene .btn { background:transparent; border:1.5px solid #2ecc71; color:#2ecc71; box-shadow:none; }
.site.bs-4 .card .btn, .site.bs-4 .popup-box .btn, .site.bs-4 .popup-scene .btn { background:#0d1a12; border:1px solid #2ecc71; color:#2ecc71; box-shadow:0 0 10px #2ecc71, inset 0 0 6px rgba(255,255,255,.08); }
.site.bs-5 .card .btn, .site.bs-5 .popup-box .btn, .site.bs-5 .popup-scene .btn { background:linear-gradient(135deg,#ffb347,#e8590c); color:#fff; box-shadow:0 4px 14px rgba(232,89,12,.4), inset 0 1px 0 rgba(255,255,255,.25); }
.site.bs-6 .card .btn, .site.bs-6 .popup-box .btn, .site.bs-6 .popup-scene .btn { background:linear-gradient(135deg,#ff5c5c,#c0392b); color:#fff; box-shadow:0 4px 14px rgba(192,57,43,.4), inset 0 1px 0 rgba(255,255,255,.25); }
.site.bs-7 .card .btn, .site.bs-7 .popup-box .btn, .site.bs-7 .popup-scene .btn { background:linear-gradient(135deg,#ffe066,#d4a017); color:#1a1200; box-shadow:0 4px 14px rgba(212,160,23,.4), inset 0 1px 0 rgba(255,255,255,.35); }
.site.bs-8 .card .btn, .site.bs-8 .popup-box .btn, .site.bs-8 .popup-scene .btn { background:linear-gradient(135deg,#4dabf7,#1971c2); color:#fff; box-shadow:0 4px 14px rgba(25,113,194,.4), inset 0 1px 0 rgba(255,255,255,.25); }