/* Compact BlockBet top bar with custom vector-style UI icons. */
:root{
  --bb-topbar:#071017;
  --bb-topbar-line:#1b2a35;
  --bb-topbar-line-strong:#273844;
  --bb-topbar-muted:#91a0aa;
  --bb-topbar-green:#22d98a;
  --bb-topbar-green-line:#14754d;
  --bb-icon-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.8 12 3l9 7.8V21h-6v-6H9v6H3V10.8Zm2 1V19h2v-6h10v6h2v-7.2l-7-6.1-7 6.1Z'/%3E%3C/svg%3E");
  --bb-icon-games:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6v6H4V4Zm10 0h6v6h-6V4ZM4 14h6v6H4v-6Zm10 0h6v6h-6v-6ZM6 6v2h2V6H6Zm10 0v2h2V6h-2ZM6 16v2h2v-2H6Zm10 0v2h2v-2h-2Z'/%3E%3C/svg%3E");
  --bb-icon-deposit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v9.2l3.3-3.3 1.4 1.4-5.7 5.7-5.7-5.7 1.4-1.4 3.3 3.3V3ZM4 18h16v3H4v-3Z'/%3E%3C/svg%3E");
  --bb-icon-withdraw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 21h2v-9.2l3.3 3.3 1.4-1.4L12 8l-5.7 5.7 1.4 1.4 3.3-3.3V21ZM4 3h16v3H4V3Z'/%3E%3C/svg%3E");
}

.lobby-header,.site-header{
  min-height:62px;
  padding:7px 14px;
  align-items:center;
  gap:12px;
  background:linear-gradient(180deg,rgba(7,16,23,.985),rgba(5,13,19,.985));
  border-bottom:1px solid #14232d;
  box-shadow:0 8px 24px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:120;
}
.lobby-header{display:grid;grid-template-columns:auto minmax(230px,1fr) auto}
.site-header{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto auto}
.vault-app>.site-header,.vault-app .site-header{grid-template-columns:auto minmax(220px,1fr) auto}

.lobby-brand,.site-header .brand{
  display:flex;align-items:center;gap:8px;color:#f7fafb;text-decoration:none;min-width:max-content;
}
.lobby-brand img,.site-header .brand img{
  width:30px;height:30px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));
}
.lobby-brand strong,.site-header .brand strong{
  font-size:15px;line-height:1;font-weight:1000;letter-spacing:.065em;text-shadow:0 2px 0 #000;
}

.lobby-header nav,.site-header nav{
  justify-self:start;display:flex;align-items:center;gap:3px;min-height:42px;padding:4px;
  border:1px solid var(--bb-topbar-line);background:linear-gradient(180deg,#0b151d,#091219);
  border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lobby-header nav a,.site-header nav a{
  position:relative;display:flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border-radius:8px;
  color:var(--bb-topbar-muted);text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.lobby-header nav a::before,.site-header nav a::before,
.lobby-actions .primary::before,.lobby-actions .withdraw-link::before,
.site-header .deposit-link::before,.site-header .withdraw-link::before,
.site-header #openDeposit::before,.site-header #openWithdraw::before{
  content:"";display:block;width:15px;height:15px;flex:0 0 15px;background:currentColor;
  -webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;
  mask-position:center;mask-repeat:no-repeat;mask-size:contain;
}
.lobby-header nav a[href="/"]::before,.site-header nav a[href="/"]::before{
  -webkit-mask-image:var(--bb-icon-home);mask-image:var(--bb-icon-home);
}
.lobby-header nav a[href="#games"]::before,.lobby-header nav a[href="/games/"]::before,.site-header nav a[href="/games/"]::before{
  -webkit-mask-image:var(--bb-icon-games);mask-image:var(--bb-icon-games);
}
.lobby-header nav a:hover,.site-header nav a:hover{color:#eef6f2;background:#101d25;transform:translateY(-1px)}
.lobby-header nav a[aria-current="page"],.site-header nav a[aria-current="page"]{
  color:#f7fff9;background:linear-gradient(180deg,#10261d,#0d2019);box-shadow:inset 0 0 0 1px rgba(34,217,138,.26);
}
.lobby-header nav a[aria-current="page"]::after,.site-header nav a[aria-current="page"]::after{
  content:"";position:absolute;left:10px;right:10px;bottom:1px;height:2px;border-radius:999px;background:var(--bb-topbar-green);
}
.lobby-header nav a[href="/balance/"],.site-header nav a[href="/balance/"]{display:none!important}

.lobby-actions,.site-header .top-actions{display:flex;align-items:center;gap:6px;justify-self:end;min-width:0}
.lobby-actions>a,.lobby-actions>button,.site-header .top-actions>button,.site-header .button{
  height:36px;border-radius:9px;border:1px solid var(--bb-topbar-line-strong);padding:0 11px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:11px;font-weight:900;
  text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lobby-actions .primary,.site-header .deposit-link,.site-header .top-actions>button:not(.secondary){
  color:#052317;border-color:#22bf7c;background:linear-gradient(180deg,#29d990,#1fc57f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 14px rgba(32,202,130,.1);
}
.lobby-actions .primary::before,.site-header .deposit-link::before,.site-header #openDeposit::before{
  -webkit-mask-image:var(--bb-icon-deposit);mask-image:var(--bb-icon-deposit);
}
.lobby-actions .withdraw-link,.site-header .withdraw-link,.site-header #openWithdraw{
  color:#d8e1e5;background:linear-gradient(180deg,#101b24,#0c161e);border-color:#263641;
}
.lobby-actions .withdraw-link::before,.site-header .withdraw-link::before,.site-header #openWithdraw::before{
  -webkit-mask-image:var(--bb-icon-withdraw);mask-image:var(--bb-icon-withdraw);
}
.lobby-actions .primary:hover,.site-header .deposit-link:hover,.site-header .top-actions>button:not(.secondary):hover{filter:brightness(1.055)}
.site-header #openWithdraw:disabled{color:#89949d;background:#0b141b;border-color:#22303a;opacity:.82}

.header-wallet,.site-header .header-balance{
  height:36px;min-width:118px;padding:0 11px;border-radius:9px;border:1px solid var(--bb-topbar-green-line);
  background:linear-gradient(180deg,#09271c,#071f17);display:flex;align-items:center;justify-content:center;gap:7px;color:#2be493;
}
.header-wallet img,.site-header .header-balance img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}
.header-wallet strong,.site-header .header-balance strong{font-size:13px;font-weight:1000;letter-spacing:.035em;color:#31e99a}

.header-profile{
  height:36px!important;max-width:170px;padding:0 9px 0 5px!important;border:1px solid #263742!important;
  border-radius:9px!important;background:linear-gradient(180deg,#111c25,#0d171f)!important;color:#f0f5f7!important;
  text-decoration:none;display:flex!important;align-items:center;gap:7px;
}
.header-profile img{width:26px;height:26px;border-radius:6px;image-rendering:pixelated;background:#05090c}
.header-profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850}
.header-profile i{width:6px;height:6px;border-right:2px solid #89959f;border-bottom:2px solid #89959f;transform:rotate(45deg) translateY(-2px);flex:0 0 auto}
.site-header>#refill{display:none!important}

@media(max-width:1040px){
  .lobby-header{grid-template-columns:auto 1fr;gap:7px 10px}
  .lobby-header nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;min-height:38px}
  .lobby-actions{grid-column:2;grid-row:1}
  .site-header{grid-template-columns:auto 1fr auto auto}
  .site-header nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center}
  .site-header .header-balance{grid-column:2;grid-row:1;justify-self:end}
  .site-header .deposit-link{grid-column:3;grid-row:1}.site-header .withdraw-link{grid-column:4;grid-row:1}
  .vault-app>.site-header,.vault-app .site-header{grid-template-columns:auto 1fr auto}
  .vault-app .site-header nav{grid-column:1/-1;grid-row:2}.vault-app .site-header .top-actions{grid-column:3;grid-row:1}
}
@media(max-width:720px){
  .lobby-header,.site-header{padding:6px 8px;gap:6px 8px}
  .lobby-brand strong,.site-header .brand strong{font-size:14px}.lobby-brand img,.site-header .brand img{width:28px;height:28px}
  .lobby-header nav,.site-header nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .lobby-header nav::-webkit-scrollbar,.site-header nav::-webkit-scrollbar{display:none}
  .lobby-header nav a,.site-header nav a{padding:0 9px;min-height:30px}
  .header-wallet,.site-header .header-balance{min-width:0;padding:0 9px}.header-wallet strong,.site-header .header-balance strong{font-size:12px}
  .header-profile{display:none!important}
  .lobby-actions>a,.lobby-actions>button,.site-header .button,.site-header .top-actions>button{height:34px;padding:0 9px}
}
@media(max-width:520px){
  .header-wallet,.site-header .header-balance{display:none}
  .lobby-actions{gap:5px}.site-header{grid-template-columns:auto 1fr auto auto}
  .site-header .deposit-link{grid-column:3}.site-header .withdraw-link{grid-column:4}
  .lobby-actions>a,.site-header .button{font-size:10px;padding:0 8px;gap:5px}
  .lobby-actions .primary::before,.lobby-actions .withdraw-link::before,.site-header .deposit-link::before,.site-header .withdraw-link::before{width:13px;height:13px;flex-basis:13px}
}

/* Desktop-first hybrid home pass: BlockBet identity + compact dark casino layout. */
@media (min-width:961px){
  body.lobby-app{
    background:#121519;
    color:#f1f4f2;
  }
  .lobby-frame{grid-template-columns:68px minmax(0,1fr)}
  .lobby-rail{
    width:68px;
    padding:12px 9px;
    gap:10px;
    background:#181b20;
    border-right:1px solid #2a2e34;
    box-shadow:8px 0 32px rgba(0,0,0,.18);
  }
  .lobby-rail a{width:49px;height:49px;border-radius:10px}
  .lobby-rail a:hover,.lobby-rail a.active{background:#202a25;border-color:#335a47}
  .lobby-main{
    min-height:100vh;
    background:
      radial-gradient(circle at 28% 9%,rgba(41,217,144,.055),transparent 28%),
      radial-gradient(circle at 82% 22%,rgba(78,125,105,.045),transparent 24%),
      linear-gradient(180deg,#171a1f 0,#111419 68%,#0d1014 100%);
  }
  .lobby-header{
    height:72px;
    min-height:72px;
    grid-template-columns:auto minmax(330px,1fr) auto;
    padding:10px 24px;
    gap:22px;
    background:rgba(27,30,35,.97);
    border-bottom:1px solid #2b3036;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
    backdrop-filter:blur(16px);
  }
  .lobby-brand{gap:10px}
  .lobby-brand img{width:34px;height:34px}
  .lobby-brand strong{font-size:18px;letter-spacing:.075em}
  .lobby-header nav{
    justify-self:start;
    min-width:280px;
    min-height:46px;
    padding:5px;
    gap:4px;
    border:1px solid #31363d;
    border-radius:9px;
    background:#22262c;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }
  .lobby-header nav a{
    min-height:34px;
    padding:0 15px;
    border-radius:6px;
    color:#92999f;
    font-size:12px;
  }
  .lobby-header nav a:hover{background:#292e34;color:#fff;transform:none}
  .lobby-header nav a[aria-current="page"]{
    color:#dff8e9;
    background:#26342e;
    box-shadow:inset 0 0 0 1px rgba(48,211,139,.18);
  }
  .lobby-header nav a[aria-current="page"]::after{display:none}
  .lobby-actions{gap:8px}
  .lobby-actions>a{height:42px;padding:0 14px;border-radius:6px;font-size:11px}
  .lobby-actions .primary{
    color:white;
    border-color:#25bd75;
    background:linear-gradient(180deg,#26c87f,#1aab69);
    box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 22px rgba(26,171,105,.12);
  }
  .lobby-actions .withdraw-link{background:#24282e;border-color:#363b42;color:#e7e9ea}
  .header-wallet{
    height:42px;
    min-width:146px;
    padding:0 14px;
    border-radius:6px;
    background:#23282d;
    border-color:#3a4740;
    box-shadow:inset 0 -2px 0 rgba(37,203,127,.08);
  }
  .header-wallet strong{font-size:14px;color:#f4f6f5}
  .header-wallet img{width:21px;height:21px}
  .header-profile{
    height:42px!important;
    border-radius:6px!important;
    background:#24282e!important;
    border-color:#373c43!important;
  }

  .lobby-content{
    width:min(100%,1360px);
    max-width:1360px;
    padding:28px 32px 72px;
  }
  .home-hero-grid{
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.35fr);
    gap:16px;
    margin-bottom:16px;
  }
  .home-hero-grid .profile-card,.home-hero-grid .promo-slider{
    height:246px;
    min-height:246px;
    border-radius:12px;
    border:1px solid #30353b;
    box-shadow:0 16px 32px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
  }
  .home-hero-grid .profile-card{
    grid-template-columns:108px minmax(0,1fr);
    gap:22px;
    padding:27px;
    background:
      radial-gradient(circle at 18% 35%,rgba(45,211,140,.12),transparent 24%),
      linear-gradient(135deg,#22272a,#181c20 66%,#1b2420);
    border-color:#314039;
  }
  .home-hero-grid .profile-avatar-shell{
    width:108px;height:108px;border-radius:10px;border-color:#3d5a4b;background:#171c1b;
    box-shadow:0 14px 30px rgba(0,0,0,.42);
  }
  .home-hero-grid .profile-copy h1{font-size:34px;line-height:1;margin:6px 0 7px}
  .home-hero-grid .profile-copy p{font-size:10px;line-height:1.55;color:#969fa3}
  .profile-money-inline{
    margin-top:13px;padding:8px 11px;border-radius:6px;
    background:#1b2621;border-color:#375645;
  }
  .profile-money-inline strong{font-size:19px}
  .home-hero-grid .profile-links{margin-top:11px}
  .home-hero-grid .profile-links a{
    border-radius:5px;background:#252a2f;border:1px solid #343a40;color:#c9cecc;
  }

  .promo-slider{background:#1c2025;border-color:#30353b}
  .promo-server-visual{background:radial-gradient(circle at 77% 43%,rgba(42,218,143,.24),transparent 23%),linear-gradient(135deg,#1b3026,#1a2020 58%,#183126)}
  .promo-discord-visual{background:radial-gradient(circle at 76% 42%,rgba(113,121,255,.27),transparent 24%),linear-gradient(135deg,#23273d,#1a1f25 60%,#20243b)}
  .promo-visual:before{background:linear-gradient(100deg,rgba(23,27,31,.98) 0%,rgba(23,27,31,.86) 45%,rgba(23,27,31,.16) 76%,rgba(23,27,31,.03) 100%)}
  .promo-copy{left:28px;bottom:36px}
  .promo-copy h2{font-size:31px!important}
  .promo-copy p{font-size:10px!important;color:#a1a8ac!important}
  .promo-cta{border-radius:6px!important;background:#25bd75!important;border-color:#34cb86!important;color:#fff!important}
  .promo-arrow{border-color:#3a4047!important;background:#20242a!important;color:#c4c9cc!important}

  .daily-spin-bar{
    min-height:90px;
    padding:15px 20px!important;
    border:1px solid #31373d!important;
    border-radius:11px!important;
    background:
      radial-gradient(circle at 79% 45%,rgba(39,207,130,.13),transparent 20%),
      linear-gradient(110deg,#202429,#191d21 68%,#17231d)!important;
    box-shadow:0 12px 24px rgba(0,0,0,.14)!important;
  }
  .daily-spin-bar:hover{border-color:#3e5e4f!important;transform:translateY(-1px)}
  .daily-spin-icon{width:56px!important;height:56px!important;border-radius:10px!important;background:#27302c!important;border:1px solid #3e5047!important}
  .daily-spin-icon img{width:37px!important;height:37px!important}
  .daily-spin-copy b{font-size:14px!important;letter-spacing:.04em!important}
  .daily-spin-copy small{font-size:9px!important;color:#959da1!important}
  .daily-spin-open{padding:10px 14px!important;border-radius:6px!important;background:#24bb74!important;color:#fff!important;border:1px solid #34ca85!important}

  .section-bar{
    height:66px;
    margin-top:18px;
    border-bottom:0;
    align-items:end;
    padding-bottom:12px;
  }
  .section-bar strong{font-size:23px;letter-spacing:-.025em}
  .section-bar span{font-size:9px;color:#777f84;letter-spacing:.16em}
  .game-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:0;
  }
  .game-card{
    height:228px;
    border-radius:11px;
    border:1px solid #2c3137;
    background:#181c20;
    box-shadow:0 12px 30px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.018);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  .game-card:hover{
    transform:translateY(-3px);
    border-color:#3c5e4e;
    filter:none;
    box-shadow:0 18px 34px rgba(0,0,0,.2),0 0 0 1px rgba(38,203,126,.08);
  }
  .game-card .art{
    position:relative;
    overflow:hidden;
    background:radial-gradient(circle at 50% 46%,#264035 0,#1d2925 28%,#171b20 72%);
  }
  .game-card:nth-child(2) .art{background:radial-gradient(circle at 50% 46%,#4a3821 0,#30281d 28%,#171b20 72%)}
  .game-card:nth-child(3) .art{background:radial-gradient(circle at 50% 46%,#263c35 0,#202b28 28%,#171b20 72%)}
  .game-card:nth-child(4) .art{background:radial-gradient(circle at 50% 46%,#324735 0,#243126 28%,#171b20 72%)}
  .game-card:nth-child(5) .art{background:radial-gradient(circle at 50% 46%,#384044 0,#272e32 28%,#171b20 72%)}
  .game-card:nth-child(6) .art{background:radial-gradient(circle at 50% 46%,#3e3429 0,#2a251f 28%,#171b20 72%)}
  .game-card:nth-child(7) .art{background:radial-gradient(circle at 50% 46%,#3e3827 0,#2a281f 28%,#171b20 72%)}
  .game-card:nth-child(8) .art{background:radial-gradient(circle at 50% 46%,#353b42 0,#252b30 28%,#171b20 72%)}
  .game-card:nth-child(9) .art{background:radial-gradient(circle at 50% 46%,#382b3d 0,#27222d 28%,#171b20 72%)}
  .game-card .art:after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:44%;
    background:linear-gradient(180deg,transparent,rgba(33,187,115,.08));pointer-events:none;
  }
  .game-card img{
    width:150px;height:150px;position:relative;z-index:1;
    filter:drop-shadow(0 18px 22px rgba(0,0,0,.64));
    transition:transform .16s ease;
  }
  .game-card .custom-game-icon{
    width:180px!important;height:180px!important;object-fit:contain!important;
    transform:scale(1.12)!important;transform-origin:center;
  }
  .game-card:hover img{transform:scale(1.075)}
  .game-card:hover .custom-game-icon{transform:scale(1.20)!important}
  .game-card .copy{
    min-height:60px;
    padding:11px 14px 12px;
    border-top:1px solid #334039;
    background:linear-gradient(180deg,#1f2924,#1a211e);
    box-shadow:inset 0 2px 0 rgba(37,201,124,.18);
  }
  .game-card b{font-size:12px;text-transform:none;letter-spacing:.01em}
  .game-card small{font-size:9px;color:#87918d;margin-top:4px}

  .bottom-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px;
    margin-top:16px;
  }
  .panel-card{
    min-height:168px;
    border-radius:11px;
    border-color:#31363d;
    background:radial-gradient(circle at 15% 50%,rgba(43,211,140,.11),transparent 24%),#1a1e22;
    padding:24px;
    box-shadow:0 12px 26px rgba(0,0,0,.12);
  }
  .panel-card img{width:82px;height:82px;filter:drop-shadow(0 13px 18px rgba(0,0,0,.55))}
  .panel-card h2{font-size:20px;margin:5px 0 8px}
  .panel-card p{font-size:10px;color:#929a9e;max-width:460px}
  .panel-card .open{padding:11px 16px;border-radius:6px;background:#24bb74;color:#fff}
  .status-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .status-row{
    min-height:78px;
    border-radius:9px;
    border-color:#30353b;
    background:#1b1f24;
    padding:14px;
  }
  .status-row img{width:32px;height:32px}
  .status-row strong{font-size:10px}.status-row small{font-size:8px;color:#80898d}
  .status-row em{font-size:8px;color:#45d794}
}

@media (min-width:961px) and (max-width:1180px){
  .lobby-content{padding-left:24px;padding-right:24px}
  .home-hero-grid{grid-template-columns:1fr 1.2fr}
  .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .game-card{height:205px}
  .game-card img{width:132px;height:132px}
  .game-card .custom-game-icon{width:154px!important;height:154px!important}
}


/* Reference-inspired community cards and persistent emerald wallet. */
.lobby-header,.site-header{height:auto;min-height:76px;position:sticky;top:0;background:#25262d;border-bottom-color:#373940}
.lobby-header{grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:12px 20px}
.lobby-header nav{grid-column:auto;grid-row:auto;min-width:0;min-height:44px;justify-self:start;background:#2d3036;border-color:#393d43}
.lobby-header nav a,.site-header nav a{font-size:14px;min-height:36px}
.lobby-actions{grid-column:auto;grid-row:auto;gap:8px;flex-wrap:wrap}
.lobby-actions>a,.site-header .button,.site-header .top-actions>button{height:auto;min-height:44px;padding:10px 14px;font-size:14px;border-radius:7px}
.lobby-actions .primary,.site-header .deposit-link{color:#fff;background:linear-gradient(135deg,#20c57b,#119859);border-color:#37cc8b}
.lobby-actions .withdraw-link,.site-header .withdraw-link,.site-header #openWithdraw{display:inline-flex!important;visibility:visible!important;background:#30343b;color:#f2f4f3;border-color:#4a5158}
.header-wallet,.site-header .header-balance{display:flex!important;min-width:0;height:auto;min-height:44px;gap:9px;padding:9px 12px;background:#20232a;border-color:#3c4543;border-radius:7px;flex-shrink:1}
.header-wallet img,.site-header .header-balance img{width:25px;height:25px;flex-shrink:0}
.header-wallet strong,.site-header .header-balance strong{font-size:16px;color:#f5f8f6;font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere;min-width:0}
.header-profile{height:auto!important;min-height:44px}
.header-profile span{font-size:14px}
.lobby-main{background:radial-gradient(ellipse at 65% 0,#39314066,transparent 50%),#1c1e24}
.lobby-content{max-width:1360px;padding:28px 28px 64px}
.community-section{margin:0 0 28px}
.community-section>h1{margin:0 0 26px;font-size:26px;letter-spacing:-.035em;color:#f6f7f8}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.community-card{position:relative;isolation:isolate;min-width:0;min-height:212px;border:1px solid #3d4144;border-radius:12px;background:radial-gradient(ellipse at 72% 40%,#324539,transparent 65%),#1b2223;overflow:hidden}
.community-referrals{background:radial-gradient(ellipse at 70% 35%,#23563b,transparent 65%),#1a2521}
.community-discord{background:radial-gradient(ellipse at 72% 35%,#4a4d86,transparent 65%),#202230;border-color:#464864;transition:border-color .18s ease,transform .18s ease}
.community-discord:hover{border-color:#a5a8ff;transform:translateY(-3px)}
.community-art{position:absolute;inset:10px 12px 26px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:-1}
.community-art>img{width:142px;height:142px;object-fit:contain;image-rendering:pixelated;transform:rotate(-12deg);filter:drop-shadow(0 14px 12px #0008)}
.community-art>.community-accent{position:absolute;width:70px;height:70px;right:108px;bottom:8px;transform:rotate(18deg)}
.community-copy{position:absolute;inset:auto 0 0;padding:38px 18px 18px;background:linear-gradient(transparent,#151b20f2)}
.community-copy h2{margin:0 0 5px;font-size:clamp(18px,2.2vw,27px);line-height:1.1;text-transform:uppercase;font-style:italic;letter-spacing:-.045em;color:#fff}
.community-copy p{margin:0;font-size:14px;color:#c2c9ce;line-height:1.4}
.community-status{position:absolute;top:12px;left:12px;padding:5px 8px;border:1px solid #ffffff24;border-radius:5px;background:#12191dd9;color:#c3ccd0;font-size:12px;font-weight:700}
.community-link{position:absolute;right:14px;top:10px;font-size:24px;color:#d9dbff}
.lobby-content .home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px}
.lobby-content .profile-card,.lobby-content .promo-slider{min-width:0}
.lobby-content .home-hero-grid .profile-card{height:auto!important;min-height:246px!important}
.lobby-content .home-hero-grid .promo-slider{height:auto!important;min-height:246px!important}
.profile-copy #profileName{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:6px 0 10px;overflow-wrap:anywhere}
.lobby-content .profile-copy p{font-size:14px!important;line-height:1.5}
.lobby-content .profile-links a{font-size:14px}
.lobby-content .game-card b{font-size:16px}
.lobby-content .game-card small{font-size:12px;color:#a5b0aa}
.lobby-content .daily-spin-copy small{font-size:12px!important;color:#bdc9c2!important}
.lobby-content .section-bar strong{font-size:24px}
.lobby-content .section-bar span{font-size:12px}
.lobby-content .panel-card p{font-size:14px}
.lobby-content .status-row strong{font-size:14px}
.lobby-content .status-row small,.lobby-content .status-row em{font-size:12px}
.lobby-header a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.community-card:focus-visible{outline:3px solid #76ecb5;outline-offset:3px}
#games{scroll-margin-top:160px!important}
@media(max-width:1200px){
  .lobby-header{grid-template-columns:1fr auto;gap:10px}
  .lobby-header nav{grid-column:1;grid-row:2}
  .lobby-actions{grid-column:2;grid-row:1 / span 2}
  .lobby-content .home-hero-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .lobby-header{grid-template-columns:1fr auto;padding:10px 12px;gap:8px}
  .lobby-brand{min-width:0}.lobby-brand strong{font-size:16px}
  .lobby-header nav{grid-column:2;grid-row:1;min-height:40px;justify-self:end;height:auto}
  .lobby-header nav a{font-size:14px;padding:0 9px}
  .lobby-header nav a[href="/"]{display:none}
  .lobby-actions{grid-column:1 / -1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto auto;margin:0;gap:6px}
  .lobby-actions>a{font-size:14px;padding:10px;min-width:0;gap:5px}
  .lobby-actions .header-profile{display:none!important}
  .lobby-actions .header-wallet{justify-content:flex-start}
  .lobby-content{padding:22px 12px 40px}
  .community-section>h1{font-size:23px;margin-bottom:18px}
  .community-grid{gap:8px}
  .community-card{min-height:184px;border-radius:9px}
  .community-art{inset:24px 4px 28px}
  .community-art>img{width:100%;max-width:110px;height:110px}
  .community-art>.community-accent{width:45px;height:45px;right:auto;left:0;bottom:4px}
  .community-copy{padding:28px 9px 12px}
  .community-copy h2{font-size:18px;letter-spacing:-.055em}
  .community-copy p{font-size:12px}
  .community-status{top:8px;left:6px;font-size:12px;padding:4px}
  .site-header{grid-template-columns:1fr auto auto;padding:10px 12px;gap:8px}
  .site-header .brand{grid-column:1 / -1;grid-row:1}
  .site-header .header-balance{grid-column:1;grid-row:2;justify-self:stretch}
  .site-header .deposit-link{grid-column:2;grid-row:2}
  .site-header .withdraw-link{grid-column:3;grid-row:2}
  .site-header nav{grid-column:1 / -1;grid-row:3;min-width:0}
  .vault-app .site-header{grid-template-columns:1fr}
  .vault-app .site-header .top-actions{grid-column:1;grid-row:2;justify-self:stretch;display:flex;flex-wrap:wrap}
  .vault-app .site-header .top-actions>button{flex:1}
  .vault-app .site-header nav{grid-column:1;grid-row:3}
}
@media(max-width:360px){
  .community-grid{grid-template-columns:1fr}
  .community-card{min-height:160px}
  .community-art{right:20px}.community-art>img{width:120px;max-width:120px}
  .community-art>.community-accent{left:auto;right:100px}
  .community-copy h2{font-size:24px}.community-copy p{font-size:14px}
  .lobby-actions,.site-header{gap:5px}
  .lobby-actions>a,.site-header .button{padding:10px 7px}
  .lobby-actions .primary::before,.lobby-actions .withdraw-link::before,.site-header .deposit-link::before,.site-header .withdraw-link::before{display:none}
}
@media(prefers-reduced-motion:reduce){.community-discord{transition:none}.community-discord:hover{transform:none}}