@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@600;700&display=swap');
:root{--lime:#9df400;--lime2:#c7ff3d;--text:#10131a;--muted:#737b89;--line:#e1e5ea;--soft:#f4f6f8;--sidebar:#fbfcfd;--shadow:0 10px 30px rgba(15,24,38,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.app{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);padding:24px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.logo-lockup{display:flex;align-items:center;gap:7px;padding:0 10px 22px}.logo-lockup img{width:58px;height:58px;object-fit:cover;border-radius:14px}.logo-lockup strong{display:block;font-size:24px;line-height:.88;font-weight:900;font-style:italic;letter-spacing:-.04em}.logo-lockup .green{color:var(--lime)}.side-nav{display:grid;gap:6px}.nav-link{min-height:46px;padding:0 14px;border-radius:12px;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600}.nav-link span{width:20px;text-align:center;font-size:20px}.nav-link b{margin-left:auto;padding:4px 8px;border-radius:999px;background:#dfffc1;color:#3e8200;font-size:10px}.nav-link.active{background:linear-gradient(90deg,#efffe0,#f7ffe9)}.sidebar-spacer{flex:1}.signin-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.signin-card h3{margin:0;font-size:16px}.signin-card p{margin:8px 0 16px;color:#414955;font-size:13px;line-height:1.45}.lime-btn{border:0;border-radius:10px;background:linear-gradient(135deg,var(--lime2),var(--lime));color:#0b1405;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px}.signin-card .lime-btn,.signin-card .outline-btn{width:100%}.outline-btn{min-height:42px;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer}.social-row{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden}.social-row button{height:48px;border:0;border-right:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer}.social-row button:last-child{border-right:0}.main{padding:22px 28px 40px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.search{width:min(650px,58vw);height:48px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.02)}.search span{font-size:25px;color:#6d7480}.search input{border:0;outline:0;width:100%;font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.status-btn,.language-btn{height:46px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;cursor:pointer}.status-btn i,.live-title i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#45d81b;margin-right:8px}.hero{min-height:300px;border-radius:14px;overflow:hidden;background:#030806;display:grid;grid-template-columns:48% 52%;color:#fff;position:relative}.hero-copy{padding:34px 0 32px 40px;z-index:2}.hero h1{margin:0;font-family:Oswald,Impact,sans-serif;font-size:43px;line-height:1.06;letter-spacing:-.025em}.hero h1 span{color:var(--lime)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.benefits>div{display:flex;align-items:center;gap:11px}.benefits b{width:40px;height:40px;border:1px solid var(--lime);border-radius:11px;display:grid;place-items:center;color:var(--lime)}.benefits p{margin:0}.benefits strong,.benefits span{display:block}.benefits strong{font-size:12px}.benefits span{margin-top:4px;color:#d4d6da;font-size:11px}.hero-buttons{display:flex;gap:16px;margin-top:27px}.dark-outline{height:46px;padding:0 20px;border:1px solid #9ca1a8;border-radius:10px;background:rgba(0,0,0,.26);color:#fff;font-weight:700;cursor:pointer}.hero-art{background-image:linear-gradient(90deg,#030806 0%,rgba(3,8,6,.12) 16%),url('./assets/hero-art.jpg');background-size:cover;background-position:center right}.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.small-row{margin-top:18px;margin-bottom:12px}.live-title{display:flex;align-items:center;font-size:12px}.live-title span{margin-left:6px;color:#8a919c}.text-link{border:0;background:transparent;font-weight:600;cursor:pointer}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.market-card{min-height:96px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;grid-template-columns:68px 1fr auto;grid-template-rows:1fr auto;gap:6px 12px;padding:13px 14px;box-shadow:0 4px 15px rgba(0,0,0,.03)}.market-card>img{width:67px;height:67px;border-radius:8px;object-fit:cover;grid-row:1/3}.market-name strong,.market-name span,.market-price strong,.market-price span{display:block}.market-name strong{font-size:15px}.market-name span{margin-top:5px;color:#78808c;font-size:11px}.market-price{text-align:right}.market-price strong{font-size:21px}.market-price span{margin-top:4px;color:#44bc21;font-size:12px;font-weight:700}.ca-btn{grid-column:2/4;justify-self:end;border:0;background:#f8f9fa;color:#9299a4;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.boxes-section{margin-top:27px}.boxes-section h2{font-size:13px;margin:0}.boxes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px;align-items:stretch}.box-card{min-height:315px;border:1px solid var(--line);border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(180deg,#ffffff,#f8fafb);box-shadow:0 4px 15px rgba(0,0,0,.04);display:grid;grid-template-columns:minmax(190px,42%) 1fr;align-items:stretch;isolation:isolate}.box-card-copy{position:relative;z-index:2;width:auto;display:flex;flex-direction:column;align-items:flex-start;padding:18px 8px 18px 18px}.box-card-visual{display:flex;align-items:flex-end;justify-content:center;padding:8px 10px 10px 0;overflow:hidden}.box-card-visual img{display:block;width:min(100%,360px);height:auto;object-fit:contain;filter:saturate(1.03) contrast(1.02)}.new-pill{padding:5px 8px;border-radius:999px;background:#d7ff8c;color:#278600;font-size:10px;font-weight:800;letter-spacing:.02em}.box-card h3{margin:28px 0 10px;font-family:Oswald,Impact,sans-serif;font-size:25px;line-height:1.02;letter-spacing:-.02em}.box-card p{margin:0;max-width:170px;font-size:11.5px;line-height:1.45;color:#3e4652}.tag-pill{margin-top:15px;padding:6px 9px;border-radius:999px;background:#fff;color:#318905;font-size:9px;font-weight:800;letter-spacing:.02em;box-shadow:0 1px 6px rgba(0,0,0,.04)}.from{margin-top:auto;font-size:10px;color:#6c7480;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.box-price{font-size:23px;margin-top:3px;line-height:1}.open-box-btn{min-height:40px;margin-top:12px;font-size:12px;box-shadow:0 6px 18px rgba(157,244,0,.25)}.how-section{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-section>div{border:1px solid var(--line);border-radius:12px;padding:18px}.how-section>div>strong{color:var(--lime);font-size:28px}.how-section h3{margin:8px 0 5px}.how-section p{margin:0;color:var(--muted);font-size:13px}.history-section,.support-section{margin-top:30px}.history-section h2{font-size:14px}.history-list{display:grid;gap:10px;margin-top:12px}.history-item{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center}.history-item span{color:var(--muted);font-size:12px}.empty-history{padding:22px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center;margin-top:12px}.support-section{padding:24px;border-radius:12px;background:#f4f7f8}.support-section h2{margin:0}.support-section p{margin:8px 0 0;color:var(--muted)}.modal{width:min(520px,calc(100% - 24px));border:0;border-radius:16px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal::backdrop{background:rgba(5,10,8,.55);backdrop-filter:blur(6px)}.modal-head{padding:18px;display:flex;justify-content:space-between;align-items:flex-start}.modal-head span{font-size:10px;color:#7f8793;font-weight:800}.modal-head h3{margin:6px 0 0;font-size:25px}.modal-head button{border:0;background:#f2f4f6;width:34px;height:34px;border-radius:8px;font-size:22px;cursor:pointer}.reveal-stage{margin:0 18px;min-height:280px;border-radius:12px;background:#f3f5f7;display:grid;place-items:center;position:relative;overflow:hidden}.reveal-stage>img{width:100%;height:280px;object-fit:cover}.reveal-stage.opening img{animation:shake .7s ease-in-out 2}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-4px)}}.reveal-result{position:absolute;left:16px;right:16px;bottom:16px;padding:14px;border-radius:11px;background:rgba(255,255,255,.95);text-align:center;opacity:0;transform:translateY(15px)}.reveal-result.show{opacity:1;transform:none;transition:.25s}.reveal-result span,.reveal-result strong,.reveal-result small{display:block}.reveal-result span{color:#4bba21;font-size:10px;font-weight:900}.reveal-result strong{margin-top:6px;font-size:25px}.reveal-result small{margin-top:5px;color:var(--muted)}.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px}.modal-meta>div{padding:12px;border-radius:10px;background:#f4f6f8}.modal-meta span,.modal-meta strong{display:block}.modal-meta span{color:var(--muted);font-size:10px}.modal-meta strong{margin-top:5px}.modal-open-btn{width:calc(100% - 36px);margin:0 18px 18px}.wallet-trigger.connected{background:#111;color:#fff}.toast{position:fixed;right:22px;bottom:22px;padding:12px 16px;border-radius:10px;background:#111;color:#fff;font-size:12px;z-index:100}
@media(max-width:1180px){.app{grid-template-columns:210px 1fr}.main{padding:18px}.hero{grid-template-columns:55% 45%}.benefits{grid-template-columns:1fr}.benefits>div:nth-child(n+2){display:none}.box-card-copy{width:46%}.market-card{grid-template-columns:58px 1fr auto}.market-card>img{width:58px;height:58px}}
@media(max-width:900px){.app{display:block}.sidebar{position:static;height:auto;display:block}.side-nav{grid-template-columns:repeat(3,1fr)}.sidebar-spacer,.signin-card,.social-row{display:none}.logo-lockup{padding-bottom:12px}.topbar{flex-direction:column;align-items:stretch}.search{width:100%}.top-actions{justify-content:flex-end}.hero{grid-template-columns:1fr}.hero-art{position:absolute;inset:0;opacity:.35}.hero-copy{padding:28px;position:relative}.market-grid,.boxes-grid,.how-section{grid-template-columns:1fr}.box-card{min-height:330px;grid-template-columns:minmax(180px,42%) 1fr}.box-card-copy{padding:16px}}
@media(max-width:600px){.main{padding:12px}.sidebar{padding:12px}.side-nav{grid-template-columns:1fr 1fr}.top-actions{display:grid;grid-template-columns:1fr 1fr}.top-actions .lime-btn{grid-column:1/-1}.hero h1{font-size:36px}.hero-copy{padding:22px}.benefits{display:none}.market-card{grid-template-columns:55px 1fr}.market-price{grid-column:2;text-align:left}.ca-btn{grid-column:2}.box-card{min-height:430px;grid-template-columns:1fr}.box-card-copy{padding:14px;max-width:52%}.box-card-visual{padding:0 6px 10px 40%}.box-card h3{margin-top:24px;font-size:22px}.history-item{grid-template-columns:1fr}}

.modal-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:0 18px 18px}.modal-actions .modal-open-btn{width:100%;margin:0}.reset-credits-btn{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#202731;font-weight:800;cursor:pointer}.reset-credits-btn:hover{background:#f4f6f8}.reset-credits-btn:active{transform:translateY(1px)}@media(max-width:600px){.modal-actions{grid-template-columns:1fr}}
.tickets-left{display:block;margin-top:6px;color:#68717e;font-size:10px;font-weight:700}.open-box-btn:disabled,.modal-actions button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55}.box-live{border-color:#a6ef27;box-shadow:0 8px 25px rgba(157,244,0,.15)}.request-status{margin:0 18px 14px;padding:11px 12px;border-radius:9px;background:#f4f6f8;color:#4f5865;font-size:12px;line-height:1.4}.support-section #onchainStatus[data-kind="safe"]{color:#3b8200;font-weight:700}.support-section #onchainStatus[data-kind="live"]{color:#319200;font-weight:800}.support-section #onchainStatus[data-kind="warning"]{color:#a35f00;font-weight:700}.support-section a{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.inline-claim-btn {
  width: 100%;
  min-height: 46px;
  margin-top: 14px;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 8px 22px rgba(157, 244, 0, .30);
}

.inline-claim-btn[hidden] {
  display: none !important;
}

.reveal-result.show {
  z-index: 5;
}

.reward-wheel-panel {
  margin-top: 16px;
}

.reward-wheel-window {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 104px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 0%, rgba(157,244,0,.12), transparent 42%),
    linear-gradient(180deg, rgba(20,25,18,.96), rgba(8,11,8,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 40px rgba(0,0,0,.35);
}

.reward-wheel-center-line {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 50%;
  width: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(180deg, #f5ffb0, #9df400, #f5ffb0);
  box-shadow: 0 0 18px rgba(157,244,0,.45);
  z-index: 4;
}

.reward-wheel-track {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  width: max-content;
  will-change: transform;
}

.reward-wheel-item {
  min-width: 180px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
  opacity: .72;
}

.reward-wheel-item strong {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  color: #fff;
}

.reward-wheel-item span {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: rgba(255,255,255,.62);
  letter-spacing: .02em;
}

.reward-wheel-item.is-selected {
  opacity: 1;
  transform: scale(1.03);
  border-color: rgba(157,244,0,.65);
  box-shadow:
    0 0 0 1px rgba(157,244,0,.16),
    0 10px 24px rgba(157,244,0,.12);
}

.reward-jackpot strong { color: #c9ff58; }
.reward-big strong { color: #aefb42; }
.reward-mid strong { color: #ffffff; }
.reward-small strong { color: #d3d8de; }
.reward-blank strong { color: #ff8b8b; }

@media (max-width: 640px) {
  .reward-wheel-item {
    min-width: 150px;
    padding: 14px 14px;
  }

  .reward-wheel-item strong {
    font-size: 14px;
  }
}

.reward-wheel-panel {
  width: 100%;
  margin: 18px 0;
}

.reward-wheel-panel[hidden] {
  display: none !important;
}

.reward-wheel-heading {
  margin-bottom: 12px;
  text-align: center;
}

.reward-wheel-heading strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
}

.reward-wheel-heading span {
  display: block;
  margin-top: 5px;
  color: rgba(255, 255, 255, .56);
  font-size: 12px;
}

.reward-wheel-window {
  position: relative;
  width: 100%;
  min-height: 112px;
  overflow: hidden;
  border: 1px solid rgba(157, 244, 0, .26);
  border-radius: 16px;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(157, 244, 0, .13),
      transparent 50%
    ),
    #090d09;
  box-shadow:
    inset 0 0 24px rgba(0, 0, 0, .5),
    0 14px 35px rgba(0, 0, 0, .25);
}

.reward-wheel-window::before,
.reward-wheel-window::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 54px;
  pointer-events: none;
}

.reward-wheel-window::before {
  left: 0;
  background: linear-gradient(
    90deg,
    #090d09,
    transparent
  );
}

.reward-wheel-window::after {
  right: 0;
  background: linear-gradient(
    -90deg,
    #090d09,
    transparent
  );
}

.reward-wheel-pointer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: 5;
  width: 3px;
  transform: translateX(-50%);
  background: #9df400;
  box-shadow:
    0 0 8px rgba(157, 244, 0, .8),
    0 0 22px rgba(157, 244, 0, .4);
  pointer-events: none;
}

.reward-wheel-pointer::before,
.reward-wheel-pointer::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.reward-wheel-pointer::before {
  top: 0;
  border-top: 10px solid #9df400;
}

.reward-wheel-pointer::after {
  bottom: 0;
  border-bottom: 10px solid #9df400;
}

.reward-wheel-track {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.reward-wheel-item {
  transition:
    opacity 240ms ease,
    transform 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease;
}

.reward-wheel-item.is-selected {
  transform: scale(1.045);
}

/* Wheel and request status permanently hidden */

#requestStatus,
#rewardWheelPanel,
#rewardWheelMount,
.reward-wheel-panel,
.reward-wheel-window,
.reward-wheel-track,
.reward-wheel-heading,
.reward-wheel-pointer,
.reward-wheel-center-line {
  display: none !important;
}

[data-box="cashcat"].box-live {
  border-color: rgba(157, 244, 0, .34);
}

[data-box="cashcat"] .tickets-left {
  display: block;
  margin: 5px 0 12px;
}

[data-box="cashcat"].box-live {
  border-color: rgba(157, 244, 0, .34);
}

[data-box="cashcat"] .tickets-left {
  display: block;
  margin: 5px 0 12px;
}

/* ===== OPENING WAIT UI ===== */

.opening-wait-panel {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  border-radius: inherit;
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(159, 255, 0, .14),
      transparent 38%
    ),
    rgba(246, 247, 248, .94);
  backdrop-filter: blur(8px);
  text-align: center;
}

.opening-wait-panel[hidden] {
  display: none !important;
}

.opening-wait-visual {
  display: grid;
  place-items: center;
  width: 150px;
  height: 150px;
  margin-bottom: 16px;
}

.opening-wait-box {
  position: relative;
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
}

.opening-wait-core {
  width: 58px;
  height: 58px;
  border: 2px solid #111;
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      #baff2b,
      #83e900
    );
  box-shadow:
    0 18px 38px rgba(103, 190, 0, .24),
    inset 0 0 0 7px rgba(255, 255, 255, .18);
  animation:
    opening-box-pulse 1.4s ease-in-out infinite;
}

.opening-wait-core::before,
.opening-wait-core::after {
  content: "";
  position: absolute;
  background: rgba(17, 17, 17, .85);
}

.opening-wait-core::before {
  top: 37px;
  left: 9px;
  width: 58px;
  height: 2px;
}

.opening-wait-core::after {
  top: 9px;
  left: 37px;
  width: 2px;
  height: 58px;
}

.opening-wait-ring {
  position: absolute;
  inset: -18px;
  border: 2px solid transparent;
  border-top-color: #8cf000;
  border-right-color: rgba(140, 240, 0, .25);
  border-radius: 50%;
  animation:
    opening-ring-spin 1.4s linear infinite;
}

.opening-wait-ring.ring-two {
  inset: -31px;
  border-top-color: transparent;
  border-right-color: #111;
  border-bottom-color: rgba(17, 17, 17, .12);
  animation-duration: 2.3s;
  animation-direction: reverse;
}

.opening-wait-title {
  color: #11151c;
  font-size: 21px;
  font-weight: 850;
}

.opening-wait-message {
  min-height: 22px;
  margin-top: 8px;
  color: #5f6877;
  font-size: 14px;
}

.opening-wait-message.message-pop {
  animation:
    opening-message-pop .28s ease;
}

.opening-wait-dots {
  display: flex;
  gap: 7px;
  margin-top: 18px;
}

.opening-wait-dots i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8cf000;
  animation:
    opening-dot 1.1s ease-in-out infinite;
}

.opening-wait-dots i:nth-child(2) {
  animation-delay: .16s;
}

.opening-wait-dots i:nth-child(3) {
  animation-delay: .32s;
}

.opening-wait-note {
  max-width: 310px;
  margin-top: 18px;
  color: #8a929f;
  font-size: 11px;
  line-height: 1.45;
}

.reveal-stage {
  position: relative;
  overflow: hidden;
}

@keyframes opening-box-pulse {
  0%,
  100% {
    transform:
      translateY(0)
      rotate(-2deg)
      scale(1);
  }

  50% {
    transform:
      translateY(-7px)
      rotate(2deg)
      scale(1.04);
  }
}

@keyframes opening-ring-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes opening-dot {
  0%,
  100% {
    transform: translateY(0);
    opacity: .35;
  }

  50% {
    transform: translateY(-6px);
    opacity: 1;
  }
}

@keyframes opening-message-pop {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== END OPENING WAIT UI ===== */

/* ===== HIDE PUBLIC TICKET COUNTERS ===== */

.tickets-left,
#dihTickets,
#cashcatTickets {
  display: none !important;
}

/* ===== END PUBLIC TICKET COUNTERS ===== */


/* ===== GRAPHITE THEME V1 ===== */

:root {
  --text: #f1f4f6;
  --muted: #929ca8;
  --line: #29313a;
  --soft: #181d23;
  --sidebar: #0d1116;
  --shadow: 0 14px 36px rgba(0,0,0,.34);
}

html,
body {
  background: #090c10;
  color: var(--text);
}

.app,
.main {
  background:
    radial-gradient(
      circle at 55% -15%,
      rgba(157,244,0,.055),
      transparent 32%
    ),
    #090c10;
}

.sidebar {
  background:
    linear-gradient(
      180deg,
      #0f1419,
      #0a0d11
    );
}

.nav-link {
  color: #aab3bd;
}

.nav-link:hover {
  background: #151b21;
  color: #fff;
}

.nav-link.active {
  background:
    linear-gradient(
      90deg,
      rgba(157,244,0,.16),
      rgba(157,244,0,.045)
    );
  color: #f4f7f8;
}

.nav-link b {
  background: rgba(157,244,0,.15);
  color: #baff36;
}

.signin-card,
.search,
.status-btn,
.language-btn,
.outline-btn,
.social-row,
.social-row button,
.market-card,
.how-section > div,
.history-item,
.empty-history {
  background: #12171d;
  border-color: #29313a;
  color: #eef2f5;
}

.search input {
  background: transparent;
  color: #f1f4f6;
}

.search input::placeholder {
  color: #697480;
}

.outline-btn:hover,
.status-btn:hover,
.language-btn:hover,
.social-row button:hover {
  background: #1a2027;
}

.signin-card p,
.market-name span,
.box-card p,
.from,
.tickets-left {
  color: #8e99a5;
}

.market-card {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 12px 28px rgba(0,0,0,.18);
}

.ca-btn {
  background: #1b2128;
  color: #9ba5af;
}

.ca-btn:hover {
  background: #242c35;
  color: #fff;
}

.box-card {
  background:
    radial-gradient(
      circle at 80% 18%,
      rgba(157,244,0,.075),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #171d23,
      #101419
    );

  border-color: #2b343e;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 16px 34px rgba(0,0,0,.25);
}

.box-card:hover {
  border-color: #46525f;
  transform: translateY(-2px);
  transition:
    transform .2s ease,
    border-color .2s ease;
}

.box-live {
  border-color: rgba(157,244,0,.58);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 34px rgba(0,0,0,.28),
    0 0 28px rgba(157,244,0,.08);
}

.new-pill {
  background: rgba(157,244,0,.14);
  color: #baff3e;
  border: 1px solid rgba(157,244,0,.28);
}

.tag-pill {
  background: #20272e;
  color: #aaf52d;
  box-shadow: none;
}

.support-section {
  background:
    linear-gradient(
      135deg,
      #141a20,
      #0f1419
    );

  border: 1px solid #29313a;
}

.modal {
  background: #11161c;
  color: #f1f4f6;
  border: 1px solid #303944;

  box-shadow:
    0 34px 110px rgba(0,0,0,.7);
}

.modal-head button {
  background: #20272f;
  color: #e8edf1;
}

.modal-head button:hover {
  background: #2a333d;
}

.reveal-stage {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(157,244,0,.09),
      transparent 38%
    ),
    #0c1014;

  border: 1px solid #29313a;
}

.reveal-result {
  background: rgba(15,20,25,.96);
  border: 1px solid #303943;
  color: #f3f6f8;
}

.modal-meta > div,
.request-status {
  background: #1a2027;
  color: #d7dde2;
  border: 1px solid #29313a;
}

.reset-credits-btn {
  background: #1a2027;
  color: #e5eaee;
  border-color: #303944;
}

.reset-credits-btn:hover {
  background: #222a32;
}

.wallet-trigger.connected {
  background: #20272e;
  color: #fff;
}

.toast {
  background: #1b2229;
  color: #fff;
  border: 1px solid #343e49;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
}

.text-link {
  color: #b0b8c1;
}

.text-link:hover {
  color: var(--lime);
}

::selection {
  background: rgba(157,244,0,.28);
  color: #fff;
}

/* ===== END GRAPHITE THEME V1 ===== */


/* ===== FEATURED BOX CARDS V2 ===== */

.boxes-section {
  margin-top: 34px;
}

.boxes-section > .section-row {
  margin-bottom: 18px;
}

.boxes-section h2 {
  font-size: 14px;
  letter-spacing: .025em;
}

.boxes-grid-v2 {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
  margin-top: 0;
}

.box-card-v2 {
  --box-accent: 157, 244, 0;

  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 660px;
  overflow: hidden;
  border: 1px solid #303a44;
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(var(--box-accent), .13),
      transparent 38%
    ),
    linear-gradient(
      160deg,
      #1a2027 0%,
      #11161c 58%,
      #0e1318 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 46px rgba(0,0,0,.3);

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.box-card-v2[data-box="cashcat"] {
  --box-accent: 157, 244, 0;
}

.box-card-v2[data-box="dih"] {
  --box-accent: 0, 235, 225;
}

.box-card-v2[data-box="4663"] {
  --box-accent: 191, 67, 255;
}

.box-card-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.035),
      transparent 22%
    );

  opacity: .8;
}

.box-card-v2:hover {
  transform: translateY(-5px);

  border-color:
    rgba(var(--box-accent), .5);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 24px 60px rgba(0,0,0,.42),
    0 0 32px rgba(var(--box-accent), .08);
}

.box-card-v2.box-live {
  border-color:
    rgba(var(--box-accent), .62);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 22px 54px rgba(0,0,0,.36),
    0 0 34px rgba(var(--box-accent), .1);
}

.box-card-v2 .box-card-header {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  padding: 24px 24px 0;
}

.box-card-v2 .new-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 13px;
  border-radius: 999px;

  background:
    rgba(var(--box-accent), .11);

  border:
    1px solid
    rgba(var(--box-accent), .36);

  color: rgb(var(--box-accent));
  font-size: 11px;
}

.box-card-v2 h3 {
  margin: 28px 0 9px;
  color: #f4f7f9;
  font-size: clamp(26px, 2vw, 34px);
  line-height: 1;
}

.box-card-v2 p {
  max-width: 300px;
  min-height: 47px;
  margin: 0;
  color: #929da8;
  font-size: 14px;
  line-height: 1.55;
}

.box-card-v2 .tag-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-top: 18px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.025);
  border-radius: 999px;

  background: #20272f;
  color: rgb(var(--box-accent));

  font-size: 10px;
  font-weight: 900;
}

.box-card-v2 .box-card-showcase {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 285px;
  padding: 8px 18px 0;
  overflow: visible;
}

.box-card-v2 .box-card-showcase::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 16px;
  height: 42px;
  border-radius: 50%;

  background:
    rgba(var(--box-accent), .2);

  filter: blur(24px);
  opacity: .7;
  pointer-events: none;
}

.box-card-v2 .box-card-showcase img {
  position: relative;
  z-index: 2;
  display: block;
  width: min(100%, 390px);
  max-height: 330px;
  object-fit: contain;

  filter:
    saturate(1.08)
    contrast(1.05)
    drop-shadow(
      0 22px 28px
      rgba(0,0,0,.42)
    );

  transform: scale(1.03);
  transition: transform .25s ease;
}

.box-card-v2:hover
.box-card-showcase img {
  transform: scale(1.065);
}

.box-card-v2 .box-card-footer {
  position: relative;
  z-index: 4;
  width: 100%;
  margin-top: auto;
  padding: 0 24px 24px;
}

.box-card-v2 .box-price-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
}

.box-card-v2 .from {
  margin: 0 0 6px;
  color: #88939f;
  font-size: 11px;
  letter-spacing: .1em;
}

.box-card-v2 .box-price {
  display: block;
  color: #f5f7f9;
  font-size: 29px;
  line-height: 1;
}

.box-card-v2 .tickets-left {
  margin: 0 0 3px;
  color: #8f9aa5;
  font-size: 11px;
  white-space: nowrap;
  text-align: right;
}

.box-card-v2 .open-box-btn {
  width: 100%;
  min-height: 52px;
  margin-top: 17px;
  border-radius: 12px;
  font-size: 14px;

  box-shadow:
    0 10px 28px
    rgba(157,244,0,.24);
}

.box-card-v2
.open-box-btn:disabled {
  background:
    linear-gradient(
      135deg,
      #8c9778,
      #68725c
    );

  color: #131712;
  box-shadow: none;
}

@media (max-width: 1250px) {
  .boxes-grid-v2 {
    gap: 15px;
  }

  .box-card-v2 {
    min-height: 610px;
  }

  .box-card-v2
  .box-card-showcase img {
    max-height: 285px;
  }
}

@media (max-width: 900px) {
  .boxes-grid-v2 {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .box-card-v2 {
    min-height: 650px;
    max-width: 560px;
    width: 100%;
    margin-inline: auto;
  }

  .box-card-v2
  .box-card-copy {
    width: 100%;
    max-width: none;
  }

  .box-card-v2
  .box-card-showcase {
    padding: 10px 24px 0;
  }

  .box-card-v2
  .box-card-showcase img {
    width: min(100%, 410px);
    max-height: 350px;
  }
}

@media (max-width: 600px) {
  .box-card-v2 {
    min-height: 590px;
    border-radius: 16px;
  }

  .box-card-v2
  .box-card-header {
    max-width: none;
    padding: 19px 19px 0;
  }

  .box-card-v2 h3 {
    margin-top: 21px;
    font-size: 27px;
  }

  .box-card-v2 p {
    min-height: auto;
    font-size: 13px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 250px;
    padding:
      10px 14px 0;
  }

  .box-card-v2
  .box-card-showcase img {
    width: min(100%, 350px);
    max-height: 290px;
  }

  .box-card-v2
  .box-card-footer {
    padding: 0 19px 19px;
  }

  .box-card-v2
  .box-price {
    font-size: 26px;
  }
}

/* ===== END FEATURED BOX CARDS V2 ===== */


/* ===== BOX IMAGE INTEGRATION V3 ===== */

.box-card-v2 {
  min-height: 720px;
}

.box-card-v2 .box-card-showcase {
  position: relative;
  min-height: 360px;
  margin-top: 4px;
  padding: 0;
  overflow: hidden;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.box-card-v2[data-box="cashcat"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/cashcat_box_clean.png");
}

.box-card-v2[data-box="dih"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/dih_box_clean.png");
}

.box-card-v2[data-box="4663"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/4663_box_clean.png");
}

/*
 * Сам img оставляем в DOM для alt и структуры,
 * но визуально используем background-image.
 */
.box-card-v2
.box-card-showcase img {
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.box-card-v2
.box-card-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(15,20,25,.78),
      transparent 16%,
      transparent 84%,
      rgba(15,20,25,.78)
    );
}

.box-card-v2
.box-card-showcase::after {
  left: 12%;
  right: 12%;
  bottom: 16px;
  height: 55px;
  filter: blur(30px);
}

.box-card-v2
.box-card-footer {
  padding-top: 8px;
}

@media (max-width: 1250px) {
  .box-card-v2 {
    min-height: 660px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 315px;
  }
}

@media (max-width: 900px) {
  .box-card-v2 {
    min-height: 720px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 390px;
  }
}

@media (max-width: 600px) {
  .box-card-v2 {
    min-height: 630px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 320px;
  }
}

/* ===== END BOX IMAGE INTEGRATION V3 ===== */


/* ===== BOX IMAGE INTEGRATION V3 ===== */

.box-card-v2 {
  min-height: 720px;
}

.box-card-v2 .box-card-showcase {
  position: relative;
  min-height: 360px;
  margin-top: 4px;
  padding: 0;
  overflow: hidden;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.box-card-v2[data-box="cashcat"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/cashcat_box_clean.png");
}

.box-card-v2[data-box="dih"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/dih_box_clean.png");
}

.box-card-v2[data-box="4663"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/4663_box_clean.png");
}

/*
 * Сам img оставляем в DOM для alt и структуры,
 * но визуально используем background-image.
 */
.box-card-v2
.box-card-showcase img {
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.box-card-v2
.box-card-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(15,20,25,.78),
      transparent 16%,
      transparent 84%,
      rgba(15,20,25,.78)
    );
}

.box-card-v2
.box-card-showcase::after {
  left: 12%;
  right: 12%;
  bottom: 16px;
  height: 55px;
  filter: blur(30px);
}

.box-card-v2
.box-card-footer {
  padding-top: 8px;
}

@media (max-width: 1250px) {
  .box-card-v2 {
    min-height: 660px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 315px;
  }
}

@media (max-width: 900px) {
  .box-card-v2 {
    min-height: 720px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 390px;
  }
}

@media (max-width: 600px) {
  .box-card-v2 {
    min-height: 630px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 320px;
  }
}

/* ===== END BOX IMAGE INTEGRATION V3 ===== */


/* ===== BOX IMAGE INTEGRATION V3 ===== */

.box-card-v2 {
  min-height: 720px;
}

.box-card-v2 .box-card-showcase {
  position: relative;
  min-height: 360px;
  margin-top: 4px;
  padding: 0;
  overflow: hidden;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.box-card-v2[data-box="cashcat"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/cashcat_box_clean.png");
}

.box-card-v2[data-box="dih"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/dih_box_clean.png");
}

.box-card-v2[data-box="4663"]
.box-card-showcase {
  background-image:
    linear-gradient(
      180deg,
      #12181e 0%,
      transparent 16%,
      transparent 78%,
      #10151a 100%
    ),
    url("./assets/4663_box_clean.png");
}

/*
 * Сам img оставляем в DOM для alt и структуры,
 * но визуально используем background-image.
 */
.box-card-v2
.box-card-showcase img {
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.box-card-v2
.box-card-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(15,20,25,.78),
      transparent 16%,
      transparent 84%,
      rgba(15,20,25,.78)
    );
}

.box-card-v2
.box-card-showcase::after {
  left: 12%;
  right: 12%;
  bottom: 16px;
  height: 55px;
  filter: blur(30px);
}

.box-card-v2
.box-card-footer {
  padding-top: 8px;
}

@media (max-width: 1250px) {
  .box-card-v2 {
    min-height: 660px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 315px;
  }
}

@media (max-width: 900px) {
  .box-card-v2 {
    min-height: 720px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 390px;
  }
}

@media (max-width: 600px) {
  .box-card-v2 {
    min-height: 630px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 320px;
  }
}

/* ===== END BOX IMAGE INTEGRATION V3 ===== */


/* ===== COMPACT DESKTOP LAYOUT V4 ===== */

@media (min-width: 901px) {

  .main {
    padding-top: 14px;
  }

  .topbar {
    margin-bottom: 14px;
  }

  .hero {
    min-height: 235px;
    max-height: 235px;
  }

  .hero-copy {
    padding:
      24px 0
      20px 32px;
  }

  .hero h1 {
    font-size: 36px;
  }

  .benefits {
    margin-top: 16px;
    gap: 14px;
  }

  .benefits b {
    width: 34px;
    height: 34px;
  }

  .hero-buttons {
    margin-top: 18px;
  }

  .small-row {
    margin-top: 12px;
    margin-bottom: 9px;
  }

  .market-card {
    min-height: 78px;
    padding: 9px 11px;
  }

  .market-card > img {
    width: 54px;
    height: 54px;
  }

  .market-price strong {
    font-size: 18px;
  }

  .boxes-section {
    margin-top: 18px;
  }

  .boxes-section > .section-row {
    margin-bottom: 12px;
  }

  .boxes-grid-v2 {
    gap: 14px;
  }

  .box-card-v2 {
    min-height: 505px;
    max-height: 505px;
    border-radius: 15px;
  }

  .box-card-v2
  .box-card-header {
    padding:
      17px 18px 0;
  }

  .box-card-v2
  .new-pill {
    min-height: 25px;
    padding: 0 10px;
    font-size: 9px;
  }

  .box-card-v2 h3 {
    margin:
      18px 0 6px;

    font-size:
      clamp(
        24px,
        1.7vw,
        29px
      );
  }

  .box-card-v2 p {
    min-height: 40px;
    max-width: 285px;
    font-size: 12px;
    line-height: 1.45;
  }

  .box-card-v2
  .tag-pill {
    min-height: 25px;
    margin-top: 12px;
    padding: 0 10px;
    font-size: 9px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 220px;
    height: 220px;
    flex:
      0 0 220px;

    background-size:
      cover;

    background-position:
      center 53%;
  }

  .box-card-v2
  .box-card-footer {
    padding:
      5px 18px 17px;
  }

  .box-card-v2
  .box-price-row {
    min-height: 48px;
  }

  .box-card-v2
  .from {
    margin-bottom: 4px;
    font-size: 9px;
  }

  .box-card-v2
  .box-price {
    font-size: 25px;
  }

  .box-card-v2
  .tickets-left {
    font-size: 9px;
  }

  .box-card-v2
  .open-box-btn {
    min-height: 44px;
    margin-top: 11px;
    border-radius: 10px;
    font-size: 12px;
  }
}

/*
 * На невысоких экранах делаем ещё компактнее.
 */
@media (
  min-width: 901px
) and (
  max-height: 900px
) {

  .hero {
    min-height: 210px;
    max-height: 210px;
  }

  .hero h1 {
    font-size: 32px;
  }

  .benefits {
    margin-top: 12px;
  }

  .hero-buttons {
    margin-top: 13px;
  }

  .boxes-section {
    margin-top: 14px;
  }

  .box-card-v2 {
    min-height: 455px;
    max-height: 455px;
  }

  .box-card-v2
  .box-card-showcase {
    min-height: 175px;
    height: 175px;
    flex:
      0 0 175px;
  }

  .box-card-v2 h3 {
    margin-top: 14px;
  }

  .box-card-v2
  .tag-pill {
    margin-top: 9px;
  }
}

/* ===== END COMPACT DESKTOP LAYOUT V4 ===== */


/* ===== HIDE HERO ON DESKTOP V5 ===== */

@media (min-width: 901px) {
  .hero {
    display: none !important;
  }

  .small-row {
    margin-top: 4px;
  }

  .boxes-section {
    margin-top: 12px;
  }
}

/* ===== END HIDE HERO ON DESKTOP V5 ===== */


/* ===== COMPACT HERO COPY V6 ===== */

@media (min-width: 901px) {
  .hero {
    display: block !important;
    min-height: 160px !important;
    max-height: 160px !important;
    overflow: hidden;
    background:
      radial-gradient(
        circle at 20% 20%,
        rgba(157,244,0,.08),
        transparent 36%
      ),
      linear-gradient(
        135deg,
        #071008,
        #050807
      );
  }

  .hero-art {
    display: none !important;
  }

  .hero-copy {
    width: 100%;
    padding: 18px 28px 16px !important;
  }

  .hero h1 {
    margin: 0;
    font-size: 28px !important;
    line-height: 1.03;
  }

  .benefits {
    display: grid !important;
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 14px !important;
  }

  .benefits > div {
    display: flex !important;
    align-items: center;
    gap: 10px;
  }

  .benefits b {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px;
    flex: 0 0 32px;
  }

  .benefits strong {
    font-size: 11px;
  }

  .benefits span {
    margin-top: 2px;
    font-size: 10px;
  }

  .hero-buttons {
    display: none !important;
  }
}

/* ===== END COMPACT HERO COPY V6 ===== */


/* ===== OFFICIAL HG VERIFICATION BAR V1 ===== */

.official-token-bar {
  position: relative;
  z-index: 1000;

  display: grid;
  grid-template-columns:
    auto
    minmax(250px, 1fr)
    auto;

  align-items: center;
  gap: 18px;

  min-height: 48px;
  padding: 7px 22px;

  color: #eef4f0;

  border-bottom:
    1px solid rgba(157,244,0,.3);

  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(157,244,0,.12),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      #081009,
      #0d1510 50%,
      #080d0a
    );

  box-shadow:
    0 8px 28px rgba(0,0,0,.25);
}

.official-token-bar__identity,
.official-token-bar__contract,
.official-token-links {
  display: flex;
  align-items: center;
}

.official-token-bar__identity {
  gap: 9px;
  white-space: nowrap;
}

.official-token-bar__identity strong {
  font-size: 13px;
  letter-spacing: .03em;
}

.official-token-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 25px;
  padding: 0 9px;

  border:
    1px solid rgba(157,244,0,.48);

  border-radius: 999px;

  background:
    rgba(157,244,0,.12);

  color: #baff3e;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}

.official-token-ticker {
  color: #9df400;
  font-size: 13px;
  font-weight: 900;
}

.official-token-bar__contract {
  justify-content: center;
  gap: 9px;

  color: #87928c;
  font-size: 10px;
}

.official-token-bar__contract code {
  color: #e7ece8;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;

  font-size: 11px;
}

.official-copy-button {
  min-height: 27px;
  padding: 0 10px;

  border:
    1px solid #34403a;

  border-radius: 7px;

  background: #172019;
  color: #c7d0ca;

  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.official-copy-button:hover {
  border-color:
    rgba(157,244,0,.48);

  color: #baff3e;
}

.official-token-links {
  justify-content: flex-end;
  gap: 7px;
  white-space: nowrap;
}

.official-token-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 30px;
  padding: 0 11px;

  border:
    1px solid #303b35;

  border-radius: 8px;

  background:
    rgba(255,255,255,.035);

  color: #e3e9e5;
  font-size: 10px;
  font-weight: 750;
}

.official-token-links a:hover {
  border-color:
    rgba(157,244,0,.48);

  background:
    rgba(157,244,0,.08);

  color: #baff3e;
}

.official-token-warning {
  grid-column: 1 / -1;

  margin: -1px 0 0;

  color: #7f8a84;
  font-size: 8px;
  line-height: 1;
  text-align: center;
  letter-spacing: .025em;
}

.sidebar-official-ticker {
  display: inline-flex;
  align-items: center;

  min-height: 23px;
  margin-left: auto;
  padding: 0 8px;

  border:
    1px solid rgba(157,244,0,.28);

  border-radius: 999px;

  background:
    rgba(157,244,0,.09);

  color: #aef52d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .05em;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .official-token-bar {
    grid-template-columns:
      auto 1fr;
  }

  .official-token-links {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .official-token-warning {
    display: none;
  }
}

@media (max-width: 720px) {
  .official-token-bar {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 9px 12px;
  }

  .official-token-bar__identity,
  .official-token-bar__contract,
  .official-token-links {
    justify-content: center;
  }

  .official-token-bar__contract {
    flex-wrap: wrap;
  }

  .official-token-links {
    grid-column: auto;
  }

  .official-token-links a {
    flex: 1;
    max-width: 180px;
  }
}

/* ===== END OFFICIAL HG VERIFICATION BAR V1 ===== */


/* ===== 4663 LIVE BOX V1 ===== */

.box-tickets {
  display: block;
  margin-top: 3px;

  color: #7f8b85;
  font-size: 9px;
  line-height: 1.2;
}

.4663-odds-note {
  margin: 0 14px 11px;
  padding: 7px 9px;

  border:
    1px solid rgba(170, 93, 255, .26);

  border-radius: 8px;

  background:
    rgba(145, 69, 255, .07);

  color: #bda8d8;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

/* ===== END 4663 LIVE BOX V1 ===== */


/* ===== PRIVATE TICKET COUNTS V1 ===== */

/*
 * Остаток билетов скрыт до проверки
 * подключённого адреса в JavaScript.
 */
#dihTickets,
#cashcatTickets,
#token4663Tickets,
.box-tickets {
  display: none;
}

/* ===== END PRIVATE TICKET COUNTS V1 ===== */



/* ===== PRIVATE TICKET COUNTS V2 ===== */

#dihTickets,
#cashcatTickets,
#token4663Tickets,
.box-tickets {
  display: none !important;
}

body.ticket-counts-visible #dihTickets,
body.ticket-counts-visible #cashcatTickets,
body.ticket-counts-visible #token4663Tickets,
body.ticket-counts-visible .box-tickets {
  display: block !important;
}

/* ===== END PRIVATE TICKET COUNTS V2 ===== */