:root{
  --bg:#0e0b07;
  --panel:#17120c;
  --panel2:#21170d;
  --line:#795327;
  --pink:#d38b2c;
  --violet:#96713f;
  --gold:#f5c85b;
  --cyan:#5fd1b1;
  --text:#fff5d9;
  --muted:#b9aa8d;
  --mf-brass:#c58b35;
  --mf-copper:#9f512d;
  --mf-emerald:#2dbb86;
  --mf-ink:#0b0d0c;
}

html{background:#0b0906}
body{
  background:
    radial-gradient(circle at 84% 8%,rgba(42,130,96,.12),transparent 27%),
    radial-gradient(circle at 14% 24%,rgba(193,117,37,.12),transparent 31%),
    linear-gradient(180deg,#0d0b08 0%,#120d08 52%,#090806 100%);
  color:var(--text);
}
.stars{
  opacity:.22;
  background-image:
    radial-gradient(circle,#d29a42 1px,transparent 1.5px),
    linear-gradient(90deg,transparent 49.7%,rgba(149,105,47,.18) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(149,105,47,.14) 50%,transparent 50.3%);
  background-size:52px 52px,104px 104px,104px 104px;
  mask-image:linear-gradient(#000,transparent 88%);
}

.topbar{
  background:linear-gradient(180deg,rgba(24,18,11,.98),rgba(10,10,8,.97));
  border-bottom:1px solid #7d552a;
  box-shadow:inset 0 -1px rgba(245,200,91,.08),0 10px 34px rgba(0,0,0,.45);
}
.topbar:after{
  content:"";
  position:absolute;
  right:0;bottom:-3px;left:0;
  height:3px;
  background:repeating-linear-gradient(90deg,#2a1b0c 0 18px,#b67b31 18px 20px,#2a1b0c 20px 38px);
  opacity:.72;
}
.ny-logo{
  display:grid!important;
  grid-template-columns:36px auto;
  grid-template-rows:auto auto;
  align-items:center;
  width:235px!important;
  min-width:235px!important;
  height:76px!important;
  padding:8px 8px!important;
  background:none!important;
  filter:none!important;
  text-align:left;
}
.ny-logo>*{display:block!important}
.ny-logo .logo-stars{
  position:static;
  grid-row:1/3;
  color:#efbd52;
  font-size:31px;
  line-height:1;
  text-shadow:0 0 12px rgba(245,172,54,.45);
  animation:mfGear 14s linear infinite;
}
.ny-logo strong{
  font:29px/1 "Black Han Sans",sans-serif;
  letter-spacing:-1px;
  color:#f9d878;
  background:linear-gradient(180deg,#fff1ae,#e7aa3e 58%,#92511f)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 2px 0 #3e200d);
}
.ny-logo small{
  margin-top:5px;
  color:#78d5b6!important;
  font-size:7px!important;
  font-weight:900;
  letter-spacing:1.45px!important;
  text-shadow:0 0 8px rgba(62,218,170,.22)!important;
}
@keyframes mfGear{to{transform:rotate(360deg)}}

.main-nav button{color:#cdbb98}
.main-nav button small{color:#756b5d}
.main-nav button:hover,.main-nav button.active{
  color:#ffe9a7;
  border-bottom-color:#d79b42;
  text-shadow:0 0 12px rgba(239,178,67,.36);
}
.neon-btn,.cta{border-radius:7px}
.neon-btn.blue{
  border-color:#399879;
  color:#a7ead3;
  background:linear-gradient(180deg,#123026,#0b1a15);
  box-shadow:inset 0 0 13px rgba(50,188,143,.14);
}
.neon-btn.gold,.cta{
  border:1px solid #e2a94d;
  background:linear-gradient(180deg,#ffdf79,#c68127 62%,#8c481d);
  color:#2c1808;
  box-shadow:0 7px 24px rgba(190,111,25,.25),inset 0 1px #fff4bb;
}
.neon-btn:hover,.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}

.public-hero,.member-hero{
  background-image:url('/assets/moneyfactory-hero.webp')!important;
  background-position:center!important;
  background-size:cover!important;
  border-bottom:1px solid #70451d;
}
.public-hero{min-height:calc(100vh - 100px);max-height:860px}
.hero-shade,
.member-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(8,8,6,.92) 0%,rgba(11,10,7,.73) 31%,rgba(10,10,8,.2) 58%,rgba(7,8,7,.08) 100%),
    linear-gradient(0deg,#0e0b07 0%,transparent 28%,rgba(7,8,7,.08) 70%)!important;
}
.public-copy{max-width:820px;padding:clamp(120px,16vh,178px) 7vw}
.public-copy>p{
  color:#65d5b0;
  font-size:11px;
  font-weight:900;
  letter-spacing:5px;
  text-shadow:0 0 14px rgba(45,187,134,.45);
}
.public-copy h1 span{
  font-size:clamp(68px,8.7vw,126px);
  color:#f4c658;
  background:linear-gradient(180deg,#fff2a9 0%,#eeb845 45%,#9b501f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0;
  filter:drop-shadow(0 4px 0 #41210d) drop-shadow(0 14px 24px rgba(0,0,0,.48));
  text-shadow:none;
  letter-spacing:-4px;
}
.public-copy h1 small{
  margin:18px 0 0 4px;
  color:#e9c982;
  font-size:13px;
  letter-spacing:6px;
}
.public-copy h2{color:#d9d0bf;font-size:18px;text-shadow:0 2px 12px #000;margin-top:28px}
.public-copy>div{margin-top:34px}

body.auth-mode .auth-shell{
  min-height:100vh;
  background:
    linear-gradient(90deg,rgba(7,9,8,.22),rgba(7,9,8,.48) 37%,rgba(7,9,8,.48) 63%,rgba(7,9,8,.22)),
    url('/assets/moneyfactory-login-bg.webp') center/cover fixed no-repeat!important;
}
body.auth-mode .auth-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center,transparent 0 18%,rgba(4,6,5,.18) 55%,rgba(2,3,3,.5) 100%);
}
body.auth-mode .auth-panel{
  border:1px solid rgba(216,159,67,.72);
  border-radius:12px;
  background:linear-gradient(160deg,rgba(27,22,15,.96),rgba(10,13,11,.95));
  box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 36px rgba(215,144,43,.19),inset 0 0 38px rgba(121,78,29,.13);
  backdrop-filter:blur(12px);
}
body.auth-mode .auth-panel:before,body.auth-mode .auth-panel:after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  top:10px;
  border-radius:50%;
  background:#d19a43;
  box-shadow:0 0 0 2px #493018,inset 0 1px 2px #fff5b8;
}
body.auth-mode .auth-panel:before{left:10px}
body.auth-mode .auth-panel:after{right:10px}
body.auth-mode .mini-logo{
  display:grid;
  place-items:center;
  height:auto;
  margin:-4px auto 17px;
  background:none;
  color:#f2c559!important;
  font:28px/1.2 "Black Han Sans",sans-serif!important;
  letter-spacing:-1px;
  text-shadow:0 3px 0 #4b260e,0 0 18px rgba(237,164,49,.3)!important;
}
body.auth-mode .mini-logo:before{content:"⚙";display:block;margin-bottom:5px;color:#63cda9;font:25px/1 sans-serif;animation:mfGear 14s linear infinite}
body.auth-mode .auth-panel h2{color:#fff0c2}
body.auth-mode .auth-panel>p{color:#aea58f}
body.auth-mode .auth-panel label{color:#dccaa6}
body.auth-mode .auth-panel input,
body.auth-mode .auth-panel select,
.cashier-form-card input,.inquiry-form input,.inquiry-form select,.inquiry-form textarea,
.exchange-card input{
  border:1px solid #5e452a;
  background:rgba(5,8,7,.88);
  color:#fff5db;
  border-radius:6px;
  outline:none;
}
body.auth-mode .auth-panel input:focus,
body.auth-mode .auth-panel select:focus,
.cashier-form-card input:focus,.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus,
.exchange-card input:focus{border-color:#d49b43;box-shadow:0 0 0 3px rgba(212,155,67,.12)}
body.auth-mode #authSubmit,
.cashier-form-card .cta,.exchange-card .cta,
body:has(.user-status-bar:not(.hidden)) .cta,
body:has(.user-status-bar:not(.hidden)) .game-card footer button,
body:has(.user-status-bar:not(.hidden)) .provider-card button{
  border-color:#e4ac4f!important;
  background:linear-gradient(180deg,#f6ce65 0%,#bc7627 62%,#774018 100%)!important;
  color:#241306!important;
  text-shadow:none!important;
  box-shadow:0 8px 20px rgba(153,82,17,.24),inset 0 1px #fff2aa!important;
}
body.auth-mode .signup-secondary{
  border-color:#3b9c7c;
  color:#a8ead3;
  background:linear-gradient(180deg,rgba(25,68,53,.75),rgba(10,29,23,.85));
}

.member-hero{min-height:500px!important}
.member-home .member-copy{
  display:block!important;
  left:7%;top:122px;
  transform:none;
  width:390px;
  text-align:left;
}
.member-factory-mark{display:grid;grid-template-columns:66px auto;grid-template-rows:auto auto;align-items:center}
.member-factory-mark span{grid-row:1/3;color:#edbb4f;font-size:54px;animation:mfGear 14s linear infinite;text-shadow:0 0 18px rgba(229,155,45,.35)}
.member-factory-mark strong{font:43px/1 "Black Han Sans",sans-serif;color:#f4c75c;text-shadow:0 3px 0 #49250d}
.member-factory-mark small{margin-top:8px;color:#6bd1b0;font-size:9px;font-weight:900;letter-spacing:2px}
.member-copy>p{margin:17px 0 0 67px!important;color:#dbc388!important;font-size:9px!important;letter-spacing:4px!important}

.content-wrap{max-width:1220px}
.section-title h2{color:#f1c55b;text-shadow:0 0 13px rgba(203,134,39,.25)}
.section-title div{background:linear-gradient(90deg,#9b652c,transparent)}
.game-card,.original-game-card,.provider-card,.loading-card,.page-card,.profile-card,
.notice,.ny-banner,.notice-board,.notice-detail,.message-item{
  border-color:#62421f!important;
  background:linear-gradient(145deg,#1d160e,#0c0d0b)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 1px rgba(255,214,124,.035)!important;
}
.game-card:hover,.original-game-card:hover,.provider-card:hover{
  border-color:#c78e3d!important;
  box-shadow:0 17px 34px rgba(0,0,0,.48),0 0 20px rgba(188,119,35,.14)!important;
}
.game-card footer,.original-game-card footer{background:linear-gradient(180deg,#1c140c,#0c0d0b)}
.game-card h3,.provider-card h3,.original-game-card h3{color:#f3cb70}
.card-scene>span,.original-status{
  border-color:#d39a41;
  background:rgba(45,27,10,.9);
  color:#ffd981;
  box-shadow:0 0 12px rgba(202,130,34,.22);
}
.provider-icon{border-color:#b27a35;background:radial-gradient(circle,#765228,#1b140d);box-shadow:0 0 20px rgba(190,125,36,.22)}
.provider-icon span{color:#f4cf72}
.member-home .content-wrap{background:linear-gradient(180deg,transparent,#0e0b07 120px)!important}
.user-status-bar{
  background:linear-gradient(180deg,#17120c,#090b09);
  border-bottom-color:#65451f;
  color:#dfd3ba;
}
.status-dot{color:#4ec89f}
.status-balance b{color:#f0c85e}
.user-status-bar nav button[data-tab="deposit"]{color:#8fe2c5!important;border-color:#347e66!important;background:linear-gradient(180deg,#173c30,#0b211a)!important}
.user-status-bar nav button[data-tab="withdraw"]{color:#e8b179!important;border-color:#80552d!important;background:linear-gradient(180deg,#382414,#25170d)!important}
.user-status-bar nav button[data-tab="inquiries"]{color:#f2ca72!important;border-color:#886127!important;background:linear-gradient(180deg,#3a2a13,#281c0d)!important}
.amount-buttons button,#backToProviders,.refresh-history,.account-inquiry-button{
  border-color:#6d4a25;
  background:#18120c;
  color:#dac9a5;
}
.exchange-balance,.withdraw-balance-row,.withdraw-account-info{border-color:#59401f;background:#15100b}
.diamond{color:#e5b94f;text-shadow:0 0 24px rgba(218,149,44,.36)}
.toast{background:#efc55e;color:#2b1908;border:1px solid #fff0a0}

.ny-banner{
  position:relative;
  min-height:190px!important;
  background:
    linear-gradient(90deg,rgba(9,9,7,.84),rgba(10,10,8,.35)),
    url('/assets/moneyfactory-hero.webp') 64% center/cover!important;
  display:grid;
  place-items:center start;
  text-align:left;
}
.mf-banner-copy{display:grid;gap:7px;padding:28px 34px}
.mf-banner-copy small{color:#61d0ae;font-size:9px;font-weight:900;letter-spacing:3px}
.mf-banner-copy strong{display:block;color:#f8e3a3;font:27px "Black Han Sans",sans-serif;text-shadow:0 3px 0 #40220d}
.mf-banner-copy em{color:#f0b945;font-style:normal}
.mf-banner-copy span{color:#b8a684;font-size:9px;letter-spacing:2px}

@media(max-width:1250px){
  .ny-logo{width:205px!important;min-width:205px!important}
  .ny-logo strong{font-size:25px}
  .ny-logo small{font-size:6px!important}
}
@media(max-width:760px){
  .topbar{background:linear-gradient(180deg,#19130c,#090a08)}
  .ny-logo{grid-column:2;width:172px!important;min-width:0!important;height:64px!important;grid-template-columns:28px auto}
  .ny-logo .logo-stars{font-size:24px}
  .ny-logo strong{font-size:22px}
  .ny-logo small{font-size:5px!important;letter-spacing:.8px!important}
  .mobile-menu-toggle{border-color:#8f632e;background:linear-gradient(145deg,#251a0f,#100d09);box-shadow:0 0 14px rgba(194,133,45,.16)}
  .mobile-menu-toggle span{background:#f6d77c;box-shadow:0 0 5px rgba(223,157,60,.42)}
  .main-nav{background:linear-gradient(165deg,#20160d 0%,#090a08 72%);border-right-color:#795126}
  .main-nav>button:not(#mobileMenuClose){border-color:#54391e;background:linear-gradient(145deg,#21180f,#0e0e0b)}
  .public-hero{min-height:calc(100dvh - 72px);background-position:64% center!important}
  .hero-shade{background:linear-gradient(90deg,rgba(8,8,6,.91),rgba(8,8,6,.62) 70%,rgba(8,8,6,.28)),linear-gradient(0deg,#0e0b07,transparent 35%)!important}
  .public-copy{padding:clamp(100px,18vh,145px) 22px 80px}
  .public-copy>p{font-size:8px;letter-spacing:3px}
  .public-copy h1 span{font-size:clamp(48px,16vw,68px);letter-spacing:-3px}
  .public-copy h1 small{font-size:8px;letter-spacing:3px;margin-top:13px}
  .public-copy h2{max-width:290px;font-size:14px;line-height:1.7}
  .public-copy>div{display:grid;grid-template-columns:1fr 1fr;max-width:330px}
  body.auth-mode .auth-shell{background-position:28% center!important;padding:14px!important}
  body.auth-mode .auth-panel{padding:31px 20px 25px}
  body.auth-mode .mini-logo{font-size:24px!important}
  .member-home .member-copy{display:none!important}
  .member-hero{background-position:62% center!important}
  .mf-banner-copy{padding:23px}
  .mf-banner-copy strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.ny-logo .logo-stars,.member-factory-mark span,body.auth-mode .mini-logo:before{animation:none}}
