@media (min-width:901px){
  body.scratchPage{
    overflow:hidden;
  }

  .scratchPage .casinoApp{
    height:calc(100vh - 28px);
    margin:14px auto;
    display:flex;
    flex-direction:column;
  }

  .scratchPage .casinoTopbar{
    min-height:64px;
    flex:0 0 auto;
  }

  .scratchPage .casinoShell{
    flex:1;
    min-height:0;
    height:auto;
    margin-top:14px;
    padding:16px;
    grid-template-columns:288px minmax(0,1fr);
    gap:16px;
  }

  .scratchPage .betSidebar{
    padding:16px;
    gap:12px;
  }

  .scratchPage .casinoStage{
    min-height:0;
  }

  .scratchPage .stageHead{
    min-height:66px;
    padding:13px 18px;
  }

  .scratchPage .stageBody{
    padding:14px 16px;
  }

  .scratchPage .stageFooter{
    min-height:52px;
    padding:8px 14px;
    gap:8px;
  }

  .scratchPage .payoutPill{
    flex:1;
    height:36px;
    min-width:0;
    font-size:13px;
  }
}

.scratchPage .casinoBg{
  background:
    radial-gradient(760px 420px at 68% 16%,rgba(246,197,90,.14),transparent 66%),
    radial-gradient(620px 360px at 22% 76%,rgba(23,124,78,.16),transparent 62%),
    linear-gradient(90deg,rgba(246,197,90,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(246,197,90,.04) 1px,transparent 1px);
  background-size:100% 100%,100% 100%,126px 126px,126px 126px;
}

.scratchPage{
  --ticket-accent:#c2cad3;
  --ticket-accent-2:#7f8b98;
  --ticket-dark:#111821;
  --ticket-glow:rgba(194,202,211,.16);
  --ticket-cover-a:#cfd5db;
  --ticket-cover-b:#87939f;
  --ticket-symbol:#26323f;
}

.scratchPage[data-scratch-ticket="prime"]{
  --ticket-accent:#6ab78a;
  --ticket-accent-2:#174f38;
  --ticket-dark:#061a13;
  --ticket-glow:rgba(92,171,126,.18);
  --ticket-cover-a:#9ec9ad;
  --ticket-cover-b:#47765d;
  --ticket-symbol:#063524;
}

.scratchPage[data-scratch-ticket="gold"]{
  --ticket-accent:#d8ad5a;
  --ticket-accent-2:#8f5f1d;
  --ticket-dark:#211407;
  --ticket-glow:rgba(216,173,90,.22);
  --ticket-cover-a:#d8bd72;
  --ticket-cover-b:#916424;
  --ticket-symbol:#3b2207;
}

.scratchPage[data-scratch-ticket="platinum"]{
  --ticket-accent:#aab9cb;
  --ticket-accent-2:#586f86;
  --ticket-dark:#0a1422;
  --ticket-glow:rgba(145,168,196,.18);
  --ticket-cover-a:#c9d3de;
  --ticket-cover-b:#697f94;
  --ticket-symbol:#1d3657;
}

.scratchPage[data-scratch-ticket="royal"]{
  --ticket-accent:#c8a05e;
  --ticket-accent-2:#48315f;
  --ticket-dark:#140816;
  --ticket-glow:rgba(158,118,191,.17);
  --ticket-cover-a:#c7aa70;
  --ticket-cover-b:#5b416e;
  --ticket-symbol:#2a102f;
}

.scratchStageBody{
  overflow:hidden;
  display:flex;
  align-items:stretch;
  justify-content:center;
}

.scratchDesk{
  position:relative;
  width:min(960px,100%);
  min-height:0;
  display:grid;
  grid-template-columns:minmax(210px,255px) minmax(0,1fr);
  align-items:center;
  gap:24px;
}

.scratchDesk::before{
  content:"";
  position:absolute;
  inset:-12px -18px;
  z-index:0;
  border-radius:28px;
  background:
    radial-gradient(460px 260px at 62% 28%,rgba(246,197,90,.16),transparent 70%),
    radial-gradient(420px 240px at 24% 70%,rgba(38,170,98,.13),transparent 72%),
    linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.045) 43%,transparent 45% 100%);
  pointer-events:none;
}

.scratchCardHolder{
  position:relative;
  z-index:1;
  height:min(590px,100%);
  min-height:540px;
  perspective:1100px;
}

.scratchMiniTicket{
  --mini-accent:#c2cad3;
  --mini-accent-2:#7f8b98;
  --mini-glow:rgba(194,202,211,.14);
  --mini-dark:#101823;
  position:absolute;
  left:0;
  top:calc(var(--i) * 82px);
  width:230px;
  height:138px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(246,197,90,.22);
  color:#fff6d6;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  background:
    radial-gradient(118px 92px at 78% 40%,color-mix(in srgb,var(--mini-accent) 28%,transparent),transparent 68%),
    radial-gradient(98px 76px at 20% 90%,rgba(32,174,97,.1),transparent 66%),
    linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,0) 35%),
    linear-gradient(160deg,var(--mini-dark),#06080d 58%,#020304);
  box-shadow:
    0 18px 30px rgba(0,0,0,.36),
    0 0 26px rgba(246,197,90,.08),
    inset 0 1px 0 rgba(255,255,255,.07);
  transform:translateX(calc(var(--i) * 5px)) rotateY(-12deg) rotateZ(calc((var(--i) - 2) * -1.8deg));
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease,opacity .24s ease;
}

.scratchMiniTicket[data-ticket-id="prime"]{
  --mini-accent:#6ab78a;
  --mini-accent-2:#174f38;
  --mini-glow:rgba(92,171,126,.16);
  --mini-dark:#061a13;
}

.scratchMiniTicket[data-ticket-id="gold"]{
  --mini-accent:#d8ad5a;
  --mini-accent-2:#8f5f1d;
  --mini-glow:rgba(216,173,90,.22);
  --mini-dark:#211407;
}

.scratchMiniTicket[data-ticket-id="platinum"]{
  --mini-accent:#aab9cb;
  --mini-accent-2:#586f86;
  --mini-glow:rgba(145,168,196,.18);
  --mini-dark:#0a1422;
}

.scratchMiniTicket[data-ticket-id="royal"]{
  --mini-accent:#c8a05e;
  --mini-accent-2:#48315f;
  --mini-glow:rgba(158,118,191,.18);
  --mini-dark:#140816;
}

.scratchMiniTicket::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 36%,color-mix(in srgb,var(--mini-accent) 28%,transparent) 0 15%,transparent 16%),
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.08) 0 2px,transparent 3px),
    linear-gradient(110deg,transparent 0 44%,rgba(255,255,255,.1) 45%,transparent 47% 100%),
    conic-gradient(from 190deg at 86% 72%,transparent 0 14%,color-mix(in srgb,var(--mini-accent) 42%,transparent) 15% 18%,transparent 19% 100%),
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--mini-accent) 15%,transparent) 0 1px,transparent 1px 12px);
  opacity:.74;
  pointer-events:none;
}

.scratchMiniTicket::after{
  content:"";
  position:absolute;
  right:-26px;
  top:22px;
  width:122px;
  height:122px;
  border-radius:32px;
  border:1px solid rgba(246,197,90,.28);
  background:
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--mini-accent) 52%,white 8%) 0 10%,transparent 11%),
    repeating-conic-gradient(from 12deg,color-mix(in srgb,var(--mini-accent) 34%,transparent) 0 10deg,transparent 10deg 24deg),
    linear-gradient(135deg,color-mix(in srgb,var(--mini-accent) 22%,transparent),rgba(0,0,0,.28));
  transform:rotate(18deg);
  opacity:.7;
}

.scratchMiniTicket:hover,
.scratchMiniTicket.active{
  transform:translateX(20px) rotateY(-4deg) rotateZ(0deg);
  border-color:rgba(255,221,145,.62);
  box-shadow:
    0 22px 38px rgba(0,0,0,.42),
    0 0 34px rgba(246,197,90,.2),
    inset 0 1px 0 rgba(255,255,255,.1);
}

.scratchMiniTicket:disabled{
  cursor:not-allowed;
  opacity:.62;
}

.scratchMiniTicket__copy{
  position:relative;
  z-index:1;
}

.scratchMiniTicket__copy::before{
  content:"БИЛЕТ";
  position:absolute;
  left:0;
  top:72px;
  color:rgba(246,234,205,.22);
  font-size:34px;
  line-height:1;
  font-weight:1000;
  letter-spacing:2px;
  transform:skewX(-10deg);
  pointer-events:none;
}

.scratchMiniTicket__copy::after{
  content:"";
  position:absolute;
  left:0;
  top:63px;
  width:78px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--mini-accent),transparent);
  box-shadow:0 0 14px var(--mini-glow);
}

.scratchMiniTicket__copy span,
.scratchMiniTicket__copy b,
.scratchMiniTicket__copy small{
  position:relative;
  display:block;
}

.scratchMiniTicket__copy span{
  color:var(--mini-accent);
  font-size:13px;
  line-height:1;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:1.3px;
}

.scratchMiniTicket__copy b{
  margin-top:10px;
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:1000;
}

.scratchMiniTicket__copy small{
  margin-top:11px;
  color:rgba(246,234,205,.7);
  font-size:12px;
  line-height:1;
  font-weight:900;
}

.scratchMiniTicket__art{
  position:absolute;
  right:10px;
  top:17px;
  z-index:2;
  width:92px;
  height:92px;
  border-radius:24px;
  transform:rotate(-12deg);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));
  pointer-events:none;
}

.scratchMiniTicket__art::before{
  content:"";
  position:absolute;
  inset:-9px;
  z-index:-1;
  border-radius:28px;
  background:
    conic-gradient(from 230deg,transparent 0 20%,color-mix(in srgb,var(--mini-accent) 42%,transparent) 21% 28%,transparent 29% 100%),
    radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--mini-accent) 25%,transparent),transparent 64%);
  filter:blur(.4px);
  opacity:.9;
}

.scratchMiniTicket__art::after{
  content:"";
  position:absolute;
  right:-8px;
  bottom:4px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 26%,rgba(255,255,255,.4),transparent 24%),
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.2) 0 28%,transparent 30%),
    linear-gradient(145deg,#ffe69d,#c98d2f 58%,#5b340c);
  border:1px solid rgba(255,232,162,.56);
  box-shadow:0 10px 18px rgba(0,0,0,.34),0 0 16px var(--mini-glow);
}

.scratchMiniTicket__art span,
.scratchMiniTicket__art i,
.scratchMiniTicket__art em{
  position:absolute;
  display:block;
  inset:auto;
  font-style:normal;
}

.scratchMiniTicket__art span{
  inset:9px;
  border-radius:22px;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.38),transparent 24%),
    linear-gradient(145deg,color-mix(in srgb,var(--mini-accent) 68%,white 8%),var(--mini-accent-2));
  border:1px solid color-mix(in srgb,var(--mini-accent) 70%,black 30%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.44),
    inset 0 -10px 18px rgba(0,0,0,.2),
    0 0 18px var(--mini-glow);
}

.scratchMiniTicket__art span::before,
.scratchMiniTicket__art span::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:inherit;
  border:1px solid rgba(255,246,214,.28);
}

.scratchMiniTicket__art span::after{
  inset:19px;
  border-color:rgba(0,0,0,.25);
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 42%);
}

.scratchMiniTicket__art i{
  left:23px;
  top:21px;
  width:40px;
  height:40px;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.5),transparent 28%),
    linear-gradient(180deg,color-mix(in srgb,var(--mini-accent) 72%,white 18%),var(--mini-accent));
  box-shadow:0 0 18px var(--mini-glow);
}

.scratchMiniTicket__art i::before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(0,0,0,.24);
  border-radius:inherit;
  opacity:.5;
}

.scratchMiniTicket__art i::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  top:16%;
  height:18%;
  border-radius:999px;
  background:rgba(255,255,255,.34);
  filter:blur(1px);
  transform:rotate(-18deg);
}

.scratchMiniTicket__art em{
  left:25px;
  bottom:15px;
  width:28px;
  height:7px;
  border-radius:999px;
  background:rgba(0,0,0,.34);
  filter:blur(2px);
}

.scratchMiniTicket__art--start i{
  border-radius:50%;
  border:6px solid rgba(8,12,18,.36);
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0 16%,transparent 17%),
    linear-gradient(180deg,var(--mini-accent),var(--mini-accent-2));
}

.scratchMiniTicket__art--prime i{
  clip-path:polygon(50% 0,92% 50%,50% 100%,8% 50%);
}

.scratchMiniTicket__art--gold i{
  clip-path:polygon(50% 0,61% 36%,98% 36%,68% 57%,80% 96%,50% 72%,20% 96%,32% 57%,2% 36%,39% 36%);
}

.scratchMiniTicket__art--platinum i{
  left:17px;
  width:42px;
  height:34px;
  border-radius:8px;
  background:
    linear-gradient(90deg,transparent 0 31%,rgba(0,0,0,.28) 32% 34%,transparent 35%),
    linear-gradient(180deg,var(--mini-accent),var(--mini-accent-2));
}

.scratchMiniTicket__art--platinum i::after{
  content:"";
  position:absolute;
  left:11px;
  top:-11px;
  width:20px;
  height:14px;
  border-radius:14px 14px 0 0;
  border:5px solid color-mix(in srgb,var(--mini-accent) 74%,black 26%);
  border-bottom:0;
}

.scratchMiniTicket__art--royal i{
  clip-path:polygon(8% 32%,26% 52%,39% 24%,50% 58%,61% 24%,74% 52%,92% 32%,82% 84%,18% 84%);
}

.scratchTicket{
  position:relative;
  z-index:1;
  width:min(640px,100%);
  min-height:min(590px,100%);
  padding:24px;
  border-radius:34px;
  border:1px solid rgba(246,197,90,.28);
  background:
    radial-gradient(420px 240px at 50% 20%,var(--ticket-glow),transparent 70%),
    radial-gradient(360px 240px at 82% 92%,rgba(30,167,96,.12),transparent 72%),
    linear-gradient(145deg,#1a1210,#0b0e15 56%,#05070a);
  box-shadow:
    0 40px 70px rgba(0,0,0,.48),
    0 0 44px var(--ticket-glow),
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.scratchTicket::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.2;
  background:
    linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.22) 46.2% 46.5%,transparent 47%),
    radial-gradient(circle at 16% 22%,color-mix(in srgb,var(--ticket-accent) 38%,transparent) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--ticket-accent) 32%,transparent) 0 2px,transparent 3px),
    repeating-linear-gradient(45deg,color-mix(in srgb,var(--ticket-accent) 16%,transparent) 0 1px,transparent 1px 18px);
}

.scratchTicket::after{
  content:"";
  position:absolute;
  right:-72px;
  top:-72px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,var(--ticket-glow),transparent 62%);
  filter:blur(2px);
  pointer-events:none;
}

.scratchTicket__head{
  position:relative;
  z-index:2;
  min-height:70px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:0 4px 18px;
}

.scratchTicket__head span{
  display:block;
  color:var(--ticket-accent);
  font-size:28px;
  font-weight:1000;
  line-height:1;
  letter-spacing:5px;
}

.scratchTicket__head small{
  display:block;
  margin-top:8px;
  color:rgba(246,234,205,.66);
  font-size:13px;
  font-weight:900;
}

.scratchTicket__head b{
  min-width:128px;
  height:48px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#251606;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ticket-accent) 78%,white 22%),var(--ticket-accent-2));
  box-shadow:0 0 24px var(--ticket-glow);
}

.scratchGrid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.scratchCell{
  position:relative;
  min-height:92px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--ticket-accent) 28%,transparent);
  background:
    radial-gradient(circle at 50% 50%,var(--ticket-glow),transparent 62%),
    linear-gradient(180deg,var(--ticket-dark),#05070b);
  color:#fff0b8;
  font-size:clamp(16px,1.45vw,24px);
  font-weight:1000;
  cursor:pointer;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 22px rgba(0,0,0,.28);
}

.scratchCell.preview{
  cursor:default;
}

.scratchCell span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-height:inherit;
}

.scratchCell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.32),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.055) 44%,rgba(0,0,0,.2)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 9px),
    linear-gradient(180deg,var(--ticket-cover-a),var(--ticket-cover-b));
  transition:transform .38s cubic-bezier(.18,.8,.22,1),opacity .3s ease;
}

.scratchCell::after{
  content:"Стереть";
  position:absolute;
  inset:0;
  z-index:4;
  display:grid;
  place-items:center;
  color:var(--ticket-symbol);
  font-size:15px;
  font-weight:1000;
  text-shadow:0 1px 0 rgba(255,255,255,.42);
  transition:opacity .24s ease;
}

.scratchCell.preview::after{
  content:"TRINITI";
  font-size:12px;
  letter-spacing:1.6px;
}

.scratchCell.revealed::before{
  transform:translateX(105%) rotate(8deg);
  opacity:0;
}

.scratchCell.revealed::after{
  opacity:0;
}

.scratchCell.scratching::before{
  animation:scratchScrape .72s steps(8,end) both;
}

.scratchCell.scratching::after{
  animation:scratchTextDust .48s ease both;
}

.scratchCell.scratching span{
  animation:scratchValuePop .58s cubic-bezier(.16,.84,.2,1) .1s both;
}

@keyframes scratchScrape{
  0%{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    filter:brightness(1);
  }
  22%{
    clip-path:polygon(0 0,33% 0,22% 100%,0 100%,100% 100%,100% 0,72% 0,84% 100%);
    filter:brightness(1.18);
  }
  48%{
    clip-path:polygon(0 0,15% 0,4% 100%,0 100%,44% 0,56% 0,43% 100%,31% 100%,78% 0,100% 0,100% 100%,90% 100%);
  }
  72%{
    clip-path:polygon(0 0,5% 0,0 44%,0 100%,18% 100%,30% 0,46% 0,34% 100%,55% 100%,66% 0,86% 0,76% 100%,100% 100%,100% 0);
  }
  100%{
    transform:translateX(105%) rotate(8deg);
    opacity:0;
  }
}

@keyframes scratchTextDust{
  0%,55%{opacity:1;filter:blur(0)}
  100%{opacity:0;filter:blur(3px)}
}

@keyframes scratchValuePop{
  0%{transform:scale(.9);filter:blur(3px);opacity:.35}
  100%{transform:scale(1);filter:blur(0);opacity:1}
}

.scratchCell.win{
  border-color:rgba(64,221,120,.46);
  box-shadow:0 0 24px rgba(64,221,120,.16),inset 0 1px 0 rgba(255,255,255,.08);
}

.scratchCell.picked{
  border-color:rgba(255,221,145,.42);
}

.scratchCell.miss{
  border-color:rgba(255,91,111,.34);
  box-shadow:0 0 18px rgba(255,91,111,.12),inset 0 1px 0 rgba(255,255,255,.06);
}

.scratchCell.locked{
  cursor:default;
  filter:saturate(.82) brightness(.82);
}

.scratchTicket__hint{
  position:relative;
  z-index:2;
  margin-top:16px;
  min-height:44px;
  border-radius:15px;
  border:1px solid rgba(246,197,90,.14);
  background:rgba(5,7,11,.58);
  display:grid;
  place-items:center;
  color:rgba(246,234,205,.76);
  text-align:center;
  font-weight:950;
}

.scratchSelectedName{
  margin-top:9px;
  color:#fff;
  font-size:28px;
  line-height:1;
  font-weight:1000;
}

.scratchSelectedMeta{
  margin-top:12px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:14px;
  padding:0 12px;
  color:rgba(246,234,205,.72);
  background:rgba(0,0,0,.22);
  border:1px solid rgba(246,197,90,.1);
  font-size:12px;
  font-weight:900;
}

.scratchSelectedMeta b{
  color:#fff0b8;
  font-size:15px;
}

.scratchRule{
  margin:8px 0 0;
  color:rgba(246,234,205,.72);
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}

.scratch-active .scratchTicket{
  border-color:rgba(255,221,145,.42);
  box-shadow:
    0 40px 70px rgba(0,0,0,.48),
    0 0 56px rgba(246,197,90,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.casinoSound.is-off::before{
  background:#ff5a6a;
  box-shadow:0 0 12px rgba(255,90,106,.52);
}

@media (min-width:901px) and (max-height:820px){
  .scratchPage .casinoTopbar{
    min-height:58px;
    padding:9px 14px;
  }

  .scratchPage .casinoShell{
    margin-top:10px;
    padding:12px;
    grid-template-columns:270px minmax(0,1fr);
  }

  .scratchPage .stageHead{
    min-height:58px;
    padding:10px 15px;
  }

  .scratchPage .stageBody{
    padding:10px 14px;
  }

  .scratchPage .stageFooter{
    min-height:44px;
    padding:6px 12px;
  }

  .scratchPage .payoutPill{
    height:32px;
    font-size:12px;
  }

  .scratchDesk{
    grid-template-columns:220px minmax(0,1fr);
    gap:18px;
  }

  .scratchCardHolder{
    min-height:490px;
  }

  .scratchMiniTicket{
    top:calc(var(--i) * 70px);
    width:210px;
    height:124px;
  }

  .scratchTicket{
    padding:20px;
    min-height:500px;
  }

  .scratchCell{
    min-height:78px;
    border-radius:16px;
  }
}

@media (min-width:901px) and (max-height:740px){
  .scratchPage .casinoApp{
    height:calc(100vh - 16px);
    margin:8px auto;
  }

  .scratchPage .casinoTopbar{
    min-height:52px;
    padding:7px 12px;
  }

  .scratchPage .casinoShell{
    margin-top:8px;
    padding:10px;
    gap:12px;
    grid-template-columns:250px minmax(0,1fr);
  }

  .scratchPage .betSidebar{
    padding:12px;
    gap:9px;
  }

  .scratchPage .stageHead{
    min-height:50px;
    padding:8px 13px;
  }

  .scratchPage .stageBody{
    padding:8px 12px;
  }

  .scratchPage .stageFooter{
    min-height:40px;
    padding:6px 12px;
  }

  .scratchDesk{
    width:min(890px,100%);
    grid-template-columns:194px minmax(0,1fr);
    gap:14px;
  }

  .scratchCardHolder{
    min-height:430px;
  }

  .scratchMiniTicket{
    top:calc(var(--i) * 60px);
    width:184px;
    height:108px;
    border-radius:18px;
    padding:14px;
  }

  .scratchMiniTicket b{
    font-size:24px;
  }

  .scratchTicket{
    min-height:430px;
    padding:16px;
    border-radius:28px;
  }

  .scratchTicket__head{
    min-height:58px;
    padding-bottom:12px;
  }

  .scratchTicket__head span{
    font-size:23px;
  }

  .scratchTicket__head b{
    min-width:104px;
    height:40px;
  }

  .scratchGrid{
    gap:8px;
  }

  .scratchCell{
    min-height:60px;
    border-radius:14px;
    font-size:15px;
  }

  .scratchCell::after{
    font-size:12px;
  }

  .scratchTicket__hint{
    margin-top:12px;
    min-height:38px;
    font-size:12px;
  }
}