:root{color-scheme:dark;--bg:#0d1118;--panel:#151b25;--panel2:#1b2330;--line:#ffffff16;--text:#f6f7f9;--muted:#9ca7b5;--orange:#ffb21a;--orange2:#ffd15a;--green:#27d69a;--red:#ff737d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 50% -20%,#243041 0,var(--bg) 48rem)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(100%,1120px);margin:0 auto;padding:0 24px 112px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:950;letter-spacing:.03em}.brand em{color:var(--orange);font-style:normal}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#17130a;background:linear-gradient(145deg,var(--orange2),#ff9414);font-weight:900;box-shadow:0 5px 20px #ffad2430}.top-actions{display:flex;align-items:center;gap:12px}.top-balance{font-weight:850}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:12px;color:#15130e;background:linear-gradient(135deg,var(--orange2),var(--orange));font-weight:850;box-shadow:0 8px 24px #ffb21a20;cursor:pointer}.button:hover{filter:brightness(1.06)}.button.small{min-height:38px;padding:0 14px;font-size:12px}.button.secondary{color:var(--text);border:1px solid var(--line);background:var(--panel2);box-shadow:none}.button.danger{color:#ffd5d8;border:1px solid #ff737d40;background:#ff737d16;box-shadow:none}.button.full{width:100%}.notice{margin:18px 0 0;padding:12px 15px;border:1px solid #27d69a40;border-radius:12px;color:#b9ffe8;background:#27d69a0d;font-size:13px;line-height:1.5}.notice.error{border-color:#ff737d45;color:#ffc2c7;background:#ff737d0d}.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.85fr);align-items:center;gap:clamp(35px,7vw,90px);padding:62px 0 35px}.auth-intro{padding:10px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.auth-intro h1{max-width:590px;margin:18px 0;font-size:clamp(39px,5.7vw,64px);letter-spacing:-.055em;line-height:1.02}.auth-intro h1 strong{color:var(--orange);font-weight:inherit}.auth-intro>p{max-width:500px;color:var(--muted);font-size:15px;line-height:1.7}.bonus-card{max-width:510px;margin-top:32px;padding:20px;border:1px solid #ffb21a45;border-radius:20px;background:linear-gradient(120deg,#ffb21a15,#ffb21a05 70%)}.bonus-card>div{display:flex;flex-direction:column}.bonus-card strong{color:var(--orange2);font-size:32px;line-height:1;letter-spacing:-.04em}.bonus-card span{margin-top:7px;font-size:12px;font-weight:800}.bonus-card>b{float:right;margin-top:-42px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#312207;background:linear-gradient(145deg,#fff0a4,var(--orange));font-size:24px}.bonus-card p{margin:17px 0 0;padding-top:13px;border-top:1px solid #ffb21a30;color:#d4d9e0;font-size:12px;line-height:1.6}.bonus-card.compact{max-width:420px}.panel{padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#1a202b,#141922);box-shadow:0 22px 70px #0003}.auth-panel{padding:27px}.panel-head h2{margin:0 0 6px;font-size:21px;letter-spacing:-.03em}.panel-head p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.55}.form{display:grid;gap:15px}.form>label{display:grid;gap:7px;color:#d5dbe3;font-size:12px;font-weight:750}.form input:not([type=checkbox]){width:100%;min-height:47px;padding:0 13px;border:1px solid var(--line);border-radius:12px;outline:0;color:var(--text);background:#10151d}.form input:not([type=checkbox]):focus{border-color:#ffb21a9c;box-shadow:0 0 0 3px #ffb21a12}.form input::placeholder{color:#66717f}.phone-input{display:flex;overflow:hidden;min-height:47px;border:1px solid var(--line);border-radius:12px;background:#10151d}.phone-input:focus-within{border-color:#ffb21a9c;box-shadow:0 0 0 3px #ffb21a12}.phone-input b{display:flex;align-items:center;padding:0 12px;border-right:1px solid var(--line);font-size:12px;white-space:nowrap}.phone-input input:not([type=checkbox]){border:0;border-radius:0;box-shadow:none}.offer-choice{display:flex!important;grid-template-columns:unset!important;gap:11px!important;align-items:flex-start;padding:14px;border:1px solid #ffb21a60;border-radius:14px;background:#ffb21a0b}.offer-choice input,.checkline input{width:16px;height:16px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--orange)}.offer-choice strong,.offer-choice small{display:block}.offer-choice strong{color:var(--orange2);font-size:13px}.offer-choice small{margin-top:5px;color:#c3ccd6;font-size:11px;font-weight:500;line-height:1.5}.checkline{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.5}.checkline input{accent-color:var(--green)}.switch{margin:18px 0 0;color:var(--muted);text-align:center;font-size:12px}.switch a{color:var(--orange2);font-weight:800}.content{padding:24px 0 30px}.hero{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;overflow:hidden;min-height:215px;margin:0 0 28px;padding:clamp(25px,4vw,40px);border:1px solid #ffb21a35;border-radius:23px;background:radial-gradient(circle at 85% 35%,#ffb21a3c,transparent 30%),linear-gradient(110deg,#271f11,#171b22 63%)}.hero h1{max-width:580px;margin:9px 0 11px;font-size:clamp(31px,4vw,46px);letter-spacing:-.05em;line-height:1.05}.hero p{max-width:570px;margin:0 0 18px;color:#ccd1d8;font-size:13px;line-height:1.6}.hero-coin{width:clamp(90px,14vw,145px);height:clamp(90px,14vw,145px);display:grid;place-items:center;border:1px solid #ffcf6b73;border-radius:50%;color:#ffcc58;background:#ffb21a0c;font-size:clamp(42px,7vw,68px);box-shadow:0 0 50px #ffb21a1f}.section-title,.page-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 15px}.section-title h2,.page-heading h1{margin:0;font-size:23px;letter-spacing:-.04em}.section-title p,.page-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.game-card{display:flex;min-height:127px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#202a38,#151b24);transition:transform .16s,border-color .16s}.game-card:hover{transform:translateY(-3px);border-color:#ffb21a70}.game-icon{font-size:27px}.game-card strong{font-size:14px}.game-card small{color:var(--muted);font-size:10px}.info-strip{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;color:var(--orange);background:#ffffff04}.info-strip p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,#1b2633,#171c25)}.wallet-summary small,.wager-box small{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.wallet-summary>div>strong,.wager-box strong{font-size:27px;font-weight:900;letter-spacing:-.04em}.balance-breakdown{margin-top:6px;color:var(--muted);font-size:11px}.wager-box{text-align:right}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compact-form{gap:13px}.offer-mini{padding:12px;border:1px solid #ffb21a3f;border-radius:12px;background:#ffb21a0a}.offer-mini strong,.offer-mini small{display:block}.offer-mini strong{color:var(--orange2);font-size:12px}.offer-mini small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.helper{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.history-panel{margin-top:15px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}th{color:var(--muted);font-weight:700}td{color:#e7eaf0}td small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.status{display:inline-flex;padding:4px 8px;border-radius:30px;color:#ffd273;background:#ffb21a16;font-size:10px;font-weight:800}.status.paid{color:#a5f5d6;background:#27d69a17}.status.failed,.status.rejected{color:#ffc2c7;background:#ff737d17}.empty{padding:22px;border:1px dashed #ffffff20;border-radius:12px;color:var(--muted);text-align:center;font-size:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-card h2{margin:0 0 7px;font-size:17px}.profile-card>p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.6}.avatar{width:50px;height:50px;display:grid;place-items:center;margin-bottom:14px;border-radius:15px;color:#16130d;background:linear-gradient(145deg,var(--orange2),var(--orange));font-size:20px;font-weight:900}.detail{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.detail strong{color:var(--text);text-align:right}.logout-form{margin-top:16px}.admin-link{margin-top:16px}.admin-list{display:grid;gap:12px}.admin-item{padding:15px;border:1px solid var(--line);border-radius:13px;background:#10151d}.admin-item-heading strong,.admin-item-heading small{display:block}.admin-item-heading strong{font-size:12px}.admin-item-heading small{margin-top:5px;color:var(--muted);font-size:10px}.admin-form{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:8px;margin-top:13px}.admin-form input{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#151b25;font-size:10px}.footer-note{padding:16px 0 19px;color:#778394;text-align:center;font-size:10px;line-height:1.55}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:9px 18px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#11161ff2;backdrop-filter:blur(16px)}.nav-inner{width:min(100%,480px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nav-inner>a{display:flex;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--muted);font-size:18px;font-weight:750}.nav-inner>a span{font-size:10px}.nav-inner>a.active{color:var(--orange);background:#ffb21a10}
@media(max-width:760px){.shell{padding:0 15px 105px}.topbar{height:64px}.auth-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:26px 0}.auth-intro{padding:4px 1px 0}.auth-intro h1{max-width:500px;margin:12px 0 10px;font-size:clamp(34px,9vw,47px)}.auth-intro>p{margin-bottom:0;font-size:13px}.bonus-card{display:none}.auth-panel{padding:21px;border-radius:18px}.login-layout .bonus-card{display:none}.hero{min-height:200px;grid-template-columns:1fr;margin-top:0;padding:24px}.hero-coin{position:absolute;right:18px;bottom:20px;width:66px;height:66px;font-size:31px;opacity:.55}.hero>div:first-child{position:relative;z-index:1;max-width:84%}.hero h1{font-size:31px}.hero p{font-size:12px}.games-grid{grid-template-columns:repeat(2,1fr);gap:10px}.game-card{min-height:108px;padding:13px}.wallet-grid,.profile-grid{grid-template-columns:1fr}.wallet-summary{padding:17px}.admin-form{grid-template-columns:1fr 1fr}.admin-form button{width:100%}}
@media(max-width:390px){.shell{padding-right:12px;padding-left:12px}.auth-panel{padding:18px}.top-actions{gap:7px}.top-balance{font-size:12px}.button.small{padding:0 10px}.wallet-summary>div>strong,.wager-box strong{font-size:22px}}
.wallet-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 760px) {
  .wallet-summary {
    flex-wrap: wrap;
  }

  .wallet-actions {
    width: 100%;
    justify-content: space-between;
  }
}
.calc-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 7px;
  font-size: 12px;
}

.calc-row b {
  text-align: right;
}

.calc-row:last-of-type {
  margin-bottom: 7px;
}
.telegram-float {
  position: fixed;
  z-index: 50;
  right: 16px;
  bottom: calc(88px + env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 17px;
  border: 1px solid #ffffff30;
  border-radius: 999px;
  color: #fff;
  background: #168de0;
  box-shadow: 0 8px 24px #0006;
  font-size: 13px;
  font-weight: 800;
}




.wins-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 10px;
}

.win-row {
  box-sizing: border-box;
  flex: 0 0 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px;
  border: 1px solid #ffffff18;
  border-radius: 13px;
  background: #10151d;
}

.win-row-copy,
.win-row-result {
  display: grid;
  gap: 5px;
}

.win-row-copy strong {
  color: #e9edf3;
  font-size: 12px;
}

.win-row-copy span,
.win-row-result small {
  color: #9ba7b5;
  font-size: 10px;
}

.win-row-result {
  text-align: right;
}

.win-row-result b {
  color: #ffc640;
  font-size: 17px;
}

.wins-list {
  height: 358px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden !important;
}

.win-row {
  box-sizing: border-box;
  flex: 0 0 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px;
  border: 1px solid #ffffff18;
  border-radius: 13px;
  background: #10151d;
  transition: opacity .2s ease, transform .2s ease;
}

.win-row-changing {
  opacity: 0;
  transform: translateY(-10px);
}

.win-row-copy,
.win-row-result {
  display: grid;
  gap: 5px;
}

.win-row-copy strong { color: #e9edf3; font-size: 12px; }
.win-row-copy span,
.win-row-result small { color: #9ba7b5; font-size: 10px; }
.win-row-result { text-align: right; }
.win-row-result b { color: #ffc640; font-size: 17px; }

.win-row {
  transform-origin: center;
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}

.win-row-changing {
  opacity: 0;
  transform: translateY(-8px) scale(.94);
}

.win-row-pop {
  animation: win-card-pop .55s cubic-bezier(.2,.8,.25,1.35);
}

@keyframes win-card-pop {
  0%   { transform: scale(.94); box-shadow: 0 0 0 transparent; }
  60%  { transform: scale(1.035); box-shadow: 0 0 18px #ffc64055; }
  100% { transform: scale(1); box-shadow: 0 0 0 transparent; }
}

@media (prefers-reduced-motion: reduce) {
  .win-row,
  .win-row-pop { animation: none; transition: none; }
}
.crash-section { margin-top: 24px; }
.crash-heading h2 { margin: 0 0 14px; font-size: 22px; }

.crash-track {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 6px;
}
.crash-track::-webkit-scrollbar { display: none; }

.crash-game {
  flex: 0 0 188px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff18;
  border-radius: 13px;
  color: #fff;
  background: #10151d;
  text-align: left;
  cursor: pointer;
  scroll-snap-align: start;
}
.crash-game img {
  display: block;
  width: 100%;
  height: 140px;
  object-fit: contain;
  object-position: center;
  background: #10151d;
}
.crash-game:hover img { transform: scale(1.04); }
.crash-game span {
  display: block;
  padding: 9px 11px;
  font-weight: 800;
  font-size: 13px;
}
.crash-game img {
  display: block !important;
  width: 100% !important;
  height: 140px !important;
  object-fit: contain !important;
  object-position: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #10151d;
}
/* Admin dashboard */
.admin-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.admin-stat {
  display: grid;
  gap: 9px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
}

.admin-stat small {
  color: var(--muted);
  font-size: 13px;
}

.admin-stat strong {
  font-size: 32px;
  line-height: 1.1;
}

.admin-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-bottom: 16px;
}

.admin-search input,
.admin-balance-form input,
.admin-balance-form select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--text);
  background: #10151d;
}

.admin-user-list {
  display: grid;
  gap: 12px;
}

.admin-user-card {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, #1b2330, #151b25);
}

.admin-user-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.admin-user-top strong {
  font-size: 16px;
}

.admin-user-top small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.admin-balance-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
}

.admin-balance-row span {
  padding: 9px 12px;
  border-radius: 11px;
  color: var(--muted);
  background: var(--panel2);
  font-size: 12px;
}

.admin-balance-row strong {
  color: var(--text);
}

.admin-last-activity {
  margin: 12px 0;
  color: var(--muted);
  font-size: 12px;
}

.admin-balance-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.8fr auto;
  align-items: center;
  gap: 10px;
}

.admin-balance-form button {
  min-width: 88px;
}

@media (max-width: 760px) {
  .admin-stats {
    grid-template-columns: 1fr;
  }

  .admin-balance-form {
    grid-template-columns: 1fr 1fr;
  }

  .admin-balance-form button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .admin-user-top {
    flex-direction: column;
  }

  .admin-balance-form {
    grid-template-columns: 1fr;
  }
}