/*
  WEEKLY LIQUID MIDNIGHT • unified presentation layer
  Sitewide visual skin only. No routes, stored data, auth, wagers, game math,
  availability flags or form endpoints are changed by these styles.
*/
body.wl-liquid{
  color-scheme:dark;
  --bg:#0b0a12;--bg-soft:#10101a;--panel:#161621;--panel-2:#1c1b29;--panel-3:#25233a;
  --text:#f5f3fa;--muted:#a7a5bb;--muted-2:#77768b;
  --line:rgba(179,166,235,.14);--line-strong:rgba(174,152,243,.3);
  --purple:#aa85f7;--purple-2:#d0bafa;--purple-soft:rgba(142,104,224,.14);
  --gold:#ded0ed;--gold-deep:#815cc4;--silver:#e5e2f2;
  --shadow:0 22px 64px rgba(1,0,11,.36);
  background:radial-gradient(ellipse at 82% -15%,rgba(96,63,153,.2),transparent 47%),#0b0a12;
  color:#f5f3fa;font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif;
}
body.wl-liquid .site-ambient{
  background:
    radial-gradient(ellipse at 90% -10%,rgba(119,73,215,.13),transparent 43rem),
    radial-gradient(ellipse at 18% 100%,rgba(84,45,142,.08),transparent 50rem),
    linear-gradient(160deg,#0e0d17,#0a0a10 65%,#0e0c17);
}
body.wl-liquid .ambient-orb{opacity:.08;filter:blur(75px)}
body.wl-liquid .ambient-grid{opacity:.12;background-size:90px 90px}
body.wl-liquid :is(a,button,input,textarea,select,summary):focus-visible{
  outline:2px solid #c7a6ff;outline-offset:3px;
}
body.wl-liquid ::selection{background:#7251b4;color:#fff}

/* Sitewide chrome. This lives outside every game's own container. */
body.wl-liquid .site-header,
body.wl-liquid.weekly-chrome:has(.wr-home) .site-header{
  height:76px;top:0;position:sticky;
  margin-left:222px;width:calc(100% - 222px);
  background:rgba(12,11,20,.94);
  border-bottom:1px solid rgba(160,143,205,.15);
  box-shadow:0 12px 36px rgba(0,0,0,.12);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  z-index:100;
}
body.wl-liquid .header-inner,
body.wl-liquid.weekly-chrome:has(.wr-home) .header-inner{
  width:calc(100% - 48px);max-width:none;height:75px;gap:16px;
}
body.wl-liquid .brand,
body.wl-liquid.weekly-chrome:has(.wr-home) .brand{gap:10px;min-width:0}
body.wl-liquid .brand-mark,
body.wl-liquid.weekly-chrome:has(.wr-home) .brand-mark{display:none}
body.wl-liquid .wl-brand-emblem{
  width:38px;height:38px;display:grid;place-items:center;
  color:#e0c1ff;font-size:1.65rem;
  border-radius:13px;border:1px solid #a980ea78;
  background:linear-gradient(145deg,#4e347c,#1c1731 60%,#14111c);
  box-shadow:inset 0 1px 1px #edc4ff36,0 0 22px #a160f42c;
}
body.wl-liquid .brand-copy,
body.wl-liquid.weekly-chrome:has(.wr-home) .brand-copy{display:flex}
body.wl-liquid .brand-copy strong{font-size:1.22rem;letter-spacing:-.04em;font-weight:950;color:#faf8ff}
body.wl-liquid .brand-copy small{font-size:.52rem;letter-spacing:.16em;color:#a69cbd}
body.wl-liquid .main-nav,
body.wl-liquid.weekly-chrome:has(.wr-home) .main-nav{display:none}
body.wl-liquid .header-actions{gap:9px;margin-left:auto}
body.wl-liquid :is(.header-search,.header-news,.header-mobile-menu>summary){
  display:grid;place-items:center;width:41px;height:41px;
  border:1px solid #4b415f80;border-radius:13px;
  background:#1b1927;color:#bcb0da;box-shadow:inset 0 1px 0 #ffffff0a;
}
body.wl-liquid .weekly-account-trigger{
  background:#1c1b2a!important;border:1px solid #4c426485!important;
  border-radius:14px;color:#f8f4ff;min-height:42px;
}
body.wl-liquid .weekly-account-avatar{background:linear-gradient(135deg,#7259b7,#34264b);color:#fff}
body.wl-liquid .header-join,
body.wl-liquid.weekly-chrome:has(.wr-home) .header-join,
body.wl-liquid .weekly-header-signup{
  background:linear-gradient(118deg,#b26eea,#7d59e9)!important;
  color:#fff!important;border:1px solid #e0bcff66!important;
  border-radius:13px!important;box-shadow:0 6px 20px #975ef332,inset 0 1px 0 #f2dbff47!important;
  font-weight:800;
}
body.wl-liquid .header-join:hover,body.wl-liquid .weekly-header-signup:hover{filter:brightness(1.1);transform:translateY(-1px)}
body.wl-liquid .header-discord-symbol{color:#fff!important}
body.wl-liquid .header-admin{color:#d9c3f5}
body.wl-liquid :is(.nav-dropdown-panel,.weekly-account-panel,.mobile-menu-panel){
  border:1px solid #58486c;background:#1a1627;
  box-shadow:0 24px 55px #0009;border-radius:16px;
}
body.wl-liquid :is(.nav-dropdown-panel,.weekly-account-panel,.mobile-menu-panel) a:hover{
  color:#fff;background:#39304d;
}
body.wl-liquid .page-shell,
body.wl-liquid.weekly-chrome:has(.wr-home) .page-shell{
  margin:0 0 0 222px;width:calc(100% - 222px);max-width:none;
  padding:30px clamp(18px,3vw,44px) 84px;
}
body.wl-liquid.weekly-chrome:has(.wr-home) .page-shell{padding:18px clamp(16px,2vw,30px) 70px}
body.wl-liquid .site-footer,
body.wl-liquid.weekly-chrome:has(.wr-home) .site-footer{
  margin-left:222px;width:calc(100% - 222px);max-width:none;
  border-color:#343044;color:#a7a1b8;background:transparent;
}
body.wl-liquid .site-footer .brand-mark{display:none}
body.wl-liquid .footer-brand .brand-copy{display:flex}
body.wl-liquid .footer-links a:hover{color:#d1b5ff}

/* Stronger than the legacy non-home realm shell, so the new sidebar
   cannot cover active buttons in Dice, Keno, Chicken or member forms. */
body.wl-liquid.weekly-chrome:not(:has(.wr-home)){
  --bg:#0b0a12;--bg-soft:#10101a;--panel:#161621;--panel-2:#1c1b29;--panel-3:#25233a;
  --text:#f5f3fa;--muted:#a7a5bb;--muted-2:#77768b;
  --line:rgba(179,166,235,.14);--line-strong:rgba(174,152,243,.3);
  --purple:#aa85f7;--purple-2:#d0bafa;--purple-soft:rgba(142,104,224,.14);
  --gold:#ded0ed;--gold-deep:#815cc4;
  background:#0b0a12;color:#f5f3fa;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .page-shell{
  width:calc(100% - 222px);max-width:none;
  margin:0 0 0 222px;padding:30px clamp(18px,3vw,44px) 84px;
  min-width:0;position:relative;z-index:1;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .site-footer{
  width:calc(100% - 222px);max-width:none;margin:0 0 0 222px;
  background:transparent;border-color:#343044;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .site-header{
  margin-left:222px;width:calc(100% - 222px);height:76px;
  background:rgba(12,11,20,.94);border-bottom:1px solid rgba(160,143,205,.15);
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .header-inner{
  width:calc(100% - 48px);max-width:none;height:75px;min-height:75px;gap:16px;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .brand{
  gap:10px;min-width:0;flex:0 0 auto;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .brand-mark{display:none}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .brand-copy{display:flex}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .main-nav{display:none}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .site-ambient{
  background:
    radial-gradient(ellipse at 90% -10%,rgba(119,73,215,.13),transparent 43rem),
    linear-gradient(160deg,#0e0d17,#0a0a10 65%,#0e0c17);
}

/* Permanent left navigation with the same route URLs as the existing site. */
.wl-sidebar{
  position:fixed;top:0;left:0;bottom:0;width:222px;z-index:110;
  display:flex;flex-direction:column;gap:0;overflow-y:auto;
  padding:95px 15px 22px;
  background:linear-gradient(165deg,rgba(18,16,29,.99),rgba(10,10,17,.99) 80%);
  border-right:1px solid #5546684d;
  scrollbar-width:thin;scrollbar-color:#524267 transparent;
}
.wl-sidebar-label{font-size:.61rem;letter-spacing:.17em;color:#79748f;font-weight:850;padding:8px 13px 12px}
.wl-side-links{display:flex;flex-direction:column;gap:4px}
.wl-side-links a{
  display:flex;align-items:center;gap:12px;min-height:43px;padding:9px 12px;
  color:#aaa6bb;border-radius:13px;border:1px solid transparent;
  font-size:.83rem;font-weight:720;transition:background .18s ease,color .18s ease,border .18s ease;
}
.wl-side-links a span{width:21px;flex:0 0 21px;text-align:center;font-size:1.18rem;color:#998baf}
.wl-side-links a:hover,.wl-side-links a.is-current{
  color:#faf7ff;background:linear-gradient(95deg,#39245e,#20192f);
  border-color:#76529d9e;box-shadow:inset 0 1px 0 #e7c0ff12;
}
.wl-side-links a:hover span,.wl-side-links a.is-current span{color:#deb5ff}
.wl-sidebar-separator{height:1px;background:#7b6b9240;margin:16px 12px 15px}
.wl-sidebar-promo{
  position:relative;margin-top:auto;overflow:hidden;isolation:isolate;
  padding:52px 14px 14px;border:1px solid #7f63a68a;border-radius:17px;
  background:radial-gradient(ellipse at 85% 0%,#7651b75e,transparent 60%),linear-gradient(160deg,#221b34,#12111c);
  box-shadow:inset 0 1px 0 #f2d6ff2e;
}
.wl-sidebar-promo-crown{position:absolute;right:13px;top:-6px;font-size:4.25rem;color:#cbb0f3;
  text-shadow:0 0 22px #9c63fc7d;transform:rotate(-12deg)}
.wl-sidebar-promo strong{display:block;font-size:.73rem;color:#fff;letter-spacing:.04em}
.wl-sidebar-promo p{font-size:.71rem;line-height:1.5;color:#b4a9c8;margin:5px 0 12px}
.wl-sidebar-promo a{display:block;text-align:center;font-size:.72rem;font-weight:850;padding:10px 6px;
  border-radius:10px;color:#fff;background:#553484;border:1px solid #a979d37a}
.wl-sidebar-promo a:hover{background:#694599}

/* Retheme shared page cards and inputs without changing dimensions or interactivity. */
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) :is(
 .giveaway-card,.event-card-large,.story-card,.gallery-card,.store-card,
 .staff-card,.sponsor-card,.partner-feature,.partner-promo-banner,
 .vip-tier-card,.application-type,.application-form-card,.partner-pitch,
 .panel,.admin-panel,.hq-card,.stat-card,.settings-card,.manage-item,
 .application-admin-item,.search-result,.not-found,.auth-card,.auth-visual,
 .weekly-auth-card,.weekly-auth-story,.wc-card,.wc-panel,.wc-hero,.ww2-card,
 .ws2-card,.pkn-card,.lsix-card,.wcrash-panel
){
  color:#f4f1fa;
  border:1px solid #63547b64;
  border-radius:20px;
  background:radial-gradient(ellipse at 100% 0%,#57437a21,transparent 65%),
    linear-gradient(150deg,#1d1b2b,#11111b 80%);
  box-shadow:0 16px 44px #0006,inset 0 1px 0 #ffffff0a;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) :is(
 .wc-hero,.ww2-header,.ws2-head,.lsix-head,.pkn-top,.l6h-hero,
 .page-hero,.page-intro,.auth-visual,.weekly-auth-story
){
  background:radial-gradient(ellipse at 90% 15%,#6f4eaa45,transparent 56%),
    linear-gradient(135deg,#1d1a2c,#12111d 74%)!important;
  border-color:#7b5e9a88!important;border-radius:23px;color:#f4efff;
  box-shadow:inset 0 1px 0 #ffffff16,0 18px 45px #0007;
}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) :is(
 .wc-app,.ww2,.ws2,.lsix,.pkn-page,.l6h
){color:#f5f1fc;--ww-gold:#c7a7fd;--wc-gold:#c7a7fd;--pkn-lime:#c7a7fd;--ww-green:#b89af2;--pkn-green:#b89af2}
body.wl-liquid.weekly-chrome:not(:has(.wr-home)) :is(
 .btn-primary,.primary-btn,.button-primary,.auth-submit,.weekly-auth-submit,.page-cta,
 .vip-cta,.wr-button,.admin-button.primary
){
  background:linear-gradient(120deg,#a16de4,#7455dc);
  color:#fff;border-color:#c5a4fe;border-radius:13px;
  box-shadow:0 5px 21px #925ddc35;
}
body.wl-liquid :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
  color:#f8f4ff;border-radius:12px;
  background-color:#181723;border-color:#63557985;
}
body.wl-liquid :is(input:not([type=checkbox]):not([type=radio]),textarea,select)::placeholder{color:#8b829f}
body.wl-liquid .weekly-auth-card,
body.wl-liquid .auth-card{border-radius:23px}
body.wl-liquid :is(.hero,.page-title,.page-intro h1) h1{color:#f8f6fc}
body.wl-liquid :is(.page-heading,.section-title,.section-heading) {color:#f5f2fa}
body.wl-liquid .mobile-bottom-nav{border-color:#67558673;background:#141220f7}
body.wl-liquid .mobile-bottom-nav a.active{color:#dbbbff;background:#392750}

/* Comfortable navigation & readable forms from laptop down to small phones. */
@media(max-width:1200px){
  .wl-sidebar{display:none}
  body.wl-liquid .site-header,
  body.wl-liquid.weekly-chrome:has(.wr-home) .site-header{margin-left:0;width:100%}
  body.wl-liquid .page-shell,
  body.wl-liquid.weekly-chrome:has(.wr-home) .page-shell{
    width:100%;margin:0 auto;padding:24px clamp(14px,3vw,32px) 80px
  }
  body.wl-liquid.weekly-chrome:has(.wr-home) .page-shell{padding:18px clamp(12px,3vw,30px) 70px}
  body.wl-liquid .site-footer,
  body.wl-liquid.weekly-chrome:has(.wr-home) .site-footer,
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .site-footer{
    margin-left:0;width:100%;max-width:none;
  }
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .page-shell{
    width:100%;margin:0 auto;padding:24px clamp(14px,3vw,32px) 80px;
  }
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .site-header{margin-left:0;width:100%}
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .header-inner{width:calc(100% - 48px)}
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .brand{flex:0 0 auto;min-width:0}
  body.wl-liquid .main-nav,
  body.wl-liquid.weekly-chrome:has(.wr-home) .main-nav,
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .main-nav{display:none}
  body.wl-liquid .header-mobile-menu{display:block;position:relative}
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .header-mobile-menu{display:block}
  body.wl-liquid .site-header{margin-bottom:0}
}
@media(max-width:820px){
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .header-inner{
    width:calc(100% - 24px);height:68px;min-height:68px;
  }
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .brand{flex:0 0 auto;min-width:0}
  body.wl-liquid.weekly-chrome:not(:has(.wr-home)) .page-shell{
    width:100%;margin:0 auto;padding:24px 14px 80px;
  }
}
@media(max-width:820px){
  body.wl-liquid .header-inner,
  body.wl-liquid.weekly-chrome:has(.wr-home) .header-inner{width:calc(100% - 24px)}
  body.wl-liquid .main-nav,
  body.wl-liquid.weekly-chrome:has(.wr-home) .main-nav{display:none}
  body.wl-liquid .site-header,
  body.wl-liquid.weekly-chrome:has(.wr-home) .site-header{height:69px}
  body.wl-liquid .header-inner,
  body.wl-liquid.weekly-chrome:has(.wr-home) .header-inner{height:68px}
  body.wl-liquid .header-join{display:none}
  body.wl-liquid .brand-copy strong{font-size:1.09rem}
  body.wl-liquid .wl-brand-emblem{width:34px;height:34px}
}
@media(max-width:480px){
  body.wl-liquid .header-search,body.wl-liquid .header-news{display:none}
  body.wl-liquid .header-actions{gap:5px}
  body.wl-liquid .page-shell{padding-left:12px;padding-right:12px}
  body.wl-liquid .brand-copy small{font-size:.44rem}
  body.wl-liquid .weekly-account-name{max-width:70px;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){
  body.wl-liquid *,body.wl-liquid *::before,body.wl-liquid *::after{
    scroll-behavior:auto!important;animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}

/* Prevent the off-screen legacy nav/dropdown layer from enlarging document width. */
body.wl-liquid .site-ambient{width:100%;max-width:100vw;overflow:hidden}
body.wl-liquid .nav-dropdown-panel{max-width:min(310px,calc(100vw - 24px))}
body.wl-liquid .page-shell{min-width:0}
body.wl-liquid .wl-sidebar{box-sizing:border-box}