:root{
  --bg:#040d31;
  --bg-2:#07184a;
  --card:#0b1c55cc;
  --line:rgba(255,255,255,.1);
  --text:#f6f8ff;
  --muted:#9ea8cf;
  --shadow:0 20px 60px rgba(4,10,35,.5);
  --radius:22px;
  --sidebar-w:288px;
  --sidebar-collapsed:96px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:
radial-gradient(circle at 20% 0%, rgba(52,104,255,.22), transparent 25%),
radial-gradient(circle at 95% 10%, rgba(24,179,255,.14), transparent 24%),
radial-gradient(circle at 80% 80%, rgba(255,183,0,.08), transparent 18%),
linear-gradient(180deg, var(--bg-2), #04103a 26%, #030d33 100%);
min-height:100%}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
.container{width:min(1360px, calc(100% - 40px));margin:0 auto}
.glass{background:linear-gradient(180deg, rgba(13,26,76,.82), rgba(7,18,58,.7));backdrop-filter:blur(22px);border:1px solid var(--line);box-shadow:var(--shadow)}
.site-shell-body{position:relative;min-height:100vh;padding-left:var(--sidebar-w);transition:padding-left .35s ease}
.site-shell-body.sidebar-collapsed{padding-left:var(--sidebar-collapsed)}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center, black 42%, transparent 95%);opacity:.15;pointer-events:none;z-index:0}
.bg-orb{position:fixed;border-radius:50%;filter:blur(110px);opacity:.17;pointer-events:none;z-index:0}
.orb-1{width:320px;height:320px;background:var(--primary);top:50px;left:-120px}
.orb-2{width:280px;height:280px;background:var(--accent);bottom:70px;right:-80px}
.mobile-topbar,.mobile-overlay{display:none}
.site-sidebar{position:fixed;left:18px;top:16px;bottom:16px;width:calc(var(--sidebar-w) - 36px);border-radius:28px;padding:18px;display:flex;flex-direction:column;z-index:60;transition:width .35s ease, transform .35s ease, padding .35s ease}
.site-shell-body.sidebar-collapsed .site-sidebar{width:calc(var(--sidebar-collapsed) - 28px);padding-inline:14px}
.sidebar-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:22px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.sidebar-brand{flex:1;overflow:hidden}
.brand img{width:56px;height:56px;object-fit:contain;border-radius:16px;background:#fff;padding:6px;flex:0 0 auto}
.brand-badge{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--accent),#fff0);font-weight:900;font-size:28px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 30px rgba(255,200,61,.2)}
.brand-badge.small{width:40px;height:40px;font-size:21px;border-radius:13px}
.brand-copy,.brand>div{min-width:0;transition:opacity .25s ease, transform .25s ease}
.brand strong{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-shell-body.sidebar-collapsed .brand-copy,.site-shell-body.sidebar-collapsed .sidebar-stat,.site-shell-body.sidebar-collapsed .sidebar-panel-link{opacity:0;transform:translateX(-8px);pointer-events:none;width:0;overflow:hidden}
.site-shell-body.sidebar-collapsed .sidebar-brand{justify-content:center}
.sidebar-pin{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;cursor:pointer;flex:0 0 auto}
.sidebar-pin span,.menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.35);position:relative}
.sidebar-pin span::before,.sidebar-pin span::after,.menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0;width:100%;height:100%;border-radius:inherit;background:inherit}
.sidebar-pin span::before{top:-6px}.sidebar-pin span::after{top:6px}
.sidebar-nav{display:grid;gap:10px;flex:1;align-content:start}
.sidebar-nav a{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;position:relative;overflow:hidden}
.sidebar-nav a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.10), transparent 45%, rgba(74,163,255,.12));opacity:0;transition:opacity .25s ease}
.sidebar-nav a:hover,.sidebar-nav a.active{transform:translateX(4px);border-color:rgba(255,255,255,.14);background:linear-gradient(135deg, rgba(30,167,255,.14), rgba(255,200,61,.11));box-shadow:0 16px 32px rgba(0,0,0,.18)}
.sidebar-nav a:hover::before,.sidebar-nav a.active::before{opacity:1}
.nav-ico{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.05);font-size:18px;flex:0 0 auto}
.nav-label{font-weight:700;white-space:nowrap}
.site-shell-body.sidebar-collapsed .sidebar-nav a{justify-content:center;padding-inline:12px}
.site-shell-body.sidebar-collapsed .nav-label{display:none}
.site-shell-body.sidebar-collapsed .sidebar-nav a:hover,.site-shell-body.sidebar-collapsed .sidebar-nav a.active{transform:none}
.sidebar-footer{display:grid;gap:14px;margin-top:16px}
.sidebar-stat{padding:16px;border-radius:18px;background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);transition:opacity .25s ease, transform .25s ease}
.sidebar-stat-label{display:block;font-size:12px;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px}
.sidebar-panel-link{text-align:center}
.page-shell{position:relative;z-index:1}
.main-content{padding:24px 0 34px}
.hero{padding:0}
.section{margin-top:28px}
.hero-slider{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px rgba(2,8,35,.3), inset 0 1px 0 rgba(255,255,255,.06)}
.hero-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.hero-slide{min-width:100%;position:relative;aspect-ratio: 4 / 1;overflow:hidden;background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02))}
.hero-slide img,.hero-slide video{width:100%;height:100%;object-fit:cover}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%, rgba(2,8,30,.35))}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,12,46,.72), rgba(5,12,46,.22) 38%, transparent 70%)}
.hero-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:9px;z-index:5}
.hero-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.34);cursor:pointer;border:1px solid rgba(255,255,255,.25)}
.hero-dot.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}
.title-row{display:flex;align-items:center;gap:12px;margin:8px 0 16px}
.title-row .emoji{font-size:19px;filter:drop-shadow(0 0 12px rgba(255,170,0,.6))}
.title-row h2{margin:0;font-size:27px;letter-spacing:.01em}
.category-section{padding:2px 0 6px}
.sponsor-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:16px}
.sponsor-card{position:relative;display:flex;align-items:center;justify-content:center;height:106px;border-radius:20px;border:1px solid rgba(255,255,255,.11);overflow:hidden;background:
radial-gradient(circle at 20% 30%, rgba(65,112,255,.15), transparent 35%),
linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.02) 42%, rgba(255,255,255,.012));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 14px 34px rgba(1,5,22,.22);transition:transform .3s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease}
.sponsor-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg, rgba(255,255,255,.25), transparent 35%, rgba(30,167,255,.65), rgba(255,200,61,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.58;pointer-events:none}
.sponsor-card::after{content:"";position:absolute;top:-60%;left:-120%;width:60%;height:220%;transform:rotate(18deg);background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), rgba(255,255,255,.40), transparent);animation:shine 4.8s linear infinite;pointer-events:none}
.sponsor-card:hover{transform:translateY(-8px) scale(1.035);box-shadow:0 28px 62px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.08),0 0 44px color-mix(in srgb, var(--primary) 32%, transparent);border-color:rgba(255,255,255,.2);background:radial-gradient(circle at 75% 20%, rgba(255,255,255,.10), transparent 24%), radial-gradient(circle at 18% 25%, rgba(63,135,255,.24), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.02))}
.sponsor-card:hover .logo-wrap{transform:scale(1.05)}
.logo-wrap{width:82%;height:56px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.logo-wrap img{max-height:56px;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(255,255,255,.09))}
.sponsor-badge{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:#ced7ff;border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.ticker-wrap{position:relative;overflow:hidden;border-radius:24px;padding:14px 0;margin:28px 0 8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}
.ticker-track{display:flex;gap:36px;white-space:nowrap;animation:ticker 28s linear infinite;width:max-content;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:flex;align-items:center;justify-content:center;min-width:120px;height:42px;opacity:.95}
.ticker-item img{height:28px;max-width:120px;object-fit:contain}
.site-footer{padding:18px 0 42px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-radius:24px}
.footer-inner p{margin:.45rem 0 0;color:var(--muted)}
.main-nav a,.panel-link,.btn{position:relative;padding:11px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:.25s ease;color:#fff}
.main-nav a:hover,.panel-link:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.25);background:rgba(255,255,255,.07)}
.panel-link,.btn-primary{background:linear-gradient(135deg,var(--primary),#2366ff);border:none}
.coming-hero{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:36px 0}
.coming-card{max-width:820px;padding:40px;text-align:center;border-radius:30px}
.coming-card h1{font-size:52px;margin:8px 0 14px}
.coming-card p{color:var(--muted);font-size:18px}
.tag{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:14px}
main,footer{position:relative;z-index:1}
.empty-state{padding:26px;border-radius:20px;color:var(--muted);border:1px dashed rgba(255,255,255,.12)}
.flash{padding:14px 16px;border-radius:16px;margin-bottom:16px}
.flash.success{background:rgba(12,185,98,.12);border:1px solid rgba(12,185,98,.3)}
.flash.error{background:rgba(255,79,79,.12);border:1px solid rgba(255,79,79,.3)}
/* admin */
.admin-page{background:linear-gradient(180deg, #07133f, #030b2a)}
.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{padding:20px;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.08);background:rgba(2,8,31,.65);backdrop-filter:blur(12px)}
.sidebar h1{font-size:22px;margin:6px 0 20px}
.sidebar .menu{display:grid;gap:10px}
.sidebar .menu a{padding:13px 14px;border-radius:14px;color:#dfe7ff;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.sidebar .menu a.active,.sidebar .menu a:hover{background:linear-gradient(135deg, rgba(30,167,255,.15), rgba(255,200,61,.12));border-color:rgba(255,255,255,.12)}
.admin-main{padding:24px}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.admin-title h2{margin:0;font-size:30px}.admin-title p{margin:6px 0 0;color:var(--muted)}
.card{border-radius:24px;padding:20px;background:linear-gradient(180deg, rgba(12,23,73,.92), rgba(6,15,49,.85));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.grid-2,.grid-3{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi{padding:20px;border-radius:22px;background:linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07)}
.kpi span{display:block;color:var(--muted);font-size:14px}.kpi strong{display:block;font-size:32px;margin-top:10px}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:middle}.table th{color:#c7d4ff;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.table tr:hover td{background:rgba(255,255,255,.02)}
input,textarea,select{width:100%;background:#071647;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;padding:13px 14px;outline:none}
textarea{min-height:110px;resize:vertical}
label{display:block;margin-bottom:8px;font-size:14px;color:#d7e1ff}
.form-group{margin-bottom:16px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-outline{border:1px solid rgba(255,255,255,.12)}
.preview-thumb{width:100%;max-width:180px;height:64px;object-fit:contain;background:#04103a;border-radius:12px;padding:8px;border:1px solid rgba(255,255,255,.06)}
.inline-switch{display:flex;align-items:center;gap:8px}.inline-switch input{width:auto}
.sort-list{display:grid;gap:12px}.sort-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);cursor:grab}.drag-handle{font-size:20px;color:var(--muted)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(520px,100%);padding:28px}
@keyframes shine{0%{left:-120%}100%{left:160%}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width: 1200px){
  .sponsor-grid{grid-template-columns:repeat(3, minmax(0,1fr))}
}
@media (max-width: 1024px){
  .admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}
}
@media (max-width: 900px){
  .site-shell-body,.site-shell-body.sidebar-collapsed{padding-left:0}
  .mobile-topbar{position:sticky;top:12px;z-index:90;margin:12px 12px 0;padding:10px 14px;border-radius:20px;display:flex;align-items:center;gap:14px}
  .mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}
  .mobile-brand img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}
  .mobile-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-toggle{width:46px;height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);display:grid;place-items:center;cursor:pointer;flex:0 0 auto;position:relative}
  .menu-toggle span{width:18px}
  .menu-toggle span::before{top:-6px}.menu-toggle span::after{top:6px}
  .site-sidebar{left:12px;top:12px;bottom:12px;width:min(320px, calc(100vw - 24px));transform:translateX(-115%);padding:18px}
  .site-shell-body.sidebar-open .site-sidebar{transform:translateX(0)}
  .site-shell-body.sidebar-collapsed .site-sidebar{width:min(320px, calc(100vw - 24px));padding:18px}
  .site-shell-body.sidebar-collapsed .brand-copy,.site-shell-body.sidebar-collapsed .sidebar-stat,.site-shell-body.sidebar-collapsed .sidebar-panel-link{opacity:1;transform:none;pointer-events:auto;width:auto}
  .site-shell-body.sidebar-collapsed .sidebar-nav a{justify-content:flex-start;padding-inline:16px}
  .site-shell-body.sidebar-collapsed .nav-label{display:inline}
  .mobile-overlay{position:fixed;inset:0;background:rgba(2,7,26,.55);backdrop-filter:blur(6px);z-index:50;opacity:0;pointer-events:none;transition:opacity .28s ease;display:block}
  .site-shell-body.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}
  .page-shell{padding-top:8px}
}
@media (max-width: 768px){
  .container{width:min(100%, calc(100% - 20px))}
  .hero-slide{aspect-ratio: 16 / 6.6}
  .title-row h2{font-size:22px}
  .sponsor-grid{grid-template-columns:repeat(3, minmax(0,1fr));gap:10px}
  .sponsor-card{height:92px;border-radius:16px}
  .logo-wrap{width:84%;height:46px}
  .logo-wrap img{max-height:46px}
  .sponsor-badge{top:8px;right:8px;padding:4px 8px;font-size:10px}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .coming-card{padding:28px}.coming-card h1{font-size:38px}
}
@media (max-width: 480px){
  .sponsor-grid{gap:8px}
  .sponsor-card{height:84px}
  .logo-wrap{height:40px;width:86%}
  .logo-wrap img{max-height:40px}
  .title-row{margin-bottom:12px}
}


/* v2.1 sidebar revision */
.mobile-topbar{justify-content:space-between}
.mobile-brand-logo,.sidebar-logo-only{display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;position:relative}
.mobile-brand-logo{max-width:180px;height:52px;padding:4px 8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.mobile-brand-logo img{width:100%;height:100%;object-fit:contain;background:transparent;padding:0;border-radius:0}
.sidebar-head-logo-only{align-items:flex-start;gap:12px}
.sidebar-logo-only{flex:1;min-height:68px;padding:6px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.sidebar-logo-only img{width:100%;height:auto;max-height:56px;object-fit:contain;background:transparent;padding:0;border-radius:0}
.site-shell-body.sidebar-collapsed .sidebar-logo-only{padding:8px}
.site-shell-body.sidebar-collapsed .sidebar-logo-only img{max-height:44px}
.sidebar-community-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border-radius:22px;background:linear-gradient(180deg, rgba(20,35,92,.95), rgba(10,21,64,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.community-copy strong{display:block;font-size:15px;line-height:1.15;margin-bottom:4px}
.community-copy span{display:block;color:#dfe7ff;font-size:12px;line-height:1.2}
.community-copy em{font-style:normal;color:#ff7a00;font-weight:800}
.community-logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:900;color:white;background:linear-gradient(135deg, #49a5ff, #85d2ff 55%, #2c74ff);box-shadow:0 10px 24px rgba(73,165,255,.28)}
.community-socials{grid-column:1 / -1;display:flex;gap:12px;padding-top:2px}
.community-socials a{width:40px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#dce4ff;transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease}
.community-socials a:hover{transform:translateY(-2px);background:rgba(87,159,255,.16);border-color:rgba(130,191,255,.3);box-shadow:0 12px 22px rgba(26,76,176,.22)}
.site-shell-body.sidebar-collapsed .sidebar-community-card{padding:10px;grid-template-columns:1fr}
.site-shell-body.sidebar-collapsed .community-copy,.site-shell-body.sidebar-collapsed .community-socials{display:none}
.site-shell-body.sidebar-collapsed .community-logo{margin:0 auto;width:44px;height:44px;font-size:20px}

@media (max-width: 900px){
  .mobile-brand-logo{display:flex}
  .site-sidebar{justify-content:flex-start}
  .sidebar-head-logo-only{padding-right:6px}
  .sidebar-community-card{margin-top:auto}
}


/* rev3 layout refinements */
.mobile-topbar{justify-content:space-between;gap:12px;padding:8px 10px}
.mobile-brand-logo,.sidebar-logo-only{background:transparent;border:none;padding:0;box-shadow:none}
.mobile-brand-logo{height:52px;max-width:210px;flex:1;justify-content:flex-start}
.mobile-brand-logo img{width:auto;height:100%;max-width:100%;object-fit:contain}
.sidebar-head-logo-only{align-items:center;gap:10px;margin-bottom:18px}
.sidebar-logo-only{display:flex;align-items:center;justify-content:flex-start;min-height:auto;flex:1}
.sidebar-logo-only img{width:100%;max-width:170px;height:auto;max-height:none;object-fit:contain}
.site-shell-body.sidebar-collapsed .sidebar-logo-only{justify-content:center}
.site-shell-body.sidebar-collapsed .sidebar-logo-only img{max-width:50px;max-height:50px}
.site-shell-body.sidebar-collapsed .sidebar-community-card{display:none}
.sidebar-community-card{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-radius:20px;background:linear-gradient(180deg, rgba(18,34,92,.88), rgba(10,21,62,.9));border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.community-copy strong{font-size:14px;font-weight:800;margin-bottom:2px}
.community-copy span{font-size:12px;color:#d8e2ff}
.community-copy em{font-style:normal;color:#ff7a00;font-weight:800}
.community-logo{width:42px;height:42px;border-radius:12px;font-size:22px;background:linear-gradient(135deg,#63b4ff,#3795ff 58%,#91d6ff)}
.community-socials{display:flex;gap:10px;grid-column:1 / -1;padding-top:2px}
.community-socials a{width:38px;height:30px;border-radius:10px;font-size:15px}
.footer-inner-simple{justify-content:flex-start}
.footer-inner-simple .panel-link{display:none}
@media (max-width: 900px){
  .mobile-brand-logo{max-width:200px}
  .sidebar-community-card{display:grid}
}

/* v4 feature pack */
.menu-toggle,.sidebar-pin{overflow:hidden}
.menu-toggle span,.sidebar-pin span{display:block;width:18px;height:2px;border-radius:999px;background:#fff;position:relative;box-shadow:0 0 16px rgba(255,255,255,.34)}
.menu-toggle span::before,.menu-toggle span::after,.sidebar-pin span::before,.sidebar-pin span::after{content:"";position:absolute;left:0;width:100%;height:100%;background:#fff;border-radius:inherit}
.menu-toggle span::before,.sidebar-pin span::before{top:-6px}
.menu-toggle span::after,.sidebar-pin span::after{top:6px}
.menu-toggle{width:46px;height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.site-shell-body.sidebar-collapsed .site-sidebar{overflow:visible}
.site-shell-body.sidebar-collapsed .sidebar-pin{margin-inline:auto}
.sidebar-community-card{grid-template-columns:1fr auto;align-items:center}
.community-logo{display:grid;place-items:center;padding:0;border:0;text-decoration:none;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#56beff,#2AABEE 55%,#1269b5);box-shadow:0 14px 28px rgba(42,171,238,.28)}
.community-logo svg{width:28px;height:28px;display:block}
.community-socials{display:flex;gap:10px;flex-wrap:wrap}
.community-socials.empty{display:none}
.community-socials a{width:38px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#dce4ff;transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease}
.community-socials a svg,.community-socials a img{width:17px;height:17px;display:block;object-fit:contain}
.community-socials a:hover{transform:translateY(-2px);background:rgba(87,159,255,.16);border-color:rgba(130,191,255,.3);box-shadow:0 12px 22px rgba(26,76,176,.22)}
.inline-banner-section{padding-top:0}
.inline-banner{display:block;position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);min-height:70px;box-shadow:0 18px 46px rgba(0,0,0,.18)}
.inline-banner img,.inline-banner video{display:block;width:100%;height:100%;max-height:90px;object-fit:cover}
.popup-stack{position:relative;z-index:120}
.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px;z-index:120}
.popup-overlay.active{display:flex}
.popup-card{position:relative;width:min(420px, 100%);padding:16px;border-radius:26px;background:linear-gradient(180deg, rgba(7,18,58,.98), rgba(5,11,39,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.popup-media{border-radius:20px;overflow:hidden;background:#020818}
.popup-media img,.popup-media video{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}
.popup-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(7,14,38,.9);color:#fff;cursor:pointer;font-size:22px;line-height:1}
.popup-action{display:block;margin-top:14px;padding:14px 18px;border-radius:16px;text-align:center;font-weight:800;background:linear-gradient(135deg,var(--accent),#f6d478);color:#09122f;box-shadow:0 14px 30px rgba(255,200,61,.24)}
@media (max-width: 900px){
  .mobile-topbar{display:flex;position:sticky;top:8px;z-index:70}
  .menu-toggle{border-radius:16px}
  .sidebar-community-card{margin-top:auto}
}

/* ===== v5 layout overhaul ===== */
:root{
  --header-h:72px;
  --sidebar-w:178px;
  --sidebar-collapsed:72px;
}
.site-shell-body{padding-left:calc(var(--sidebar-w) + 18px);padding-top:calc(var(--header-h) + 18px)}
.site-shell-body.sidebar-collapsed{padding-left:calc(var(--sidebar-collapsed) + 18px)}
.site-header{position:fixed;top:8px;left:8px;right:8px;height:var(--header-h);z-index:70;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(180deg,rgba(11,22,67,.96),rgba(7,16,52,.94));border-color:rgba(255,255,255,.09)}
.header-left,.header-actions,.header-nav{display:flex;align-items:center;gap:12px}
.header-logo{display:flex;align-items:center;height:42px;min-width:120px;max-width:210px}
.header-logo img{max-height:38px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.28))}
.header-logo span{font-weight:900;font-size:24px;letter-spacing:-.02em}
.header-toggle{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.header-toggle span,.header-toggle span::before,.header-toggle span::after{display:block;width:18px;height:2px;background:#fff;border-radius:999px;position:relative;transition:transform .25s ease,opacity .25s ease}
.header-toggle span::before,.header-toggle span::after{content:"";position:absolute;left:0}
.header-toggle span::before{top:-6px}.header-toggle span::after{top:6px}
.site-shell-body.menu-open .header-toggle span{background:transparent}
.site-shell-body.menu-open .header-toggle span::before{top:0;transform:rotate(45deg)}
.site-shell-body.menu-open .header-toggle span::after{top:0;transform:rotate(-45deg)}
.header-link{padding:10px 14px;border-radius:14px;font-size:14px;font-weight:700;color:#d8e2ff;background:rgba(255,255,255,.03);border:1px solid transparent}
.header-link:hover,.header-link.active{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:14px;border:0;font-weight:800;letter-spacing:-.01em;transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-soft{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1)}
.btn-accent{background:linear-gradient(180deg,#ff9737,#ff6f0f);color:#fff;box-shadow:0 12px 26px rgba(255,111,15,.26)}
.btn-primary{background:linear-gradient(180deg,#2aa4ff,#1a72ff);color:#fff;box-shadow:0 12px 26px rgba(36,122,255,.22)}
.site-sidebar{top:calc(var(--header-h) + 16px);left:8px;bottom:8px;width:var(--sidebar-w);padding:12px;border-radius:22px;background:linear-gradient(180deg,rgba(8,19,61,.96),rgba(5,15,49,.95));display:flex;flex-direction:column;z-index:65;transition:width .3s ease,transform .3s ease}
.site-shell-body.sidebar-collapsed .site-sidebar{width:var(--sidebar-collapsed)}
.sidebar-scroll{overflow:auto;flex:1;padding-right:2px}
.sidebar-nav{display:grid;gap:8px}
.sidebar-nav a{min-height:42px;padding:10px 12px;border-radius:14px;gap:12px;display:flex;align-items:center;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);box-shadow:none;transform:none}
.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,rgba(32,152,255,.16),rgba(255,188,46,.08));border-color:rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.16);transform:translateX(2px)}
.nav-ico{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;background:none;border-radius:0;font-size:0}
.nav-ico svg{width:18px;height:18px;display:block;color:#cfd9ff}
.nav-label{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-shell-body.sidebar-collapsed .nav-label,.site-shell-body.sidebar-collapsed .community-copy,.site-shell-body.sidebar-collapsed .community-socials{display:none}
.site-shell-body.sidebar-collapsed .sidebar-nav a{justify-content:center;padding-inline:0}
.site-shell-body.sidebar-collapsed .sidebar-footer{padding:10px;align-items:center}
.sidebar-footer{margin-top:12px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.community-copy strong{display:block;font-size:13px;line-height:1.2}.community-copy span{display:block;margin-top:4px;font-size:12px;color:var(--muted);line-height:1.25}
.community-logo{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,#66bcff,#2a84ff);box-shadow:0 10px 22px rgba(42,132,255,.24)}
.community-logo svg{width:24px;height:24px}
.sidebar-community-card{position:relative;padding-right:66px}
.community-socials{display:flex;gap:8px;margin-top:12px}
.community-socials a{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.community-socials svg,.community-socials img{width:16px;height:16px;object-fit:contain}
.page-shell{position:relative;z-index:2}
.main-content{padding-bottom:30px}
.hero.section{padding-top:8px}
.hero-slider{border-radius:24px;overflow:hidden}
.container{width:min(1180px, calc(100% - 36px))}
.site-footer{padding:12px 0 22px}.footer-inner-simple{padding:18px 20px}
#sponsor-kategorileri{scroll-margin-top:96px}
.auth-page-wrap{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:30px 0}
.auth-card{width:min(520px,100%);padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(12,26,76,.95),rgba(5,16,50,.92));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.auth-card h1{margin:0 0 8px;font-size:34px;letter-spacing:-.03em}.auth-card p{margin:0 0 22px;color:var(--muted)}
.form-grid{display:grid;gap:16px}.form-group{display:grid;gap:8px}.form-group label{font-size:14px;font-weight:700;color:#dbe4ff}.form-group input{height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:0 16px;color:#fff;outline:none}.form-group input:focus{border-color:rgba(65,159,255,.6);box-shadow:0 0 0 4px rgba(65,159,255,.12)}
.auth-card .form-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
.flash-inline{padding:13px 14px;border-radius:14px;margin-bottom:16px;font-size:14px;font-weight:700}.flash-inline.success{background:rgba(50,180,100,.15);border:1px solid rgba(60,200,120,.24)}.flash-inline.error{background:rgba(255,92,92,.13);border:1px solid rgba(255,92,92,.24)}
.member-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-weight:700}
.placeholder-shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:30px 0}
.placeholder-card{width:min(760px,100%);padding:30px;border-radius:28px;text-align:center}
.placeholder-card h1{margin:12px 0 10px;font-size:40px}.placeholder-card p{color:var(--muted);font-size:18px;margin:0 auto;max-width:560px}.placeholder-tag{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:800;color:#dbe6ff}
.account-grid{display:grid;gap:16px}.account-card{padding:22px;border-radius:22px}
@media (max-width: 1180px){.header-nav{display:none}.container{width:min(1000px,calc(100% - 28px))}}
@media (max-width: 900px){
  .site-shell-body{padding-left:0;padding-top:calc(var(--header-h) + 12px)}
  .site-sidebar{transform:translateX(-120%);width:min(320px,calc(100vw - 24px));top:calc(var(--header-h) + 8px);bottom:8px}
  .site-shell-body.menu-open .site-sidebar{transform:translateX(0)}
  .mobile-overlay{display:block;position:fixed;inset:0;background:rgba(2,8,25,.55);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:62}
  .site-shell-body.menu-open .mobile-overlay{opacity:1;pointer-events:auto}
  .header-actions .btn{height:38px;padding:0 14px;font-size:14px}
  .community-copy,.community-socials{display:block !important}
}
@media (max-width: 640px){
  .site-header{padding:10px 12px;height:64px}.site-shell-body{padding-top:76px}
  .header-logo{max-width:130px;min-width:92px}.header-logo img{max-height:30px}
  .header-actions{gap:8px}.header-actions .btn{padding:0 12px;font-size:13px;height:36px;border-radius:12px}
  .sponsor-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px}
  .sponsor-card{min-height:84px;padding:10px;border-radius:16px}.logo-wrap img{max-height:32px}
  .title-row h2{font-size:18px}.popup-card{width:min(92vw,420px)}
}

/* ===== v6 auth/profile/user/menu ===== */
.v6-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px}
.header-nav-centered{justify-content:center}
.header-link-icon{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(255,255,255,.035)}
.market-pill{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:14px;background:rgba(255,147,55,.12);border:1px solid rgba(255,147,55,.18);color:#ffb36c;font-weight:800}
.user-pill-wrap{position:relative}.user-pill{height:42px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;padding:0 12px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700}.coin-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(255,153,51,.18)}.user-caret{opacity:.7}
.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:210px;border-radius:18px;background:linear-gradient(180deg,rgba(11,23,67,.98),rgba(7,18,53,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.34);padding:12px;display:none}
.user-pill-wrap.open .user-dropdown{display:block}.user-dropdown-head{display:flex;gap:10px;align-items:center;padding:8px 8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.user-dropdown-head strong,.side-user strong{display:block;font-size:15px}.user-dropdown-head span,.side-user span{display:block;font-size:12px;color:var(--muted)}
.user-avatar-sm,.profile-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4db5ff,#2f69ff);font-weight:900}.user-avatar-sm.large{width:52px;height:52px}
.user-dropdown-balance,.side-balance{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.user-dropdown a,.side-links a{display:flex;padding:10px 8px;border-radius:12px;color:#dfe7ff;font-weight:700}.user-dropdown a:hover,.side-links a:hover,.side-links a.active{background:rgba(255,255,255,.05)}.user-dropdown a.danger,.side-links a.danger{color:#ff6464}
.auth-split-page{padding:26px 0 34px}.auth-split-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(9,22,66,.95),rgba(5,15,48,.95));border:1px solid rgba(255,255,255,.08)}
.auth-visual{position:relative;background:radial-gradient(circle at 20% 20%,rgba(77,181,255,.24),transparent 35%), url('https://images.unsplash.com/photo-1518546305927-5a555bb7020d?auto=format&fit=crop&w=900&q=80') center/cover no-repeat;min-height:720px}.auth-visual-login{background:radial-gradient(circle at 20% 20%,rgba(255,153,51,.18),transparent 35%), url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,50,.15),rgba(5,16,50,.55))}.auth-visual-inner{position:absolute;inset:auto 36px 36px 36px;z-index:1}.auth-visual-badge{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-weight:800}.auth-visual h2{font-size:42px;line-height:1.02;margin:18px 0 10px}.auth-visual p{max-width:420px;color:#dbe4ff}
.auth-form-pane{display:grid;place-items:center;padding:36px}.auth-form-box{width:min(520px,100%)}.auth-form-box h1{font-size:46px;margin:0 0 8px}.auth-bottom-link{margin-top:12px;text-align:center;color:var(--muted)}.auth-bottom-link a{color:#ff8b2b;font-weight:800}.auth-submit{width:100%;height:52px;border-radius:16px}.terms-line{display:flex;align-items:center;gap:10px;font-size:14px;color:#cfd9ff}
.profile-container{width:min(1300px, calc(100% - 36px))}.profile-hero{padding:0;border-radius:22px;overflow:hidden}.profile-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-head h1{margin:0;font-size:30px}.profile-head p{margin:4px 0 0;color:var(--muted)}.profile-tabs{display:flex;gap:16px;padding:0 22px;background:rgba(255,255,255,.025)}.profile-tabs a{padding:14px 0;color:#bcc8ea;font-weight:700;border-bottom:2px solid transparent}.profile-tabs a.active{color:#fff;border-color:#4ca8ff}
.profile-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:22px}.profile-main,.profile-side{padding:22px;border-radius:22px}.profile-section-title{font-size:24px;font-weight:800;margin-bottom:18px}.profile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-box{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.info-box span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.info-box strong{font-size:18px}.side-user{display:grid;justify-items:start;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}.side-links{display:grid;gap:4px}
@media (max-width:1180px){.v6-header{grid-template-columns:auto auto auto}.header-nav-centered{justify-content:flex-start;overflow:auto}.market-pill{display:none}}
@media (max-width:900px){.auth-split-card{grid-template-columns:1fr}.auth-visual{min-height:260px}.auth-form-pane{padding:24px}.profile-body{grid-template-columns:1fr}.header-nav-centered{display:none}.user-pill{padding:0 10px}.user-name{display:none}}
@media (max-width:640px){.auth-form-box h1{font-size:36px}.auth-visual h2{font-size:30px}.profile-info-grid{grid-template-columns:1fr}.site-header .btn{display:none}.site-header .market-pill{display:none}}


/* stable v7.2 premium refresh */
:root{
  --bg:#05070c;
  --bg-2:#0b0d12;
  --card:#0d1222cc;
  --text:#f8f7f2;
  --muted:#a8adbb;
  --primary:#d89a2b;
  --accent:#f7c86c;
  --body-glow:#8a5b12;
}
html,body{background:
radial-gradient(circle at 10% 0%, rgba(216,154,43,.18), transparent 22%),
radial-gradient(circle at 100% 10%, rgba(247,200,108,.08), transparent 20%),
linear-gradient(180deg, #0c0b0a 0%, #07090f 22%, #050816 55%, #050915 100%);}
.bg-grid{opacity:.08}
.bg-orb{opacity:.10;filter:blur(120px)}
.orb-1{background:#8f6416}.orb-2{background:#d89a2b}
.glass{background:linear-gradient(180deg, rgba(15,18,29,.96), rgba(7,10,18,.88));border:1px solid rgba(216,154,43,.12);box-shadow:0 24px 70px rgba(0,0,0,.45)}
.site-header{background:linear-gradient(180deg, rgba(13,16,25,.96), rgba(10,13,21,.92));border-bottom:1px solid rgba(216,154,43,.14)}
.header-link,.market-pill,.btn-soft,.btn-accent,.user-pill{position:relative;overflow:hidden}
.header-link::before,.market-pill::before,.btn-soft::before,.btn-accent::before,.user-pill::before,.sidebar-nav a::before{content:"";position:absolute;top:0;bottom:0;left:-120%;width:48%;background:linear-gradient(90deg, transparent, rgba(247,200,108,.16), transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}
.header-link:hover::before,.market-pill:hover::before,.btn-soft:hover::before,.btn-accent:hover::before,.user-pill:hover::before,.sidebar-nav a:hover::before{left:150%}
.header-link{background:rgba(255,255,255,.03);border:1px solid rgba(216,154,43,.08)}
.header-link:hover,.header-link.active{border-color:rgba(247,200,108,.24);box-shadow:0 10px 24px rgba(216,154,43,.16);color:#fff4d5}
.market-pill,.btn-accent{background:linear-gradient(135deg, rgba(108,67,14,.95), rgba(216,154,43,.88));box-shadow:0 10px 25px rgba(135,85,18,.25)}
.btn-soft,.user-pill{background:linear-gradient(180deg, rgba(34,38,52,.95), rgba(17,19,28,.95));border:1px solid rgba(216,154,43,.14)}
.site-sidebar{background:linear-gradient(180deg, rgba(10,13,22,.98), rgba(7,10,18,.98));border:1px solid rgba(216,154,43,.14)}
.sidebar-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.shortcut-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);overflow:hidden;min-height:68px;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.shortcut-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 18px 34px rgba(0,0,0,.3)}
.shortcut-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 45%, transparent 70%);transform:translateX(-120%);animation:shortcutShine 4.4s ease-in-out infinite}
.shortcut-card strong,.shortcut-card em{display:block;position:relative;z-index:1}
.shortcut-card strong{font-size:14px;font-weight:800;color:#fff}
.shortcut-card em{font-style:normal;font-size:12px;font-weight:700;color:#ffcc68;margin-top:2px}
.shortcut-icon{position:relative;z-index:1;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 22px rgba(0,0,0,.2)}
.shortcut-gold{background:linear-gradient(135deg, rgba(63,41,8,.95), rgba(179,120,25,.9))}
.shortcut-purple{background:linear-gradient(135deg, rgba(51,28,88,.95), rgba(122,72,208,.9))}
.shortcut-red{grid-column:1 / -1;background:linear-gradient(135deg, rgba(74,18,16,.96), rgba(197,61,43,.92))}
.sidebar-nav a{position:relative;background:linear-gradient(180deg, rgba(18,23,39,.96), rgba(12,16,28,.96));border:1px solid rgba(216,154,43,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.sidebar-nav a.active,.sidebar-nav a:hover{background:linear-gradient(135deg, rgba(54,38,13,.96), rgba(29,32,45,.96));border-color:rgba(247,200,108,.18);box-shadow:0 12px 24px rgba(0,0,0,.26), inset 0 0 0 1px rgba(247,200,108,.08)}
.title-row .emoji{filter:drop-shadow(0 0 10px rgba(247,200,108,.28))}
.sponsor-card{background:linear-gradient(180deg, rgba(15,18,29,.95), rgba(10,12,20,.95));border:1px solid rgba(216,154,43,.10);box-shadow:0 14px 30px rgba(0,0,0,.24)}
.sponsor-card:hover{border-color:rgba(247,200,108,.24);box-shadow:0 16px 32px rgba(0,0,0,.34), 0 0 0 1px rgba(247,200,108,.08)}
.ticker-wrap,.footer-inner-simple{border-color:rgba(216,154,43,.12)}
.community-logo{background:linear-gradient(135deg, #2e7cff, #57b9ff 55%, #8fe1ff)}
.user-dropdown,.card,.sidebar,.kpi{border-color:rgba(216,154,43,.12)}
.menu-group-title{margin:14px 4px 6px;color:#f0c56c;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.categorized-menu{gap:8px}
.sidebar .menu a{background:linear-gradient(180deg, rgba(20,24,35,.95), rgba(11,14,23,.95));border:1px solid rgba(216,154,43,.08)}
.sidebar .menu a.active,.sidebar .menu a:hover{background:linear-gradient(135deg, rgba(73,50,17,.95), rgba(22,26,38,.96));border-color:rgba(247,200,108,.2)}
@keyframes shortcutShine{0%,18%{transform:translateX(-140%)}38%,100%{transform:translateX(160%)}}
@media (max-width: 900px){.sidebar-shortcuts{grid-template-columns:1fr 1fr}.shortcut-red{grid-column:1 / -1}}

/* ===== v8 stable premium black-gold theme ===== */
:root{
  --bg:#060505;
  --bg-2:#0e0a06;
  --gold-1:#ffcc66;
  --gold-2:#ff9f1c;
  --gold-3:#7a4a00;
  --ink:#050505;
  --card-gold:rgba(255,191,73,.16);
}
html,body{background:
  radial-gradient(circle at 14% 0%, rgba(255,177,52,.18), transparent 25%),
  radial-gradient(circle at 100% 85%, rgba(255,168,38,.12), transparent 22%),
  linear-gradient(180deg, #141006 0%, #080706 28%, #050505 100%) !important;
}
.site-shell-body{
  background:
  radial-gradient(circle at 20% 12%, rgba(255,165,44,.06), transparent 18%),
  linear-gradient(90deg, rgba(255,180,55,.10), transparent 16% 84%, rgba(255,180,55,.06)),
  linear-gradient(180deg, rgba(255,199,82,.04), transparent 24%),
  transparent;
}
.bg-grid{opacity:.08;background-size:54px 54px}
.bg-orb{opacity:.10;filter:blur(130px)}
.orb-1{background:#ffb341}.orb-2{background:#6c4eff}
.glass{
  background:linear-gradient(180deg, rgba(17,14,12,.88), rgba(7,7,7,.92));
  border:1px solid rgba(255,197,84,.10);
  box-shadow:0 24px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,209,122,.06);
}
.site-header{
  background:linear-gradient(180deg, rgba(18,16,13,.97), rgba(10,9,8,.92)) !important;
  border-bottom:1px solid rgba(255,194,87,.12);
}
.header-link,.market-pill,.user-pill,.btn-soft,.btn-accent{
  position:relative; overflow:hidden;
}
.header-link::before,.market-pill::before,.user-pill::before,.btn-soft::before,.btn-accent::before,.sidebar-nav a::before,.shortcut-card::before,.sponsor-card::before{
  content:""; position:absolute; inset:-120% auto -120% -35%; width:38%; transform:rotate(18deg);
  background:linear-gradient(180deg, transparent 0%, rgba(255,243,205,.02) 10%, rgba(255,226,132,.32) 50%, rgba(255,243,205,.02) 90%, transparent 100%);
  filter:blur(3px); opacity:0; transition:transform .75s ease, opacity .35s ease; pointer-events:none;
}
.header-link:hover::before,.market-pill:hover::before,.user-pill:hover::before,.btn-soft:hover::before,.btn-accent:hover::before,.sidebar-nav a:hover::before,.shortcut-card:hover::before,.sponsor-card:hover::before,
.header-link.active::before,.sidebar-nav a.active::before{opacity:1; transform:translateX(340%) rotate(18deg)}
.header-link,.sidebar-nav a{background:linear-gradient(180deg, rgba(255,191,73,.06), rgba(255,191,73,.02)); border-color:rgba(255,191,73,.08)}
.header-link:hover,.header-link.active{color:#fff7dc;border-color:rgba(255,203,108,.24); box-shadow:0 10px 26px rgba(0,0,0,.24), 0 0 0 1px rgba(255,203,108,.08) inset}
.market-pill,.btn-accent{background:linear-gradient(135deg, rgba(255,187,65,.20), rgba(177,100,0,.20)); border:1px solid rgba(255,198,76,.18); color:#ffd47d}
.btn-soft,.user-pill{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,194,87,.12)}
.nav-ico{color:#ffcc66; filter:drop-shadow(0 0 8px rgba(255,189,79,.18))}
.premium-sidebar{background:linear-gradient(180deg, rgba(16,12,10,.94), rgba(8,8,8,.98)) !important; border-color:rgba(255,193,88,.12) !important}
.sidebar-nav a{min-height:48px; border-radius:16px; margin-bottom:10px; transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease}
.sidebar-nav a:hover,.sidebar-nav a.active{transform:translateX(4px); border-color:rgba(255,205,112,.24); background:linear-gradient(90deg, rgba(255,194,87,.16), rgba(255,194,87,.05)); box-shadow:0 10px 30px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,206,123,.08)}
.sidebar-nav a.active .nav-label,.sidebar-nav a:hover .nav-label{color:#fff2c4}
.sidebar-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.sidebar-shortcuts .shortcut-card:last-child{grid-column:1 / -1}
.shortcut-card{position:relative;min-height:74px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,194,87,.12);box-shadow:0 14px 34px rgba(0,0,0,.24);overflow:hidden}
.shortcut-card::after{content:"";position:absolute;inset:auto -20% -36% auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.22), transparent 58%);opacity:.45;pointer-events:none}
.shortcut-gold{background:linear-gradient(135deg, rgba(87,39,0,.92), rgba(25,17,10,.96))}
.shortcut-purple{background:linear-gradient(135deg, rgba(56,30,94,.92), rgba(22,14,28,.96))}
.shortcut-red{background:linear-gradient(135deg, rgba(82,20,24,.94), rgba(26,10,12,.96))}
.shortcut-copy strong{font-size:15px;color:#fff;font-weight:800;display:block}
.shortcut-copy em{font-size:12px;color:#ffcc66}
.shortcut-visual{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center}
.coin-stack{width:48px;height:48px}
.coin-stack i{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #fff2bc, #ffcd5a 35%, #b16900 75%);border:2px solid rgba(255,236,162,.5);box-shadow:0 4px 12px rgba(0,0,0,.22)}
.coin-stack i:nth-child(1){transform:translate(-8px,6px)}
.coin-stack i:nth-child(2){transform:translate(0,0)}
.coin-stack i:nth-child(3){transform:translate(8px,-6px)}
.gift-box{width:54px;height:46px}
.gift-box::before,.gift-box::after,.gift-box i{content:"";position:absolute;display:block}
.gift-box::before{inset:10px 6px 0 6px;border-radius:10px;background:linear-gradient(180deg,#8f6dff,#5d2dff);box-shadow:0 8px 18px rgba(92,45,255,.3)}
.gift-box::after{left:24px;top:10px;width:8px;height:36px;border-radius:999px;background:#ffd65e}
.gift-box i{left:6px;right:6px;top:18px;height:8px;border-radius:999px;background:#ffd65e}
.target-mark{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle, #ffefbd 0 16%, #ff6a7a 16% 34%, #fff 34% 52%, #ff425f 52% 72%, rgba(255,255,255,.08) 72%); box-shadow:0 8px 22px rgba(255,72,102,.22)}
.target-mark i{position:absolute;width:18px;height:4px;background:#ffd25d;border-radius:999px;right:-4px;top:23px;transform:rotate(-18deg)}
.sidebar-community-card{background:linear-gradient(180deg, rgba(23,18,15,.96), rgba(8,8,8,.96)); border:1px solid rgba(255,194,87,.10)}
.community-logo{box-shadow:0 12px 28px rgba(34,152,255,.18)}
.hero-slider{overflow:hidden;border-radius:28px;position:relative;border:1px solid rgba(255,194,87,.12);background:linear-gradient(135deg, rgba(255,187,0,.08), rgba(255,255,255,.02))}
.hero-slider::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,196,89,.08), transparent 25% 75%, rgba(255,196,89,.05));pointer-events:none}
.title-row h2{letter-spacing:-.03em}
.title-row .emoji{filter:drop-shadow(0 0 12px rgba(255,196,89,.28))}
.sponsor-card{background:linear-gradient(180deg, rgba(18,18,18,.96), rgba(10,10,10,.94)) !important; border:1px solid rgba(255,194,87,.12) !important; box-shadow:0 18px 36px rgba(0,0,0,.24); transform:translateY(0); transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.sponsor-card:hover{transform:translateY(-6px) scale(1.02); box-shadow:0 20px 46px rgba(0,0,0,.36), 0 0 20px rgba(255,184,59,.08); border-color:rgba(255,207,118,.3) !important}
.sponsor-card .logo-wrap{filter:drop-shadow(0 6px 18px rgba(255,203,98,.06))}
.ticker-wrap,.footer-inner{border-color:rgba(255,194,87,.10) !important; background:linear-gradient(180deg, rgba(15,12,10,.9), rgba(8,8,8,.92)) !important}
.inline-banner{border-color:rgba(255,194,87,.12) !important}
.user-dropdown,.popup-card{background:linear-gradient(180deg, rgba(18,16,13,.98), rgba(8,8,8,.98)); border:1px solid rgba(255,194,87,.14)}
.popup-action{background:linear-gradient(135deg, #ffcf6d, #c9820e); color:#231400; font-weight:900; box-shadow:0 12px 28px rgba(201,130,14,.28)}

/* casino atmosphere */
.bg-casino-scene{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.scene-chip,.scene-lightning,.scene-crown,.scene-zeus{position:absolute;opacity:.13;filter:drop-shadow(0 0 20px rgba(255,180,55,.12))}
.scene-chip{width:140px;height:140px;border-radius:50%;background:
  radial-gradient(circle at center, transparent 0 28%, rgba(255,175,49,.14) 28% 39%, transparent 39% 57%, rgba(255,175,49,.18) 57% 65%, transparent 65%),
  conic-gradient(from 0deg, rgba(255,203,108,.65) 0 8deg, transparent 8deg 22deg, rgba(255,203,108,.65) 22deg 30deg, transparent 30deg 45deg, rgba(255,203,108,.65) 45deg 53deg, transparent 53deg 67deg, rgba(255,203,108,.65) 67deg 75deg, transparent 75deg 90deg, rgba(255,203,108,.65) 90deg 98deg, transparent 98deg 112deg, rgba(255,203,108,.65) 112deg 120deg, transparent 120deg 135deg, rgba(255,203,108,.65) 135deg 143deg, transparent 143deg 157deg, rgba(255,203,108,.65) 157deg 165deg, transparent 165deg 180deg, rgba(255,203,108,.65) 180deg 188deg, transparent 188deg 202deg, rgba(255,203,108,.65) 202deg 210deg, transparent 210deg 225deg, rgba(255,203,108,.65) 225deg 233deg, transparent 233deg 247deg, rgba(255,203,108,.65) 247deg 255deg, transparent 255deg 270deg, rgba(255,203,108,.65) 270deg 278deg, transparent 278deg 292deg, rgba(255,203,108,.65) 292deg 300deg, transparent 300deg 315deg, rgba(255,203,108,.65) 315deg 323deg, transparent 323deg 337deg, rgba(255,203,108,.65) 337deg 345deg, transparent 345deg 360deg);
  animation:floatChip 18s linear infinite}
.chip-a{top:16%;left:17%;transform:scale(.75)} .chip-b{top:32%;right:8%;transform:scale(.62);animation-duration:21s}
.chip-c{bottom:8%;right:18%;transform:scale(.86);animation-duration:24s} .chip-d{bottom:14%;left:8%;transform:scale(.58);animation-duration:20s}
.scene-lightning{width:80px;height:180px;background:linear-gradient(180deg, rgba(255,208,121,.22), rgba(255,140,0,.08));clip-path:polygon(58% 0, 24% 39%, 48% 39%, 31% 100%, 74% 52%, 49% 52%);animation:lightningPulse 5.2s ease-in-out infinite}
.bolt-a{left:6%;top:18%}.bolt-b{right:9%;top:10%;animation-delay:1.2s}.bolt-c{right:38%;bottom:10%;animation-delay:2.4s}
.scene-crown{width:140px;height:90px;right:28%;top:12%;background:linear-gradient(180deg, rgba(255,201,94,.16), rgba(255,136,0,.08));clip-path:polygon(0 100%, 8% 42%, 28% 70%, 40% 22%, 53% 62%, 66% 13%, 78% 62%, 92% 38%, 100% 100%);filter:blur(.2px);animation:floatChip 14s ease-in-out infinite}
.scene-zeus{right:-20px;bottom:0;width:340px;height:540px;background:
 radial-gradient(circle at 44% 18%, rgba(255,220,140,.10), transparent 15%),
 radial-gradient(circle at 50% 30%, rgba(255,176,61,.10), transparent 18%),
 linear-gradient(180deg, rgba(255,195,90,.08), transparent 55%);
 clip-path:polygon(61% 0, 48% 4%, 34% 15%, 21% 34%, 17% 55%, 13% 78%, 0 100%, 100% 100%, 90% 83%, 84% 64%, 84% 34%, 74% 15%);
 opacity:.10;filter:blur(1px)}
@keyframes floatChip{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(180deg)}}
@keyframes lightningPulse{0%,100%{opacity:.06}12%{opacity:.32}14%{opacity:.12}16%{opacity:.3}20%{opacity:.08}50%{opacity:.07}}

/* preloader */
.site-preloader{position:fixed;inset:0;z-index:120;background:radial-gradient(circle at center, rgba(255,188,76,.12), transparent 25%), linear-gradient(180deg, #100b06, #040404 70%);display:grid;place-items:center;transition:opacity .6s ease, visibility .6s ease}
.site-preloader.is-hidden{opacity:0;visibility:hidden}
.preloader-storm{position:absolute;inset:0;background:
  linear-gradient(100deg, transparent 0 12%, rgba(255,164,45,.06) 16%, transparent 22%),
  linear-gradient(80deg, transparent 0 44%, rgba(255,164,45,.06) 48%, transparent 55%),
  linear-gradient(92deg, transparent 0 72%, rgba(255,164,45,.04) 76%, transparent 82%);
  animation:stormMove 2.4s linear infinite}
.preloader-storm::before,.preloader-storm::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg, transparent 47%, rgba(255,238,194,.28) 49%, transparent 52%);mix-blend-mode:screen;opacity:0;animation:stormFlash 2.2s linear infinite}
.preloader-storm::after{animation-delay:1s}
.preloader-core{position:relative;padding:34px 38px;border-radius:28px;min-width:320px;text-align:center;border:1px solid rgba(255,194,87,.16);background:linear-gradient(180deg, rgba(17,14,12,.86), rgba(7,7,7,.94));box-shadow:0 40px 90px rgba(0,0,0,.48), 0 0 60px rgba(255,184,59,.08)}
.preloader-zeus-mark{width:86px;height:86px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;font-size:44px;color:#231400;background:radial-gradient(circle at 30% 30%, #fff2bc, #ffcb61 35%, #bb740a 82%);box-shadow:0 20px 40px rgba(255,179,44,.25), inset 0 2px 12px rgba(255,255,255,.26);animation:zeusPulse 1.4s ease-in-out infinite}
.preloader-copy strong{display:block;font-size:28px;letter-spacing:-.04em;color:#fff6dd}
.preloader-copy span{display:block;color:#e1c27c;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.preloader-bar{height:8px;border-radius:999px;margin-top:18px;background:rgba(255,255,255,.06);overflow:hidden;border:1px solid rgba(255,194,87,.12)}
.preloader-bar i{display:block;height:100%;width:36%;border-radius:inherit;background:linear-gradient(90deg, transparent, #ffe3a0, #ffbe46, transparent);animation:loaderSweep 1.4s linear infinite}
@keyframes stormMove{from{transform:translateX(-2%)}to{transform:translateX(2%)}}
@keyframes stormFlash{0%,46%,100%{opacity:0}47%,50%{opacity:.85}51%,60%{opacity:0}}
@keyframes zeusPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
@keyframes loaderSweep{from{transform:translateX(-160%)}to{transform:translateX(320%)}}

/* admin categorization */
.admin-page{background:linear-gradient(180deg, #110f0b, #070707 55%, #040404)}
.admin-layout .sidebar{background:linear-gradient(180deg, rgba(18,15,13,.96), rgba(8,8,8,.98));border-right:1px solid rgba(255,194,87,.10)}
.admin-layout .sidebar h1{color:#ffdf9c}
.categorized-menu .menu-group-title{margin:18px 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9f8455;font-weight:800}
.categorized-menu a{position:relative;border:1px solid rgba(255,194,87,.08);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));border-radius:14px;padding:12px 14px;display:block;color:#ece7dc;margin-bottom:8px;overflow:hidden}
.categorized-menu a::before{content:"";position:absolute;inset:-100% auto -100% -35%;width:38%;background:linear-gradient(180deg, transparent, rgba(255,213,131,.25), transparent);transform:rotate(18deg);opacity:0;transition:transform .7s ease, opacity .3s ease}
.categorized-menu a:hover::before,.categorized-menu a.active::before{opacity:1;transform:translateX(340%) rotate(18deg)}
.categorized-menu a:hover,.categorized-menu a.active{border-color:rgba(255,206,113,.24);background:linear-gradient(90deg, rgba(255,194,87,.14), rgba(255,255,255,.03));box-shadow:0 16px 32px rgba(0,0,0,.24)}

@media (max-width: 900px){
  .site-preloader .preloader-core{min-width:0;width:calc(100% - 34px);padding:28px 22px}
  .bg-casino-scene{opacity:.7}
}

/* v8.2 stability + realism patch */
:root{
  --sidebar-w: 360px;
  --sidebar-collapsed: 100px;
}
html,body{overflow-x:hidden}
.site-shell-body{padding-left:var(--sidebar-w)}
.site-shell-body.sidebar-collapsed{padding-left:var(--sidebar-collapsed)}
.site-sidebar{width:calc(var(--sidebar-w) - 24px);overflow:hidden}
.site-shell-body.sidebar-collapsed .site-sidebar{width:calc(var(--sidebar-collapsed) - 16px)}
.sidebar-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
.shortcut-card{min-height:86px;padding:16px 18px;border-radius:20px}
.shortcut-copy{padding-right:54px}
.shortcut-copy strong{font-size:18px;line-height:1.05;margin-bottom:4px}
.shortcut-copy em{font-size:13px;line-height:1.15;display:block}
.shortcut-visual{right:14px}
.sidebar-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,208,112,.55) rgba(255,255,255,.06)}
.sidebar-scroll::-webkit-scrollbar{width:10px}
.sidebar-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(255,214,133,.85), rgba(168,105,12,.9));border-radius:999px;border:2px solid rgba(14,12,10,.92)}
.sidebar-nav.sidebar-nav-full{gap:12px}
.sidebar-nav.sidebar-nav-full a{min-height:56px;padding:14px 16px;margin-bottom:0}
.sidebar-nav.sidebar-nav-full .nav-ico{width:44px;height:44px;font-size:17px}
.sidebar-nav.sidebar-nav-full .nav-label{font-size:15px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
.sidebar-community-card{padding:18px;border-radius:22px;gap:14px}
.community-copy strong{font-size:16px}
.community-copy span{font-size:13px;line-height:1.3}
.community-socials a{width:40px;height:34px}
.header-link,.market-pill,.btn-soft,.btn-accent,.user-pill{box-shadow:inset 0 1px 0 rgba(255,244,214,.05),0 8px 24px rgba(0,0,0,.22)}

.bg-casino-scene::before,
.bg-casino-scene::after{content:"";position:absolute;inset:0;pointer-events:none}
.bg-casino-scene::before{
  background:
    radial-gradient(circle at 18% 14%, rgba(255,176,44,.11), transparent 0 16%, transparent 17%),
    radial-gradient(circle at 86% 32%, rgba(255,176,44,.08), transparent 0 12%, transparent 13%),
    radial-gradient(circle at 82% 82%, rgba(255,176,44,.1), transparent 0 14%, transparent 15%),
    linear-gradient(90deg, transparent 0, rgba(233,144,22,.1) 18%, transparent 31%),
    linear-gradient(90deg, transparent 0, transparent 55%, rgba(233,144,22,.08) 73%, transparent 88%);
  mix-blend-mode:screen;opacity:.8;
}
.bg-casino-scene::after{
  background:
    radial-gradient(circle at 50% 50%, rgba(0,0,0,.0), rgba(0,0,0,.18) 55%, rgba(0,0,0,.42) 100%),
    radial-gradient(circle at 35% 15%, rgba(255,222,145,.06), transparent 16%),
    radial-gradient(circle at 75% 85%, rgba(255,180,55,.05), transparent 18%);
}
.scene-chip,.scene-lightning{opacity:.22;filter:drop-shadow(0 0 16px rgba(255,183,64,.22)) drop-shadow(0 0 38px rgba(255,140,0,.12))}
.scene-chip{
  background:url('../demo/chip-gold.svg') center/contain no-repeat !important;
  width:172px;height:172px;animation:chipFloatReal 18s ease-in-out infinite;
}
.chip-a{top:13%;left:12%;transform:scale(.9) rotate(-14deg)}
.chip-b{top:30%;right:6%;transform:scale(.72) rotate(12deg);animation-duration:20s}
.chip-c{bottom:10%;right:16%;transform:scale(.98) rotate(18deg);animation-duration:22s}
.chip-d{bottom:12%;left:6%;transform:scale(.76) rotate(-8deg);animation-duration:19s}
.scene-lightning{
  background:url('../demo/bolt-gold.svg') center/contain no-repeat !important;
  width:106px;height:220px;clip-path:none;animation:lightningPulseReal 6s ease-in-out infinite;
}
.bolt-a{left:7%;top:19%;transform:rotate(-6deg)}
.bolt-b{right:9%;top:12%;transform:rotate(8deg);animation-delay:1.4s}
.bolt-c{right:40%;bottom:9%;transform:rotate(-9deg);animation-delay:2.8s}
.scene-crown{width:180px;height:118px;right:28%;top:10%;opacity:.15;filter:drop-shadow(0 0 18px rgba(255,198,76,.18));background:linear-gradient(180deg, rgba(255,224,150,.2), rgba(180,98,12,.08));animation:crownFloat 12s ease-in-out infinite}
.scene-zeus{right:-8px;bottom:-8px;width:420px;height:620px;opacity:.12;filter:blur(.7px) drop-shadow(0 0 30px rgba(255,194,87,.06))}

.site-preloader{background:
  radial-gradient(circle at 50% 40%, rgba(255,214,128,.12), transparent 0 15%, transparent 16%),
  linear-gradient(180deg, #100804 0%, #050505 58%, #000 100%)}
.preloader-storm{
  background:
    radial-gradient(circle at 20% 10%, rgba(255,192,82,.12), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(255,192,82,.09), transparent 18%),
    radial-gradient(circle at 50% 75%, rgba(255,192,82,.08), transparent 18%),
    linear-gradient(90deg, transparent 0 10%, rgba(255,157,34,.07) 15%, transparent 26%),
    linear-gradient(90deg, transparent 0 54%, rgba(255,157,34,.06) 58%, transparent 69%),
    linear-gradient(90deg, transparent 0 79%, rgba(255,157,34,.05) 83%, transparent 92%);
  animation:stormMove 4s linear infinite;
}
.preloader-storm::before,
.preloader-storm::after{background:none;opacity:1;animation:none}
.preloader-storm{
  --bolt1:url('../demo/bolt-gold.svg');
}
.preloader-storm .storm-bolt{position:absolute;background:url('../demo/bolt-gold.svg') center/contain no-repeat;opacity:0;filter:drop-shadow(0 0 14px rgba(255,234,181,.4)) drop-shadow(0 0 44px rgba(255,188,76,.16))}
.preloader-core{padding:40px 42px;min-width:360px;box-shadow:0 50px 120px rgba(0,0,0,.58),0 0 90px rgba(255,184,59,.08), inset 0 1px 0 rgba(255,236,179,.1)}
.preloader-core::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg, rgba(255,223,153,.55), transparent 30%, rgba(200,120,18,.34), transparent 80%, rgba(255,223,153,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
.preloader-zeus-mark{width:98px;height:98px;font-size:48px;box-shadow:0 24px 44px rgba(255,179,44,.3), inset 0 2px 16px rgba(255,255,255,.3)}
.preloader-copy strong{font-size:31px}
.preloader-copy span{font-size:12px;letter-spacing:.26em}
.preloader-bar{height:10px;margin-top:20px}
.preloader-bar i{width:28%;animation:loaderSweep 1.1s linear infinite}

@keyframes chipFloatReal{0%,100%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(-8px) rotate(6deg)}50%{transform:translateY(-18px) rotate(15deg)}75%{transform:translateY(-6px) rotate(8deg)}}
@keyframes crownFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes lightningPulseReal{0%,100%{opacity:.05}6%{opacity:.18}7%{opacity:.44}8%{opacity:.12}9%{opacity:.6}10%{opacity:.15}31%{opacity:.08}52%{opacity:.05}72%{opacity:.18}73%{opacity:.48}74%{opacity:.1}75%{opacity:.38}76%{opacity:.08}}

@media (max-width: 1400px){
  :root{--sidebar-w: 336px}
}
@media (max-width: 900px){
  .site-sidebar{width:min(360px, calc(100vw - 24px))}
  .sidebar-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shortcut-card{min-height:82px;padding:15px 16px}
  .shortcut-copy strong{font-size:16px}
  .sidebar-nav.sidebar-nav-full a{min-height:54px}
  .scene-zeus{width:300px;height:460px;opacity:.1}
  .scene-chip{width:132px;height:132px}
  .scene-lightning{width:88px;height:180px}
}
@media (max-width: 640px){
  .sidebar-shortcuts{grid-template-columns:1fr 1fr}
  .shortcut-card{min-height:76px;padding:14px}
  .shortcut-copy{padding-right:48px}
  .shortcut-copy strong{font-size:15px}
  .shortcut-copy em{font-size:12px}
  .community-copy strong{font-size:15px}
}

/* v8.1 final casino realism refresh */
:root{
  --sidebar-w:356px;
  --sidebar-collapsed:108px;
}
.site-shell-body{padding-left:calc(var(--sidebar-w) + 18px) !important;}
.site-shell-body.sidebar-collapsed{padding-left:calc(var(--sidebar-collapsed) + 18px) !important;}
.site-sidebar{
  width:var(--sidebar-w) !important;
  padding:16px 16px 18px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(13,11,10,.98), rgba(7,7,7,.98)) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,228,163,.05);
}
.site-shell-body.sidebar-collapsed .site-sidebar{width:var(--sidebar-collapsed) !important;}
.sidebar-shortcuts{grid-template-columns:repeat(2, minmax(0,1fr)) !important;gap:14px !important;margin-bottom:20px !important;}
.shortcut-card{
  min-height:86px !important;
  padding:16px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,205,112,.18) !important;
  background:linear-gradient(145deg, rgba(23,18,12,.96), rgba(9,9,9,.98)) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.shortcut-card:last-child{grid-column:1 / -1;min-height:96px !important;}
.shortcut-card::before{
  content:"";position:absolute;inset:1px;border-radius:inherit;
  background:radial-gradient(circle at 16% 18%, rgba(255,213,127,.22), transparent 30%), linear-gradient(135deg, transparent 0 56%, rgba(255,255,255,.04));
  pointer-events:none;
}
.shortcut-copy{position:relative;z-index:1;display:block;padding-right:70px;}
.shortcut-copy strong{font-size:20px !important;line-height:1.05;letter-spacing:-.03em;}
.shortcut-copy em{display:block;margin-top:4px;font-size:13px !important;color:#ffd784 !important;}
.shortcut-visual{right:18px !important;transform:translateY(-50%) scale(1.08) !important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.28));}
.shortcut-gold{background:linear-gradient(135deg, rgba(88,53,12,.98), rgba(17,12,8,.98)) !important;}
.shortcut-purple{background:linear-gradient(135deg, rgba(58,32,106,.98), rgba(15,11,22,.98)) !important;}
.shortcut-red{background:linear-gradient(135deg, rgba(92,21,23,.98), rgba(17,8,8,.98)) !important;}
.sidebar-scroll{flex:1;overflow:auto;padding-right:4px;margin-right:-4px;}
.sidebar-scroll::-webkit-scrollbar{width:8px}
.sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(255,203,108,.42), rgba(255,203,108,.12));border-radius:999px}
.sidebar-nav{gap:12px !important;}
.sidebar-nav a{
  min-height:56px !important;
  padding:12px 16px !important;
  gap:16px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,205,112,.10) !important;
  background:linear-gradient(180deg, rgba(20,17,14,.98), rgba(10,10,10,.98)) !important;
}
.sidebar-nav a:hover,.sidebar-nav a.active{
  transform:translateX(5px) !important;
  background:linear-gradient(90deg, rgba(96,63,17,.96), rgba(20,19,18,.98)) !important;
  border-color:rgba(255,214,128,.24) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,214,128,.08) !important;
}
.nav-ico{
  width:44px !important;height:44px !important;border-radius:14px !important;
  background:radial-gradient(circle at 30% 25%, rgba(255,225,162,.14), rgba(255,205,112,.06) 34%, rgba(255,255,255,.02) 65%) !important;
  border:1px solid rgba(255,205,112,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.nav-ico svg{width:20px;height:20px;color:#ffe1a0;filter:drop-shadow(0 0 10px rgba(255,190,74,.18));}
.nav-label{font-size:15px !important;font-weight:800 !important;letter-spacing:-.02em;}
.sidebar-community-card{
  margin-top:18px !important;padding:18px 18px 16px !important;padding-right:84px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(22,17,13,.98), rgba(8,8,8,.98)) !important;
  border:1px solid rgba(255,205,112,.14) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.community-copy strong{font-size:21px !important;line-height:1.03 !important;letter-spacing:-.03em;}
.community-copy span{margin-top:6px !important;font-size:13px !important;color:#d7d1c4 !important;}
.community-logo{width:52px !important;height:52px !important;right:16px !important;top:16px !important;border-radius:18px !important;box-shadow:0 14px 30px rgba(24,132,255,.3) !important;}
.community-socials{gap:10px !important;margin-top:14px !important;}
.community-socials a{width:38px !important;height:34px !important;border-radius:12px !important;}

.bg-casino-scene{z-index:0 !important;opacity:1 !important;}
.scene-card-stack,.scene-right-zeus{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none;}
.scene-left-atmos{
  left:18px;top:112px;bottom:72px;width:290px;
  background-image:url('../theme/casino-atmos-left.webp');
  opacity:.34;filter:drop-shadow(0 20px 40px rgba(0,0,0,.42));
}
.scene-right-zeus{
  right:-28px;top:110px;bottom:36px;width:450px;
  background-image:url('../theme/zeus-preloader.webp');
  background-position:right center;
  opacity:.14;filter:drop-shadow(0 26px 48px rgba(0,0,0,.45));
  mix-blend-mode:screen;
}
.scene-lightning{
  position:absolute;display:block;width:210px;height:540px;
  background:linear-gradient(180deg, rgba(255,255,255,.0), rgba(175,211,255,.08) 14%, rgba(248,250,255,.54) 22%, rgba(85,150,255,.26) 38%, rgba(255,208,117,.2) 70%, rgba(255,255,255,0));
  clip-path:polygon(50% 0, 42% 16%, 56% 16%, 35% 42%, 52% 42%, 31% 72%, 49% 72%, 38% 100%, 72% 60%, 55% 60%, 76% 30%, 58% 30%);
  filter:blur(1.2px) drop-shadow(0 0 18px rgba(145,185,255,.52)) drop-shadow(0 0 28px rgba(255,197,92,.24));
  opacity:.16;
  animation:realLightning 8s ease-in-out infinite;
}
.bolt-a{left:4%;top:90px;transform:scale(.54) rotate(8deg);animation-delay:.5s}
.bolt-b{right:6%;top:44px;transform:scale(.72) rotate(-8deg);animation-delay:2.1s}
.bolt-c{right:18%;bottom:34px;transform:scale(.42) rotate(8deg);animation-delay:3.6s}
.bolt-d{left:18%;bottom:80px;transform:scale(.34) rotate(-12deg);animation-delay:5s}
.bolt-e{left:48%;top:120px;transform:scale(.24);animation-delay:6.1s}
@keyframes realLightning{0%,100%{opacity:.04}4%{opacity:.28}5.5%{opacity:.08}7%{opacity:.22}9%{opacity:.06}48%{opacity:.05}50%{opacity:.17}51%{opacity:.06}}

.site-header{backdrop-filter:blur(16px) !important;}
.header-nav{gap:8px !important;}
.header-link-icon{
  gap:10px !important;padding:10px 14px 10px 12px !important;border-radius:18px !important;
  border:1px solid rgba(255,205,112,.12) !important;background:linear-gradient(180deg, rgba(22,18,14,.96), rgba(10,10,10,.96)) !important;
}
.header-link-media{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:16px;}
.header-menu-art{display:block;max-width:46px;max-height:46px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));}
.header-menu-fallback{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:radial-gradient(circle at 30% 25%, rgba(255,218,146,.2), rgba(255,200,86,.08) 34%, rgba(255,255,255,.02) 70%);border:1px solid rgba(255,205,112,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.header-menu-fallback svg{width:24px;height:24px;color:#ffd987;filter:drop-shadow(0 0 10px rgba(255,183,54,.18));}
.header-link-text{font-size:14px;font-weight:800;letter-spacing:-.02em;color:#f5ede0;white-space:nowrap;}
.header-link-icon:hover,.header-link-icon.active{background:linear-gradient(180deg, rgba(52,38,17,.96), rgba(16,13,10,.96)) !important;}
.market-pill,.btn-action-rich{display:inline-flex;align-items:center;gap:10px !important;padding:0 16px 0 10px !important;}
.header-action-art{display:block;width:28px;height:28px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));}
.btn-action-rich span,.market-pill span{white-space:nowrap;}

.site-preloader{
  background:
    radial-gradient(circle at 50% 30%, rgba(255,206,109,.12), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(80,129,255,.08), transparent 35%),
    linear-gradient(180deg, #060606 0%, #0a0908 45%, #030303 100%) !important;
}
.preloader-storm{
  background:
    linear-gradient(90deg, transparent 0 18%, rgba(255,163,40,.08) 22%, transparent 30%),
    linear-gradient(90deg, transparent 0 48%, rgba(255,163,40,.06) 52%, transparent 58%),
    linear-gradient(90deg, transparent 0 78%, rgba(255,163,40,.05) 82%, transparent 88%) !important;
  animation:stormMove 3.4s linear infinite;
}
.preloader-bolt{position:absolute;display:block;width:300px;height:620px;opacity:.14;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(222,238,255,.92) 18%, rgba(115,180,255,.46) 40%, rgba(255,214,122,.28) 74%, rgba(255,255,255,0));
  clip-path:polygon(52% 0, 42% 15%, 56% 15%, 36% 40%, 52% 40%, 30% 71%, 48% 71%, 40% 100%, 73% 60%, 56% 60%, 74% 32%, 58% 32%);
  filter:blur(1px) drop-shadow(0 0 16px rgba(179,212,255,.5)) drop-shadow(0 0 28px rgba(255,204,94,.22));
  animation:preloaderFlash 2.6s ease-in-out infinite;
}
.preloader-bolt.bolt-1{left:9%;top:5%;transform:rotate(8deg) scale(.85)}
.preloader-bolt.bolt-2{right:8%;top:2%;transform:rotate(-9deg) scale(.95);animation-delay:.8s}
.preloader-bolt.bolt-3{left:46%;top:8%;transform:scale(.56);animation-delay:1.6s}
.preloader-core{min-width:min(92vw,420px) !important;padding:18px 18px 22px !important;border-radius:30px !important;background:linear-gradient(180deg, rgba(15,14,13,.78), rgba(7,7,7,.92)) !important;}
.preloader-portrait-wrap{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,205,112,.18);box-shadow:0 18px 60px rgba(0,0,0,.4);}
.preloader-portrait{display:block;width:min(92vw,384px);height:auto;object-fit:cover;}
.preloader-portrait-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent, rgba(0,0,0,.22));pointer-events:none;}
.preloader-copy{margin-top:16px;}
.preloader-copy strong{font-size:29px !important;}
.preloader-copy span{font-size:12px !important;letter-spacing:.26em !important;}
.preloader-bar{height:10px !important;margin-top:18px !important;}
.preloader-bar i{width:40% !important;animation:loaderSweep 1.1s linear infinite !important;}
@keyframes preloaderFlash{0%,100%{opacity:.04}6%{opacity:.12}8%{opacity:.36}10%{opacity:.08}14%{opacity:.24}18%{opacity:.06}}

@media (max-width: 1180px){
  .site-shell-body{padding-left:0 !important;}
  .site-sidebar{width:min(360px,calc(100vw - 22px)) !important;}
  .scene-left-atmos{left:-12px;width:220px;opacity:.18}
  .scene-right-zeus{width:280px;opacity:.08}
}
@media (max-width: 900px){
  .shortcut-copy strong{font-size:18px !important;}
  .shortcut-copy{padding-right:56px;}
  .sidebar-community-card{padding-right:74px !important;}
}
@media (max-width: 640px){
  .header-link-media{width:42px;height:42px;flex-basis:42px}
  .header-menu-art{max-width:38px;max-height:38px}
  .header-link-text{font-size:13px}
  .market-pill,.btn-action-rich{padding:0 12px 0 9px !important}
  .scene-left-atmos,.scene-right-zeus{display:none}
  .preloader-portrait{width:min(90vw,340px)}
}


/* v8.2 final header/background refinement */
html,body{
  background:
    linear-gradient(180deg, rgba(4,4,4,.72), rgba(4,4,4,.82)),
    url('../theme/casino-bg-final.png') center top/cover fixed no-repeat !important;
  background-color:#050505 !important;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 22% 26%, rgba(255,186,71,.18), transparent 18%),
    radial-gradient(circle at 79% 24%, rgba(102,168,255,.16), transparent 16%),
    radial-gradient(circle at 74% 78%, rgba(255,170,54,.14), transparent 17%),
    linear-gradient(90deg, rgba(0,0,0,.2), rgba(0,0,0,.02) 24%, rgba(0,0,0,.04) 73%, rgba(0,0,0,.26));
}
.bg-grid,.bg-orb,.bg-casino-scene{display:none !important;}

.site-header{
  display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;gap:22px;
  min-height:72px !important;padding:12px 22px !important;
  background:linear-gradient(180deg, rgba(9,9,9,.9), rgba(6,6,6,.82)) !important;
  border:1px solid rgba(255,194,87,.12) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,240,196,.05) !important;
}
.header-left,.header-actions-right{display:flex;align-items:center;gap:12px;z-index:2;}
.header-nav-centered{display:flex;align-items:center;justify-content:center;gap:22px !important;min-width:0;flex-wrap:wrap;}
.header-link-inline{
  display:inline-flex;align-items:center;gap:10px;padding:0 !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  position:relative;overflow:visible !important;white-space:nowrap;flex:0 1 auto;
}
.header-link-inline::before,.header-link-inline::after{display:none !important;}
.header-link-inline .header-link-media{
  width:38px !important;height:38px !important;flex:0 0 38px;border-radius:0 !important;
  background:none !important;border:0 !important;box-shadow:none !important;
  transform-origin:center;transition:transform .26s ease, filter .26s ease;
}
.header-link-inline .header-menu-art{max-width:38px !important;max-height:38px !important;filter:drop-shadow(0 12px 14px rgba(0,0,0,.34)) drop-shadow(0 0 10px rgba(255,192,71,.1));}
.header-link-inline .header-menu-fallback{width:36px;height:36px;background:none !important;border:0 !important;box-shadow:none !important;}
.header-link-inline .header-link-text{font-size:15px !important;font-weight:800;color:#f5efe3;transition:color .26s ease, text-shadow .26s ease, transform .26s ease;}
.header-link-inline:hover .header-link-media,.header-link-inline.active .header-link-media{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 12px rgba(255,207,106,.2));}
.header-link-inline:hover .header-link-text,.header-link-inline.active .header-link-text{color:#ffd777;text-shadow:0 0 14px rgba(255,196,76,.22);transform:translateY(-1px);}
.header-link-inline.active::after{content:"";position:absolute;left:46px;right:0;bottom:-8px;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(255,208,117,.95), rgba(255,208,117,0));}

.header-actions-right{gap:14px !important;justify-self:end;}
.pill-button,.market-pill,.btn-action-rich{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 20px !important;border-radius:15px !important;
  border:1px solid rgba(255,199,95,.14) !important;overflow:hidden;
  letter-spacing:-.01em;font-weight:800;white-space:nowrap;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease, color .28s ease;
}
.pill-button::before,.pill-button::after,.market-pill::before,.market-pill::after,.btn-action-rich::before,.btn-action-rich::after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .3s ease, transform .55s ease;}
.pill-button::before,.market-pill::before,.btn-action-rich::before{background:linear-gradient(120deg, transparent 10%, rgba(255,244,208,.14) 28%, transparent 45%);transform:translateX(-135%) skewX(-18deg);opacity:.95;}
.pill-button::after,.market-pill::after,.btn-action-rich::after{inset:auto 12px 0 12px;height:1px;background:linear-gradient(90deg, transparent, rgba(255,223,153,.65), transparent);opacity:.65;}
.pill-button:hover,.market-pill:hover,.btn-action-rich:hover{transform:translateY(-2px);}
.pill-button:hover::before,.market-pill:hover::before,.btn-action-rich:hover::before{transform:translateX(165%) skewX(-18deg);}
.market-pill{background:linear-gradient(180deg, rgba(45,28,8,.92), rgba(16,11,5,.96)) !important;color:#ffe0a1 !important;box-shadow:0 16px 32px rgba(0,0,0,.28), 0 0 0 1px rgba(255,210,120,.05) inset !important;}
.market-pill:hover{box-shadow:0 20px 36px rgba(0,0,0,.34), 0 0 28px rgba(255,184,59,.12) !important;border-color:rgba(255,212,124,.3) !important;}
.pill-dark,.btn-soft{background:linear-gradient(180deg, rgba(34,34,34,.95), rgba(15,15,15,.98)) !important;color:#f4efe7 !important;box-shadow:0 16px 32px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05) !important;}
.pill-dark:hover,.btn-soft:hover{border-color:rgba(255,221,154,.22) !important;box-shadow:0 18px 34px rgba(0,0,0,.36), 0 0 18px rgba(255,206,109,.1) !important;}
.pill-gold,.btn-accent{background:linear-gradient(180deg, #f4ca69 0%, #dfaa3b 48%, #b7790b 100%) !important;color:#18120a !important;border-color:rgba(255,232,171,.34) !important;box-shadow:0 18px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.32), 0 0 22px rgba(255,196,76,.12) !important;}
.pill-gold:hover,.btn-accent:hover{box-shadow:0 22px 40px rgba(0,0,0,.38), 0 0 34px rgba(255,196,76,.18) !important;}
.market-pill span,.btn-action-rich span{position:relative;z-index:1;font-size:15px;}
.header-action-art{display:none !important;}

.page-shell{padding-top:96px !important;position:relative;z-index:1;}
.section,.hero-shell,.ticker-wrap,.inline-banner,.popup-card,.auth-form-box,.auth-visual-card,.profile-card,.profile-side-card,.module-card{background-color:rgba(7,7,7,.62) !important;}

@media (max-width: 1400px){
  .site-header{grid-template-columns:auto minmax(0,1fr) auto !important;gap:16px;}
  .header-nav-centered{gap:16px !important;}
  .header-link-inline .header-link-text{font-size:14px !important;}
  .pill-button,.market-pill,.btn-action-rich{padding:0 16px !important;}
}
@media (max-width: 1180px){
  .header-nav-centered{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px;}
  .site-header{grid-template-columns:auto minmax(0,1fr) !important;}
  .header-actions-right{grid-column:1 / -1;justify-self:start;}
}
@media (max-width: 900px){
  .site-header{display:flex !important;gap:10px;min-height:64px !important;padding:10px 12px !important;}
  .header-actions-right{margin-left:auto;gap:8px !important;}
  .market-pill,.btn-action-rich{min-height:40px;padding:0 14px !important;}
}
@media (max-width: 640px){
  html,body{background-position:center top !important;background-size:auto 100% !important;}
  .site-header .header-actions-right .market-pill{display:none !important;}
}


/* ===== v8.2 final fidelity refresh ===== */
html,body{
  background:
    radial-gradient(circle at 12% 12%, rgba(255,186,69,.10), transparent 18%),
    radial-gradient(circle at 84% 10%, rgba(255,194,87,.08), transparent 18%),
    linear-gradient(180deg, #090705 0%, #040404 100%) !important;
}
.site-shell-body{position:relative;overflow-x:hidden;background:transparent !important;}
.bg-grid,.bg-orb{display:none !important;}
.bg-casino-scene{
  position:fixed; inset:0; z-index:0 !important; opacity:1 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.44)),
    url('../theme/casino-scene-reference.png') center top / cover no-repeat !important;
}
.bg-casino-scene::before{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,215,138,.12), transparent 0 16%, transparent 17%),
    radial-gradient(circle at 80% 14%, rgba(98,170,255,.10), transparent 0 14%, transparent 15%),
    radial-gradient(circle at 78% 84%, rgba(255,173,45,.08), transparent 0 14%, transparent 15%),
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 18%, transparent 82%, rgba(0,0,0,.24));
  opacity:.92 !important;
}
.bg-casino-scene::after{
  background:radial-gradient(circle at center, transparent 40%, rgba(0,0,0,.14) 70%, rgba(0,0,0,.5) 100%) !important;
}
.scene-left-atmos,.scene-right-zeus,.scene-lightning{display:none !important;}

.site-header.v6-header{
  grid-template-columns:auto 1fr auto;
  gap:28px;
  min-height:72px;
  height:auto;
  padding:12px 20px 12px 14px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(11,10,9,.92), rgba(8,8,8,.92)) !important;
  border:1px solid rgba(255,193,92,.10) !important;
  box-shadow:0 20px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,245,212,.04);
}
.header-logo span{
  font-size:23px;
  font-weight:900;
  background:linear-gradient(90deg,#ffffff 0 54%, #f7c250 75%, #d88b17 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.header-nav.header-nav-centered{
  justify-content:center;
  gap:38px;
  flex-wrap:wrap;
}
.header-link.header-link-inline{
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:auto;
  position:relative;
  color:#fff4d5;
}
.header-link.header-link-inline::after{
  content:"";
  position:absolute;
  left:48px;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,205,112,.92), rgba(255,205,112,0));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .24s ease;
}
.header-link.header-link-inline:hover::after,
.header-link.header-link-inline.active::after{transform:scaleX(1)}
.header-link-media{
  width:44px;height:44px;flex:0 0 44px;
  display:grid;place-items:center;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28));
}
.header-menu-art{width:42px !important;height:42px !important;object-fit:contain;display:block;}
.header-link-text{
  font-size:17px;
  font-weight:800;
  letter-spacing:-.02em;
  white-space:nowrap;
  text-shadow:0 2px 10px rgba(0,0,0,.24);
}
.header-link.header-link-inline:hover{transform:translateY(-1px)}
.header-actions-right{gap:14px}
.pill-button,
.header-actions .btn,
.market-pill{
  height:48px !important;
  padding:0 26px !important;
  border-radius:16px !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:-.02em;
}
.market-pill{
  color:#fff3d1 !important;
  background:linear-gradient(180deg, rgba(31,24,14,.82), rgba(16,13,9,.92)) !important;
  border:1px solid rgba(255,202,103,.55) !important;
  box-shadow:0 0 0 1px rgba(255,214,128,.12) inset, 0 0 30px rgba(255,184,59,.14), 0 14px 28px rgba(0,0,0,.24) !important;
  position:relative; overflow:hidden;
}
.market-pill::before,.pill-gold::before,.pill-dark::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  background:linear-gradient(115deg, transparent 10%, rgba(255,255,255,.0) 35%, rgba(255,232,177,.14) 48%, rgba(255,255,255,0) 58%, transparent 90%);
  transform:translateX(-120%); transition:transform .8s ease;
}
.market-pill:hover::before,.pill-gold:hover::before,.pill-dark:hover::before{transform:translateX(110%)}
.pill-dark{
  background:linear-gradient(180deg, rgba(29,29,29,.88), rgba(15,15,15,.96)) !important;
  color:#fff !important; border:1px solid rgba(255,203,108,.38) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 10px 24px rgba(0,0,0,.26) !important;
}
.pill-gold{
  background:linear-gradient(180deg, #ffdc7a 0%, #f1bc43 45%, #d8971d 100%) !important;
  color:#211104 !important; border:1px solid rgba(255,225,156,.68) !important;
  box-shadow:0 0 0 1px rgba(255,247,223,.38) inset, 0 0 28px rgba(255,190,74,.18), 0 12px 28px rgba(0,0,0,.22) !important;
}
.market-pill:hover,.pill-dark:hover,.pill-gold:hover{transform:translateY(-2px) scale(1.01) !important;}

@media (max-width: 1450px){
  .header-nav.header-nav-centered{gap:24px;}
  .header-link-text{font-size:15px;}
  .header-menu-art{width:38px !important;height:38px !important;}
  .pill-button,.header-actions .btn,.market-pill{padding:0 18px !important;font-size:15px !important;}
}
@media (max-width: 1180px){
  .header-nav.header-nav-centered{display:flex !important;gap:18px;}
  .header-link-text{font-size:14px;}
}
@media (max-width: 980px){
  .header-nav.header-nav-centered{display:none !important;}
}

/* admin panel redesign */
.admin-page{
  background:
    radial-gradient(circle at 14% 0%, rgba(255,170,49,.08), transparent 18%),
    radial-gradient(circle at 70% 100%, rgba(54,110,255,.06), transparent 20%),
    linear-gradient(180deg, #080707 0%, #0b0a09 44%, #060606 100%) !important;
}
.admin-layout{grid-template-columns:320px minmax(0,1fr) !important;gap:0;}
.sidebar{
  padding:22px 18px !important;
  border-right:1px solid rgba(255,195,95,.08) !important;
  background:linear-gradient(180deg, rgba(12,11,10,.96), rgba(9,9,9,.98)) !important;
  box-shadow:18px 0 40px rgba(0,0,0,.24);
}
.sidebar h1{
  margin:2px 0 22px !important;
  font-size:18px !important;
  font-weight:900;
  color:#fff1cd;
  letter-spacing:-.02em;
}
.sidebar .menu{gap:8px !important;}
.sidebar .menu-group-title{
  margin:16px 8px 8px;
  font-size:11px; letter-spacing:.24em; text-transform:uppercase;
  color:#9b7d48; font-weight:800;
}
.sidebar .menu a{
  min-height:52px;
  display:flex; align-items:center;
  padding:0 16px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,197,99,.08) !important;
  background:linear-gradient(180deg, rgba(17,17,17,.92), rgba(10,10,10,.96)) !important;
  color:#eef0f6 !important;
  font-size:15px; font-weight:700;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sidebar .menu a:hover,.sidebar .menu a.active{
  transform:translateX(4px);
  background:linear-gradient(90deg, rgba(108,74,23,.95), rgba(23,20,17,.98)) !important;
  border-color:rgba(255,214,128,.22) !important;
  box-shadow:0 14px 26px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,214,128,.06);
}
.admin-main{padding:30px !important;}
.card{
  border-radius:26px !important;
  padding:24px !important;
  background:linear-gradient(180deg, rgba(17,17,18,.90), rgba(10,10,11,.96)) !important;
  border:1px solid rgba(255,199,108,.08) !important;
  box-shadow:0 24px 56px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.admin-title h2{font-size:18px !important;font-weight:900;letter-spacing:-.02em; color:#fff2d4;}
.admin-title p{font-size:14px;line-height:1.55;color:#a8abaf !important;max-width:1000px;}
.table-wrap{border-radius:18px;overflow:auto;}
.table th,.table td{padding:16px 14px !important;border-bottom:1px solid rgba(255,255,255,.05) !important;}
.table th{font-size:12px !important;color:#b99b67 !important;}
.table tr:hover td{background:rgba(255,214,128,.02) !important;}
input,textarea,select{
  background:linear-gradient(180deg, rgba(24,24,26,.98), rgba(14,14,15,.98)) !important;
  border:1px solid rgba(255,195,95,.10) !important;
  color:#f5f0e2 !important;
  min-height:50px;
  border-radius:16px !important;
  padding:14px 16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(255,206,114,.34) !important;
  box-shadow:0 0 0 4px rgba(255,196,87,.08), inset 0 1px 0 rgba(255,255,255,.03);
}
label{font-size:13px !important;font-weight:700;color:#cbb896 !important;letter-spacing:.01em;}
.form-group{margin-bottom:18px !important;}
.form-actions{gap:10px !important;align-items:center;}
.admin-page .btn,
.admin-page .btn-outline,
.admin-page .btn-primary{
  min-height:44px;
  padding:0 18px !important;
  border-radius:14px !important;
  font-size:14px !important;
  font-weight:800 !important;
}
.admin-page .btn-primary{
  background:linear-gradient(180deg,#2f92ff,#1763ff) !important;
  border:none !important;
  box-shadow:0 12px 24px rgba(23,99,255,.26) !important;
}
.admin-page .btn-outline{
  background:linear-gradient(180deg, rgba(29,29,31,.96), rgba(17,17,18,.96)) !important;
  border:1px solid rgba(255,201,110,.14) !important;
  color:#fff1cd !important;
}
.inline-switch{
  min-height:50px; padding:0 16px; border-radius:16px;
  border:1px solid rgba(255,195,95,.10);
  background:linear-gradient(180deg, rgba(24,24,26,.98), rgba(14,14,15,.98));
  justify-content:flex-start; gap:12px;
}
.inline-switch input[type="checkbox"]{
  appearance:none; -webkit-appearance:none; width:54px !important; height:30px !important; margin:0;
  border-radius:999px; position:relative; cursor:pointer;
  border:1px solid rgba(255,201,110,.18) !important; background:rgba(255,255,255,.08) !important;
  transition:background .22s ease, border-color .22s ease;
}
.inline-switch input[type="checkbox"]::before{
  content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%;
  background:linear-gradient(180deg,#ffffff,#d7d0bf); box-shadow:0 5px 12px rgba(0,0,0,.25); transition:transform .22s ease;
}
.inline-switch input[type="checkbox"]:checked{background:linear-gradient(90deg,#d6941f,#ffcf67) !important;border-color:rgba(255,218,140,.5) !important;}
.inline-switch input[type="checkbox"]:checked::before{transform:translateX(24px); background:linear-gradient(180deg,#fff8e6,#fff0c1);}
.preview-thumb{background:#0d0d0e !important;border:1px solid rgba(255,203,108,.08) !important;border-radius:14px !important;}
.empty-state{background:linear-gradient(180deg, rgba(19,19,20,.82), rgba(12,12,13,.92)); border:1px dashed rgba(255,201,110,.12) !important; color:#9f9f9f !important;}
.flash.success{background:rgba(52,157,88,.12) !important;border-color:rgba(52,157,88,.3) !important;}
.flash.error{background:rgba(214,65,65,.12) !important;border-color:rgba(214,65,65,.3) !important;}
@media (max-width: 1024px){
  .admin-layout{grid-template-columns:1fr !important;}
  .sidebar{position:relative;height:auto;}
}


/* ===== v8.3 user requested fixes ===== */
html,body{background:#070605 !important;}
.site-shell-body{background:transparent !important;}
.bg-casino-scene{
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.34)),
    var(--site-bg-desktop) center top / cover no-repeat !important;
}
@media (max-width: 768px){
  .bg-casino-scene{
    background:
      linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.34)),
      var(--site-bg-mobile) center top / cover no-repeat !important;
  }
}
.page-shell{padding-top:82px !important;}
.main-content{padding-top:8px;}
.hero.section{padding-top:0 !important;margin-top:0 !important;}
.hero .container{padding-top:0 !important;}
.site-header.v6-header{align-items:center !important;}
.header-nav.header-nav-centered{gap:28px !important;flex-wrap:nowrap !important;overflow:hidden;}
.header-link.header-link-inline{flex:0 0 auto;}
.header-link-media{width:36px;height:36px;flex-basis:36px;}
.header-menu-art{width:34px !important;height:34px !important;}
.header-link-text{font-size:15px !important;}
.header-actions-right{flex:0 0 auto;}
.menu-preview-chip{min-height:50px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,195,95,.10);background:linear-gradient(180deg, rgba(24,24,26,.98), rgba(14,14,15,.98));color:#f5f0e2;font-weight:700;}
.menu-preview-chip img,.table-icon-thumb{width:34px;height:34px;object-fit:contain;display:block;}
.inline-switch{display:inline-flex !important;min-height:auto !important;padding:8px 12px !important;align-items:center;border-radius:14px !important;}
.inline-switch input[type="checkbox"]{width:44px !important;height:24px !important;}
.inline-switch input[type="checkbox"]::before{width:18px !important;height:18px !important;top:2px !important;left:2px !important;}
.inline-switch input[type="checkbox"]:checked::before{transform:translateX(20px) !important;}

/* ===== v8.3.1 hard fixes for header/hero/background/admin toggle ===== */
.site-shell-body{
  padding-top:calc(var(--header-h) + 18px) !important;
}
.page-shell{
  padding-top:0 !important;
  margin-top:0 !important;
}
.main-content,
.hero.section,
.hero .container,
.hero-slider{
  padding-top:0 !important;
  margin-top:0 !important;
}
.site-header.v6-header{
  min-height:64px !important;
  height:64px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.bg-casino-scene{
  background:var(--site-bg-desktop) center center / cover no-repeat !important;
  opacity:1 !important;
}
.bg-casino-scene::before,
.bg-casino-scene::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
@media (max-width: 768px){
  .bg-casino-scene{
    background:var(--site-bg-mobile) center center / cover no-repeat !important;
  }
}
.inline-switch{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  min-height:24px !important;
}
.inline-switch input[type="checkbox"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:42px !important;
  height:24px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,207,103,.42) !important;
  background:rgba(255,255,255,.08) !important;
  position:relative !important;
  cursor:pointer !important;
  outline:none !important;
  box-shadow:none !important;
}
.inline-switch input[type="checkbox"]::before{
  content:"" !important;
  position:absolute !important;
  top:2px !important;
  left:2px !important;
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  background:linear-gradient(180deg,#fff7dc,#f4d37a) !important;
  transition:transform .2s ease !important;
}
.inline-switch input[type="checkbox"]:checked{
  background:linear-gradient(90deg,#b67517,#f1bf54) !important;
}
.inline-switch input[type="checkbox"]:checked::before{
  transform:translateX(18px) !important;
}

/* ===== v8.3.2 final hard fixes: background path, header gap, hero side haze ===== */
.site-shell-body{
  padding-top:74px !important;
}
.site-header.v6-header,
.site-header{
  top:0 !important;
  left:0 !important;
  right:0 !important;
  min-height:62px !important;
  height:62px !important;
  padding:8px 14px !important;
  border-radius:0 0 20px 20px !important;
}
.site-sidebar{
  top:70px !important;
}
.page-shell,
.main-content{
  padding-top:0 !important;
  margin-top:0 !important;
}
.hero.section{
  margin-top:0 !important;
  padding-top:0 !important;
  background:transparent !important;
}
.hero.section .container,
.main-content > .container,
.hero-slider,
.hero-track,
.hero-slide,
.hero-overlay{
  margin-top:0 !important;
}
.hero.section .container{
  padding-top:0 !important;
  background:transparent !important;
}
/* remove dark strip around hero */
.main-content > .hero.section,
.main-content > .hero.section::before,
.main-content > .hero.section::after,
.main-content > .hero.section .container::before,
.main-content > .hero.section .container::after{
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
}
.bg-casino-scene,
body.site-shell-body .bg-casino-scene{
  position:fixed !important;
  inset:0 !important;
  background-image:var(--site-bg-desktop) !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
}
@media (max-width:768px){
  .bg-casino-scene,
  body.site-shell-body .bg-casino-scene{
    background-image:var(--site-bg-mobile) !important;
    background-position:center top !important;
  }
}
/* keep content clean over full background */
.section:not(.hero),
.ticker-wrap,
.inline-banner,
.popup-card,
.auth-form-box,
.auth-visual-card,
.profile-card,
.profile-side-card,
.module-card{
  background-color:rgba(7,7,7,.44) !important;
}


/* ===== v9.0 final UX cleanup ===== */
html,body{background:#060606 !important;}
body.site-shell-body,
body.site-shell-body::before,
body.site-shell-body::after,
.bg-grid,.bg-orb,.bg-casino-scene,
.scene-lightning,.scene-card-stack,
.hero-overlay,
.hero-slide::after,
.section::before,.section::after,
.container::before,.container::after,
.main-content::before,.main-content::after,
.page-shell::before,.page-shell::after{
  background-image:none !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
  content:none !important;
}
body.site-shell-body{padding-top:72px !important;}
.page-shell,.main-content,.hero.section,.hero .container{padding-top:0 !important;margin-top:0 !important;}
.site-header,
.site-header.v6-header{
  height:68px !important;
  min-height:68px !important;
  padding:12px 18px !important;
  background:linear-gradient(180deg, rgba(8,8,9,.98), rgba(8,8,9,.94)) !important;
  border-bottom:1px solid rgba(255,191,73,.12) !important;
  border-radius:0 0 24px 24px !important;
  backdrop-filter:none !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28) !important;
}
.header-nav.header-nav-centered,
.header-nav-centered{
  gap:22px !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
}
.header-link,
.header-link.header-link-inline{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  min-height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow:visible !important;
}
.header-link::before,
.header-link::after,
.header-link-inline::before,
.header-link-inline::after,
.market-pill::before,
.btn-soft::before,
.btn-accent::before,
.user-pill::before{display:none !important;content:none !important;}
.header-link:hover,
.header-link.active,
.header-link.header-link-inline:hover,
.header-link.header-link-inline.active{
  transform:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.header-link-media{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  display:grid !important;
  place-items:center !important;
}
.header-link .menu-item-art,
.header-link .header-menu-art,
.menu-item-art-header{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.28)) !important;
}
.header-link .menu-item-fallback,
.header-link .header-menu-fallback{
  width:24px !important;
  height:24px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.header-link-text{
  font-size:15px !important;
  font-weight:800 !important;
  color:#f4efe2 !important;
  letter-spacing:-.01em !important;
}
.header-link:hover .header-link-text,
.header-link.active .header-link-text{color:#ffcf74 !important;text-shadow:none !important;}
.header-actions-right{gap:12px !important;}
.market-pill,
.pill-button,
.btn-soft,
.btn-accent{
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:14px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease !important;
}
.market-pill{
  background:linear-gradient(180deg, #24180a, #17110a) !important;
  color:#ffe6af !important;
  border:1px solid rgba(255,191,73,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,230,175,.08), 0 8px 24px rgba(0,0,0,.22) !important;
}
.btn-soft.pill-dark,
.btn-soft{
  background:linear-gradient(180deg, #17181c, #0f1013) !important;
  color:#f7f2e8 !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 22px rgba(0,0,0,.22) !important;
}
.btn-accent.pill-gold,
.btn-accent{
  background:linear-gradient(180deg, #ffd36b, #e1a92d) !important;
  color:#1b1305 !important;
  border:1px solid rgba(255,223,154,.6) !important;
  box-shadow:inset 0 1px 0 rgba(255,247,219,.5), 0 10px 24px rgba(134,92,19,.28) !important;
}
.market-pill:hover,.btn-soft:hover,.btn-accent:hover{transform:translateY(-1px) !important;}
.hero-slider,
.hero-track,
.hero-slide,
.sponsor-grid,
.category-section,
.section,
.ticker-wrap,
.inline-banner,
.popup-card,
.footer-inner,
.footer-inner-simple,
.container,
.main-content > .container{
  background-image:none !important;
}
.hero-slider,
.sponsor-card,
.ticker-wrap,
.inline-banner,
.footer-inner,
.footer-inner-simple,
.popup-card,
.glass{
  backdrop-filter:none !important;
}
.sponsor-grid,
.category-section,
.section:not(.hero),
#sponsor-kategorileri,
.main-content > .container{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
.sponsor-card,
.ticker-wrap,
.inline-banner,
.footer-inner,
.footer-inner-simple{
  box-shadow:none !important;
}
.sponsor-card::before,
.sponsor-card::after,
.ticker-wrap::before,
.ticker-wrap::after,
.inline-banner::before,
.inline-banner::after,
.glass::before,
.glass::after{display:none !important;content:none !important;}
/* admin black weighted cleanup */
.admin-page{
  background:linear-gradient(180deg,#060606,#0a0a0b 55%, #090909) !important;
}
.admin-layout{background:none !important;}
.sidebar{
  background:linear-gradient(180deg, rgba(10,10,10,.98), rgba(7,7,7,.98)) !important;
  border-right:1px solid rgba(255,191,73,.08) !important;
  backdrop-filter:none !important;
}
.sidebar .menu a{
  background:linear-gradient(180deg, rgba(20,20,21,.98), rgba(13,13,14,.98)) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}
.sidebar .menu a.active,
.sidebar .menu a:hover{
  background:linear-gradient(180deg, rgba(47,34,14,.98), rgba(18,18,19,.98)) !important;
  border-color:rgba(255,191,73,.18) !important;
}
.card,
.table-wrap,
.table,
.kpi,
.menu-preview-chip{
  background:linear-gradient(180deg, rgba(13,13,14,.98), rgba(9,9,10,.98)) !important;
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
}
.table th{color:#cdb98d !important;}
.table td{background:transparent !important;}
.form-group input,
.form-group select,
.form-group textarea{
  background:#101114 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#f5efe2 !important;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{border-color:rgba(255,191,73,.28) !important;box-shadow:0 0 0 4px rgba(255,191,73,.08) !important;}
.btn.btn-primary{background:linear-gradient(180deg,#3f8cff,#2071f3) !important;color:#fff !important;border:0 !important;box-shadow:0 14px 28px rgba(22,90,210,.22) !important;}
.btn.btn-soft{background:#151619 !important;border:1px solid rgba(255,255,255,.08) !important;}
.btn.btn-danger{background:#1b1313 !important;border:1px solid rgba(255,110,110,.15) !important;color:#ffd8d8 !important;}
.preview-thumb,.table-icon-thumb{background:#111214 !important;}
@media (max-width:1180px){
  .header-nav.header-nav-centered{gap:16px !important;}
  .header-link-text{font-size:14px !important;}
}


/* ===== v10.1 final background + header spacing fix ===== */
html,body{
  background:#060606 url('../uploads/zeus-bg.png') no-repeat center center fixed !important;
  background-size:cover !important;
}
body.site-shell-body,
.site-shell-body{
  background:transparent !important;
  padding-top:84px !important;
}
.page-shell,.main-content,.hero.section,.hero .container{
  background:transparent !important;
}
.main-content{
  padding-top:4px !important;
}
.hero.section{
  margin-top:0 !important;
  padding-top:0 !important;
}
.bg-grid,.bg-orb,.bg-casino-scene,
.scene-lightning,.scene-card-stack,
body.site-shell-body::before,body.site-shell-body::after,
.page-shell::before,.page-shell::after,
.main-content::before,.main-content::after,
.hero.section::before,.hero.section::after,
.hero .container::before,.hero .container::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}


.field-hint{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}
.hero-media{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.hero-media[href]{cursor:pointer}
.hero-media img,.hero-media video{width:100%;height:100%;display:block;object-fit:cover}


/* v11 configurable background + preloader */
html,body{background:#050505 !important;min-height:100%;}
.site-background-media{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#050505;}
.site-background-video,.site-background-image{width:100%;height:100%;object-fit:cover;display:block;}
.site-background-video{filter:none;}
.site-background-fade{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.1) 28%, rgba(0,0,0,.22));}
.page-shell, .site-header, .site-sidebar, .site-footer{position:relative;z-index:1;}
body.site-is-loading .page-shell,
body.site-is-loading .site-header,
body.site-is-loading .site-sidebar,
body.site-is-loading .site-footer{opacity:0;}
body.site-is-ready .page-shell,
body.site-is-ready .site-header,
body.site-is-ready .site-sidebar,
body.site-is-ready .site-footer{opacity:1;transition:opacity 1s ease;}
.site-preloader{position:fixed;inset:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .9s ease, visibility .9s ease;}
.site-preloader.is-hidden{opacity:0;visibility:hidden;}
.site-preloader-media{position:absolute;inset:0;background:#000;}
.site-preloader-video,.site-preloader-image{width:100%;height:100%;object-fit:cover;display:block;}
.site-preloader-fade{position:absolute;inset:0;background:radial-gradient(circle at center, transparent 18%, rgba(0,0,0,.28) 58%, rgba(0,0,0,.88) 100%);}
.help-text{display:block;margin-top:7px;color:var(--muted);font-size:12px;}
.preview-thumb{max-width:100%;height:120px;object-fit:cover;}


/* ===== v15 final layout + video fix ===== */
:root{--header-h:72px;--sidebar-w:288px;--sidebar-collapsed:96px;}
html,body{
  background:#050505 !important;
  min-height:100% !important;
  overflow-x:hidden !important;
}
body.site-shell-body{
  padding-left:calc(var(--sidebar-w) + 18px) !important;
  padding-top:calc(var(--header-h) + 18px) !important;
  margin:0 !important;
  background:transparent !important;
}
.site-background-media{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  background:#050505 !important;
}
.site-background-video,
.site-background-image{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.site-background-video{filter:none !important;}
.site-background-fade{background:linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.12) 35%, rgba(0,0,0,.22)) !important;}
.site-header,
.site-header.v6-header{
  position:fixed !important;
  top:8px !important;
  left:8px !important;
  right:8px !important;
  z-index:90 !important;
  height:var(--header-h) !important;
  min-height:var(--header-h) !important;
  margin:0 !important;
  transform:none !important;
}
.site-sidebar{
  position:fixed !important;
  top:calc(var(--header-h) + 16px) !important;
  left:8px !important;
  bottom:8px !important;
  width:var(--sidebar-w) !important;
  z-index:80 !important;
  margin:0 !important;
  transform:none !important;
}
.site-shell-body.sidebar-collapsed .site-sidebar{width:var(--sidebar-collapsed) !important;}
.page-shell{
  position:relative !important;
  z-index:2 !important;
  padding-top:0 !important;
  margin-top:0 !important;
}
.main-content{
  padding:12px 0 34px !important;
  margin:0 !important;
}
.hero.section,
.hero .container,
.main-content > .container,
#sponsor-kategorileri{
  padding-top:0 !important;
  margin-top:0 !important;
  background:transparent !important;
}
.hero-slider{margin-top:0 !important;}
.section,.category-section,.sponsor-grid,.ticker-wrap,.inline-banner,.popup-card,.footer-inner,.footer-inner-simple{
  position:relative !important;
  z-index:2 !important;
}
.page-shell, .site-footer{position:relative !important; z-index:2 !important;}
/* do not turn fixed header/sidebar into relative */
.site-header, .site-sidebar{will-change:auto !important;}

body.site-is-loading .page-shell,
body.site-is-loading .site-header,
body.site-is-loading .site-sidebar,
body.site-is-loading .site-footer{opacity:0 !important;}
body.site-is-ready .page-shell,
body.site-is-ready .site-header,
body.site-is-ready .site-sidebar,
body.site-is-ready .site-footer{opacity:1 !important;transition:opacity .9s ease !important;}

.site-preloader{
  position:fixed !important;
  inset:0 !important;
  z-index:200 !important;
  background:#000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.site-preloader-media{position:absolute !important; inset:0 !important; background:#000 !important;}
.site-preloader-video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  background:#000 !important;
}
.site-preloader-image{display:none !important;}
.site-preloader-fade{background:radial-gradient(circle at center, transparent 24%, rgba(0,0,0,.22) 62%, rgba(0,0,0,.76) 100%) !important;}

@media (max-width:900px){
  body.site-shell-body{
    padding-left:0 !important;
    padding-top:calc(var(--header-h) + 12px) !important;
  }
  .site-sidebar{
    width:min(320px, calc(100vw - 24px)) !important;
    transform:translateX(-120%) !important;
    top:calc(var(--header-h) + 8px) !important;
    left:12px !important;
    bottom:12px !important;
  }
  .site-shell-body.menu-open .site-sidebar{transform:translateX(0) !important;}
  .site-shell-body.sidebar-collapsed .site-sidebar{width:min(320px, calc(100vw - 24px)) !important;}
  .site-header,.site-header.v6-header{left:8px !important; right:8px !important; top:8px !important;}
}

/* ==== Casino pro refresh + wheel module ==== */
:root{
  --casino-red:#c71f2d;
  --casino-red-soft:#8c1020;
  --casino-gold:#f3be4f;
  --casino-gold-2:#d08c1d;
  --casino-purple:#6d35eb;
  --casino-panel:rgba(8,8,12,.88);
  --casino-line:rgba(255,190,78,.18);
}
body.site-shell-body{
  background:
    linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.86)),
    radial-gradient(circle at 18% 16%, rgba(199,31,45,.20), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(109,53,235,.18), transparent 28%),
    radial-gradient(circle at 82% 76%, rgba(243,190,79,.10), transparent 24%),
    #040404 !important;
}
body.site-shell-body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), transparent 14%, transparent 84%, rgba(255,255,255,.03)),
    url('../theme/casino-bg-final.png') center/cover no-repeat;
  opacity:.22;mix-blend-mode:screen;
}
body.site-shell-body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,214,120,.08), transparent 16%),
    radial-gradient(circle at 86% 22%, rgba(255,0,64,.07), transparent 20%),
    radial-gradient(circle at 18% 80%, rgba(255,214,120,.08), transparent 18%),
    radial-gradient(circle at 84% 82%, rgba(255,0,64,.06), transparent 17%);
}
.glass,.casino-surface{
  background:linear-gradient(180deg, rgba(11,10,13,.92), rgba(8,8,11,.9)) !important;
  border:1px solid var(--casino-line) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
}
.site-header.v6-header{
  background:linear-gradient(180deg, rgba(8,8,11,.92), rgba(10,8,9,.84)) !important;
  border:1px solid rgba(199,31,45,.18) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(255,200,100,.04) inset !important;
}
.header-link-inline{
  border-radius:16px !important;padding:10px 14px !important;transition:all .22s ease !important;
}
.header-link-inline:hover,.header-link-inline.active{
  background:linear-gradient(180deg, rgba(140,16,32,.3), rgba(75,12,19,.24)) !important;
  box-shadow:0 8px 20px rgba(199,31,45,.14), inset 0 0 0 1px rgba(243,190,79,.16) !important;
}
.market-pill,.pill-button.pill-gold,.btn-primary,.btn-accent,.btn-wheel{
  background:linear-gradient(135deg, #f6ca67, #e39d22 48%, #bb6e08) !important;
  color:#18120b !important;border:none !important;
  box-shadow:0 14px 24px rgba(208,140,29,.22), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.market-pill:hover,.pill-button.pill-gold:hover,.btn-primary:hover,.btn-accent:hover,.btn-wheel:hover{
  transform:translateY(-1px);filter:saturate(1.08);
}
.btn-soft,.pill-dark{
  background:linear-gradient(180deg, rgba(26,24,29,.94), rgba(16,14,18,.92)) !important;
  border:1px solid rgba(255,194,91,.16) !important;color:#f5e2b5 !important;
}
.premium-sidebar{
  background:linear-gradient(180deg, rgba(11,10,13,.96), rgba(7,7,9,.94)) !important;
  border-color:rgba(255,190,78,.14) !important;
}
.sidebar-nav-full a{
  border:1px solid rgba(255,190,78,.09) !important;
  background:linear-gradient(180deg, rgba(19,16,20,.9), rgba(11,10,13,.9)) !important;
  border-radius:18px !important;
  min-height:54px !important;
  transition:all .22s ease !important;
}
.sidebar-nav-full a:hover,.sidebar-nav-full a.active{
  transform:translateX(3px);
  border-color:rgba(243,190,79,.24) !important;
  background:linear-gradient(180deg, rgba(65,16,27,.5), rgba(22,12,15,.96)) !important;
  box-shadow:0 12px 20px rgba(0,0,0,.24), 0 0 0 1px rgba(243,190,79,.08) inset !important;
}
.nav-ico{background:linear-gradient(180deg, rgba(55,40,17,.34), rgba(18,15,15,.74)) !important;border:1px solid rgba(255,190,78,.12) !important;}
.shortcut-card{border-radius:22px !important;overflow:hidden;position:relative;}
.shortcut-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.11), transparent 70%);transform:translateX(-120%);transition:transform .6s ease;}
.shortcut-card:hover::after{transform:translateX(120%);}
.shortcut-gold{background:linear-gradient(135deg, rgba(171,114,14,.46), rgba(29,19,6,.98)) !important;}
.shortcut-purple{background:linear-gradient(135deg, rgba(86,45,210,.48), rgba(25,14,44,.98)) !important;}
.shortcut-red{background:linear-gradient(135deg, rgba(162,22,38,.62), rgba(32,8,12,.98)) !important;}
.sidebar-community-card,.footer-inner-simple{background:linear-gradient(180deg, rgba(10,10,13,.96), rgba(12,9,10,.9)) !important;}
.admin-layout .sidebar{
  background:linear-gradient(180deg, #0b0b10, #09080c) !important;
  border-right:1px solid rgba(243,190,79,.12) !important;
}
.admin-layout .sidebar .menu a:hover,.admin-layout .sidebar .menu a.active{
  background:linear-gradient(135deg, rgba(140,16,32,.42), rgba(56,11,15,.98)) !important;
  color:#ffe8b7 !important;
}
.wheel-page{position:relative;z-index:1;padding:10px 0 40px;}
.wheel-page-container{max-width:1320px;}
.wheel-hero{display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,640px);gap:28px;padding:32px;border-radius:34px;overflow:hidden;position:relative;}
.wheel-hero::before{content:"";position:absolute;inset:-1px;background:
  radial-gradient(circle at 18% 22%, rgba(199,31,45,.16), transparent 26%),
  radial-gradient(circle at 84% 10%, rgba(243,190,79,.12), transparent 22%),
  linear-gradient(180deg, transparent, rgba(255,255,255,.02));pointer-events:none;}
.section-badge{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,190,78,.16);background:rgba(255,255,255,.02);font-size:13px;color:#f5d28a;margin-bottom:10px;}
.wheel-copy h1{font-size:56px;line-height:1.02;margin:8px 0 14px;background:linear-gradient(180deg, #fff, #f0cf98 92%);-webkit-background-clip:text;color:transparent;}
.wheel-copy p{max-width:440px;color:#d7d0c5;font-size:20px;line-height:1.5;}
.wheel-stats{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px;}
.wheel-stats article{min-width:132px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg, rgba(22,22,28,.96), rgba(10,10,13,.98));border:1px solid rgba(255,190,78,.12);}
.wheel-stats span{display:block;color:#a59a85;font-size:13px;margin-bottom:6px;}
.wheel-stats strong{font-size:31px;color:#fff;}
.wheel-action-form{margin:8px 0 8px;}
.btn-wheel{min-width:210px;font-size:24px;font-weight:900;padding:18px 28px;border-radius:18px !important;}
.btn-wheel[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.2);}
.wheel-alert{margin-top:16px;padding:16px 18px;border-radius:18px;font-weight:700;border:1px solid rgba(255,255,255,.08);}
.wheel-alert.success{background:linear-gradient(180deg, rgba(75,46,12,.68), rgba(40,25,8,.88));color:#ffe6a0;}
.wheel-alert.error{background:linear-gradient(180deg, rgba(87,18,30,.74), rgba(44,11,17,.94));color:#ffd1d6;}
.wheel-note{color:#b2a998;margin-top:10px;}
.casino-backdrop{position:relative;border-radius:32px;min-height:560px;display:grid;place-items:center;background:
 radial-gradient(circle at center, rgba(243,190,79,.08), transparent 32%),
 radial-gradient(circle at 45% 48%, rgba(109,53,235,.12), transparent 44%),
 linear-gradient(180deg, rgba(10,10,14,.2), rgba(12,10,11,.3));overflow:hidden;}
.casino-backdrop::before,.casino-backdrop::after{content:"";position:absolute;border-radius:50%;pointer-events:none;}
.casino-backdrop::before{width:170px;height:170px;left:-30px;bottom:30px;background:radial-gradient(circle at 35% 35%, rgba(255,210,120,.65), rgba(60,30,0,.2) 58%, transparent 62%);opacity:.22;filter:blur(1px);}
.casino-backdrop::after{width:220px;height:220px;right:-30px;top:10px;background:radial-gradient(circle at 35% 35%, rgba(255,210,120,.65), rgba(60,30,0,.18) 58%, transparent 62%);opacity:.18;}
.wheel-stage{position:relative;width:min(76vw, 520px);height:min(76vw, 520px);display:grid;place-items:center;}
.wheel-pointer{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:48px solid var(--casino-red);filter:drop-shadow(0 8px 16px rgba(199,31,45,.4));z-index:7;}
.wheel-pointer::after{content:"";position:absolute;left:-15px;top:8px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:28px solid #ffefcf;opacity:.18;}
.wheel-glow-ring{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 0deg, #d36d13, #ffd16f, #b50f20, #da8020, #ffd16f, #d36d13);filter:blur(.4px);box-shadow:0 0 30px rgba(255,146,23,.18), 0 0 50px rgba(199,31,45,.12);}
.wheel-glow-ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle, transparent 63%, rgba(255,255,255,.13) 64%, transparent 65%), radial-gradient(circle at center, transparent 75%, rgba(255,255,255,.08) 76%, transparent 77%);} 
.wheel-glow-ring::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle, transparent 70%, rgba(255,255,255,.88) 71%, transparent 73%);mask:radial-gradient(circle, transparent 71%, #000 72%);opacity:.9;}
.wheel-board{position:relative;width:100%;height:100%;border-radius:50%;border:14px solid rgba(255,215,137,.72);background:
repeating-conic-gradient(from -90deg, #6d35eb 0deg calc(360deg/var(--segments)/2), #faf7f2 calc(360deg/var(--segments)/2) calc(360deg/var(--segments))),
 radial-gradient(circle at center, #f8f6f1 0 22%, transparent 22%),
 #111;overflow:hidden;box-shadow:0 0 0 16px rgba(255,255,255,.06), inset 0 0 44px rgba(0,0,0,.26);transition:transform 6.2s cubic-bezier(.14,.92,.1,1);z-index:4;}
body.wheel-auto-spin .wheel-board{transform:rotate(var(--final-rotation));}
.wheel-segment-label{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;transform:rotate(calc(var(--i) * (360deg / var(--segments))));z-index:5;pointer-events:none;}
.wheel-segment-label span{position:absolute;top:50px;left:50%;width:108px;transform:translateX(-50%) rotate(var(--rotate));transform-origin:center center;text-align:center;font-weight:900;font-size:19px;line-height:1.08;letter-spacing:-.02em;word-break:break-word;color:#20170f;text-shadow:0 1px 0 rgba(255,255,255,.32);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.wheel-center-cap{position:absolute;inset:auto;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 32% 28%, #fff4c2, #efc457 36%, #9b5a09 76%);box-shadow:0 0 0 8px rgba(155,90,9,.26), 0 8px 18px rgba(0,0,0,.35);z-index:6;}
.wheel-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:22px;margin-top:22px;}
.section-head.compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.section-head.compact h2{margin:0;font-size:36px;}
.wheel-history-card,.wheel-rules-card{padding:24px;border-radius:30px;}
.empty-state-line{padding:20px;border-radius:18px;border:1px solid rgba(255,190,78,.10);color:#b8aa91;background:linear-gradient(180deg, rgba(15,15,18,.84), rgba(11,11,13,.94));}
.slim-table th,.slim-table td{padding:14px 16px !important;}
.status-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px;}
.status-badge.pending{background:rgba(198,142,35,.14);color:#ffd679;border:1px solid rgba(255,190,78,.16);}
.status-badge.delivered{background:rgba(46,157,84,.13);color:#98efb5;border:1px solid rgba(91,204,131,.18);}
.rule-list{display:grid;gap:14px;}
.rule-item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg, rgba(18,18,22,.96), rgba(10,10,13,.96));border:1px solid rgba(255,190,78,.10);}
.rule-item span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg, #ae1727, #6f1020);color:#ffe0a6;font-weight:900;box-shadow:0 4px 10px rgba(174,23,39,.22);}
.rule-item p{margin:0;color:#ddd2c1;line-height:1.5;}
.profile-main .table-wrap{margin-top:10px;}
@media (max-width:1180px){
 .wheel-hero{grid-template-columns:1fr;}
 .wheel-copy h1{font-size:46px;}
 .wheel-stage{width:min(80vw,500px);height:min(80vw,500px);}
 .wheel-grid{grid-template-columns:1fr;}
}
@media (max-width:900px){
 .wheel-hero{padding:20px;border-radius:26px;}
 .wheel-copy p{font-size:17px;}
 .wheel-stats article{min-width:calc(50% - 8px);}
 .wheel-stage{width:min(90vw,420px);height:min(90vw,420px);}
 .wheel-segment-label span{top:40px;width:86px;font-size:15px;}
 .wheel-pointer{top:-10px;border-left-width:18px;border-right-width:18px;border-bottom-width:36px;}
}


/* ===== v17.0 definitive polish + wheel repair ===== */
:root{
  --casino-gold:#f2bf63;
  --casino-gold-2:#be7b17;
  --casino-red:#cf2036;
  --casino-red-2:#7c101d;
  --casino-panel:rgba(12,12,14,.92);
  --casino-panel-2:rgba(19,19,23,.96);
}
html,body{
  background:
    linear-gradient(180deg, rgba(5,5,7,.74), rgba(5,5,7,.92)),
    url('../theme/casino-scene-reference.png') center top / cover fixed no-repeat !important;
}
body.site-shell-body{padding-top:84px !important; color:#f5efe4;}
.site-shell-body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 12% 14%, rgba(255,198,76,.14), transparent 18%),
  radial-gradient(circle at 88% 12%, rgba(206,32,54,.12), transparent 16%),
  radial-gradient(circle at 80% 72%, rgba(113,76,255,.09), transparent 18%),
  linear-gradient(115deg, rgba(255,255,255,.02), transparent 30%),
  linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.44));}
.site-header,.site-header.v6-header{
  position:fixed;top:0;left:0;right:0;z-index:90;
  height:68px !important;min-height:68px !important;padding:10px 18px !important;
  background:linear-gradient(180deg, rgba(9,9,12,.92), rgba(9,9,12,.86)) !important;
  border-bottom:1px solid rgba(242,191,99,.13) !important;
  border-radius:0 0 22px 22px !important;box-shadow:0 16px 36px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(14px) saturate(120%);
}
.header-link.header-link-inline{padding:8px 10px !important;border-radius:14px !important;transition:background .24s ease, transform .24s ease, box-shadow .24s ease !important;}
.header-link.header-link-inline:hover,.header-link.header-link-inline.active{background:linear-gradient(180deg, rgba(255,196,76,.09), rgba(255,196,76,.03)) !important;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.18);}
.header-link.header-link-inline::after{left:12px !important;right:12px !important;bottom:0 !important;height:2px !important;background:linear-gradient(90deg, transparent, rgba(242,191,99,.95), transparent) !important;}
.header-link-text{font-size:14px !important;color:#f4ead8 !important;}
.market-pill,.btn-soft,.btn-accent,.user-pill{border-radius:15px !important;min-height:44px !important;}
.market-pill{background:linear-gradient(180deg, rgba(49,32,12,.94), rgba(27,18,9,.98)) !important;color:#ffe8ba !important;border:1px solid rgba(242,191,99,.28) !important;}
.btn-soft,.user-pill{background:linear-gradient(180deg, rgba(28,29,34,.96), rgba(16,17,21,.98)) !important;border:1px solid rgba(255,255,255,.09) !important;color:#f3ede3 !important;}
.btn-accent,.btn-wheel{background:linear-gradient(180deg, #ffd978 0%, #efbb4c 44%, #c88417 100%) !important;color:#181109 !important;border:1px solid rgba(255,231,170,.5) !important;box-shadow:0 14px 28px rgba(150,94,12,.24), inset 0 1px 0 rgba(255,250,235,.38) !important;}
.btn-soft:hover,.market-pill:hover,.btn-accent:hover,.btn-wheel:hover{transform:translateY(-2px) !important;box-shadow:0 16px 34px rgba(0,0,0,.28) !important;}

.site-sidebar{
  top:82px !important;bottom:16px !important;
  background:linear-gradient(180deg, rgba(10,10,12,.90), rgba(9,9,10,.96)) !important;
  border:1px solid rgba(242,191,99,.12) !important;
  box-shadow:0 24px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(16px) saturate(115%);
}
.sidebar-shortcuts .shortcut-card{border:1px solid rgba(255,255,255,.05) !important;box-shadow:0 12px 26px rgba(0,0,0,.22);}
.sidebar-nav a{
  min-height:58px !important;
  background:linear-gradient(180deg, rgba(21,21,25,.88), rgba(14,14,17,.96)) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.sidebar-nav a:hover,.sidebar-nav a.active{
  transform:translateX(5px);
  background:linear-gradient(135deg, rgba(90,58,18,.92), rgba(22,19,17,.98)) !important;
  border-color:rgba(242,191,99,.22) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.nav-ico{background:linear-gradient(180deg, rgba(59,43,18,.30), rgba(22,18,16,.72)) !important;border:1px solid rgba(242,191,99,.12) !important;}
.nav-label{color:#f3ece0 !important;}
.sidebar-community-card{background:linear-gradient(180deg, rgba(15,15,18,.92), rgba(10,10,12,.98)) !important;border:1px solid rgba(242,191,99,.12) !important;}

.glass,.casino-surface,.module-card,.profile-card,.profile-side-card,.auth-split-card,.auth-form-box,.auth-visual-card,.section,.ticker-wrap,.inline-banner,.footer-inner,.footer-inner-simple{
  background:linear-gradient(180deg, rgba(12,12,14,.82), rgba(9,9,10,.92)) !important;
  border:1px solid rgba(242,191,99,.09) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(14px) saturate(115%);
}

/* register page cleanup */
.terms-line{display:none !important;}

/* wheel page definitive repair */
.wheel-page{position:relative;z-index:2;padding:16px 0 48px;}
.wheel-page-container{max-width:1380px;}
.wheel-hero{grid-template-columns:minmax(360px,1fr) minmax(460px,640px) !important;gap:34px !important;padding:34px !important;border-radius:34px !important;}
.wheel-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;}
.wheel-copy h1{font-size:58px !important;margin:10px 0 16px !important;color:#fff !important;background:none !important;-webkit-text-fill-color:initial;}
.wheel-copy p{max-width:500px;font-size:20px !important;line-height:1.55 !important;color:#d7cfbf !important;}
.wheel-stats article{background:linear-gradient(180deg, rgba(22,22,27,.94), rgba(11,11,14,.98)) !important;border:1px solid rgba(242,191,99,.12) !important;min-width:140px !important;}
.wheel-stats strong{font-size:32px !important;color:#fff7e7 !important;}
.wheel-note{margin-top:12px;color:#c9bca2;}
.wheel-stage-wrap{min-height:590px !important;border-radius:34px !important;background:
  radial-gradient(circle at center, rgba(255,199,86,.08), transparent 30%),
  radial-gradient(circle at 18% 20%, rgba(207,32,54,.12), transparent 24%),
  radial-gradient(circle at 82% 22%, rgba(101,76,255,.10), transparent 22%),
  linear-gradient(180deg, rgba(12,12,14,.46), rgba(9,9,10,.68)) !important;}
.casino-backdrop::before{width:170px;height:170px;left:18px;bottom:28px;opacity:.18;background:radial-gradient(circle at 35% 35%, rgba(255,218,135,.7), rgba(84,52,6,.22) 52%, transparent 62%) !important;filter:blur(.2px);}
.casino-backdrop::after{width:220px;height:220px;right:6px;top:22px;opacity:.14;background:radial-gradient(circle at 35% 35%, rgba(255,218,135,.65), rgba(84,52,6,.16) 52%, transparent 62%) !important;}
.wheel-stage{width:min(74vw, 540px) !important;height:min(74vw, 540px) !important;position:relative;display:grid;place-items:center;}
.wheel-bulb-ring{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle, transparent 73%, rgba(18,18,20,.98) 73.6%, rgba(31,31,35,.98) 79%, transparent 79.4%);filter:drop-shadow(0 20px 34px rgba(0,0,0,.28));z-index:1;}
.wheel-bulb-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle, transparent 69%, rgba(255,234,195,.95) 70%, transparent 71.4%);mask:radial-gradient(circle, transparent 70%, #000 70.5%);opacity:.95;}
.wheel-bulb-ring::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(from -2deg, rgba(255,255,255,.94) 0deg 2deg, transparent 2deg 15deg);mask:radial-gradient(circle, transparent 83%, #000 84%);filter:drop-shadow(0 0 8px rgba(255,255,255,.45));opacity:.95;}
.wheel-pointer{top:-18px !important;left:50% !important;transform:translateX(-50%) !important;width:0;height:0;border-left:20px solid transparent !important;border-right:20px solid transparent !important;border-top:0 !important;border-bottom:none !important;border-bottom-color:transparent !important;border-top:42px solid var(--casino-gold) !important;filter:drop-shadow(0 10px 16px rgba(0,0,0,.34));z-index:8 !important;}
.wheel-pointer::after{content:"";position:absolute;left:-11px;top:-39px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:24px solid rgba(255,255,255,.22);}
.wheel-board{position:relative;width:100%;height:100%;border-radius:50%;border:12px solid rgba(255,226,163,.84) !important;box-shadow:0 0 0 12px rgba(255,255,255,.05), inset 0 0 48px rgba(0,0,0,.24), 0 20px 34px rgba(0,0,0,.28);z-index:3;overflow:hidden;transition:transform 6.4s cubic-bezier(.12,.92,.08,1) !important;}
.wheel-board::before{content:"";position:absolute;inset:18px;border-radius:50%;border:4px dotted rgba(209,167,79,.95);opacity:.9;}
.wheel-board::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center, transparent 0 18%, rgba(255,255,255,.04) 18.4%, transparent 19%);pointer-events:none;}
body.wheel-auto-spin .wheel-board{transform:rotate(var(--final-rotation)) !important;}
.wheel-inner-ring{position:absolute;inset:64px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 34px rgba(0,0,0,.16);pointer-events:none;}
.wheel-segment-label{position:absolute;left:50%;top:50%;width:70px;height:178px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-134px);transform-origin:center center;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;z-index:5;}
.wheel-segment-label span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px 6px 12px;border-radius:36px;writing-mode:vertical-rl;text-orientation:mixed;font-weight:900;font-size:20px;line-height:1.02;letter-spacing:-.02em;color:#20160a;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.34);overflow:hidden;word-break:break-word;}
.wheel-segment-label.compact{width:60px;height:160px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-126px);}
.wheel-segment-label.compact span{font-size:16px;padding:12px 4px 10px;}
.wheel-center-cap{width:84px !important;height:84px !important;z-index:7 !important;background:radial-gradient(circle at 32% 28%, #fff7d2, #efc65f 34%, #a66710 74%) !important;box-shadow:0 0 0 10px rgba(166,103,16,.28), inset 0 2px 8px rgba(255,255,255,.34), 0 16px 24px rgba(0,0,0,.34) !important;}
.wheel-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.92fr) !important;gap:22px !important;margin-top:24px !important;}
.section-head.compact h2{font-size:40px !important;}
.rule-item,.empty-state-line,.wheel-history-card,.wheel-rules-card{border-color:rgba(242,191,99,.1) !important;}
.status-badge.pending{background:rgba(242,191,99,.12) !important;color:#ffd98e !important;border:1px solid rgba(242,191,99,.18) !important;}
.status-badge.delivered{background:rgba(61,181,105,.12) !important;color:#98ebb6 !important;border:1px solid rgba(61,181,105,.18) !important;}

@media (max-width:1180px){
  .wheel-hero{grid-template-columns:1fr !important;}
  .wheel-stage-wrap{min-height:540px !important;}
}
@media (max-width:900px){
  body.site-shell-body{padding-top:76px !important;}
  .site-sidebar{top:74px !important;}
  .wheel-copy h1{font-size:44px !important;}
  .wheel-copy p{font-size:17px !important;}
  .wheel-stage{width:min(92vw, 430px) !important;height:min(92vw, 430px) !important;}
  .wheel-stage-wrap{min-height:470px !important;padding:16px !important;}
  .wheel-bulb-ring{inset:-12px;}
  .wheel-segment-label{width:56px;height:144px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-108px);}
  .wheel-segment-label span{font-size:15px;}
  .wheel-segment-label.compact{width:52px;height:132px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-102px);}
  .wheel-grid{grid-template-columns:1fr !important;}
}