/* LOBBY visual system — graphite / olive / milk. Business logic and routes are untouched. */
:root{
  --bg:#121410;
  --bg2:#171a15;
  --panel:rgba(28,31,25,.90);
  --panel-solid:#1b1e18;
  --panel-2:#22261e;
  --line:rgba(220,219,199,.12);
  --line-strong:rgba(220,219,199,.22);
  --blue:#8d9270;
  --blue2:#c7c8ad;
  --orange:#d8d5c2;
  --magenta:#8d9270;
  --cyan:#d8d5c2;
  --text:#f0eee4;
  --muted:#9ea191;
  --danger:#d97b78;
  --ok:#a7b58c;
  --olive:#7d8261;
  --olive-deep:#555a45;
  --olive-soft:#a8ab8d;
  --milk:#eeeade;
  --milk-dim:#c9c5b7;
  --shadow:0 24px 70px rgba(0,0,0,.32);
  --soft-glow:0 0 28px rgba(238,234,222,.08);
  --radius:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body.lobby-theme{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(ellipse at 14% 2%,rgba(132,139,98,.19) 0%,rgba(103,110,79,.09) 22%,transparent 47%),
    radial-gradient(ellipse at 92% 27%,rgba(238,234,222,.075) 0%,rgba(208,207,188,.025) 24%,transparent 46%),
    radial-gradient(ellipse at 54% 112%,rgba(91,99,68,.13) 0%,transparent 45%),
    linear-gradient(180deg,#151711 0%,#11130f 49%,#0d0f0c 100%) !important;
  overflow-x:hidden;
}

/* Slow ambient light layer: several olive / milk gradients move as one compositor layer. */
body.lobby-theme main{
  position:relative;
  isolation:isolate;
}
body.lobby-theme main:before{
  content:"";
  position:fixed;
  inset:-24vh -18vw;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 17% 29%,rgba(131,140,96,.18) 0%,rgba(101,110,73,.085) 24%,transparent 51%),
    radial-gradient(ellipse at 82% 19%,rgba(239,235,220,.105) 0%,rgba(226,222,205,.036) 23%,transparent 48%),
    radial-gradient(ellipse at 72% 76%,rgba(96,105,72,.16) 0%,rgba(73,80,56,.055) 27%,transparent 54%),
    radial-gradient(ellipse at 24% 84%,rgba(222,219,201,.065) 0%,transparent 42%);
  opacity:.9;
  transform:translate3d(-1.8%,-1.2%,0) scale(1.025);
  transform-origin:50% 50%;
  will-change:transform;
  animation:lobbyAmbientFloat 28s cubic-bezier(.45,.05,.3,.95) infinite alternate;
}
body.lobby-theme main:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(118deg,transparent 8%,rgba(238,234,222,.022) 31%,transparent 49%),
    linear-gradient(302deg,transparent 42%,rgba(126,134,92,.035) 62%,transparent 82%);
  background-size:175% 175%,190% 190%;
  background-position:0% 18%,100% 78%;
  opacity:.85;
  animation:lobbyAmbientSheen 34s ease-in-out infinite alternate;
}

@keyframes lobbyAmbientFloat{
  0%{transform:translate3d(-1.8%,-1.2%,0) scale(1.025) rotate(-.15deg)}
  48%{transform:translate3d(2.1%,1.4%,0) scale(1.055) rotate(.45deg)}
  100%{transform:translate3d(-.4%,3.1%,0) scale(1.035) rotate(-.35deg)}
}
@keyframes lobbyAmbientSheen{
  0%{background-position:0% 18%,100% 78%}
  50%{background-position:46% 46%,54% 50%}
  100%{background-position:100% 76%,0% 24%}
}
body.lobby-theme:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px) !important;
  background-size:54px 54px !important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 75%);
  animation:none!important;
}
body.lobby-theme:after{content:none!important}
body.lobby-theme .cyber-bg,
body.lobby-theme .cyber-grid,
body.lobby-theme .cyber-sun,
body.lobby-theme .cyber-beam,
body.lobby-theme .cyber-particles,
body.lobby-theme .cursor-neon{display:none!important}

::selection{background:rgba(141,146,112,.45);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#11130f}
::-webkit-scrollbar-thumb{background:#4f5341;border:2px solid #11130f;border-radius:999px}

a{color:inherit}
.section-shell{width:min(1240px,calc(100% - 40px))}
.section-space{padding:64px 0}
.page-top{padding-top:64px}

.glass,
body.lobby-theme .glass{
  background:linear-gradient(180deg,rgba(31,34,28,.93),rgba(22,25,20,.92))!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(14px)!important;
}

/* Header */
.topbar{
  position:sticky!important;
  top:12px!important;
  z-index:200!important;
  width:min(1540px,calc(100% - 24px))!important;
  min-height:78px!important;
  padding:10px 18px!important;
  margin:12px auto 0!important;
  gap:18px!important;
  border-radius:22px!important;
  background:rgba(24,27,22,.93)!important;
  border-color:rgba(238,234,222,.26)!important;
  box-shadow:
    0 0 0 1px rgba(238,234,222,.08),
    0 0 18px rgba(238,234,222,.14),
    0 0 42px rgba(238,234,222,.07),
    0 18px 54px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.lobby-theme .topbar{
  border-color:rgba(238,234,222,.26)!important;
  box-shadow:
    0 0 0 1px rgba(238,234,222,.08),
    0 0 18px rgba(238,234,222,.14),
    0 0 42px rgba(238,234,222,.07),
    0 18px 54px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.brand{min-width:205px!important;gap:12px!important}
.brand-logo-wrap{
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:14px!important;overflow:hidden!important;
  padding:3px!important;
  border:1px solid rgba(238,234,222,.28)!important;
  background:#20231d!important;
  box-shadow:0 0 24px rgba(238,234,222,.09)!important;
}
.brand-logo{
  width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;
  border:0!important;border-radius:10px!important;transform:none!important;filter:none!important;
}
.brand-copy{display:block;line-height:1}
.brand strong{
  font-family:inherit!important;
  font-size:20px!important;
  font-weight:850!important;
  letter-spacing:.18em!important;
  color:var(--milk)!important;
}
.brand small{font-size:9px!important;letter-spacing:.18em!important;color:#8e9182!important;margin-top:6px!important}
.desktop-nav{gap:clamp(8px,.75vw,14px)!important;font-size:12px!important;color:#b8b9ad!important;justify-content:center!important}
.desktop-nav a{
  padding:10px 3px!important;
  border-bottom:1px solid transparent;
  transition:color .18s,border-color .18s,background .18s!important;
  text-shadow:none!important;
}
.desktop-nav a:hover{color:#fff!important;border-bottom-color:rgba(216,213,194,.55)!important;text-shadow:none!important}
.nav-actions{gap:9px!important}
.balance-pill{
  border-radius:12px!important;padding:10px 13px!important;
  background:rgba(126,131,99,.13)!important;border:1px solid rgba(168,171,141,.23)!important;
  color:#e9e6d9!important;font-size:13px!important;
}
.balance-pill span{color:#b5b99a!important}
.avatar-btn{
  width:42px!important;height:42px!important;
  background:linear-gradient(145deg,#73785a,#4f5341)!important;
  color:#f2efe4!important;border:1px solid rgba(238,234,222,.2)!important;
  box-shadow:0 0 20px rgba(238,234,222,.06)!important;
}
.menu-toggle{color:var(--milk)!important}
.mobile-menu{
  z-index:199!important;
  background:rgba(24,27,22,.97)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.42)!important;
}
.mobile-menu a{border-bottom-color:rgba(255,255,255,.06)!important}

/* Typography */
.hero h1,.page-title,.section-head h2,.page-heading h1,
.auth-panel h1,.profile-block h1,.dashboard-card h2,.admin-page-head h1,
.admin-title h2,.feature-card h2,.growth-hero h1,.admin-growth-head h1,
.case-focus h1,.games-hero h1,.live-hero h1{
  font-family:inherit!important;
  letter-spacing:-.045em!important;
  font-weight:780!important;
  text-transform:none!important;
  text-shadow:none!important;
}
.eyebrow{
  color:var(--olive-soft)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.17em!important;
  text-transform:uppercase;
}
.hero p,.page-lead,.page-heading p,.growth-hero p,.admin-growth-head p{color:var(--muted)!important}
.section-head{align-items:flex-end!important;margin-bottom:22px!important}
.section-head h2{font-size:32px!important;margin:7px 0 0!important;color:#f2efe5!important}
.section-head a,.dashboard-card a,.feature-link,.link-arrow{color:#c9c9b5!important}
.section-head a:hover,.dashboard-card a:hover,.feature-link:hover,.link-arrow:hover{color:#fff!important}
.neon-blue,.neon-orange,.hero-game-word{color:#d9d6c7!important;text-shadow:0 0 22px rgba(238,234,222,.11)!important}
.live-dot,.online-dot{background:#a4ae87!important;box-shadow:0 0 10px rgba(164,174,135,.45)!important;animation:none!important}

/* Buttons and form controls */
.btn{
  border-radius:12px!important;
  padding:12px 18px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  transition:transform .18s,background .18s,border-color .18s,box-shadow .18s!important;
  text-shadow:none!important;
}
.btn:hover{transform:translateY(-1px)!important}
.btn.primary{
  color:#171914!important;
  background:linear-gradient(180deg,#ece8da,#cecbb9)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 24px rgba(238,234,222,.07)!important;
}
.btn.primary:hover{background:linear-gradient(180deg,#f5f2e8,#d8d5c5)!important;box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 28px rgba(238,234,222,.12)!important}
.btn.ghost{
  color:#e6e3d7!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(218,216,198,.16)!important;
}
.btn.ghost:hover{background:rgba(135,140,105,.10)!important;border-color:rgba(183,186,155,.3)!important}
.btn.tiny{padding:8px 11px!important;font-size:11px!important}.btn.small{padding:9px 13px!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(216,213,194,.7)!important;outline-offset:2px!important}
input,select,textarea,
.admin-form input,.admin-form select,.admin-form textarea,
.growth-panel input,.growth-panel select,.growth-panel textarea,
.notification-template input,.notification-template textarea,
.club-level-row input{
  color:#efede4!important;
  background:#151713!important;
  border:1px solid rgba(220,219,199,.13)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#6e7166!important}
input:focus,select:focus,textarea:focus{border-color:rgba(172,176,143,.48)!important;box-shadow:0 0 0 3px rgba(126,131,99,.08)!important}
select option{background:#171914;color:#eee}
label{color:#a9aa9d!important}
code{background:#11130f!important;border:1px solid rgba(255,255,255,.08)!important;color:#d7d4c6!important;border-radius:7px;padding:2px 6px}

/* Home */
.lobby-hero{
  min-height:640px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;
  gap:70px!important;
  padding-top:52px!important;
  position:relative!important;
}
.lobby-hero:before{
  content:"";position:absolute;left:-7vw;right:-7vw;bottom:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,213,194,.18),transparent);
}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(54px,6.6vw,94px)!important;line-height:.98!important;margin:20px 0 24px!important;max-width:800px}
.hero p{font-size:17px!important;line-height:1.72!important;max-width:690px!important}
.hero-actions{margin-top:30px!important;gap:10px!important;flex-wrap:wrap}
.lobby-stats{gap:0!important;margin-top:50px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;max-width:650px;border-top:1px solid rgba(255,255,255,.07)}
.lobby-stats div{padding:18px 24px 0 0!important;border-right:1px solid rgba(255,255,255,.06);margin-right:24px}
.lobby-stats div:last-child{border-right:0;margin-right:0}
.lobby-stats strong{font-family:inherit!important;font-size:20px!important;color:#e8e5d8!important;letter-spacing:.02em}
.lobby-stats span{color:#8f9285!important;font-size:11px!important}
.lobby-mark-panel{
  position:relative;
  min-height:500px;
  border:1px solid rgba(220,219,199,.12);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 35%,rgba(236,233,218,.09),transparent 36%),
    linear-gradient(145deg,#20231c,#151713 72%);
  box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04),0 0 46px rgba(238,234,222,.035);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.lobby-mark-panel:before{content:"";position:absolute;inset:22px;border:1px solid rgba(226,223,207,.07);border-radius:24px}
.lobby-mark-panel:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:rgba(223,220,203,.04);filter:blur(60px)}
.lobby-mark-frame{position:relative;z-index:2;width:min(74%,390px);aspect-ratio:1;border-radius:26px;overflow:hidden;padding:7px;border:1px solid rgba(245,242,228,.24);background:rgba(17,19,15,.7);box-shadow:0 20px 50px rgba(0,0,0,.34),0 0 42px rgba(238,234,222,.09)}
.lobby-mark-frame img{width:100%;height:100%;display:block;object-fit:contain;border-radius:20px}
.lobby-mark-meta{position:absolute;z-index:3;left:34px;right:34px;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.lobby-mark-meta span{font-weight:800;letter-spacing:.22em;font-size:11px;color:#e5e2d5}.lobby-mark-meta small{color:#85887b;font-size:10px}
.home-event-strip{padding-top:18px!important}.event-strip-card{border-radius:14px!important;background:linear-gradient(90deg,rgba(126,131,99,.08),rgba(255,255,255,.018))!important;border-color:rgba(173,176,146,.16)!important}
.promo-carousel{gap:14px!important}
.promo-card{
  min-height:218px!important;border-radius:18px!important;padding:24px!important;
  background:linear-gradient(145deg,#20231c,#171914)!important;
  border:1px solid rgba(220,219,199,.11)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
  transform:none!important;
}
.promo-card:hover{transform:translateY(-3px)!important;border-color:rgba(184,187,156,.26)!important}
.promo-card:before{background:var(--olive)!important;opacity:.10!important;filter:blur(48px)!important}
.promo-scan{display:none!important}
.badge{background:rgba(126,131,99,.13)!important;border-color:rgba(170,174,140,.23)!important;color:#c4c7aa!important;border-radius:999px!important}
.promo-card h3{font-family:inherit!important;font-size:21px!important;letter-spacing:-.02em!important;margin:30px 0 9px!important}
.promo-card p{color:#9a9d90!important}
.feature-grid{gap:14px!important}
.feature-card{
  min-height:320px!important;border-radius:22px!important;padding:32px!important;
  background:linear-gradient(145deg,#20231c,#171914)!important;
  border-color:rgba(220,219,199,.11)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.25)!important;
}
.feature-card:before{content:"";position:absolute;right:-70px;top:-90px;width:250px;height:250px;border-radius:50%;background:rgba(126,131,99,.09);filter:blur(18px)}
.feature-card h2{font-size:46px!important;margin:24px 0 9px!important;color:#ece9dc!important}
.feature-card p{color:#9a9d90!important}
.airdrop-feature,.pass-feature{background:linear-gradient(145deg,#20231c,#171914)!important}
.mini-progress{background:rgba(255,255,255,.06)!important;height:5px!important}.mini-progress i,.progress i{background:linear-gradient(90deg,#6e7356,#c9c7b2)!important;box-shadow:none!important}
.games-home-teaser,.shop-teaser{border-radius:22px!important;padding:30px!important;background:linear-gradient(145deg,#1d201a,#171914)!important}
.variant-tags span{background:rgba(126,131,99,.10)!important;border-color:rgba(170,174,140,.16)!important;color:#bfc1ad!important}

/* Reusable cards */
.tournament-card,.case-card,.case-mini,.dashboard-card,.admin-card,.prize-card,.inventory-item,.product-card,.quest-card,.level-card,.game-card,.offer-card,.achievement-card,.event-card,.growth-metric,.analytic-card{
  border-color:rgba(220,219,199,.10)!important;
  box-shadow:0 15px 45px rgba(0,0,0,.22)!important;
}
.tournament-card:hover,.case-card:hover,.case-mini:hover,.product-card:hover,.game-card:hover{border-color:rgba(177,181,148,.28)!important;transform:translateY(-3px)!important}
.tournament-card h3,.case-card h3,.case-mini h3,.product-card h3{color:#eeece2!important}
.tournament-card p,.case-card p,.product-card p{color:#95988c!important}
.status.upcoming{color:#c1c5a7!important;background:rgba(126,131,99,.12)!important}.status.live{color:#b7c89b!important;background:rgba(135,154,103,.10)!important}.status.finished{color:#85887d!important}
.meta-row{color:#8f9286!important}.meta-row b{color:#d7d4c5!important}

/* Cases, drops and wheel — preserve rarity colors because they are functional */
.case-cube,.case-cube.big,.case-cube.mega{filter:saturate(.65) brightness(.95)!important}
.brand-symbol img,.brand-fallback img,.wheel-core img,.live-mark img,.game-result-symbol img,.cylinder-core img{border-radius:16px!important;filter:none!important}
.case-main-price,.case-card>b,.case-mini>b{color:#e9e6d9!important;text-shadow:none!important}
.case-open-layout-v2,.roulette-panel-v2,.case-focus-v2{border-color:rgba(220,219,199,.11)!important}
.case-focus-v2,.roulette-panel-v2{background:linear-gradient(180deg,rgba(29,32,26,.92),rgba(20,23,18,.95))!important;box-shadow:0 20px 60px rgba(0,0,0,.3)!important}
.case-count-btn{background:#161813!important;border-color:rgba(220,219,199,.12)!important;color:#b8baaa!important}
.case-count-btn.active{background:#d9d5c5!important;color:#171914!important;border-color:#e5e1d3!important;box-shadow:0 0 20px rgba(238,234,222,.08)!important}
.fast-open-toggle,.control-caption{color:#9c9f92!important}.fast-toggle-ui{background:#12140f!important;border-color:rgba(220,219,199,.14)!important}.fast-open-toggle input:checked+.fast-toggle-ui{background:#777c5d!important}.fast-open-toggle input:checked+.fast-toggle-ui i{background:#efecdf!important}
.roulette-item,.drop-result-card{background:#171914!important;border-color:rgba(220,219,199,.09)!important;box-shadow:none!important}
.result-box-v2{background:rgba(126,131,99,.07)!important;border-color:rgba(170,174,140,.16)!important}
.drop-overlay{background:rgba(9,10,8,.82)!important;backdrop-filter:blur(12px)!important}.drop-overlay-shell{background:#181a16!important;border-color:rgba(220,219,199,.16)!important;box-shadow:0 30px 100px rgba(0,0,0,.58)!important}
.daily-wheel-card,.wheel-result-card{background:linear-gradient(145deg,#1e211b,#151713)!important;border-color:rgba(220,219,199,.12)!important}

.rarity-common{border-color:rgba(172,176,180,.30)!important}.text-common{color:#c1c5c8!important}
.rarity-uncommon{border-color:rgba(88,169,227,.42)!important}.text-uncommon{color:#73bff1!important}
.rarity-rare{border-color:rgba(141,88,216,.46)!important}.text-rare{color:#b18be8!important}
.rarity-epic{border-color:rgba(220,84,159,.48)!important}.text-epic{color:#ef8fc4!important}
.rarity-legendary{border-color:rgba(214,72,65,.52)!important}.text-legendary{color:#ef7c73!important}
.rarity-gold,.text-gold{border-color:rgba(218,177,78,.58)!important;color:#e7c26b!important}

/* Auth / account */
.auth-wrap{min-height:680px!important}.auth-panel{border-radius:26px!important;padding:34px!important;max-width:520px!important}.auth-panel h1{font-size:40px!important}.auth-info-box,.demo-note{background:rgba(126,131,99,.07)!important;border:1px solid rgba(170,174,140,.12)!important;color:#9da092!important;border-radius:12px!important}
.profile-avatar{background:linear-gradient(145deg,#777c5d,#4f5341)!important;color:#f2efe4!important;box-shadow:0 0 25px rgba(238,234,222,.06)!important;border:1px solid rgba(238,234,222,.18)!important}
.account-balance{background:linear-gradient(145deg,#1f221c,#181a16)!important}
.history-list>div{border-bottom-color:rgba(255,255,255,.055)!important}
.logout-link{color:#c8908e!important}

/* Shop */
.product-card,.shop-card{background:linear-gradient(180deg,#1e211b,#161814)!important;border-color:rgba(220,219,199,.10)!important}
.product-price,.shop-price{color:#e7e3d5!important}.shop-category,.product-category{color:#a3a68f!important}

/* Growth / events / leaderboard */
.growth-hero,.admin-growth-head,.growth-panel,.growth-metric,.analytic-card,.offer-card,.achievement-card,.event-card,.leaderboard,.leader-filter-shell,.level-progress,.operations-summary,.growth-admin-nav,.growth-admin-form{
  background:linear-gradient(180deg,rgba(30,33,27,.94),rgba(21,24,19,.94))!important;
  border-color:rgba(220,219,199,.10)!important;
}
.level-orb{background:radial-gradient(circle at 35% 30%,#b8baa1,#6f7456 55%,#474b39)!important;border-color:rgba(238,234,222,.2)!important;box-shadow:0 0 36px rgba(238,234,222,.07)!important}
.level-track,.event-quest-progress{background:#11130f!important}.level-track span,.event-quest-progress span,.activity-day i{background:linear-gradient(90deg,#6f7457,#c8c6b0)!important;box-shadow:none!important}
.leader-tabs a{border-color:rgba(220,219,199,.10)!important;color:#96998d!important}.leader-tabs a.active{color:#f0ede2!important;border-color:rgba(172,176,143,.30)!important;background:rgba(126,131,99,.10)!important}
.leader-row.self{background:rgba(126,131,99,.08)!important;border-color:rgba(172,176,143,.18)!important}.rank-avatar{background:#5e634a!important;color:#fff!important}
.nav-notify-badge{background:#838866!important;color:#fff!important;font-family:inherit!important}
.event-wheel-slot{background:#141612!important;border-color:rgba(220,219,199,.08)!important}.event-wheel-slot span,.event-price small,.case-main-price small{color:#bfc2a5!important;font-family:inherit!important}
.event-exclusive{background:linear-gradient(90deg,rgba(126,131,99,.08),rgba(255,255,255,.02))!important;border-color:rgba(172,176,143,.16)!important}.event-exclusive span{color:#bec1a3!important;font-family:inherit!important}
.notification-item.unread{border-color:rgba(172,176,143,.25)!important;background:rgba(126,131,99,.07)!important}.channel-status b.ready{color:#b5c496!important}

/* Games */
.games-page,.game-room-page{--game-accent:#898e6a!important}
.games-hero,.game-room-hero,.game-card,.room-panel,.lobby-panel,.voice-panel,.chat-panel,.game-result-card{
  background:linear-gradient(180deg,rgba(30,33,27,.94),rgba(21,24,19,.94))!important;
  border-color:rgba(220,219,199,.11)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.28)!important;
}
.game-card:before,.room-panel:before{opacity:.08!important}.game-card .game-icon,.game-type-icon{filter:grayscale(.35) saturate(.5)!important}
.room-avatar{background:#5e634a!important;color:#fff!important}.room-player i{color:#b8bba0!important;background:rgba(126,131,99,.10)!important}
.game-chat-messages,.voice-members{background:#141612!important;border-color:rgba(220,219,199,.07)!important}
.digital-cylinder{filter:saturate(.35)!important}

/* Live / streaming */
.live-stage,.live-card,.stream-card,.broadcast-card,.overlay-card{background:linear-gradient(180deg,#1e211b,#151713)!important;border-color:rgba(220,219,199,.11)!important;box-shadow:0 20px 55px rgba(0,0,0,.28)!important}
.live-placeholder,.live-mark{color:#d8d5c8!important}

/* Admin */
.admin-shell{width:min(1500px,calc(100% - 28px))!important;gap:16px!important}
.admin-sidebar{
  border-radius:20px!important;
  background:linear-gradient(180deg,#1d201a,#151713)!important;
  border-color:rgba(220,219,199,.11)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
}
.admin-brand h2{font-family:inherit!important;letter-spacing:-.03em!important}.admin-brand small{color:#8e9184!important}
.admin-sidebar nav a{border-radius:9px!important;color:#a7aa9b!important;border:1px solid transparent!important}
.admin-sidebar nav a:hover{background:rgba(126,131,99,.08)!important;border-color:rgba(172,176,143,.12)!important;color:#ece9dc!important}
.admin-page-head{border-bottom-color:rgba(220,219,199,.08)!important}.admin-page-head h1{font-size:38px!important}
.admin-stat,.admin-note,.admin-row,.admin-card,.admin-form,.admin-table-wrap,.level-admin-details,.notification-template{
  background:linear-gradient(180deg,#1d201a,#171914)!important;
  border-color:rgba(220,219,199,.10)!important;
}
.admin-stat strong{color:#e9e6d8!important}.admin-note{color:#9da092!important}
.admin-row summary{color:#e3e0d4!important}.admin-row summary span{color:#85887c!important}
.admin-table th{color:#aeb198!important;border-bottom-color:rgba(220,219,199,.10)!important}.admin-table td{border-bottom-color:rgba(220,219,199,.055)!important}
.admin-help{background:rgba(126,131,99,.06)!important;border-color:rgba(172,176,143,.12)!important;color:#9ea092!important}

/* Toasts and overlays */
.toast{background:#1c1f19!important;border-color:rgba(220,219,199,.16)!important;color:#eeeade!important;box-shadow:0 18px 60px rgba(0,0,0,.5)!important}.toast.ok{border-color:rgba(160,177,132,.34)!important}
.alert.error{background:rgba(166,78,76,.10)!important;border-color:rgba(205,113,110,.25)!important;color:#e2aaa8!important}
.empty-state{border-color:rgba(220,219,199,.12)!important;color:#888b80!important;background:rgba(255,255,255,.012)!important}

footer{
  width:min(1240px,calc(100% - 40px))!important;
  margin:34px auto 32px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(220,219,199,.09)!important;
  color:#7f8277!important;
  font-size:11px!important;
}
.footer-logo{font-family:inherit!important;color:#d8d5c7!important;letter-spacing:.16em!important;font-weight:800!important}
.mode-mock,.mode-real{color:#a8ab8e!important}

/* Kill old expensive glow/flicker animations while retaining functional transitions. */
.flicker,.reactor-ring,.pulse-orb,.cyber-particle,.case-cube:before,.case-cube:after{animation:none!important}
.reveal{transition:opacity .45s ease,transform .45s ease!important}

@media (prefers-reduced-motion: reduce){
  body.lobby-theme main:before,
  body.lobby-theme main:after{animation:none!important}
}

@media(max-width:1320px){
  .desktop-nav{gap:8px!important;font-size:11px!important}
  .brand{min-width:186px!important}.brand-logo-wrap{width:48px!important;height:48px!important;min-width:48px!important}.brand strong{font-size:18px!important}
}
@media(max-width:1160px){
  .desktop-nav{display:none!important}.menu-toggle{display:block!important}
  .topbar{width:min(980px,calc(100% - 20px))!important}
  .mobile-menu{position:fixed!important;top:96px!important;left:12px!important;right:12px!important;max-height:calc(100vh - 112px)!important;overflow:auto!important;padding:10px!important}
  .mobile-menu.open{display:grid!important}
  .mobile-menu a{padding:13px 14px!important}
  .lobby-hero{grid-template-columns:1fr .72fr!important;gap:34px!important}
}
@media(max-width:900px){
  .lobby-hero{grid-template-columns:1fr!important;gap:24px!important;padding-top:42px!important}
  .lobby-mark-panel{min-height:420px!important;max-width:620px;width:100%;margin:0 auto}
  .hero h1{font-size:clamp(48px,10vw,76px)!important}
  .cards-grid.three,.case-strip,.case-grid{grid-template-columns:repeat(2,1fr)!important}
  .feature-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .section-shell{width:min(100% - 24px,1240px)!important}.section-space{padding:44px 0!important}.page-top{padding-top:42px!important}
  .topbar{top:8px!important;margin-top:8px!important;min-height:66px!important;padding:8px 10px!important;border-radius:17px!important}
  .brand{min-width:0!important;gap:9px!important}.brand-logo-wrap{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important}.brand strong{font-size:17px!important}.brand small{font-size:7px!important;letter-spacing:.14em!important}.balance-pill{display:none!important}
  .hero{min-height:0!important}.hero h1{font-size:clamp(44px,13.5vw,66px)!important;line-height:1.01!important}.hero p{font-size:15px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%!important}.lobby-stats{grid-template-columns:1fr!important;margin-top:34px!important}.lobby-stats div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;margin:0!important;padding:14px 0!important}.lobby-stats div:last-child{border-bottom:0!important}
  .lobby-mark-panel{min-height:350px!important;border-radius:24px!important}.lobby-mark-frame{width:72%!important;border-radius:20px!important}.lobby-mark-meta{left:22px!important;right:22px!important;bottom:20px!important}.lobby-mark-meta small{display:none}
  .section-head h2{font-size:27px!important}.section-head{gap:12px!important}.section-head>a{font-size:11px!important}
  .feature-card{min-height:280px!important;padding:24px!important}.feature-card h2{font-size:38px!important}
  .games-home-teaser,.shop-teaser{padding:22px!important}
  .cards-grid.three,.case-strip,.case-grid{grid-template-columns:1fr!important}
  .promo-carousel{grid-auto-columns:min(84vw,330px)!important}
  .auth-panel{padding:24px!important}.auth-panel h1{font-size:34px!important}
  footer{width:calc(100% - 24px)!important;display:grid!important;gap:8px!important}
}
@media(max-width:430px){
  .nav-actions .btn.small{display:none!important}.menu-toggle{font-size:20px!important}
  .lobby-mark-panel{min-height:310px!important}.lobby-mark-meta{display:none!important}
  .hero h1{font-size:42px!important}
}

/* Explicitly remove legacy decorative traces from the previous skin. */
body.lobby-theme .topbar:before,
body.lobby-theme .topbar:after,
body.lobby-theme .desktop-nav a:before,
body.lobby-theme .hero-copy:after,
body.lobby-theme .section-head h2:after,
body.lobby-theme .btn:before,
body.lobby-theme .brand-logo-wrap:before,
body.lobby-theme .brand-logo-wrap:after{content:none!important;display:none!important;animation:none!important;filter:none!important}
body.lobby-theme .desktop-nav a:hover{box-shadow:none!important}
body.lobby-theme .shop-media{background:linear-gradient(145deg,#20231c,#151713)!important}
body.lobby-theme .shop-media span{font-family:inherit!important;color:#c8c6b5!important;text-shadow:none!important}
body.lobby-theme .shop-card-bottom strong{font-family:inherit!important;color:#e2dfd1!important;text-shadow:none!important}
body.lobby-theme .shop-card h3{font-family:inherit!important;letter-spacing:-.02em!important}
body.lobby-theme .user-admin-metrics{color:#c4c6ad!important}
body.lobby-theme .user-admin-card summary{color:#c2c4aa!important}
body.lobby-theme .admin-note code{color:#d8d5c7!important}
body.lobby-theme .admin-table th{color:#b6b99e!important}
body.lobby-theme .table-edit input,
body.lobby-theme .admin-prize-row input,
body.lobby-theme .admin-prize-row select,
body.lobby-theme .media-card input{background:#151713!important;border-color:rgba(220,219,199,.12)!important;color:#d9d6c8!important}
body.lobby-theme .media-file{background:#151713!important;color:#c6c8ae!important;font-family:inherit!important}


/* LOBBY module reset: retained feature styles provide layout only; the visual skin stays graphite / olive / milk. */
body.lobby-theme .games-page *,
body.lobby-theme .live-room-page *,
body.lobby-theme .growth-page *,
body.lobby-theme .stream-admin-shell *,
body.lobby-theme .live-page *{font-family:inherit!important;text-shadow:none!important}
body.lobby-theme .game-hub-card,
body.lobby-theme .public-lobby-card,
body.lobby-theme .room-sidebar,
body.lobby-theme .room-feed,
body.lobby-theme .game-table-shell,
body.lobby-theme .stream-status-card,
body.lobby-theme .stream-preview-panel,
body.lobby-theme .stream-control-panel,
body.lobby-theme .stream-card-block,
body.lobby-theme .broadcast-planner,
body.lobby-theme .pc-source-card,
body.lobby-theme .broadcast-card,
body.lobby-theme .schedule-card{
  background:linear-gradient(180deg,rgba(30,33,27,.96),rgba(20,23,18,.96))!important;
  border-color:rgba(220,219,199,.11)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.lobby-theme .game-glyph,
body.lobby-theme .game-state-chip,
body.lobby-theme .room-status,
body.lobby-theme .public-lobby-main span,
body.lobby-theme .live-counter,
body.lobby-theme .schedule-card>span,
body.lobby-theme .broadcast-status{color:var(--olive-soft)!important}
body.lobby-theme .variant-tags span,
body.lobby-theme .private-price-hint,
body.lobby-theme .live-badge{background:rgba(126,131,99,.09)!important;color:#c5c7ab!important}
body.lobby-theme .game-glyph,
body.lobby-theme .game-state-chip,
body.lobby-theme .room-status{border-color:rgba(168,171,141,.25)!important;box-shadow:none!important}
body.lobby-theme .waiting-rings i{border-color:rgba(168,171,141,.28)!important}
body.lobby-theme .waiting-rings b{color:#d8d5c2!important;text-shadow:none!important}
body.lobby-theme .stream-action,
body.lobby-theme .quick-scene-button,
body.lobby-theme .studio-button{background:#1b1e18!important;border-color:rgba(220,219,199,.12)!important;color:#e7e4d8!important;box-shadow:none!important}
body.lobby-theme .stream-head p,
body.lobby-theme .public-live-sidebar p,
body.lobby-theme .schedule-card p,
body.lobby-theme .broadcast-card p{color:#9da092!important}


/* LOBBY logo crop + gradient polish 20260728 */
/* Only the site background and logo framing are changed in this patch. */
body.lobby-theme{
  background:
    radial-gradient(88vw 58vw at 8% -8%,rgba(137,146,99,.30) 0%,rgba(103,112,76,.15) 27%,rgba(69,76,53,.055) 46%,transparent 68%),
    radial-gradient(72vw 52vw at 96% 12%,rgba(241,237,221,.12) 0%,rgba(220,218,199,.052) 25%,transparent 62%),
    radial-gradient(88vw 64vw at 82% 82%,rgba(104,114,76,.18) 0%,rgba(77,84,58,.07) 33%,transparent 69%),
    radial-gradient(82vw 58vw at 18% 96%,rgba(226,222,204,.065) 0%,rgba(126,131,99,.045) 31%,transparent 67%),
    linear-gradient(132deg,#1b1f17 0%,#151810 24%,#10130e 47%,#171a13 70%,#0d100c 100%) !important;
  background-attachment:fixed!important;
}
body.lobby-theme main:before{
  inset:-30vh -24vw!important;
  background:
    radial-gradient(ellipse at 14% 24%,rgba(148,158,107,.24) 0%,rgba(107,117,78,.105) 25%,transparent 54%),
    radial-gradient(ellipse at 84% 18%,rgba(241,237,221,.135) 0%,rgba(224,221,202,.045) 24%,transparent 51%),
    radial-gradient(ellipse at 76% 78%,rgba(105,116,77,.205) 0%,rgba(74,82,56,.075) 28%,transparent 57%),
    radial-gradient(ellipse at 22% 82%,rgba(229,225,207,.075) 0%,rgba(134,138,106,.035) 30%,transparent 51%)!important;
  opacity:.96!important;
  animation-duration:31s!important;
}
body.lobby-theme main:after{
  background:
    linear-gradient(118deg,transparent 3%,rgba(237,233,216,.035) 25%,rgba(161,166,126,.026) 38%,transparent 55%),
    linear-gradient(302deg,transparent 31%,rgba(105,115,78,.07) 54%,rgba(235,231,214,.022) 67%,transparent 84%)!important;
  background-size:185% 185%,205% 205%!important;
  opacity:.96!important;
  animation-duration:38s!important;
}
body.lobby-theme:before{
  opacity:.105!important;
  background-size:62px 62px!important;
}

/* The PNG itself now has transparent corners. Frames follow the mark's real proportions. */
.brand-logo-wrap{
  width:50px!important;
  height:auto!important;
  min-width:50px!important;
  aspect-ratio:652 / 684!important;
  padding:2px!important;
  border-radius:13.2%!important;
  overflow:hidden!important;
  background:rgba(18,20,16,.58)!important;
  border:1px solid rgba(238,234,222,.26)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(238,234,222,.085)!important;
}
.brand-logo{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.lobby-mark-panel{
  border-radius:12.5%!important;
  background:
    radial-gradient(ellipse at 50% 35%,rgba(239,235,219,.11),rgba(122,130,91,.035) 36%,transparent 61%),
    linear-gradient(148deg,rgba(34,38,29,.98),rgba(18,21,16,.98) 70%)!important;
}
.lobby-mark-panel:before{
  inset:22px!important;
  border-radius:11.5%!important;
  border-color:rgba(226,223,207,.085)!important;
}
.lobby-mark-frame{
  width:min(74%,404px)!important;
  height:auto!important;
  aspect-ratio:652 / 684!important;
  padding:5px!important;
  border-radius:13.6%!important;
  overflow:hidden!important;
  background:rgba(14,16,12,.54)!important;
  border:1px solid rgba(245,242,228,.22)!important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.34),
    0 0 0 1px rgba(238,234,222,.025),
    0 0 38px rgba(238,234,222,.075)!important;
}
.lobby-mark-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}

@media(max-width:1320px){
  .brand-logo-wrap{width:48px!important;min-width:48px!important;height:auto!important}
}
@media(max-width:650px){
  .brand-logo-wrap{width:44px!important;min-width:44px!important;height:auto!important}
  .lobby-mark-frame{width:74%!important;padding:4px!important}
}

@media(prefers-reduced-motion:reduce){
  body.lobby-theme main:before,
  body.lobby-theme main:after{animation:none!important}
}