/*! For license information please see main.js.LICENSE.txt */
.itemCrown .shapeUnit { color: var(--meta-group); }
.itemCrown:hover { background: var(--foot-deal); color: var(--unit-side); text-shadow: none; }
.wrapStrip { align-items: baseline; gap: 12px; margin-bottom: 16px; display: flex; }
.slabAce { font: 400 var(--crown-flag)/1 var(--club-win); color: var(--frame-set); }
.slabAce::before { content: "0x"; }
.coreStage { display: flex; align-items: baseline; gap: 10px; font: 800 var(--block-live)/1 var(--area-tab); text-transform: uppercase; letter-spacing: -0.03em; white-space: nowrap; }
.coreStage::before { color: var(--foot-deal); font-weight: 500; content: "$"; }
.coreStage .fieldArea { display: none; }
.unitPillCell { flex: 1; min-width: 20px; height: 0; border-top: 1px dashed var(--tab-reel); align-self: center; }
/*  v2  */
.linkLinkGrid { display: flex; gap: 4px; align-self: center; }
.wrapStrip .itemCrown { white-space: nowrap; }
.mediaLabel { display: grid; place-items: center; width: 32px; height: 32px; color: var(--foot-deal); outline: 1px dashed var(--tab-reel); outline-offset: -1px; transition: background var(--win-top), color var(--win-top), opacity var(--win-top); }
.mediaLabel:hover { background: var(--foot-deal); color: var(--unit-side); }
.mediaLabel[disabled] { opacity: 0.25; pointer-events: none; }
@media (max-width: 720px) {
  .coreStage { font-size: 20px; white-space: normal; min-width: 0; }
  .slabAce, .linkLinkGrid, .unitPillCell { display: none; }
  .wrapStrip .itemCrown { flex: none; margin-left: auto; }
}
.menu { gap: 10px; grid-auto-columns: var(--win-wrap); scroll-snap-type: x mandatory; grid-auto-flow: column; overflow-x: auto; display: grid; padding: 1px 1px 8px; overscroll-behavior-x: contain; scrollbar-width: none; }
.menu::-webkit-scrollbar { display: none; }
.menu > * { scroll-snap-align: start; }
.blockStar { grid-template-columns: minmax(0, 1fr); gap: 6px; border: 1px dashed var(--chip-mark); transition: border-color var(--win-top), background var(--win-top); padding: 5px; min-width: 0; display: grid; }
.itemCrestNote { aspect-ratio: var(--deck-table, 3 / 2); position: relative; overflow: hidden; background: var(--list-stage); }
.itemCrestNote::after { content: ""; position: absolute; inset: 0; background: var(--foot-deal); mix-blend-mode: color; opacity: 0.35; transition: opacity var(--win-top); }
.itemCrestNote img { filter: contrast(1.1); object-fit: cover; height: 100%; width: 100%; }
.slotTray { z-index: 1; position: absolute; top: 6px; left: 6px; }
/*  TODO: clean up  */
.blockStar:hover { border-style: solid; border-color: var(--foot-deal); background: var(--area-row); }
.blockStar:hover .itemCrestNote::after { opacity: 0; }
.headTileOffer { padding: 0 2px 2px; }
.bandFieldList { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 12px/1.3 var(--copy-reel); text-transform: uppercase; }
.bandFieldList::before { content: "> "; color: var(--foot-deal); }
.rowCellField { gap: 8px; justify-content: space-between; font-size: 10px; align-items: center; display: flex; margin-top: 2px; color: var(--frame-set); }
.rowCellField > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*  tokens  */
.vipBase { gap: 5px; display: inline-flex; color: var(--foot-deal); align-items: center; flex: none; }
.stageNote {
  font-size: var(--tab-spin); line-height: 1;
  display: inline-flex; gap: 0.3em;
  --tab-spin: 34px;
  color: var(--cell-race);
  text-decoration: none;
  white-space: nowrap; align-items: center;
}
.coreSeal { --tab-spin: 44px; }
.gameSide {
  font-family: var(--area-tab); letter-spacing: var(--dice-slab); font-weight: var(--list-dice); line-height: 1;
  text-transform: var(--rear-mark);
  font-size: 0.74em;
}
.tabCard { position: relative; flex: none; }
@media (max-width: 720px) { .unitTab .stageNote { --tab-spin: 28px; } }
.reelFoot {
  width: 0.9em;
  display: grid; padding: 0.12em;
  box-shadow: 0.07em 0.07em 0 0 color-mix(in srgb, var(--foot-deal) 55%, #000);
  border-radius: max(0.06em, calc(var(--bonus-inner) * 0.02 + 0.14em));
  background: var(--foot-deal); grid-template-columns: repeat(3, 1fr);
  transform: rotate(calc(-8deg - var(--vip-offer) * 2)); height: 0.9em; grid-template-rows: repeat(3, 1fr);
}
.reelFoot i { display: grid; place-items: center; }
.reelFoot i.stackPromo::before { border-radius: 50%;
  content: ""; width: 0.17em; height: 0.17em;
  background: var(--unit-side);
}
.vip { overflow-x: clip; }
.tileAceAce { width: 100%; max-width: var(--box-dot, 1320px); margin: 0 auto; padding-left: var(--bar-foot); padding-right: var(--bar-foot); }
.frontTile { grid-template-columns: minmax(0, 1fr); gap: var(--step-zone); display: grid; padding-bottom: var(--step-zone); padding-top: 24px; }
.frontTile > * { min-width: 0; }
.unitTab {
  backdrop-filter: blur(12px);
  border-bottom: var(--outer-chip) solid var(--chip-mark);
  position: sticky; top: 0;
  background: color-mix(in srgb, var(--pill-nav) 90%, transparent); z-index: 30;
}
.liveVip { display: flex; align-items: center; height: var(--dot-bonus); gap: 20px; }
.noteChip2 { align-items: center; margin-left: auto; display: flex; gap: 10px; }
.trayCrestWin{display:none}
[data-outer]{display:none}
.vip.dealLeadGrid [data-outer]{display:block;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,0.55)}
.blockShape{background:var(--pill-nav);bottom:0;top:0;transform:translateX(-102%);transition:transform 320ms var(--pill-set);flex-direction:column;gap:18px;z-index:50;border-right:var(--outer-chip) solid var(--chip-mark);overflow-y:auto;width:min(320px,88vw);left:0;display:flex;position:fixed;padding:16px}
.vip.dealLeadGrid .blockShape{transform:none}
.dotBodyCore{display:flex;align-items:center;justify-content:space-between}
.vipDotOuter{display:grid;gap:4px}
.goldPanel{color:var(--link-spin);gap:12px;display:flex;align-items:center;padding:0 12px;height:46px;border-radius:var(--bonus-inner)}
.goldPanel.stage,.goldPanel:hover{background:var(--lobby-menu);color:var(--cell-race)}
.goldPanel .fieldArea{color:var(--foot-deal)}
.stackPaneInner{display:grid;gap:8px}
.bandChip2Crown{gap:10px;font-size:var(--rear-side);display:grid;color:var(--frame-set);margin-top:auto}
@media (max-width:1080px){.trayCrestWin{display:inline-grid}}
@media (max-width:640px){.noteChip2 .starGrid{display:none}.liveVip{gap:12px}}
.noteStack{font-size:var(--rear-side);align-items:center;justify-content:center;background:var(--foot-deal);gap:10px;color:var(--unit-side);display:flex;text-align:center;height:38px;padding:0 16px}
.noteStack span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.noteStack:hover:is(strong,b){text-decoration:underline}
.winBase{height:calc(var(--dot-bonus) + 8px);grid-template-columns:1fr auto 1fr;display:grid}
.headField{display:flex;align-items:center;gap:6px;min-width:0}
.mediaUnitDot{justify-content:flex-end}
.dealMetaDice{padding:0 20px;display:flex;justify-content:center}
.frameRearBox{display:flex;gap:2px;flex:0 1 auto;min-width:0;flex-wrap:wrap;height:38px;overflow:hidden}
.headField>:not(nav){flex-shrink:0}
.crestTab{color:var(--link-spin);letter-spacing:0.02em;align-items:center;display:inline-flex;padding:0 12px;font-weight:500;height:38px;font-size:var(--rear-side);border-radius:var(--row-jackpot);transition:color var(--win-top),background var(--win-top);white-space:nowrap}
.crestTab:hover{color:var(--cell-race)}
.crestTab.stage{color:var(--cell-race);background:var(--list-stage)}
.chipPage{margin:0 8px;height:24px;background:var(--tab-reel);width:var(--outer-chip)}
.stripChip2Seal{padding:0 10px;align-items:center;display:inline-flex;color:var(--cell-race);gap:6px;font-weight:600;white-space:nowrap;font-size:var(--rear-side)}
@media (max-width:1280px){.frameRearBox{display:none}.chipPage{display:none}.winBase .trayCrestWin{display:inline-grid}}
@media (max-width:1080px){.winBase{grid-template-columns:auto 1fr auto}.dealMetaDice{justify-content:flex-start;padding:0 8px}}
@media (max-width:640px){.stripChip2Seal span{display:none}.noteStack{font-size:12px}}
.raceSet{color:var(--link-spin)}
.raceSet p{margin:0 0 1em}
.raceSet p:last-child{margin-bottom:0}
.ringCopy{margin:1.4em 0 0.5em;font-size:var(--core-area);font-weight:600;color:var(--cell-race)}
.navFrame,.viewBase{display:grid;margin:0 0 1.1em;padding:0;list-style:none;gap:0.55em}
.navFrame li{position:relative;padding-left:1.4em}
.navFrame li::before{content:"";position:absolute;left:0.1em;top:0.62em;width:0.45em;height:0.45em;background:var(--foot-deal);border-radius:calc(var(--bonus-inner) * 0.2);transform:rotate(45deg)}
.viewBase{counter-reset:step}
.viewBase li{padding-left:2.3em;counter-increment:step;position:relative;min-height:1.7em}
.viewBase li::before{content:counter(step);border-radius:50%;position:absolute;left:0;top:-0.05em;display:grid;background:var(--foot-deal);height:1.7em;font:600 0.8em/1 var(--club-win);place-items:center;color:var(--unit-side);width:1.7em}
.raceSet,.raceSet>*{min-width:0}
.menuBase{max-width:100%;margin:0 0 1.1em;overflow-x:auto;border:var(--outer-chip) solid var(--chip-mark);border-radius:var(--bonus-inner)}
.menuBase table{width:100%;border-collapse:collapse;font-size:var(--rear-side)}
.menuBase th,.menuBase td{border-bottom:var(--outer-chip) solid var(--chip-mark);text-align:left;padding:10px 14px;white-space:nowrap}
.menuBase tbody tr:last-child>*{border-bottom:0}
.menuBase thead th{letter-spacing:var(--win-flag);color:var(--frame-set);font-weight:600;text-transform:uppercase;background:var(--lobby-menu);font-size:var(--crown-flag)}
.menuBase tbody th{font-weight:600;color:var(--cell-race)}
.menuBase caption{caption-side:top;text-align:left;padding:10px 14px;font-size:var(--crown-flag);font-weight:600;letter-spacing:var(--win-flag);text-transform:uppercase;color:var(--foot-deal);border-bottom:var(--outer-chip) solid var(--chip-mark)}
.menuBase tbody tr:nth-child(even)>*{background:color-mix(in srgb,var(--list-stage) 45%,transparent)}
.aceView,.goldLabel{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700}
.aceView{background:color-mix(in srgb,var(--star-edge) 18%,transparent);color:var(--star-edge)}
.goldLabel{background:color-mix(in srgb,var(--meta-group) 14%,transparent);color:var(--meta-group)}
.edgeTrayOuter tbody th{width:42%;color:var(--link-spin);font-weight:500;white-space:normal}
.edgeTrayOuter td{white-space:normal;font-weight:600;color:var(--cell-race)}
.viewStack td,.viewStack thead th:not(:first-child){text-align:center}
.viewStack tbody td:nth-child(2),.viewStack thead th:nth-child(2){background:var(--area-row) !important}
.viewStack thead th:nth-child(2){color:var(--foot-deal)}
@media (max-width:520px){.wrapStrip{flex-wrap:wrap;row-gap:8px}}
img.outerTop,img.panelFrame,img.shapeBox{background-color:var(--menu-pane,var(--list-stage))}
.bonusTray{--deck-table:3 / 4;position:relative}
.bonusTray img{object-fit:contain !important;object-position:50% 0 !important;background:linear-gradient(180deg,color-mix(in srgb,var(--menu-pane,#222) 72%,rgb(11 11 16)) 0 50%,color-mix(in srgb,var(--menu-pane,#222) 38%,rgb(11,11,16))) !important}
.bonusTray::before{content:"";position:absolute;left:0;right:0;top:49%;height:24%;z-index:1;pointer-events:none;background:linear-gradient(rgba(0,0,0,0.28),transparent)}
.chipWrapChip2{bottom:12px;position:absolute;right:10px;pointer-events:none;z-index:2;left:10px;display:grid;gap:2px;text-shadow:0 1px 6px rgba(0,0,0,0.45);color:#fff}
.groupFootRail{-webkit-line-clamp:2;display:-webkit-box;font-family:var(--area-tab);-webkit-box-orient:vertical;font-weight:var(--list-dice);font-size:17px;line-height:1.05;letter-spacing:var(--dice-slab);text-transform:var(--rear-mark);overflow:hidden}
.baseStrip{font-size:11px;opacity:0.78}
.itemCrestNote.bonusTray + .headTileOffer,.itemCrestNote.bonusTray + .listChipHero{display:none}
img.headCrestHero{background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important;mask-image:none !important}
.leadRear{position:relative;align-self:stretch;pointer-events:none;min-height:var(--crest-frame,340px);justify-self:center;width:100%}
.leadRear .flagLobby{position:absolute;object-fit:contain;object-position:50% 100%;height:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,0.35));max-height:100%;transform:translate(-50%,-50%);width:auto;top:50%;max-width:116%;left:50%}
@media (max-width:820px){.leadRear{align-self:auto;min-height:var(--table-main,260px)}.leadRear .flagLobby{object-position:50% 100%}}
img.menuLeadRow{object-fit:contain;filter:var(--row-game,none);border-radius:0}
.innerFlag{display:inline-flex;vertical-align:middle;align-items:center;line-height:1;gap:0.5em}
.innerFlag svg{max-width:3em;height:1.6em;width:auto;flex:none}
.clubFoot{overflow:hidden;height:1px;width:1px;position:absolute;clip-path:inset(50%);white-space:nowrap}
.crestWinBonus{gap:12px;font-size:12px;display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:0.04em}
.crestWinBonus a{color:var(--link-spin);text-decoration:none}
.crestWinBonus a:hover{color:var(--foot-deal)}
.crestWinBonus a.stage{color:var(--cell-race);font-weight:600}
.sideMedia{display:block}
.wrapStep{color:var(--foot-deal)}
.chipLobby{font-weight:600;font-family:var(--jackpot-frame);text-transform:uppercase;opacity:0.72;color:inherit;line-height:1.2;margin-top:0.5em;font-size:clamp(12px,0.22em,17px);display:block;letter-spacing:var(--win-flag)}
.slabShape{font-weight:var(--list-dice);line-height:1.05;font-family:var(--area-tab);text-transform:var(--rear-mark);font-size:clamp(22px,2.4vw,38px);letter-spacing:var(--dice-slab);display:block;margin:0}
.goldOfferCard{font-style:normal;color:var(--foot-deal)}
.lobbyTop{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:var(--crown-flag);line-height:1.3;color:var(--frame-set)}
.areaFrameSlot{letter-spacing:var(--win-flag);text-transform:uppercase}
.slotStageWin{font-weight:600;color:var(--cell-race)}
.topCardView{color:rgba(255,255,255,0.72)}
.topCardView .slotStageWin{color:#fff}
.slabSpin{gap:8px;align-items:center;flex-wrap:wrap;display:flex}
.headChip2{align-items:center;gap:6px;color:var(--frame-set);border-radius:var(--bonus-inner);font-size:var(--crown-flag);display:inline-flex;padding:0 10px;transition:color .15s,border-color .15s,background-color .15s;height:28px}
.headChip2:hover{color:var(--cell-race)}
.headChip2 .fieldArea{font-size:1.25em}
.navEdge .headChip2{background:var(--front-link);border-radius:var(--row-jackpot)}
.outerHeadReel .headChip2{border:var(--outer-chip) solid var(--tab-reel)}
.outerHeadReel .headChip2:hover{border-color:var(--vip-mark)}
.jackpotGame .headChip2{font-weight:600;border:var(--outer-chip) solid var(--chip-mark);background:var(--lobby-menu)}
.frontHero{gap:4px 18px}
.frontHero .headChip2{padding:0;height:auto;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--vip-mark)}
.corePageRace .headChip2{font:500 11px/1 var(--club-win);letter-spacing:0.08em;text-transform:uppercase;padding:0 8px;border-left:2px solid var(--foot-deal);border-radius:0}
a[role="button"]{cursor:pointer}
.bandCrownTab{display:none}
@media (max-width:640px){.frontSideList{overflow:visible;border:0;border-radius:0}.frontSideList thead{display:none}.frontSideList table,.frontSideList tbody,.frontSideList tr{display:block;width:100%}.frontSideList caption{display:block;padding:0 0 8px}.frontSideList tr{margin:0 0 10px;border:var(--outer-chip) solid var(--chip-mark);border-radius:var(--bonus-inner);overflow:hidden}.frontSideList tbody tr>*{background:none}.frontSideList tbody th{display:block;background:color-mix(in srgb,var(--list-stage) 70%,transparent);border-bottom:var(--outer-chip) solid var(--chip-mark);white-space:normal}.frontSideList td{display:flex;align-items:baseline;justify-content:space-between;gap:14px;white-space:normal;text-align:right}.frontSideList tbody tr>td:last-child{border-bottom:0}.frontSideList tbody tr:last-child>th{border-bottom:var(--outer-chip) solid var(--chip-mark)}.frontSideList .bandCrownTab{display:block;flex:none;max-width:48%;text-align:left;font-size:var(--crown-flag);font-weight:600;letter-spacing:var(--win-flag);text-transform:uppercase;color:var(--frame-set)}}
.gridRear{padding:clamp(28px,5vw,64px) 0}
.setCopy{max-width:780px;margin:0 auto;display:grid;gap:14px}
.pageMain{font-size:clamp(32px,4.4vw,52px);line-height:1.05}
.viewWin{font-size:var(--rear-side);color:var(--frame-set)}
.outerLine{font-size:var(--core-area);color:var(--link-spin)}
.listRingChip{display:grid;gap:12px;margin-top:8px}
.listRingChip h2{font-size:var(--tab-box);margin-top:18px;color:var(--cell-race)}
.heroCell{list-style:none;margin:8px 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.heroCell li{display:grid;gap:4px;padding:16px 18px;border:var(--outer-chip) solid var(--chip-mark);border-radius:var(--mark-win);background:var(--lobby-menu)}
.viewHeroNav{font-size:var(--crown-flag);text-transform:uppercase;letter-spacing:var(--win-flag);color:var(--frame-set)}
.raceNote{word-break:break-word;color:var(--cell-race);font-weight:600}
.flagFront{font-size:var(--rear-side);color:var(--link-spin)}
.chipField{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 4px;font-size:var(--rear-side)}
.chipField a{text-underline-offset:3px;color:var(--link-spin);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-decoration:underline}
.chipField a:hover{color:var(--cell-race)}
.leadHero{display:flex;gap:4px;flex-wrap:wrap}
.railFeature{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;font:700 10px/1 var(--club-win);color:#fff}
.groupListMedia{background:rgb(200 49 61)}
.copyOfferField{background:rgb(28,28,34);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2)}
.bonusDot{background:rgb(31 138 76)}
.menuBlock{background:var(--card-box);color:var(--cell-race)}
.rowCrest{display:flex;flex-wrap:wrap;gap:10px}
.cardCell{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 18px 0 14px;border-radius:12px;background:rgb(11,11,13);color:#fff;border:1px solid rgba(255,255,255,0.18);transition:transform var(--win-top) var(--pill-set)}
.cardCell:hover{transform:translateY(-2px)}
.cardCell .fieldArea{font-size:26px}
.cardCell span{line-height:1.1;font-weight:600;font-size:15px;display:grid}
.cardCell small{opacity:0.75;font-size:10px;font-weight:400}
.setHero{height:460px;width:230px;border-radius:38px;position:relative;display:block;box-shadow:inset 0 0 0 2px rgb(42 42 51),0 30px 60px -20px rgba(0,0,0,0.6);flex:none;padding:12px;background:rgb(12 12 16)}
.stepDeal{position:absolute;background:rgb(12 12 16);z-index:2;transform:translateX(-50%);border-radius:999px;left:50%;width:70px;height:18px;top:18px}
.bodyPage{padding:36px 10px 10px;background:var(--pill-nav);gap:8px;flex-direction:column;height:100%;display:flex;border-radius:28px;overflow:hidden}
.crownFront{display:flex;justify-content:center}
.crownFront .stageNote{--tab-spin:18px;pointer-events:none}
.metaNote{display:grid;gap:2px;border-radius:12px;color:var(--link-spin);background:var(--side-tile),var(--list-stage);font-size:9px;padding:12px}
.metaNote .ringMedia{font-size:18px;color:var(--foot-deal)}
.slabUnitSlot{gap:5px;grid-template-columns:repeat(2,1fr);display:grid}
.slabUnitSlot img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:6px}
.liveStarDeal{margin-top:auto;border-top:1px solid var(--chip-mark);padding:8px 0 2px;justify-content:space-around;color:var(--frame-set);display:flex;font-size:16px}
.liveStarDeal .fieldArea:first-child{color:var(--foot-deal)}
.unitTab{background:rgba(5,8,5,0.94);border-bottom:1px dashed var(--tab-reel)}
.leadZone,.stripCell{background:var(--pill-nav);border-right:1px dashed var(--tab-reel)}
.dockSlabCore{border-radius:0;height:34px;font-size:13px;text-transform:lowercase;color:var(--link-spin)}
.dockSlabCore .fieldArea{color:var(--frame-set)}
.dockSlabCore:hover{background:var(--area-row);color:var(--foot-deal)}
.dockSlabCore.stage{background:var(--foot-deal);color:var(--unit-side);text-shadow:none}
.dockSlabCore.stage .fieldArea{color:var(--unit-side)}
.dockSlabCore.stage .crestCell{background:var(--unit-side);color:var(--foot-deal)}
.spinRace{color:var(--meta-group);letter-spacing:0.04em}
.spinRace::before{content:"# ";color:var(--frame-set)}
.featurePromo{border:1px dashed var(--tab-reel);letter-spacing:0;color:var(--foot-deal);box-shadow:none;text-transform:lowercase}
.featurePromo img{filter:saturate(0.6)}
.bonusSpin{border-radius:0;text-transform:lowercase}
.bonusSpin.stage{background:var(--foot-deal);color:var(--unit-side)}
.bonusSpin.stage .fieldArea{color:var(--unit-side)}