:root{
  --bg0:#05070b;
  --bg1:#090b12;
  --bg2:#07080d;
  --panel:#121218;
  --panel2:#181820;
  --panel3:#1d1d26;
  --txt:#f2f3f7;
  --muted:rgba(242,243,247,.62);
  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.05);
  --gold1:#f3d38a;
  --gold2:#d3a04a;
  --gold3:#8d6430;
  --green1:#39e46f;
  --green2:#19bb4d;
  --danger1:#ff7d8f;
  --danger2:#b14658;
  --shadow-xl:0 26px 80px rgba(0,0,0,.48);
  --shadow-lg:0 18px 44px rgba(0,0,0,.36);
  --shadow-md:0 10px 24px rgba(0,0,0,.28);
  --r-xl:26px;
  --r-lg:20px;
  --r-md:16px;
  --r-sm:13px;
  color-scheme:dark;
}

/* Triniti mobile tournament polish: use the real tournament view without touching desktop. */
@media (max-width:700px){
  html body:not(.triniti-game-page).is-tournament-view .heroBoard,
  html body:not(.triniti-game-page).is-tournament-view .toolbar,
  html body:not(.triniti-game-page).is-tournament-view #gamesSec,
  html body:not(.triniti-game-page).is-tournament-view .casinoDeskView,
  html body:not(.triniti-game-page).is-tournament-view .quickDeskView,
  html body:not(.triniti-game-page).is-tournament-view .pvpDeskView{
    display:none !important;
  }

  html body:not(.triniti-game-page).is-tournament-view .desktopExtraView--tournament{
    display:block !important;
    margin:0 0 104px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--tournament.is-stage-open .premiumPageHero,
  html body:not(.triniti-game-page) .desktopExtraView--tournament.is-stage-open .tournamentLayout,
  html body:not(.triniti-game-page) .desktopExtraView--tournament .tournamentStage[hidden],
  html body:not(.triniti-game-page) .desktopExtraView--tournament .tournamentJoinModal[hidden]{
    display:none !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament{
    position:relative !important;
    min-height:188px !important;
    display:grid !important;
    align-items:end !important;
    overflow:hidden !important;
    border-radius:20px !important;
    border:1px solid rgba(246,197,90,.34) !important;
    padding:16px !important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 44%,rgba(0,0,0,.28) 100%),
      url("./tournament-premium/tournament-hero.png?v=20260628-hero18") center / cover no-repeat !important;
    box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:radial-gradient(260px 120px at 72% 20%,rgba(246,197,90,.18),transparent 72%) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumPageHero__scene{
    display:none !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumPageHero__copy{
    position:relative !important;
    z-index:1 !important;
    width:min(100%,300px) !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .sectionEyebrow{
    color:#ffe28a !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament h1{
    margin:7px 0 0 !important;
    color:#fff !important;
    font-size:30px !important;
    line-height:.98 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament p{
    margin:8px 0 0 !important;
    max-width:290px !important;
    color:rgba(242,243,247,.74) !important;
    font-size:12px !important;
    line-height:1.32 !important;
    font-weight:800 !important;
  }

  html body:not(.triniti-game-page) .premiumHeroActions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
  }

  html body:not(.triniti-game-page) .premiumAction{
    min-height:38px !important;
    border:1px solid rgba(246,197,90,.36) !important;
    border-radius:12px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#1b1105 !important;
    background:linear-gradient(180deg,#fff0b0,#f6c55a 54%,#bf7e28) !important;
    font-size:12px !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .premiumAction--dark{
    color:#fff0bf !important;
    background:linear-gradient(180deg,rgba(31,36,48,.94),rgba(6,8,12,.96)) !important;
  }

  html body:not(.triniti-game-page) .tournamentLayout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:12px !important;
  }

  html body:not(.triniti-game-page) .tournamentEvents{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard{
    position:relative !important;
    min-height:156px !important;
    overflow:hidden !important;
    border-radius:18px !important;
    border:1px solid rgba(246,197,90,.34) !important;
    padding:10px !important;
    display:grid !important;
    align-content:end !important;
    gap:5px !important;
    color:#fff !important;
    text-align:left !important;
    background:#05070a !important;
    box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72) 74%,rgba(0,0,0,.9)),
      var(--tournament-card-image) center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:radial-gradient(240px 120px at 10% 100%,rgba(246,197,90,.18),transparent 72%) !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard--daily{
    --tournament-card-image:url("./tournament-premium/daily-sprint.png?v=20260628-hero18");
  }

  html body:not(.triniti-game-page) .tournamentEventCard--night{
    --tournament-card-image:url("./tournament-premium/night-bank.png?v=20260628-hero18");
  }

  html body:not(.triniti-game-page) .tournamentEventCard--pvp{
    --tournament-card-image:url("./tournament-premium/pvp-hunt.png?v=20260628-hero18");
  }

  html body:not(.triniti-game-page) .tournamentEventCard--season{
    --tournament-card-image:url("./tournament-premium/season-triniti.png?v=20260628-hero18");
  }

  html body:not(.triniti-game-page) .tournamentEventCard span,
  html body:not(.triniti-game-page) .tournamentEventCard small,
  html body:not(.triniti-game-page) .tournamentEventCard h2,
  html body:not(.triniti-game-page) .tournamentEventCard p,
  html body:not(.triniti-game-page) .tournamentEventCard b,
  html body:not(.triniti-game-page) .tournamentEventCard__meta{
    position:relative !important;
    z-index:1 !important;
    margin:0 !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard span{
    width:max-content !important;
    max-width:100% !important;
    border-radius:999px !important;
    padding:5px 7px !important;
    color:#ffe28a !important;
    background:rgba(246,197,90,.12) !important;
    border:1px solid rgba(246,197,90,.2) !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard h2{
    color:#fff !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard p{
    display:none !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard b{
    color:#ffe28a !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard small{
    color:rgba(255,241,205,.62) !important;
    font-size:8px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard__meta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard__meta em{
    min-width:0 !important;
    min-height:26px !important;
    border-radius:9px !important;
    border:1px solid rgba(246,197,90,.16) !important;
    padding:5px 7px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    background:rgba(3,5,9,.66) !important;
    color:rgba(255,241,205,.72) !important;
    font-size:8px !important;
    line-height:1 !important;
    font-style:normal !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
  }

  html body:not(.triniti-game-page) .tournamentEventCard__meta strong{
    color:#ffe28a !important;
    font-size:10px !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .tournamentTopPanel{
    min-width:0 !important;
    border-radius:18px !important;
    border:1px solid rgba(246,197,90,.3) !important;
    padding:12px !important;
    background:linear-gradient(180deg,rgba(18,22,31,.9),rgba(5,7,10,.95)) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body:not(.triniti-game-page) .premiumSectionTitle{
    color:#ffe6a0 !important;
    font-size:13px !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .tournamentTopPanel .premiumLeaderboardArt{
    width:100% !important;
    aspect-ratio:16 / 7 !important;
    margin:10px 0 !important;
    border-radius:14px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18)),
      var(--leaderboard-art-image, url("./tournament-premium/top-week.png?v=20260628-hero18")) center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .premiumLeaderboardRows{
    display:grid !important;
    gap:7px !important;
  }

  html body:not(.triniti-game-page) .premiumRankRow{
    min-height:38px !important;
    margin:0 !important;
    border-radius:12px !important;
    border:1px solid rgba(246,197,90,.14) !important;
    padding:0 10px !important;
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    background:rgba(4,6,10,.48) !important;
    color:rgba(242,243,247,.82) !important;
    font-size:11px !important;
    font-weight:850 !important;
  }

  html body:not(.triniti-game-page) .tournamentStage{
    display:block !important;
    margin-top:0 !important;
    border-radius:20px !important;
    border:1px solid rgba(246,197,90,.32) !important;
    padding:12px !important;
    background:linear-gradient(180deg,rgba(12,15,22,.96),rgba(4,6,10,.98)) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body:not(.triniti-game-page) .tournamentStage__top{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .tournamentStage__top h2{
    margin:5px 0 !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .tournamentStage__top p{
    margin:0 !important;
    color:rgba(242,243,247,.68) !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
  }

  html body:not(.triniti-game-page) .tournamentStage__timer{
    border-radius:14px !important;
    border:1px solid rgba(246,197,90,.22) !important;
    padding:10px !important;
    background:rgba(4,6,10,.62) !important;
    text-align:left !important;
  }

  html body:not(.triniti-game-page) .tournamentStage__grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:12px !important;
  }

  html body:not(.triniti-game-page) .tournamentStageCard{
    min-width:0 !important;
    border-radius:16px !important;
    border:1px solid rgba(246,197,90,.22) !important;
    padding:12px !important;
    background:rgba(7,9,14,.72) !important;
  }

  html body:not(.triniti-game-page) .tournamentStageArenaCard{
    padding:0 !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .tournamentStageBanner{
    min-height:300px !important;
    border-radius:16px !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),
      var(--tournament-stage-image) center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .tournamentStageOverlay{
    padding:12px !important;
    background:linear-gradient(180deg,rgba(3,5,10,.88),rgba(3,5,10,.2)) !important;
  }

  html body:not(.triniti-game-page) .tournamentStageStats{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  html body:not(.triniti-game-page) .tournamentStageStats span{
    border-radius:12px !important;
    border:1px solid rgba(246,197,90,.16) !important;
    padding:7px !important;
    background:rgba(3,5,10,.72) !important;
  }

  html body:not(.triniti-game-page) .tournamentStageStats small{
    display:block !important;
    color:rgba(255,241,205,.56) !important;
    font-size:8px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
  }

  html body:not(.triniti-game-page) .tournamentStageStats b{
    display:block !important;
    margin-top:5px !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .tournamentStageProgress{
    display:none !important;
  }
}

/* Triniti 20260627 finalpc7: stable hero/profile/coin overrides after all legacy layers. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroMain--bonus{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus{
    align-items:center !important;
    padding:24px 34px 22px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft{
    justify-content:center !important;
    max-width:385px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusX2{
    font-size:47px !important;
    line-height:.9 !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroTitle--bonus{
    font-size:34px !important;
    line-height:1 !important;
    max-width:300px !important;
    margin-top:2px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroText--bonus{
    max-width:315px !important;
    font-size:12px !important;
    line-height:1.35 !important;
    margin-top:10px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroPromoBtn{
    margin-top:12px !important;
  }

  html body .modal__panel--profile{
    width:min(560px,calc(100vw - 86px)) !important;
    max-height:min(760px,calc(100vh - 64px)) !important;
  }

  html body .profilePane{
    padding:12px !important;
    gap:10px !important;
  }

  html body .profileIdentity{
    grid-template-columns:94px 1fr !important;
    align-items:center !important;
    min-height:108px !important;
    padding:12px !important;
  }

  html body .profileAvatarPreview{
    width:74px !important;
    height:74px !important;
    border-radius:50% !important;
    overflow:hidden !important;
  }

  html body .profileAvatarEdit{
    min-height:26px !important;
    font-size:10px !important;
    padding:0 10px !important;
  }

  html body .profileIdentity__copy b{
    font-size:22px !important;
    line-height:1.05 !important;
  }

  html body .profileIdentity__copy small{
    font-size:11px !important;
    line-height:1.35 !important;
    max-width:310px !important;
  }

  html body .profileMetaGrid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
  }

  html body .profileFramePanel{
    padding:12px !important;
  }

  html body .profileMenu{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body .profileMenuItem{
    min-height:58px !important;
    padding:10px !important;
  }

  html body .profileMenuItem.active{
    border-color:rgba(255,216,126,.82) !important;
    background:linear-gradient(180deg,rgba(255,216,126,.18),rgba(18,21,31,.92)) !important;
    box-shadow:0 0 18px rgba(246,197,90,.18) !important;
  }

  html body .profileDetail{
    display:block !important;
    padding:12px !important;
    border:1px solid rgba(246,197,90,.22) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(13,17,25,.94),rgba(6,8,13,.96)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  html body .profileDetail[hidden]{
    display:none !important;
  }

  html body .profileDetailHead{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:8px !important;
  }

  html body .profileDetailHead b{
    color:#ffe6a7 !important;
    font-size:13px !important;
    text-transform:uppercase !important;
  }

  html body .profileDetailRows{
    display:grid !important;
    gap:7px !important;
    max-height:180px !important;
    overflow:auto !important;
    padding-right:2px !important;
  }

  html body .profileDetailRow{
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    gap:10px !important;
    align-items:center !important;
    min-height:44px !important;
    padding:8px 10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.035) !important;
  }

  html body .profileDetailRow span{
    display:grid !important;
    gap:2px !important;
    min-width:0 !important;
  }

  html body .profileDetailRow b,
  html body .profileSupportBox b{
    color:#fff4c5 !important;
    font-size:12px !important;
  }

  html body .profileDetailRow small,
  html body .profileSupportBox span,
  html body .profileDetailEmpty,
  html body .profileDetailMsg{
    color:rgba(255,255,255,.64) !important;
    font-size:10px !important;
  }

  html body .profileDetailRow em,
  html body .profileDetailRow strong{
    color:#ffe6a7 !important;
    font-style:normal !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  html body .profileSettingsGrid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body .profileSettingsGrid label{
    display:grid !important;
    gap:5px !important;
    min-width:0 !important;
  }

  html body .profileSettingsGrid span{
    color:#ffe6a7 !important;
    font-size:10px !important;
    text-transform:uppercase !important;
  }

  html body .profileSettingsGrid input{
    width:100% !important;
    min-width:0 !important;
    height:36px !important;
    border:1px solid rgba(246,197,90,.2) !important;
    border-radius:10px !important;
    background:rgba(0,0,0,.35) !important;
    color:#fff !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
  }

  html body .profileDetailAction{
    min-height:38px !important;
    margin-top:10px !important;
    padding:0 14px !important;
    border:1px solid rgba(246,197,90,.42) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#ffe58c,#d49327) !important;
    color:#171007 !important;
    font-weight:900 !important;
  }

  html body .profileSupportBox{
    display:grid !important;
    gap:6px !important;
  }

  html body .desktopProfileButton__avatar,
  html body .profileAvatarPreview{
    background-position:50% 50% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    clip-path:circle(50% at 50% 50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origStageBody{
    padding:16px 24px 70px !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:none !important;
    box-sizing:border-box !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:24px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaTop{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    position:relative !important;
    min-height:390px !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:24px !important;
    background:
      radial-gradient(430px 250px at 50% 46%,rgba(246,197,90,.18),transparent 68%),
      radial-gradient(560px 330px at 50% 100%,rgba(36,214,132,.09),transparent 76%),
      linear-gradient(135deg,rgba(18,22,30,.9),rgba(4,6,10,.98)) !important;
    box-shadow:inset 0 0 0 1px rgba(246,197,90,.16),inset 0 0 32px rgba(0,0,0,.52) !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:54px !important;
    width:46% !important;
    height:24px !important;
    transform:translateX(-50%) !important;
    border-radius:999px !important;
    background:radial-gradient(ellipse,rgba(0,0,0,.58),rgba(0,0,0,0) 70%) !important;
    pointer-events:none !important;
    z-index:1 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    display:block !important;
    pointer-events:none !important;
    z-index:4 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWrap{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:min(55vmin,520px) !important;
    height:min(55vmin,520px) !important;
    max-width:76% !important;
    max-height:88% !important;
    transform:translate(-50%,-50%) !important;
    z-index:3 !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coin3d{
    width:min(48vmin,450px) !important;
    height:min(48vmin,450px) !important;
    max-width:100% !important;
    max-height:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origStageBody{
    padding:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .hero,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .card.hero{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinFallbackHidden{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Triniti final rpspen93 overrides: no /2 x2, editable bet, cleaner KNB, glove-only penalty. */
html body.triniti-originals-page .origQuick{display:none !important}
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]{
  grid-column:1 / 2 !important;
  grid-row:2 / 3 !important;
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:none !important;
  background:transparent !important;
  color:#fff !important;
  font:inherit !important;
  font-size:28px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  padding:0 !important;
  -moz-appearance:textfield;
}
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]::-webkit-outer-spin-button,
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]:focus{text-shadow:0 0 18px rgba(255,221,144,.24)}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs::before{display:none !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  padding:38px 46px 72px !important;
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) !important;
  background:radial-gradient(320px 210px at 25% 56%,rgba(246,197,90,.11),transparent 72%),radial-gradient(320px 210px at 75% 56%,rgba(246,197,90,.10),transparent 72%),linear-gradient(180deg,rgba(13,17,23,.58),rgba(5,7,10,.92)) !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
  width:64px !important;
  height:42px !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,rgba(255,221,144,.14),rgba(6,8,12,.76)) !important;
  border:1px solid rgba(255,221,144,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.32) !important;
  color:#ffe6a1 !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .icon{overflow:visible !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken{
  position:relative;
  display:block;
  width:92px;
  height:92px;
  transform:perspective(620px) rotateX(12deg) rotateY(-13deg);
  filter:drop-shadow(0 22px 18px rgba(0,0,0,.45));
}
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{transform:perspective(620px) rotateX(12deg) rotateY(13deg) scaleX(-1)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--rock i{
  position:absolute;
  inset:15px 11px 13px;
  border-radius:45% 55% 48% 52% / 42% 36% 64% 58%;
  background:radial-gradient(22px 18px at 30% 25%,rgba(255,255,255,.35),transparent 70%),radial-gradient(34px 28px at 72% 70%,rgba(0,0,0,.28),transparent 72%),linear-gradient(135deg,#d9b46b 0%,#8d7147 38%,#2e3335 100%);
  border:1px solid rgba(255,225,151,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset -18px -20px 28px rgba(0,0,0,.42),0 0 24px rgba(246,197,90,.16);
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--rock em{
  position:absolute;left:17px;right:12px;bottom:11px;height:13px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(5px)
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--paper i{
  position:absolute;
  inset:10px 18px 12px 18px;
  border-radius:9px 14px 12px 10px;
  background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 30%),repeating-linear-gradient(180deg,transparent 0 13px,rgba(246,197,90,.2) 13px 15px,transparent 15px 27px),linear-gradient(160deg,#f4e6bf 0%,#c9a867 46%,#72562c 100%);
  border:1px solid rgba(255,231,171,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset -16px -18px 24px rgba(0,0,0,.24),0 18px 28px rgba(0,0,0,.36);
  transform:skewY(-5deg) rotateZ(-3deg);
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--paper em{
  position:absolute;right:18px;top:10px;width:24px;height:24px;clip-path:polygon(100% 0,0 0,100% 100%);background:linear-gradient(135deg,#fff3c9,#9a7736);opacity:.9
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors i{
  position:absolute;left:42px;top:6px;width:12px;height:76px;border-radius:999px;background:linear-gradient(90deg,#f8e6b4,#8f723a 48%,#f8d989);border:1px solid rgba(255,231,171,.58);box-shadow:inset -4px 0 8px rgba(0,0,0,.28),0 14px 20px rgba(0,0,0,.32);transform-origin:50% 82%
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors i:nth-child(1){transform:rotate(-28deg)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors i:nth-child(2){transform:rotate(28deg)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors em,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors b{
  position:absolute;bottom:8px;width:30px;height:30px;border-radius:50%;border:7px solid #d4ad5b;background:radial-gradient(circle,rgba(10,12,16,.9) 0 38%,rgba(255,221,144,.22) 39% 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 22px rgba(0,0,0,.34)
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors em{left:18px}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors b{right:18px}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .rpsToken{animation:rpsTokenReveal .58s cubic-bezier(.18,.8,.22,1) both}
@keyframes rpsTokenReveal{
  0%{transform:perspective(620px) rotateX(12deg) rotateY(-13deg) translateY(0) scale(1)}
  45%{transform:perspective(620px) rotateX(22deg) rotateY(22deg) translateY(-16px) scale(1.06)}
  100%{transform:perspective(620px) rotateX(12deg) rotateY(-13deg) translateY(0) scale(1)}
}

html body.triniti-originals-page.triniti-mode-penalty .origGame{
  --unified-stage-h:clamp(420px,calc(100vh - 328px),520px);
  grid-template-columns:300px minmax(720px,1fr) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origStageBody{padding:18px 28px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:min(760px,94%) !important;
  height:min(430px,var(--unified-stage-h)) !important;
  transform:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{height:58% !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{inset:24px 30px 32px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{display:none !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{width:132px !important;height:70px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{width:58px !important;height:50px !important;border-radius:20px 20px 24px 24px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{width:38px !important;height:38px !important}

/* Triniti ui101 true final layer: unified frames, volumetric centered coin, premium penalty goal. */
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .app{
  width:1280px !important;
  max-width:1280px !important;
  margin:0 auto !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origGame{
  width:1280px !important;
  max-width:1280px !important;
  min-width:0 !important;
  height:780px !important;
  grid-template-columns:300px 930px !important;
  gap:30px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origStage{
  width:930px !important;
  min-width:0 !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origStageBody{
  width:928px !important;
  min-width:0 !important;
  height:600px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origMount{
  width:876px !important;
  height:560px !important;
  min-width:0 !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
  width:800px !important;
  height:470px !important;
  margin:auto !important;
  align-self:center !important;
  justify-self:center !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
  height:350px !important;
  min-height:350px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  transform:none !important;
  transform-origin:center center !important;
  pointer-events:none !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  width:800px !important;
  height:470px !important;
  min-height:0 !important;
  margin:auto !important;
  padding:54px 58px 72px !important;
  grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr) !important;
  gap:34px !important;
  align-items:center !important;
  justify-items:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card{
  width:220px !important;
  max-width:220px !important;
  min-height:190px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
  width:118px !important;
  height:118px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
  width:108px !important;
  height:108px !important;
  transform:perspective(780px) rotateX(10deg) rotateY(-10deg) !important;
  filter:drop-shadow(0 22px 20px rgba(0,0,0,.46)) drop-shadow(0 0 16px rgba(246,197,90,.14)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
  transform:perspective(780px) rotateX(10deg) rotateY(10deg) scaleX(-1) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken i,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken em,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken b,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken::after,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs::before,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs::after{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:800px !important;
  max-width:800px !important;
  height:470px !important;
  max-height:470px !important;
  min-width:0 !important;
  margin:auto !important;
  display:grid !important;
  grid-template-rows:1fr 46px !important;
  place-items:center !important;
  gap:12px !important;
  transform:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:30px !important;
  background:
    radial-gradient(420px 210px at 50% 64%,rgba(25,102,59,.18),transparent 76%),
    radial-gradient(360px 220px at 50% 28%,rgba(246,197,90,.1),transparent 72%),
    linear-gradient(180deg,rgba(13,17,23,.72),rgba(5,7,10,.96)) !important;
  border:1px solid rgba(246,197,90,.18) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalTop{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  position:relative !important;
  width:720px !important;
  height:330px !important;
  max-width:720px !important;
  max-height:330px !important;
  min-height:0 !important;
  margin:20px auto 0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
  perspective:900px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,221,144,.2) !important;
  background:
    radial-gradient(400px 180px at 50% 88%,rgba(30,124,69,.24),transparent 76%),
    linear-gradient(rgba(255,221,144,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,221,144,.07) 1px,transparent 1px),
    linear-gradient(180deg,rgba(10,14,19,.94),rgba(5,7,10,.98)) !important;
  background-size:auto,100% 33.333%,20% 100%,auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 -74px 120px rgba(13,72,42,.2),
    0 24px 58px rgba(0,0,0,.46) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  content:"" !important;
  position:absolute !important;
  left:58px !important;
  right:58px !important;
  top:86px !important;
  height:156px !important;
  border:10px solid rgba(255,226,148,.88) !important;
  border-bottom-width:8px !important;
  border-radius:14px 14px 4px 4px !important;
  z-index:3 !important;
  opacity:1 !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,0) 16%,rgba(0,0,0,.16) 78%,rgba(255,255,255,.16)),
    linear-gradient(180deg,rgba(255,226,148,.18),rgba(255,226,148,.03)) !important;
  box-shadow:
    0 15px 28px rgba(0,0,0,.42),
    0 0 18px rgba(246,197,90,.16),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
  transform:perspective(760px) rotateX(2deg) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  content:"" !important;
  position:absolute !important;
  left:58px !important;
  right:58px !important;
  top:78px !important;
  height:174px !important;
  z-index:2 !important;
  border-radius:18px !important;
  background:
    linear-gradient(90deg,rgba(255,226,148,.32) 0 7px,transparent 7px calc(100% - 7px),rgba(255,226,148,.28) calc(100% - 7px)),
    linear-gradient(180deg,rgba(255,226,148,.26) 0 7px,transparent 7px calc(100% - 7px),rgba(255,226,148,.18) calc(100% - 7px)) !important;
  filter:blur(.1px) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  position:absolute !important;
  left:76px !important;
  right:76px !important;
  top:104px !important;
  height:122px !important;
  z-index:2 !important;
  border-radius:9px !important;
  background:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),
    radial-gradient(260px 90px at 50% 120%,rgba(39,180,92,.14),transparent 72%) !important;
  background-size:100% 33.333%,20% 100%,auto !important;
  transform:perspective(720px) rotateX(6deg) !important;
  box-shadow:inset 0 -26px 44px rgba(23,112,65,.16) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  position:absolute !important;
  left:76px !important;
  right:76px !important;
  top:104px !important;
  height:122px !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  grid-template-rows:repeat(3,1fr) !important;
  gap:5px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  border-radius:10px !important;
  border:1px solid rgba(255,221,144,.16) !important;
  background:rgba(255,255,255,.022) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  opacity:.78 !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zones[data-locked="0"] .zone,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone[data-enabled="1"]{
  cursor:pointer !important;
  opacity:1 !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zone:hover,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone.hot{
  border-color:rgba(255,221,144,.56) !important;
  background:rgba(246,197,90,.08) !important;
  box-shadow:0 0 18px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:7 !important;
  width:158px !important;
  height:78px !important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(246,197,90,.18)) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  position:absolute !important;
  width:70px !important;
  height:58px !important;
  border-radius:24px 24px 27px 27px !important;
  border:1px solid rgba(255,232,166,.58) !important;
  background:
    radial-gradient(16px 14px at 30% 25%,rgba(255,255,255,.4),transparent 72%),
    radial-gradient(24px 18px at 70% 72%,rgba(0,0,0,.28),transparent 70%),
    linear-gradient(145deg,#ffe393 0%,#d99c38 42%,#543111 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset -12px -14px 24px rgba(0,0,0,.32),
    0 10px 20px rgba(0,0,0,.36) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::before{
  content:"" !important;
  position:absolute !important;
  left:9px !important;
  right:9px !important;
  top:8px !important;
  height:18px !important;
  border-radius:18px !important;
  background:repeating-linear-gradient(90deg,rgba(255,246,195,.5) 0 10px,rgba(93,52,17,.16) 10px 13px) !important;
  opacity:.78 !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::after{
  content:"" !important;
  position:absolute !important;
  left:13px !important;
  right:13px !important;
  bottom:-6px !important;
  height:14px !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#fff0a8,#9b6421) !important;
  box-shadow:0 6px 12px rgba(0,0,0,.26) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{
  left:2px !important;
  transform:rotate(6deg) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{
  left:84px !important;
  transform:rotate(-6deg) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  z-index:8 !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.86),transparent 22%),
    radial-gradient(circle at 62% 68%,rgba(68,39,8,.3),transparent 42%),
    linear-gradient(145deg,#fff0a4,#d6a446 52%,#6f4214) !important;
  border:1px solid rgba(255,235,168,.74) !important;
  box-shadow:0 16px 26px rgba(0,0,0,.42),0 0 16px rgba(246,197,90,.18),inset -8px -10px 18px rgba(0,0,0,.24) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  position:static !important;
  transform:none !important;
  width:min(520px,86%) !important;
  min-height:40px !important;
  margin:0 auto 14px !important;
  z-index:10 !important;
}

@media (max-width:1320px){
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .app,
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origGame{
    width:100% !important;
    max-width:1280px !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origGame{
    grid-template-columns:300px minmax(0,1fr) !important;
  }
}

/* Triniti ui98 final alignment: coin centered, clean RPS symbols, compact OneWin-like penalty. */
html body.triniti-originals-page.triniti-mode-coinflip .origMount{
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
  width:min(720px,88%) !important;
  max-height:calc(var(--unified-stage-h, 470px) - 24px) !important;
  margin:auto !important;
  align-self:center !important;
  justify-self:center !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
  height:clamp(250px,42vh,330px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
  width:min(330px,72%) !important;
  height:min(330px,72%) !important;
  max-width:330px !important;
  max-height:330px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount{
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  width:min(680px,86%) !important;
  height:min(342px,calc(var(--unified-stage-h, 470px) - 48px)) !important;
  min-height:0 !important;
  margin:auto !important;
  padding:54px 44px 66px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr) !important;
  align-items:center !important;
  justify-items:center !important;
  column-gap:24px !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(246,197,90,.22) !important;
  background:
    radial-gradient(280px 190px at 22% 58%,rgba(246,197,90,.12),transparent 72%),
    radial-gradient(280px 190px at 78% 58%,rgba(246,197,90,.1),transparent 72%),
    linear-gradient(180deg,rgba(14,18,24,.72),rgba(5,7,10,.94)) !important;
  box-shadow:0 30px 78px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs::before,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs::after{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card{
  width:100% !important;
  max-width:210px !important;
  min-height:176px !important;
  padding:18px 16px !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  place-items:center !important;
  border-radius:24px !important;
  background:
    radial-gradient(120px 84px at 50% 42%,rgba(246,197,90,.1),transparent 72%),
    linear-gradient(180deg,rgba(17,22,30,.82),rgba(7,9,13,.9)) !important;
  border:1px solid rgba(246,197,90,.18) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
  width:112px !important;
  height:112px !important;
  margin:8px 0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  border-radius:28px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
  width:104px !important;
  height:104px !important;
  display:block !important;
  position:relative !important;
  transform:perspective(780px) rotateX(10deg) rotateY(-10deg) !important;
  filter:drop-shadow(0 22px 20px rgba(0,0,0,.46)) drop-shadow(0 0 16px rgba(246,197,90,.14)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
  transform:perspective(780px) rotateX(10deg) rotateY(10deg) scaleX(-1) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken i,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken em,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken b,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken::after{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
  width:68px !important;
  height:46px !important;
  align-self:center !important;
  justify-self:center !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(255,221,144,.16),rgba(6,8,12,.84)) !important;
  border:1px solid rgba(255,221,144,.28) !important;
  color:#ffe6a1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.36) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .small{
  position:static !important;
  transform:none !important;
  max-width:100% !important;
  opacity:.8 !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMultiplierStrip{
  min-height:66px !important;
  padding:12px 18px 14px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origGame{
  --unified-stage-h:clamp(420px,calc(100vh - 328px),510px);
  grid-template-columns:300px minmax(720px,1fr) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
  display:grid !important;
  place-items:center !important;
  padding:18px 28px !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount{
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:560px !important;
  max-width:82% !important;
  min-width:0 !important;
  height:358px !important;
  max-height:calc(var(--unified-stage-h, 510px) - 38px) !important;
  margin:auto !important;
  transform:none !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  place-items:center !important;
  gap:14px !important;
  overflow:visible !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:100% !important;
  height:254px !important;
  max-height:254px !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(246,197,90,.26) !important;
  background:
    linear-gradient(rgba(255,221,144,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,221,144,.08) 1px,transparent 1px),
    radial-gradient(310px 160px at 50% 100%,rgba(246,197,90,.13),transparent 72%),
    linear-gradient(180deg,rgba(12,16,22,.92),rgba(5,7,10,.96)) !important;
  background-size:100% 100%,20% 33%,auto,auto !important;
  box-shadow:inset 0 0 0 8px rgba(255,221,144,.035),0 26px 64px rgba(0,0,0,.42) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  opacity:.82 !important;
  border-width:8px !important;
  border-color:rgba(255,221,144,.42) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  inset:24px 30px 32px !important;
  border-radius:18px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  inset:24px 30px 32px !important;
  gap:6px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  border-radius:11px !important;
  background:rgba(255,255,255,.018) !important;
  border:1px solid rgba(255,221,144,.08) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:126px !important;
  height:68px !important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(246,197,90,.15)) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:56px !important;
  height:50px !important;
  border-radius:20px 20px 24px 24px !important;
  border:1px solid rgba(255,221,144,.42) !important;
  background:
    radial-gradient(18px 16px at 34% 28%,rgba(255,255,255,.34),transparent 70%),
    linear-gradient(145deg,#f4d07b 0%,#c58c2f 38%,#3f2710 100%) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{left:2px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{left:64px !important}

html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:34px !important;
  height:34px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  position:static !important;
  transform:none !important;
  min-height:42px !important;
  width:min(420px,92%) !important;
  margin:0 auto !important;
}

/* Triniti ui99: force RPS/Penalty onto the same 1280px game frame as dice, tower and coinflip. */
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .app{
  width:1280px !important;
  max-width:1280px !important;
  margin:0 auto !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origGame{
  width:1280px !important;
  max-width:1280px !important;
  min-width:0 !important;
  grid-template-columns:300px 930px !important;
  gap:30px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origStage{
  width:930px !important;
  min-width:0 !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origStageBody{
  width:928px !important;
  min-width:0 !important;
}

html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origMount{
  width:876px !important;
  min-width:0 !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  width:min(720px,88%) !important;
  height:min(350px,calc(var(--unified-stage-h, 470px) - 44px)) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:590px !important;
  max-width:78% !important;
}

@media (max-width:1320px){
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .app,
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origGame{
    width:100% !important;
    max-width:1280px !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origGame{
    grid-template-columns:300px minmax(0,1fr) !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origStage,
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origStageBody,
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty) .origMount{
    width:auto !important;
  }
}

/* Triniti ui100: keep the WebGL coin locked to the visual center of its arena. */
html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:300px !important;
  height:300px !important;
  max-width:min(300px,68%) !important;
  max-height:min(300px,68%) !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;
}

/* Triniti ui96 final polish: centered coinflip, clean KNB symbols, OneWin-like penalty proportions. */
html body.triniti-originals-page.triniti-mode-coinflip .origStageBody{
  display:grid !important;
  place-items:center !important;
  padding:20px 26px !important;
}
html body.triniti-originals-page.triniti-mode-coinflip .origMount{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
}
html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
  width:var(--unified-stage-w) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  margin:0 auto !important;
  align-self:center !important;
  justify-self:center !important;
}
html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
}

html body.triniti-originals-page.triniti-mode-rps .origGame{
  --unified-stage-h:clamp(382px,calc(100vh - 338px),470px) !important;
  --unified-stage-w:min(800px,100%) !important;
}
html body.triniti-originals-page.triniti-mode-rps .origStageBody{
  display:grid !important;
  place-items:center !important;
  padding:20px 26px !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount{
  display:grid !important;
  place-items:center !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  width:var(--unified-stage-w) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) !important;
  align-items:center !important;
  justify-items:center !important;
  gap:18px !important;
  padding:34px 44px 62px !important;
  margin:0 auto !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .card{
  width:100% !important;
  max-width:218px !important;
  min-height:238px !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  place-items:center !important;
  padding:22px 18px !important;
  justify-self:center !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .card::after{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
  width:122px !important;
  height:122px !important;
  border-radius:28px !important;
  display:grid !important;
  place-items:center !important;
  margin:8px 0 10px !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
  width:112px !important;
  height:112px !important;
  transform:none !important;
  filter:drop-shadow(0 18px 16px rgba(0,0,0,.44)) !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken i,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken em,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken b,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken::after{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
  justify-self:center !important;
  align-self:center !important;
  width:64px !important;
  height:46px !important;
  font-size:18px !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount #botPickView,
html body.triniti-originals-page.triniti-mode-rps .origMount #youPickView{
  min-height:24px !important;
  color:#f7e7bd !important;
  font-size:15px !important;
  font-weight:950 !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .rpsToken{
  animation:rpsCleanReveal .58s cubic-bezier(.18,.8,.22,1) both !important;
}
@keyframes rpsCleanReveal{
  0%{transform:translateY(0) scale(1) rotate(0deg)}
  45%{transform:translateY(-14px) scale(1.08) rotate(-4deg)}
  100%{transform:translateY(0) scale(1) rotate(0deg)}
}

html body.triniti-originals-page.triniti-mode-penalty .origGame{
  --unified-stage-h:clamp(382px,calc(100vh - 338px),470px) !important;
  --unified-stage-w:min(800px,100%) !important;
  grid-template-columns:300px minmax(0,1fr) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origStage{
  grid-template-rows:74px minmax(0,1fr) 70px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
  display:grid !important;
  place-items:center !important;
  padding:20px 26px !important;
  overflow:hidden !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:min(720px,92%) !important;
  height:min(410px,var(--unified-stage-h)) !important;
  margin:0 auto !important;
  transform:none !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  align-content:center !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:100% !important;
  height:315px !important;
  max-height:calc(var(--unified-stage-h) - 72px) !important;
  border-radius:24px !important;
  background:
    radial-gradient(420px 190px at 50% 15%,rgba(255,221,144,.18),transparent 68%),
    linear-gradient(180deg,rgba(15,19,25,.96) 0%,rgba(8,24,18,.92) 100%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  inset:20px 34px 82px !important;
  border-width:9px !important;
  border-color:rgba(255,221,144,.86) !important;
  box-shadow:0 0 28px rgba(246,197,90,.18),inset 0 0 0 1px rgba(255,255,255,.14) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  inset:30px 48px 92px !important;
  opacity:.32 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  inset:30px 50px 96px !important;
  gap:7px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  border-radius:12px !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.025) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone:hover{
  border-color:rgba(255,221,144,.58) !important;
  background:rgba(246,197,90,.12) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:116px !important;
  height:58px !important;
  top:calc(50% - 55px) !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{display:none !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:52px !important;
  height:48px !important;
  top:5px !important;
  border-radius:19px 19px 22px 22px !important;
  background:
    radial-gradient(20px 14px at 30% 25%,rgba(255,255,255,.5),transparent 70%),
    linear-gradient(180deg,#ffe49a 0%,#d19a33 48%,#724514 100%) !important;
  border:1px solid rgba(255,231,171,.68) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.42) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::after{
  content:"" !important;
  display:block !important;
  inset:10px 9px 8px !important;
  border-radius:14px !important;
  border:1px solid rgba(57,33,8,.28) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{left:0 !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{left:64px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:34px !important;
  height:34px !important;
  top:calc(100% - 52px) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  width:min(720px,92%) !important;
  margin:10px auto 0 !important;
}

/* Triniti ui97: tighter penalty frame, same visual mass as dice/tower. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:min(560px,82%) !important;
  height:min(350px,var(--unified-stage-h)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  height:272px !important;
  max-height:272px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  inset:18px 28px 70px !important;
  border-width:8px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  inset:28px 42px 80px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  inset:28px 43px 83px !important;
  gap:6px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  top:calc(100% - 45px) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  width:min(560px,82%) !important;
}

/* Triniti ui94 final visual fit. */
html body.triniti-originals-page.triniti-mode-rps .origMount .vs::after{display:none !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken::after{
  position:absolute;
  left:50%;
  bottom:-18px;
  transform:translateX(-50%);
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(255,221,144,.25);
  background:rgba(5,7,10,.72);
  color:#ffe7a8;
  font-size:10px;
  font-weight:950;
  letter-spacing:0;
  white-space:nowrap;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--rock::after{content:"КАМЕНЬ"}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors::after{content:"НОЖНИЦЫ"}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--paper::after{content:"БУМАГА"}
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken::after{transform:translateX(-50%) scaleX(-1)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--rock i{
  inset:12px 8px 18px !important;
  border-radius:44% 56% 54% 46% / 40% 45% 55% 60% !important;
  background:
    radial-gradient(20px 16px at 28% 24%,rgba(255,255,255,.38),transparent 72%),
    radial-gradient(30px 26px at 78% 68%,rgba(0,0,0,.32),transparent 72%),
    linear-gradient(140deg,#f0cb7b 0%,#a4834d 34%,#3e4648 72%,#1b1e22 100%) !important;
}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--paper i::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  top:21px;
  height:34px;
  border-top:2px solid rgba(55,38,18,.38);
  border-bottom:2px solid rgba(55,38,18,.3);
  background:linear-gradient(180deg,transparent 0 13px,rgba(55,38,18,.28) 13px 15px,transparent 15px);
}
html body.triniti-originals-page.triniti-mode-penalty .origGame{
  --unified-stage-h:clamp(390px,calc(100vh - 338px),470px);
  grid-template-columns:300px minmax(0,1fr) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
  padding:16px 24px !important;
  overflow:hidden !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:min(620px,88%) !important;
  height:min(380px,var(--unified-stage-h)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:86% !important;
  height:54% !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMultiplierStrip{
  overflow:hidden !important;
}

/* Triniti rpspen93: shared bet input, clean KNB symbols, penalty glove-only keeper. */
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]{
  grid-column:1 / 2;
  grid-row:2 / 3;
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:none !important;
  background:transparent !important;
  color:#fff !important;
  font:inherit !important;
  font-size:28px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  padding:0 !important;
  -moz-appearance:textfield;
}

html body.triniti-originals-page .origBetLine input[data-orig-bet-input]::-webkit-outer-spin-button,
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

html body.triniti-originals-page .origBetLine input[data-orig-bet-input]:focus{
  text-shadow:0 0 18px rgba(255,221,144,.24);
}

html body.triniti-originals-page .origQuick{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs::before{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  padding:38px 46px 72px !important;
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) !important;
  background:
    radial-gradient(320px 210px at 25% 56%,rgba(246,197,90,.11),transparent 72%),
    radial-gradient(320px 210px at 75% 56%,rgba(246,197,90,.10),transparent 72%),
    linear-gradient(180deg,rgba(13,17,23,.58),rgba(5,7,10,.92)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
  width:64px !important;
  height:42px !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,rgba(255,221,144,.14),rgba(6,8,12,.76)) !important;
  border:1px solid rgba(255,221,144,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.32) !important;
  color:#ffe6a1 !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
  overflow:visible !important;
  background:
    radial-gradient(80px 70px at 50% 18%,rgba(255,221,144,.16),transparent 70%),
    linear-gradient(180deg,rgba(19,23,31,.94),rgba(5,7,10,.94)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken{
  position:relative;
  display:block;
  width:92px;
  height:92px;
  transform:perspective(620px) rotateX(12deg) rotateY(-13deg);
  filter:drop-shadow(0 22px 18px rgba(0,0,0,.45));
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
  transform:perspective(620px) rotateX(12deg) rotateY(13deg) scaleX(-1);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--rock i{
  position:absolute;
  inset:15px 11px 13px;
  border-radius:45% 55% 48% 52% / 42% 36% 64% 58%;
  background:
    radial-gradient(22px 18px at 30% 25%,rgba(255,255,255,.35),transparent 70%),
    radial-gradient(34px 28px at 72% 70%,rgba(0,0,0,.28),transparent 72%),
    linear-gradient(135deg,#d9b46b 0%,#8d7147 38%,#2e3335 100%);
  border:1px solid rgba(255,225,151,.45);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset -18px -20px 28px rgba(0,0,0,.42),
    0 0 24px rgba(246,197,90,.16);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--rock em{
  position:absolute;
  left:17px;
  right:12px;
  bottom:11px;
  height:13px;
  border-radius:50%;
  background:rgba(0,0,0,.36);
  filter:blur(5px);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--paper i{
  position:absolute;
  inset:10px 18px 12px 18px;
  border-radius:9px 14px 12px 10px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.72),transparent 30%),
    repeating-linear-gradient(180deg,transparent 0 13px,rgba(246,197,90,.2) 13px 15px,transparent 15px 27px),
    linear-gradient(160deg,#f4e6bf 0%,#c9a867 46%,#72562c 100%);
  border:1px solid rgba(255,231,171,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset -16px -18px 24px rgba(0,0,0,.24),
    0 18px 28px rgba(0,0,0,.36);
  transform:skewY(-5deg) rotateZ(-3deg);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--paper em{
  position:absolute;
  right:18px;
  top:10px;
  width:24px;
  height:24px;
  clip-path:polygon(100% 0,0 0,100% 100%);
  background:linear-gradient(135deg,#fff3c9,#9a7736);
  opacity:.9;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors i{
  position:absolute;
  left:42px;
  top:6px;
  width:12px;
  height:76px;
  border-radius:999px;
  background:linear-gradient(90deg,#f8e6b4,#8f723a 48%,#f8d989);
  border:1px solid rgba(255,231,171,.58);
  box-shadow:inset -4px 0 8px rgba(0,0,0,.28),0 14px 20px rgba(0,0,0,.32);
  transform-origin:50% 82%;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors i:nth-child(1){
  transform:rotate(-28deg);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors i:nth-child(2){
  transform:rotate(28deg);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors em,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors b{
  position:absolute;
  bottom:8px;
  width:30px;
  height:30px;
  border-radius:50%;
  border:7px solid #d4ad5b;
  background:radial-gradient(circle,rgba(10,12,16,.9) 0 38%,rgba(255,221,144,.22) 39% 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 22px rgba(0,0,0,.34);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors em{left:18px}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken--scissors b{right:18px}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .rpsToken{
  animation:rpsTokenReveal .58s cubic-bezier(.18,.8,.22,1) both;
}

@keyframes rpsTokenReveal{
  0%{transform:perspective(620px) rotateX(12deg) rotateY(-13deg) translateY(0) scale(1)}
  45%{transform:perspective(620px) rotateX(22deg) rotateY(22deg) translateY(-16px) scale(1.06)}
  100%{transform:perspective(620px) rotateX(12deg) rotateY(-13deg) translateY(0) scale(1)}
}

html body.triniti-originals-page.triniti-mode-penalty .origGame{
  --unified-stage-h:clamp(420px,calc(100vh - 328px),520px);
  grid-template-columns:300px minmax(720px,1fr) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
  padding:18px 28px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:min(760px,94%) !important;
  height:min(430px,var(--unified-stage-h)) !important;
  transform:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  height:58% !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  inset:24px 30px 32px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:132px !important;
  height:70px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:58px !important;
  height:50px !important;
  border-radius:20px 20px 24px 24px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:38px !important;
  height:38px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .zone.disabled,
html body.triniti-originals-page.triniti-mode-penalty .zones[data-locked="1"] .zone{
  pointer-events:none !important;
}

/* Triniti rpspen89: realistic hands and premium penalty field. */
html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
  color:transparent !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.2),transparent 40%),
    linear-gradient(145deg,#1a1f29,#06080d) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand{
  position:relative;
  width:92px;
  height:92px;
  display:block;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(246,197,90,.18));
  transform-style:preserve-3d;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand i,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand em{
  position:absolute;
  display:block;
  border-radius:999px;
  background:
    radial-gradient(circle at 35% 22%,rgba(255,255,255,.62),transparent 34%),
    linear-gradient(180deg,#ffe1a0 0%,#c78334 62%,#563012 100%);
  border:1px solid rgba(255,232,164,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -10px 14px rgba(76,39,10,.28),
    0 7px 13px rgba(0,0,0,.24);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--rock i{
  width:30px;
  height:34px;
  top:20px;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--rock i:nth-child(1){left:8px;transform:rotate(-9deg)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--rock i:nth-child(2){left:28px;top:13px;height:42px}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--rock i:nth-child(3){left:49px;top:17px;height:38px}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--rock i:nth-child(4){left:64px;top:28px;width:24px;height:30px;transform:rotate(12deg)}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--rock em{
  left:19px;
  top:43px;
  width:58px;
  height:42px;
  border-radius:22px 20px 24px 26px;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--paper i{
  width:17px;
  height:66px;
  top:6px;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--paper i:nth-child(1){left:16px;top:14px;transform:rotate(-7deg)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--paper i:nth-child(2){left:34px;height:74px}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--paper i:nth-child(3){left:52px;height:70px;transform:rotate(4deg)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--paper i:nth-child(4){left:69px;top:18px;height:56px;transform:rotate(10deg)}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--paper em{
  left:19px;
  top:58px;
  width:58px;
  height:30px;
  border-radius:24px 24px 28px 28px;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(1),
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(2){
  width:18px;
  height:78px;
  top:0;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(1){left:28px;transform:rotate(-23deg);transform-origin:bottom center}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(2){left:47px;transform:rotate(22deg);transform-origin:bottom center}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(3),
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(4){
  width:22px;
  height:34px;
  top:43px;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(3){left:22px;transform:rotate(-12deg)}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors i:nth-child(4){left:54px;transform:rotate(12deg)}

html body.triniti-originals-page.triniti-mode-rps .origMount .rpsHand--scissors em{
  left:25px;
  top:56px;
  width:46px;
  height:34px;
  border-radius:20px 20px 24px 24px;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsHand{
  transform:scaleX(-1) rotateY(-8deg);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card:last-child .rpsHand{
  transform:rotateY(8deg);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .rpsHand{
  animation:rpsHandThrow .56s cubic-bezier(.18,.8,.22,1) both;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="win"] .card:last-child .rpsHand,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="lose"] .card:first-child .rpsHand{
  animation:rpsWinnerHand .78s ease both;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="win"] .card:last-child,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="lose"] .card:first-child{
  border-color:rgba(54,224,128,.5) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 38px rgba(54,224,128,.18),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="lose"] .card:last-child,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="win"] .card:first-child{
  border-color:rgba(255,90,106,.38) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 30px rgba(255,90,106,.12),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origControls .origOption{
  min-height:54px !important;
}

@keyframes rpsHandThrow{
  0%{translate:0 0;rotate:0deg;scale:1}
  34%{translate:0 -18px;rotate:-8deg;scale:1.06}
  68%{translate:0 10px;rotate:7deg;scale:.98}
  100%{translate:0 0;rotate:0deg;scale:1}
}

@keyframes rpsWinnerHand{
  0%{translate:0 0;scale:1}
  45%{translate:0 -8px;scale:1.08}
  100%{translate:0 0;scale:1.03}
}

html body.triniti-originals-page.triniti-mode-penalty{
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(255,220,139,.12),transparent 68%),
    radial-gradient(720px 520px at 15% 92%,rgba(31,132,69,.18),transparent 70%),
    radial-gradient(720px 460px at 88% 88%,rgba(160,88,24,.12),transparent 72%),
    linear-gradient(135deg,#020305 0%,#07090d 52%,#020305 100%) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .app{
  width:min(1388px,calc(100vw - 34px)) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origGame{
  --unified-stage-h:clamp(382px,calc(100vh - 338px),470px);
  --unified-stage-w:min(800px,100%);
  height:clamp(620px,calc(100vh - 132px),780px) !important;
  min-height:620px !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:26px !important;
  border-color:rgba(255,221,144,.34) !important;
  background:
    linear-gradient(90deg,rgba(12,8,5,.86),rgba(3,5,8,.56) 18%,rgba(3,5,8,.54) 82%,rgba(12,8,5,.86)),
    radial-gradient(520px 320px at 50% 20%,rgba(255,221,144,.12),transparent 72%),
    linear-gradient(180deg,#080a0f 0%,#020305 100%) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origPanel{
  border-radius:22px !important;
  padding:16px !important;
  gap:13px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origWallet{
  min-height:76px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origStage{
  grid-template-rows:74px minmax(0,1fr) 70px !important;
  border-radius:24px !important;
  background:
    radial-gradient(620px 300px at 50% -4%,rgba(255,221,144,.12),transparent 70%),
    linear-gradient(180deg,rgba(16,20,27,.94),rgba(5,7,10,.96)) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origStageBar{
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) 92px !important;
  align-items:center !important;
  gap:12px !important;
  padding:13px 18px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origBack{justify-self:start !important}
html body.triniti-originals-page.triniti-mode-penalty .origModeMark{justify-self:center !important}

html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
  min-height:0 !important;
  padding:20px 26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(420px 240px at 52% 42%,rgba(255,202,91,.13),transparent 72%),
    radial-gradient(440px 260px at 50% 86%,rgba(31,132,69,.18),transparent 72%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 16%,transparent 84%,rgba(0,0,0,.28)),
    linear-gradient(180deg,rgba(7,10,14,.2),rgba(0,0,0,.32)) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount{
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:var(--unified-stage-w);
  height:var(--unified-stage-h);
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  border-radius:28px;
  border:1px solid rgba(255,221,144,.16);
  background:
    radial-gradient(360px 200px at 50% 42%,rgba(255,209,104,.1),transparent 70%),
    linear-gradient(180deg,rgba(18,22,30,.58),rgba(4,6,9,.76));
  box-shadow:
    0 34px 86px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.055);
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  position:relative !important;
  z-index:2 !important;
  width:var(--unified-stage-w) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) 42px !important;
  gap:10px !important;
  padding:10px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  contain:paint !important;
  border:1px solid rgba(255,221,144,.22) !important;
  background:
    radial-gradient(360px 220px at 50% 28%,rgba(255,197,74,.12),transparent 70%),
    radial-gradient(470px 260px at 50% 95%,rgba(38,180,88,.18),transparent 74%),
    linear-gradient(180deg,rgba(13,17,23,.58),rgba(5,7,10,.9)) !important;
  box-shadow:
    0 34px 86px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(255,221,144,.06) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalTop{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border-radius:24px !important;
  border:1px solid rgba(255,221,144,.18) !important;
  background:
    linear-gradient(180deg,rgba(4,7,12,.78) 0%,rgba(7,14,18,.78) 42%,rgba(8,48,26,.92) 100%),
    radial-gradient(520px 220px at 50% 16%,rgba(255,221,144,.12),transparent 72%) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  top:9%;
  height:62%;
  z-index:1;
  border:9px solid rgba(226,199,126,.9);
  border-bottom-width:7px;
  border-radius:14px 14px 5px 5px;
  box-shadow:
    0 16px 30px rgba(0,0,0,.36),
    0 0 24px rgba(246,197,90,.2),
    inset 0 0 0 2px rgba(0,0,0,.28);
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  content:"";
  position:absolute;
  inset:auto -12% 0;
  height:34%;
  z-index:0;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,221,144,.18),transparent 48%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 2px,transparent 2px 80px),
    linear-gradient(180deg,rgba(25,92,43,.2),rgba(8,40,23,.94));
  transform:perspective(560px) rotateX(48deg);
  transform-origin:bottom center;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  z-index:1 !important;
  left:9% !important;
  right:9% !important;
  top:13% !important;
  bottom:35% !important;
  opacity:.5 !important;
  background:
    linear-gradient(90deg,rgba(255,242,199,.24) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(0deg,rgba(255,242,199,.22) 1px,transparent 1px) 0 0/34px 34px !important;
  filter:drop-shadow(0 0 14px rgba(246,197,90,.16));
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  z-index:3 !important;
  left:9.5% !important;
  right:9.5% !important;
  top:15% !important;
  bottom:36% !important;
  gap:8px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  border-radius:12px !important;
  border:1px solid rgba(255,232,164,.16) !important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,232,164,.08),transparent 70%),
    rgba(5,8,12,.2) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .zone:hover{
  border-color:rgba(255,221,144,.78) !important;
  background:rgba(255,221,144,.14) !important;
  box-shadow:0 0 18px rgba(246,197,90,.2),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:4 !important;
  left:9.5% !important;
  right:9.5% !important;
  top:15% !important;
  bottom:36% !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:56px;
  height:74px;
  border-radius:24px 24px 18px 18px;
  translate:-50% -38%;
  background:
    radial-gradient(circle at 50% 8%,#f1c884 0 13px,transparent 14px),
    linear-gradient(180deg,#151a24 0 38%,#0b0f16 39% 100%);
  border:1px solid rgba(255,221,144,.12);
  box-shadow:0 24px 34px rgba(0,0,0,.36);
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:50px !important;
  height:46px !important;
  border-radius:18px 18px 20px 20px !important;
  background:
    radial-gradient(circle at 35% 22%,rgba(255,255,255,.5),transparent 40%),
    linear-gradient(180deg,#ffe18f,#c4832d 65%,#5c3511) !important;
  border:1px solid rgba(255,221,144,.32) !important;
  box-shadow:0 16px 28px rgba(0,0,0,.42),0 0 18px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.2) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{left:calc(50% - 61px) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{left:calc(50% + 10px) !important}

html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  z-index:5 !important;
  width:34px !important;
  height:34px !important;
  top:calc(100% - 34px) !important;
  background:
    radial-gradient(circle at 28% 20%,#fff9d7 0 14%,#e8d08a 36%,#7a4917 78%,#241104 100%) !important;
  border:1px solid rgba(255,232,164,.42) !important;
  box-shadow:0 18px 30px rgba(0,0,0,.42),0 0 24px rgba(246,197,90,.24) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  transition:transform 360ms cubic-bezier(.15,.88,.22,1), filter 360ms ease !important;
  filter:blur(.2px) brightness(1.18);
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  z-index:4 !important;
  min-height:40px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  border:1px solid rgba(255,221,144,.16) !important;
  background:linear-gradient(180deg,rgba(13,17,23,.72),rgba(5,7,10,.86)) !important;
  color:#f6eacd !important;
  font-weight:900 !important;
  text-align:center !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="shooting"] .ball{
  animation:penaltySpin .36s linear both;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="goal"]{
  box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 42px rgba(54,224,128,.18),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="save"]{
  box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 42px rgba(255,90,106,.18),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMultiplierStrip{
  min-height:70px !important;
  padding:13px 18px 15px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMultiplierStrip span{
  min-height:40px !important;
  border-radius:13px !important;
}

html body.triniti-originals-page.triniti-mode-penalty .origMultiplierStrip span.is-complete{
  border-color:rgba(54,224,128,.5) !important;
  color:#eaffef !important;
  background:
    radial-gradient(95px 42px at 50% 10%,rgba(54,224,128,.2),transparent 72%),
    linear-gradient(180deg,rgba(30,44,34,.92),rgba(8,13,12,.96)) !important;
}

@keyframes penaltySpin{
  0%{rotate:0deg;scale:1}
  100%{rotate:420deg;scale:.92}
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-penalty .origGame{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    min-height:560px !important;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page.triniti-mode-penalty .origGame{
    --unified-stage-h:340px;
    padding:10px !important;
    gap:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    grid-template-rows:64px minmax(0,1fr) 62px !important;
    min-height:490px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStageBar{
    min-height:64px !important;
    grid-template-columns:72px minmax(0,1fr) 40px !important;
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
    padding:10px !important;
  }
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif !important;
  color:var(--txt);
  overflow-x:hidden;
  background:
    radial-gradient(900px 520px at 72% -12%,rgba(45,226,111,.08),transparent 62%),
    radial-gradient(900px 540px at 18% 20%,rgba(244,211,138,.11),transparent 64%),
    linear-gradient(180deg,#05070b 0%,#090b12 48%,#07080d 100%) !important;
}

a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
input{outline:none}
input[type="number"]{-moz-appearance:textfield}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(3,4,7,.2),rgba(3,4,7,.62) 58%,rgba(3,4,7,.88)),
    radial-gradient(820px 520px at 44% 18%,rgba(0,0,0,.5),transparent 62%),
    url("./site-backdrop.jpg?v=20260628-hero18") center center / cover no-repeat;
  filter:saturate(1.08) contrast(1.04);
}
.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:radial-gradient(1px 1px at 10% 18%,rgba(255,255,255,.25),transparent 60%),radial-gradient(1px 1px at 70% 32%,rgba(255,255,255,.18),transparent 60%),radial-gradient(1px 1px at 34% 76%,rgba(255,255,255,.16),transparent 60%)}
.dot{width:10px;height:10px;border-radius:999px;background:#2fe06f;box-shadow:0 0 0 4px rgba(47,224,111,.12)}
.muted{color:var(--muted)}

.pressable{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;will-change:transform}
.pressable:hover{filter:brightness(1.04)}
.pressable:active,.pressable.is-pressed{transform:translateY(1px) scale(.988)}

.btn{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.03);cursor:pointer}
.btn--primary,.authBtn--primary{background:linear-gradient(180deg,#45f07d,#18ba4e) !important;color:#fff;box-shadow:0 14px 30px rgba(24,186,78,.24),inset 0 1px 0 rgba(255,255,255,.2) !important}
.btn--gold{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#22160a;border-color:rgba(211,160,74,.45)}
.btn--danger{background:linear-gradient(180deg,var(--danger1),var(--danger2));color:#fff}

.topbar,.heroBoard,.heroMain,.heroSide,.modal__panel,.mobileTop,.mobileHeroBonus,.mobileWalletPanel__balance,.mobileWalletPanel__btn,.mobileWalletPanel__online{
  border-color:rgba(244,211,138,.18) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 36%),linear-gradient(180deg,#15171f 0%,#080a10 100%) !important;
}
.topbar,.heroBoard{box-shadow:0 28px 70px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.075) !important}
.brandLogo,.mBrandLogo,.heroSide__iconWrap,.mobileWalletPanel__btnIcon,.socIcon,.supportIcon{
  border-color:rgba(244,211,138,.38) !important;
  background:linear-gradient(180deg,#3a3a42 0%,#1d1e26 56%,#101117 100%) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 22px rgba(214,168,79,.11),inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.deskSidebar__inner{border-color:rgba(244,211,138,.28) !important;background:linear-gradient(180deg,#11131d 0%,#070910 100%) !important;box-shadow:0 28px 68px rgba(0,0,0,.55),0 0 28px rgba(214,168,79,.08),inset 0 1px 0 rgba(255,255,255,.07) !important}
.deskSidebar__inner::before{content:none !important}
.sidebarOnline{
  border-color:rgba(244,211,138,.32) !important;
  background:
    radial-gradient(72px 52px at 50% 0%,rgba(57,228,111,.16),transparent 70%),
    linear-gradient(180deg,#222738 0%,#0e111c 58%,#06070c 100%) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.38),0 0 18px rgba(214,168,79,.08),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.sidebarOnline__badge{
  border-color:rgba(57,228,111,.28) !important;
  background:linear-gradient(180deg,rgba(36,44,45,.78),rgba(5,7,10,.64)) !important;
}
.sidebarOnline__value{
  color:#fff !important;
  font-size:18px !important;
  letter-spacing:-.35px !important;
}
.sidebarOnline__caption{font-size:7px !important}
.title,.mTitle{
  color:transparent !important;
  background:linear-gradient(180deg,#fff 0%,#fff2bf 22%,#f1ca72 52%,#a96c1e 78%,#ffe8aa 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
.deskSidebar__menuBtn,.deskSidebar__item{
  position:relative !important;
  border-color:rgba(244,211,138,.32) !important;
  background:linear-gradient(180deg,#2e3142 0%,#131722 52%,#080a10 100%) !important;
  color:#f6d991 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.44),0 0 14px rgba(214,168,79,.07),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -14px 24px rgba(0,0,0,.28) !important;
}
.deskSidebar__menuBtn:hover,.deskSidebar__item:hover{border-color:rgba(255,225,154,.58) !important;color:#ffe9ad !important}
.deskSidebar__label{color:rgba(244,211,138,.76) !important;text-shadow:0 0 18px rgba(214,168,79,.18)}
.deskSidebar__item::after,.deskSidebar__menuBtn::after{content:"";position:absolute;inset:6px;border-radius:11px;border:1px solid rgba(255,226,157,.12);pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 52%)}
.deskSidebar__item .sideIcon,.deskSidebar__menuBtn svg{position:relative;z-index:1;color:#f7d98d !important}
.deskSidebar__item:hover .sideIcon,.deskSidebar__menuBtn:hover svg{filter:drop-shadow(0 0 14px rgba(244,211,138,.35))}
.gameGlyph,.gameIconSvg path,.gameIconSvg circle,.gameIconSvg rect,.gameIconSvg line,.gameIconSvg polyline,.gameIconSvg polygon{color:#f3cf78 !important;stroke:#f3cf78 !important;filter:drop-shadow(0 8px 14px rgba(214,168,79,.22))}
.navPill.active,.tab.active,.mobileBottomNav__item.active{border-color:rgba(244,211,138,.3) !important;background:linear-gradient(180deg,rgba(244,211,138,.18),rgba(244,211,138,.055)) !important;color:#fff5ca !important}

.heroSide--online,.mobileWalletPanel__online{
  border-color:rgba(244,211,138,.24) !important;
  background:
    radial-gradient(260px 120px at 92% 18%,rgba(57,228,111,.14),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#141720 0%,#070910 100%) !important;
}
.onlineLiveBadge{
  border-color:rgba(57,228,111,.24) !important;
  background:linear-gradient(180deg,rgba(36,44,45,.78),rgba(5,7,10,.64)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(57,228,111,.08) !important;
}
.onlineCard__number,.mobileWalletPanel__onlineValue b{text-shadow:0 12px 24px rgba(0,0,0,.58),0 0 18px rgba(244,211,138,.1)}
.mobileWalletPanel__onlineValue span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:rgba(244,211,138,.72)}

.heroMain--bonus{
  isolation:isolate;
  border-color:rgba(244,211,138,.24) !important;
  background:
    linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.86) 34%,rgba(5,6,10,.36) 58%,rgba(5,6,10,.03) 100%),
    linear-gradient(180deg,rgba(244,211,138,.1),rgba(0,0,0,0) 34%),
    url("./hero-premium/hero-welcome.png?v=20260628-hero18") center right / cover no-repeat !important;
  box-shadow:0 24px 60px rgba(0,0,0,.48),0 0 44px rgba(214,168,79,.07),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.heroMain--bonus[data-banner="1"]{
  background:
    linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.88) 34%,rgba(5,6,10,.38) 58%,rgba(5,6,10,.04) 100%),
    linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
    url("./hero-premium/hero-vip.png?v=20260628-hero18") center right / cover no-repeat !important;
}
.heroMain--bonus[data-banner="2"]{
  background:
    linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.88) 34%,rgba(5,6,10,.38) 58%,rgba(5,6,10,.04) 100%),
    linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
    url("./hero-premium/hero-sprint.png?v=20260628-hero18") center right / cover no-repeat !important;
}
.heroFutureSlot{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.heroMain--bonus::before{content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 0 32%,rgba(255,233,174,.14) 42%,transparent 54%),repeating-linear-gradient(135deg,transparent 0 40px,rgba(244,211,138,.035) 40px 42px,transparent 42px 86px);opacity:.62;transform:translateX(-28%);animation:trinitiHeroSweep 6.8s ease-in-out infinite}
.heroMain--bonus::after{content:"";position:absolute;right:0;top:0;bottom:0;width:44%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(57,228,111,.055)),linear-gradient(180deg,rgba(244,211,138,.08),transparent 58%);opacity:.42}
.heroMain__overlay--bonus{z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 30%),radial-gradient(420px 240px at 78% 58%,rgba(57,228,111,.14),transparent 72%),radial-gradient(520px 300px at 56% 74%,rgba(244,211,138,.12),transparent 76%) !important}
.heroMain__content--bonus{z-index:3}
.heroBonusVisual--cards,.mobileHeroBonus__visual{opacity:0 !important;pointer-events:none !important}
.heroTitle--bonus,.heroText--bonus,.heroKicker--bonus{text-shadow:0 16px 34px rgba(0,0,0,.72),0 0 22px rgba(0,0,0,.62) !important}
.heroBonusX2,.mobileHeroBonus__x2{background:linear-gradient(95deg,#fff4bd 0%,#f5cb68 32%,#b87624 54%,#ffe6a0 72%,#d79b35 100%) !important;background-size:220% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:trinitiGoldText 3.4s ease-in-out infinite}
.heroPromoBtn{position:relative;overflow:hidden;border-color:rgba(255,229,163,.48) !important;background:linear-gradient(180deg,#ffe7a5 0%,#e1ad4d 52%,#b87825 100%) !important;box-shadow:0 18px 36px rgba(214,168,79,.22),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -10px 20px rgba(82,47,10,.18) !important}
.heroPromoBtn::after{content:"";position:absolute;inset:-30% auto -30% -45%;width:42%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:trinitiButtonShine 4.8s ease-in-out infinite}

.grid.grid--kazaro{gap:14px !important}
.gameCard--kazaro{
  --mode-cover:url("./mode-cards/mines-cover.jpg?v=20260628-hero18");
  position:relative !important;
  overflow:hidden !important;
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:13px !important;
  border-color:rgba(244,211,138,.34) !important;
  background:#050608 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.gameCard--kazaro::before{content:"";position:absolute;inset:0 !important;z-index:0;pointer-events:none;border-radius:inherit !important;background-image:var(--mode-cover) !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;filter:saturate(1.06) contrast(1.06) brightness(.98) !important;transform:scale(1.002) !important;transition:transform .22s ease,filter .22s ease !important}
.gameCard--kazaro::after,.gameCard--kazaro[data-locked="1"]::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:4 !important;display:block !important;min-height:0 !important;border-radius:inherit !important;border:1px solid rgba(255,240,190,.12) !important;background:radial-gradient(80% 60% at 50% 50%,rgba(0,0,0,.02),rgba(0,0,0,.18) 58%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,0) 28%,rgba(0,0,0,.42) 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -30px 44px rgba(0,0,0,.45) !important}
.gameCard--kazaro:hover{transform:translateY(-3px);border-color:rgba(244,211,138,.58) !important;box-shadow:0 24px 46px rgba(0,0,0,.58),0 0 34px rgba(214,168,79,.18),inset 0 1px 0 rgba(255,255,255,.12) !important}
.gameCard--kazaro:hover::before{transform:scale(1.045) !important;filter:saturate(1.12) contrast(1.08) brightness(1.03) !important}
.gameCardKazaro__bg,.gameCardKazaro__pattern,.gameCardKazaro__iconBox{display:none !important}
.gameCardKazaro__iconWrap{position:absolute !important;inset:0 !important;z-index:1 !important;width:100% !important;height:100% !important;display:block !important;pointer-events:none !important}
.gameCardKazaro__title{position:absolute !important;left:50% !important;top:50% !important;z-index:7 !important;width:auto !important;min-height:0 !important;transform:translate(-50%,-48%) !important;display:block !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;color:#fff !important;font-size:27px !important;line-height:1 !important;letter-spacing:0 !important;text-align:center !important;white-space:nowrap !important;text-shadow:0 3px 0 rgba(0,0,0,.58),0 13px 24px rgba(0,0,0,.86),0 0 20px rgba(0,0,0,.58) !important}
.gameCardKazaro__title::before{content:none !important}
.gameCardKazaro__lock{top:10px !important;right:10px !important;width:28px !important;height:28px !important;z-index:8 !important;background:rgba(4,5,8,.58) !important;border-color:rgba(244,211,138,.28) !important;backdrop-filter:blur(8px)}
.gameCard--coinflip{--mode-cover:url("./mode-cards/coinflip-cover.jpg?v=20260628-hero18")}
.gameCard--tower{--mode-cover:url("./mode-cards/tower-cover.jpg?v=20260628-hero18")}
.gameCard--dice{--mode-cover:url("./mode-cards/dice-cover.jpg?v=20260628-hero18")}
.gameCard--mines{--mode-cover:url("./mode-cards/mines-cover.jpg?v=20260628-hero18")}
.gameCard--crash{--mode-cover:url("./mode-cards/crash-cover.jpg?v=20260628-hero18")}
.gameCard--rps{--mode-cover:url("./mode-cards/rps-cover.jpg?v=20260628-hero18")}
.gameCard--penalty{--mode-cover:url("./mode-cards/penalty-cover.jpg?v=20260628-hero18")}
.gameCard--wheel{--mode-cover:url("./mode-cards/wheel-cover.jpg?v=20260628-hero18")}

@keyframes trinitiHeroSweep{0%,100%{transform:translateX(-38%);opacity:.42}48%{transform:translateX(42%);opacity:.68}}
@keyframes trinitiGoldText{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes trinitiButtonShine{0%,54%,100%{left:-48%;opacity:0}68%{opacity:.85}82%{left:118%;opacity:0}}

@media (max-width:700px){
  .mobileHeroBonus{background:linear-gradient(90deg,rgba(5,6,10,.96),rgba(5,6,10,.66) 52%,rgba(5,6,10,.18)),url("./hero-premium/hero-welcome.png?v=20260628-hero18") 62% center / cover no-repeat !important}
  .gameCard--kazaro{aspect-ratio:16 / 9 !important;border-radius:12px !important}
  .gameCardKazaro__title{font-size:18px !important;transform:translate(-50%,-46%) !important}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important;animation:none !important}}

html body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif !important}
html body .grid.grid--kazaro{gap:14px !important}
html body .gameCard.gameCard--kazaro{
  position:relative !important;
  overflow:hidden !important;
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:13px !important;
  border-color:rgba(244,211,138,.34) !important;
  background:#050608 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html body .gameCard.gameCard--kazaro::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background-image:var(--mode-cover) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  filter:saturate(1.06) contrast(1.06) brightness(.98) !important;
  transform:scale(1.002) !important;
  transition:transform .22s ease,filter .22s ease !important;
}
html body .gameCard.gameCard--kazaro::after,
html body .gameCard.gameCard--kazaro[data-locked="1"]::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
  display:block !important;
  min-height:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,240,190,.12) !important;
  background:radial-gradient(80% 60% at 50% 50%,rgba(0,0,0,.02),rgba(0,0,0,.18) 58%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,0) 28%,rgba(0,0,0,.42) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -30px 44px rgba(0,0,0,.45) !important;
}
html body .gameCard.gameCard--kazaro .gameCardKazaro__bg,
html body .gameCard.gameCard--kazaro .gameCardKazaro__pattern,
html body .gameCard.gameCard--kazaro .gameCardKazaro__iconBox{display:none !important}
html body .gameCard.gameCard--kazaro .gameCardKazaro__title{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:7 !important;
  width:auto !important;
  min-height:0 !important;
  transform:translate(-50%,-48%) !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  color:#fff !important;
  font-size:27px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-shadow:0 3px 0 rgba(0,0,0,.58),0 13px 24px rgba(0,0,0,.86),0 0 20px rgba(0,0,0,.58) !important;
}

html body .topbar .brandText,
html body .mobileBrandText,
html body .topbar .brand,
html body .brandWrap .brandTitle,
html body .brandWrap .brandSub,
html body .brandRow .title,
html body .brandRow .subtitle,
html body .boardBadge{
  display:none !important;
}

html body .brandWrap,
html body .brandRow,
html body .topbar__left{
  gap:10px !important;
}

html body.triniti-game-page{
  background:
    radial-gradient(720px 420px at 82% 8%,rgba(37,197,93,.09),transparent 66%),
    radial-gradient(760px 460px at 14% 18%,rgba(244,211,138,.14),transparent 66%),
    linear-gradient(180deg,#07080d 0%,#020306 100%) !important;
}

html body.triniti-game-page .bg{
  opacity:.98 !important;
  background:
    linear-gradient(90deg,rgba(2,3,6,.88),rgba(2,3,6,.42) 48%,rgba(2,3,6,.9)),
    radial-gradient(760px 520px at 52% 24%,rgba(244,211,138,.11),transparent 64%),
    radial-gradient(560px 420px at 84% 36%,rgba(45,226,111,.12),transparent 70%),
    url("../shared/site-backdrop.jpg?v=20260628-hero18") center / cover no-repeat !important;
}

html body.triniti-game-page .app{
  max-width:1280px !important;
}

html body.triniti-game-page .topbar,
html body.triniti-game-page .panel,
html body.triniti-game-page .card,
html body.triniti-game-page .boardCard,
html body.triniti-game-page .arenaCard,
html body.triniti-game-page .chartCard,
html body.triniti-game-page .betCard,
html body.triniti-game-page .statCard,
html body.triniti-game-page .statBox,
html body.triniti-game-page .statusBox,
html body.triniti-game-page .winBox,
html body.triniti-game-page .card.card{
  border-color:rgba(244,211,138,.24) !important;
  background:
    linear-gradient(180deg,rgba(19,20,28,.88),rgba(5,6,10,.88)) !important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.5),
    0 0 34px rgba(214,168,79,.08),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-game-page .brandLogo,
html body.triniti-game-page .brandBadge{
  border-color:rgba(244,211,138,.44) !important;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,236,174,.18),transparent 52%),
    linear-gradient(180deg,#151722,#070911) !important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.42),
    0 0 24px rgba(214,168,79,.14),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html body.triniti-game-page .balancePill,
html body.triniti-game-page .pill--balance,
html body.triniti-game-page .pill,
html body.triniti-game-page .rulePill,
html body.triniti-game-page .miniBadge,
html body.triniti-game-page .miniTag,
html body.triniti-game-page .miniInfo{
  border-color:rgba(244,211,138,.28) !important;
  background:linear-gradient(180deg,rgba(27,29,39,.92),rgba(8,9,14,.9)) !important;
  color:#fff5d3 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 26px rgba(0,0,0,.28) !important;
}

html body.triniti-game-page .chip,
html body.triniti-game-page .seg,
html body.triniti-game-page .pick,
html body.triniti-game-page .pickBtn,
html body.triniti-game-page .btnSmall,
html body.triniti-game-page #betMinus,
html body.triniti-game-page #betPlus{
  border-color:rgba(244,211,138,.24) !important;
  background:linear-gradient(180deg,rgba(31,33,43,.95),rgba(8,9,14,.95)) !important;
  color:#f7d98d !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 22px rgba(0,0,0,.26) !important;
}

html body.triniti-game-page .chip:hover,
html body.triniti-game-page .seg:hover,
html body.triniti-game-page .pick:hover,
html body.triniti-game-page .pickBtn:hover{
  border-color:rgba(255,226,157,.56) !important;
  filter:brightness(1.06) !important;
}

html body.triniti-game-page .chip.active,
html body.triniti-game-page .seg.active,
html body.triniti-game-page .pick.active,
html body.triniti-game-page .pickBtn.active{
  background:linear-gradient(180deg,#ffe7a7 0%,#dba34a 55%,#8c571d 100%) !important;
  color:#130c04 !important;
  border-color:rgba(255,232,170,.72) !important;
}

html body.triniti-game-page .betInput,
html body.triniti-game-page #betInput,
html body.triniti-game-page #bet{
  border-color:rgba(244,211,138,.28) !important;
  background:linear-gradient(180deg,rgba(5,6,10,.94),rgba(15,16,23,.94)) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.24) !important;
}

html body.triniti-game-page .btnPrimary,
html body.triniti-game-page #playBtn.play{
  border-color:rgba(255,232,170,.7) !important;
  background:linear-gradient(180deg,#ffe7a7 0%,#d79d41 54%,#9a5d20 100%) !important;
  color:#130d05 !important;
  box-shadow:
    0 18px 38px rgba(214,168,79,.24),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -10px 18px rgba(83,45,10,.18) !important;
}

html body.triniti-game-page .btnGhost,
html body.triniti-game-page .btnGhost2,
html body.triniti-game-page .btnDanger,
html body.triniti-game-page #cashoutBtn{
  border-color:rgba(45,226,111,.28) !important;
  background:linear-gradient(180deg,rgba(37,197,93,.22),rgba(8,10,15,.92)) !important;
  color:#effff4 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

html body.triniti-game-page button:disabled{
  opacity:.55 !important;
  filter:saturate(.65) !important;
}

html body.triniti-game-page .trinitiModeHud{
  margin:14px 0;
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(244,211,138,.28);
  background:
    radial-gradient(180px 86px at 86% 0%,rgba(45,226,111,.13),transparent 68%),
    linear-gradient(180deg,rgba(22,24,33,.94),rgba(6,7,11,.96));
  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    0 0 24px rgba(214,168,79,.08),
    inset 0 1px 0 rgba(255,255,255,.09);
}

html body.triniti-game-page .trinitiModeHud__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

html body.triniti-game-page .trinitiModeHud__head b{
  display:block;
  margin-top:2px;
  font-size:16px;
  line-height:1;
  color:#fff;
}

html body.triniti-game-page .trinitiModeHud__kicker{
  display:block;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:rgba(244,211,138,.76);
}

html body.triniti-game-page .trinitiModeHud__badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(45,226,111,.28);
  background:rgba(45,226,111,.12);
  color:#caffd8;
  font-size:10px;
  font-weight:950;
  letter-spacing:1px;
}

html body.triniti-game-page .trinitiModeHud__buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

html body.triniti-game-page .trinitiModeHud__button{
  min-height:62px;
  padding:10px 12px;
  border-radius:15px;
  border:1px solid rgba(244,211,138,.22);
  background:
    radial-gradient(110px 70px at 88% 0%,rgba(244,211,138,.12),transparent 74%),
    linear-gradient(180deg,rgba(31,33,43,.92),rgba(8,9,14,.96));
  color:#fff;
  text-align:left;
  cursor:default;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.28);
}

html body.triniti-game-page .trinitiModeHud__button span{
  display:block;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:rgba(244,211,138,.72);
}

html body.triniti-game-page .trinitiModeHud__button b{
  display:block;
  margin-top:5px;
  font-size:22px;
  line-height:1;
  color:#fff;
  text-shadow:0 8px 18px rgba(0,0,0,.5);
}

html body.triniti-game-page .trinitiModeHud__button--cash{
  border-color:rgba(45,226,111,.22);
  background:
    radial-gradient(120px 80px at 90% 0%,rgba(45,226,111,.16),transparent 72%),
    linear-gradient(180deg,rgba(25,32,31,.94),rgba(7,9,13,.96));
}

html body.triniti-game-page .trinitiModeHud__ladder{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}

html body.triniti-game-page .trinitiModeHud__ladder span{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:950;
}

html body.triniti-game-page .trinitiModeHud__ladder span.is-active{
  border-color:rgba(244,211,138,.48);
  background:linear-gradient(180deg,rgba(244,211,138,.26),rgba(111,69,20,.22));
  color:#ffe7a7;
  box-shadow:0 0 16px rgba(214,168,79,.12),inset 0 1px 0 rgba(255,255,255,.12);
}

@media (max-width:700px){
  html body.triniti-game-page .trinitiModeHud{padding:11px;border-radius:16px}
  html body.triniti-game-page .trinitiModeHud__buttons{gap:8px}
  html body.triniti-game-page .trinitiModeHud__button{min-height:56px;padding:9px}
  html body.triniti-game-page .trinitiModeHud__button b{font-size:18px}
  html body.triniti-game-page .trinitiModeHud__ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
}

html body.triniti-game-page .hero,
html body.triniti-game-page .panel--game,
html body.triniti-game-page .panel--field,
html body.triniti-game-page .panel--wheel,
html body.triniti-game-page .game,
html body.triniti-game-page .boardCard{
  position:relative !important;
  overflow:hidden !important;
}

html body.triniti-game-page .hero::after,
html body.triniti-game-page .panel--game::after,
html body.triniti-game-page .panel--field::after,
html body.triniti-game-page .panel--wheel::after,
html body.triniti-game-page .game::after,
html body.triniti-game-page .boardCard::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 34%,rgba(255,232,164,.06) 44%,transparent 56%),
    radial-gradient(360px 180px at 82% 10%,rgba(45,226,111,.08),transparent 70%);
  opacity:.58;
  transform:translateX(-18%);
  animation:trinitiCasinoSweep 8s ease-in-out infinite;
}

html body.triniti-game-page .hero > *,
html body.triniti-game-page .panel--game > *,
html body.triniti-game-page .panel--field > *,
html body.triniti-game-page .panel--wheel > *,
html body.triniti-game-page .game > *,
html body.triniti-game-page .boardCard > *{
  position:relative;
  z-index:3;
}

html body.triniti-mode-coinflip .coinStage,
html body.triniti-mode-dice .cubeStage,
html body.triniti-mode-crash .chartStage,
html body.triniti-mode-mines .grid,
html body.triniti-mode-penalty .goalFrame,
html body.triniti-mode-rps .vs,
html body.triniti-mode-tower .towerGrid,
html body.triniti-mode-wheel .wheelPanel{
  border-color:rgba(255,232,164,.28) !important;
  background:
    radial-gradient(420px 240px at 50% 18%,rgba(255,232,164,.13),transparent 66%),
    radial-gradient(380px 220px at 80% 72%,rgba(45,226,111,.08),transparent 70%),
    linear-gradient(180deg,rgba(11,13,20,.96),rgba(3,4,8,.96)) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.58),
    0 0 34px rgba(214,168,79,.11),
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 -34px 70px rgba(0,0,0,.34) !important;
}

html body.triniti-mode-coinflip .coinStage::after,
html body.triniti-mode-dice .cubeStage::after,
html body.triniti-mode-crash .chartStage::after,
html body.triniti-mode-penalty .goalFrame::after,
html body.triniti-mode-rps .vs::after,
html body.triniti-mode-wheel .wheelPanel::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:inherit;
  pointer-events:none;
  border:1px solid rgba(255,232,164,.1);
  background:
    repeating-linear-gradient(135deg,transparent 0 36px,rgba(255,232,164,.035) 36px 38px,transparent 38px 78px);
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);
  opacity:.55;
}

html body.triniti-mode-coinflip .coin3d{
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.62)) drop-shadow(0 0 32px rgba(214,168,79,.22));
}

html body.triniti-mode-coinflip .coinFace{
  border-color:rgba(255,232,164,.72) !important;
  background:
    radial-gradient(circle at 35% 24%,#fff5c8 0 10%,#edc86c 34%,#a46521 72%,#211309 100%) !important;
  box-shadow:inset 0 4px 12px rgba(255,255,255,.22),inset 0 -14px 22px rgba(65,35,8,.36),0 0 26px rgba(214,168,79,.24) !important;
}

html body.triniti-mode-coinflip .coinFace::before{
  background:linear-gradient(180deg,#fff0ad,#c8842f) !important;
  box-shadow:0 10px 24px rgba(70,38,7,.34),inset 0 1px 0 rgba(255,255,255,.34) !important;
}

html body.triniti-mode-crash .chartStage{
  min-height:360px;
}

html body.triniti-mode-crash .chartStage::before{
  opacity:.72 !important;
  background:
    linear-gradient(90deg,rgba(255,232,164,.06) 1px,transparent 1px) 0 0 / 46px 46px,
    linear-gradient(180deg,rgba(255,232,164,.055) 1px,transparent 1px) 0 0 / 46px 46px,
    radial-gradient(360px 220px at 18% 78%,rgba(214,168,79,.16),transparent 72%) !important;
}

html body.triniti-mode-crash .overlayX{
  color:#fff0ad !important;
  text-shadow:0 0 22px rgba(214,168,79,.42),0 18px 34px rgba(0,0,0,.76) !important;
}

html body.triniti-mode-dice .cube{
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.58)) drop-shadow(0 0 26px rgba(214,168,79,.16));
}

html body.triniti-mode-dice .face{
  border-color:rgba(255,232,164,.46) !important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.2),transparent 26%),
    linear-gradient(145deg,#f6d979 0%,#bd7c25 42%,#21150b 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -12px 20px rgba(65,35,8,.34) !important;
}

html body.triniti-mode-dice .pip,
html body.triniti-mode-dice .pip.on{
  background:#0b0c10 !important;
  box-shadow:inset 0 2px 4px rgba(255,232,164,.16),0 0 9px rgba(0,0,0,.52) !important;
}

html body.triniti-mode-mines .grid{
  padding:12px !important;
  background:
    radial-gradient(420px 240px at 50% 0%,rgba(255,232,164,.08),transparent 70%),
    linear-gradient(180deg,rgba(12,14,21,.96),rgba(3,4,8,.98)) !important;
}

html body.triniti-mode-mines .cell{
  border-color:rgba(255,232,164,.16) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,232,164,.1),transparent 46%),
    linear-gradient(180deg,rgba(32,35,46,.92),rgba(7,8,13,.98)) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-mode-mines .cell::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:inherit;
  border:1px solid rgba(255,232,164,.08);
  background:radial-gradient(circle at 50% 42%,rgba(255,232,164,.08),transparent 34%);
  opacity:.8;
}

html body.triniti-mode-mines .cell:hover{
  border-color:rgba(255,232,164,.46) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 18px rgba(214,168,79,.12),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.triniti-mode-tower .towerGrid{
  padding:13px !important;
  gap:9px !important;
}

html body.triniti-mode-tower .cell{
  border-color:rgba(255,232,164,.18) !important;
  background:
    linear-gradient(180deg,rgba(37,39,51,.94),rgba(7,8,13,.98)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-mode-tower .cell:not(.disabled):hover{
  border-color:rgba(255,232,164,.52) !important;
  transform:translateY(-2px) scale(1.01) !important;
}

html body.triniti-mode-tower .icon.egg{
  border-color:rgba(255,232,164,.52) !important;
  background:radial-gradient(circle at 35% 20%,#fff4bd,#d69d41 62%,#2b1707) !important;
  color:#160e05 !important;
}

html body.triniti-mode-tower .icon.skull{
  border-color:rgba(255,91,108,.5) !important;
  background:linear-gradient(180deg,rgba(255,91,108,.34),rgba(40,8,12,.9)) !important;
}

html body.triniti-mode-penalty .goalFrame{
  background:
    radial-gradient(420px 160px at 50% 82%,rgba(50,198,92,.24),transparent 70%),
    linear-gradient(180deg,rgba(8,12,18,.96),rgba(3,5,8,.98)) !important;
}

html body.triniti-mode-penalty .goalNet{
  opacity:.72 !important;
  filter:drop-shadow(0 0 16px rgba(244,211,138,.12));
}

html body.triniti-mode-penalty .ball{
  background:
    radial-gradient(circle at 30% 22%,#fff7d1,#ead181 42%,#5d3914 100%) !important;
  box-shadow:0 18px 30px rgba(0,0,0,.38),0 0 22px rgba(214,168,79,.2) !important;
}

html body.triniti-mode-penalty .zone{
  border-color:rgba(244,211,138,.16) !important;
  background:rgba(255,232,164,.045) !important;
}

html body.triniti-mode-penalty .zone:hover{
  border-color:rgba(244,211,138,.52) !important;
  background:rgba(244,211,138,.12) !important;
}

html body.triniti-mode-rps .vs{
  position:relative;
  padding:18px !important;
}

html body.triniti-mode-rps .card{
  border-color:rgba(255,232,164,.22) !important;
  background:
    radial-gradient(180px 120px at 50% 0%,rgba(255,232,164,.12),transparent 70%),
    linear-gradient(180deg,rgba(27,29,39,.94),rgba(7,8,13,.97)) !important;
}

html body.triniti-mode-rps .icon{
  font-size:58px !important;
  color:#f5cf73 !important;
  text-shadow:0 0 22px rgba(214,168,79,.38),0 16px 30px rgba(0,0,0,.62) !important;
}

html body.triniti-mode-rps .picks{
  gap:10px !important;
}

html body.triniti-mode-rps .pickBtn{
  min-height:78px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
}

html body.triniti-mode-rps .pickBtn b{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.8px;
}

html body.triniti-mode-rps .rpsMark{
  width:34px;
  height:34px;
  display:block;
  position:relative;
  filter:drop-shadow(0 10px 18px rgba(214,168,79,.24));
}

html body.triniti-mode-rps .rpsMark--rock{
  border-radius:10px 14px 9px 13px;
  transform:rotate(45deg);
  background:linear-gradient(145deg,#fff0ad,#c98932 58%,#593412);
}

html body.triniti-mode-rps .rpsMark--scissors::before,
html body.triniti-mode-rps .rpsMark--scissors::after{
  content:"";
  position:absolute;
  width:26px;
  height:5px;
  left:4px;
  top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#fff0ad,#c98932);
  transform-origin:right center;
}

html body.triniti-mode-rps .rpsMark--scissors::before{transform:rotate(34deg)}
html body.triniti-mode-rps .rpsMark--scissors::after{transform:rotate(-34deg)}

html body.triniti-mode-rps .rpsMark--paper{
  border-radius:9px;
  border:2px solid rgba(255,232,164,.88);
  background:linear-gradient(145deg,rgba(255,240,173,.22),rgba(201,137,50,.18));
}

html body.triniti-mode-rps .rpsMark--paper::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:9px;
  height:2px;
  background:rgba(255,232,164,.68);
  box-shadow:0 7px 0 rgba(255,232,164,.55);
}

html body.triniti-mode-wheel .wheelPanel{
  border-radius:28px !important;
}

html body.triniti-mode-wheel #wheel{
  filter:drop-shadow(0 30px 44px rgba(0,0,0,.52)) drop-shadow(0 0 28px rgba(214,168,79,.18));
}

html body.triniti-mode-wheel .pointer{
  border-bottom-color:#ffe6a0 !important;
  filter:drop-shadow(0 0 16px rgba(214,168,79,.36));
}

html body.triniti-mode-wheel .wheelCenter{
  border-color:rgba(255,232,164,.52) !important;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,240,173,.22),transparent 46%),
    linear-gradient(180deg,#191b25,#06070b) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.42),0 0 26px rgba(214,168,79,.14),inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html body.triniti-game-page .btnPrimary,
html body.triniti-game-page #playBtn.play,
html body.triniti-game-page .topWalletBtn--deposit{
  position:relative;
  overflow:hidden;
}

html body.triniti-game-page .btnPrimary::after,
html body.triniti-game-page #playBtn.play::after,
html body.triniti-game-page .topWalletBtn--deposit::after{
  content:"";
  position:absolute;
  top:-50%;
  bottom:-50%;
  width:36%;
  left:-46%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:rotate(18deg);
  animation:trinitiButtonSweep 4.8s ease-in-out infinite;
}

@keyframes trinitiCasinoSweep{
  0%,100%{transform:translateX(-26%);opacity:.34}
  48%{transform:translateX(24%);opacity:.62}
}

@keyframes trinitiButtonSweep{
  0%,58%,100%{left:-46%;opacity:0}
  70%{opacity:.86}
  86%{left:112%;opacity:0}
}

html body.triniti-mell-page .trinitiModeHud,
html body.triniti-mell-page .betCard,
html body.triniti-mell-page .panel--control,
html body.triniti-mell-page .control{
  display:none !important;
}

html body.triniti-mell-page .hero,
html body.triniti-mell-page .panel--game,
html body.triniti-mell-page .panel--field,
html body.triniti-mell-page .panel--wheel,
html body.triniti-mell-page .game,
html body.triniti-mell-page .boardCard{
  display:grid !important;
  grid-template-columns:minmax(390px,.86fr) minmax(420px,1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  padding:18px !important;
  min-height:520px !important;
}

html body.triniti-mell-page .topStats,
html body.triniti-mell-page .statsGrid,
html body.triniti-mell-page .statsRow,
html body.triniti-mell-page .statusRow,
html body.triniti-mell-page .panelHead,
html body.triniti-mell-page .heroTop,
html body.triniti-mell-page .pickTitleRow,
html body.triniti-mell-page .result,
html body.triniti-mell-page .picks,
html body.triniti-mell-page .ladder,
html body.triniti-mell-page .actionsRow,
html body.triniti-mell-page .msg{
  display:none !important;
}

html body.triniti-mell-page .mellMode{
  position:relative;
  z-index:4;
  min-height:484px;
  border-radius:28px;
  border:1px solid rgba(255,232,164,.22);
  background:
    radial-gradient(360px 220px at 78% 15%,rgba(255,232,164,.16),transparent 68%),
    radial-gradient(300px 220px at 18% 88%,rgba(45,226,111,.11),transparent 72%),
    linear-gradient(180deg,rgba(19,17,30,.96),rgba(5,6,11,.97));
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.78fr);
  gap:18px;
  padding:26px;
  box-shadow:
    0 32px 90px rgba(0,0,0,.58),
    0 0 44px rgba(214,168,79,.11),
    inset 0 1px 0 rgba(255,255,255,.1);
}

html body.triniti-mell-page .mellMode::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0 30%,rgba(255,255,255,.08) 43%,transparent 58%),
    repeating-linear-gradient(135deg,transparent 0 36px,rgba(255,232,164,.035) 36px 38px,transparent 38px 84px);
  opacity:.56;
  transform:translateX(-24%);
  animation:mellModeSweep 7.2s ease-in-out infinite;
  pointer-events:none;
}

html body.triniti-mell-page .mellMode::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px 18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,232,164,.5),transparent);
  opacity:.7;
}

html body.triniti-mell-page .mellMode__copy,
html body.triniti-mell-page .mellMode__visual{
  position:relative;
  z-index:3;
}

html body.triniti-mell-page .mellMode__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

html body.triniti-mell-page .mellMode__tag{
  width:max-content;
  max-width:100%;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(45,226,111,.25);
  background:rgba(45,226,111,.1);
  color:#caffd8;
  font-size:11px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

html body.triniti-mell-page .mellMode h1{
  margin:18px 0 0;
  font-size:clamp(44px,4.8vw,78px);
  line-height:.88;
  letter-spacing:0;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 18px 40px rgba(0,0,0,.72),0 0 24px rgba(214,168,79,.18);
}

html body.triniti-mell-page .mellMode p{
  max-width:430px;
  margin:18px 0 0;
  font-size:15px;
  line-height:1.35;
  color:rgba(246,241,225,.74);
  text-wrap:balance;
}

html body.triniti-mell-page .mellBet{
  width:min(330px,100%);
  min-height:72px;
  margin-top:28px;
  display:grid;
  grid-template-columns:54px 1fr 54px;
  gap:10px;
}

html body.triniti-mell-page .mellBet__step,
html body.triniti-mell-page .mellBet__value{
  border-radius:18px;
  border:1px solid rgba(255,232,164,.24);
  background:linear-gradient(180deg,rgba(27,28,38,.98),rgba(7,8,13,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.32);
}

html body.triniti-mell-page .mellBet__step{
  color:#ffe6a0;
  font-size:24px;
  font-weight:1000;
  cursor:pointer;
}

html body.triniti-mell-page .mellBet__value{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 18px;
}

html body.triniti-mell-page .mellBet__value span{
  font-size:10px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:rgba(244,211,138,.72);
}

html body.triniti-mell-page .mellBet__value b{
  margin-top:5px;
  font-size:26px;
  line-height:1;
  color:#fff;
}

html body.triniti-mell-page .mellMode__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:min(390px,100%);
  margin-top:16px;
}

html body.triniti-mell-page .mellMode__btn{
  min-height:60px;
  border-radius:18px;
  border:1px solid rgba(255,232,164,.34);
  font-size:15px;
  font-weight:950;
  cursor:pointer;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}

html body.triniti-mell-page .mellMode__btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

html body.triniti-mell-page .mellMode__btn:active{
  transform:translateY(1px) scale(.99);
}

html body.triniti-mell-page .mellMode__btn:disabled{
  opacity:.52;
  cursor:default;
}

html body.triniti-mell-page .mellMode__btn--primary{
  color:#140d04;
  background:linear-gradient(180deg,#fff0ad 0%,#d99f42 58%,#8d531a 100%);
  box-shadow:0 20px 42px rgba(214,168,79,.26),inset 0 1px 0 rgba(255,255,255,.36);
}

html body.triniti-mell-page .mellMode__btn--ghost{
  color:#f6ecd0;
  background:linear-gradient(180deg,rgba(32,34,44,.96),rgba(8,9,14,.96));
  box-shadow:0 16px 32px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
}

html body.triniti-mell-page .mellMode__visual{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

html body.triniti-mell-page .mellArt{
  --size:min(270px,24vw);
  position:relative;
  width:var(--size);
  height:var(--size);
  min-width:190px;
  min-height:190px;
  border-radius:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotate(-8deg);
  animation:mellArtFloat 4.8s ease-in-out infinite;
  filter:drop-shadow(0 36px 54px rgba(0,0,0,.62)) drop-shadow(0 0 28px rgba(214,168,79,.18));
}

html body.triniti-mell-page .mellArt__ring{
  position:absolute;
  inset:4%;
  border-radius:inherit;
  border:1px solid rgba(255,232,164,.2);
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.2),transparent 22%),
    linear-gradient(145deg,rgba(255,232,164,.16),rgba(28,19,10,.88));
}

html body.triniti-mell-page .mellArt__core{
  position:absolute;
  inset:21%;
  border-radius:inherit;
  background:linear-gradient(145deg,#fff1b2,#d39a3b 54%,#2a1707 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -18px 30px rgba(60,33,8,.38);
}

html body.triniti-mell-page .mellArt__flare{
  position:absolute;
  width:52%;
  height:8%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#fff2b7,transparent);
  transform:rotate(-28deg) translateY(-70px);
  opacity:.78;
  filter:blur(.2px);
}

html body.triniti-mell-page .mellArt--coin{
  border-radius:999px;
}

html body.triniti-mell-page .mellArt--coin .mellArt__ring,
html body.triniti-mell-page .mellArt--coin .mellArt__core{
  border-radius:999px;
}

html body.triniti-mell-page .mellArt--coin .mellArt__core::after{
  content:"T";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#4b2b0d;
  font-size:calc(var(--size) * .28);
  font-weight:1000;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
}

html body.triniti-mell-page .mellArt--dice{
  transform:rotate(10deg);
}

html body.triniti-mell-page .mellArt--dice .mellArt__core{
  border-radius:30px;
}

html body.triniti-mell-page .mellArt--dice .mellArt__core::before{
  content:"";
  position:absolute;
  inset:20%;
  border-radius:999px;
  background:#100d0b;
  box-shadow:
    -42px -42px 0 #100d0b,
    42px -42px 0 #100d0b,
    -42px 42px 0 #100d0b,
    42px 42px 0 #100d0b;
}

html body.triniti-mell-page .mellArt--mine .mellArt__core{
  border-radius:999px;
  background:radial-gradient(circle at 32% 20%,#fff1b2,#1b1614 46%,#030306 100%);
}

html body.triniti-mell-page .mellArt--mine .mellArt__core::before{
  content:"";
  position:absolute;
  left:46%;
  top:-19%;
  width:12%;
  height:32%;
  border-radius:999px;
  background:linear-gradient(180deg,#fff1b2,#a86c25);
  transform:rotate(-26deg);
}

html body.triniti-mell-page .mellArt--mine .mellArt__flare{
  width:20%;
  height:20%;
  right:16%;
  top:4%;
  border-radius:999px;
  background:radial-gradient(circle,#fff7c8,#d99f42 38%,transparent 70%);
  filter:blur(0);
}

html body.triniti-mell-page .mellArt--rocket .mellArt__core{
  clip-path:polygon(50% 0,78% 58%,62% 58%,62% 100%,38% 100%,38% 58%,22% 58%);
  border-radius:0;
}

html body.triniti-mell-page .mellArt--tower .mellArt__core{
  clip-path:polygon(18% 18%,18% 0,36% 0,36% 15%,48% 15%,48% 0,66% 0,66% 15%,82% 15%,82% 100%,18% 100%);
  border-radius:0;
}

html body.triniti-mell-page .mellArt--ball .mellArt__core{
  border-radius:999px;
  background:radial-gradient(circle at 32% 20%,#fff7cf,#e5c36d 46%,#503112 100%);
}

html body.triniti-mell-page .mellArt--ball .mellArt__core::before{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:999px;
  border:3px solid rgba(36,23,8,.42);
  box-shadow:22px 0 0 rgba(36,23,8,.32),-22px 0 0 rgba(36,23,8,.32);
}

html body.triniti-mell-page .mellArt--rps .mellArt__core{
  border-radius:22px;
  transform:rotate(45deg);
}

html body.triniti-mell-page .mellArt--wheel .mellArt__ring{
  border-radius:999px;
  background:conic-gradient(from -20deg,#fff1b2,#191b24 16%,#d99f42 32%,#07080d 50%,#fff1b2 66%,#191b24 82%,#d99f42);
}

html body.triniti-mell-page .mellArt--wheel .mellArt__core{
  border-radius:999px;
  inset:34%;
}

html body.triniti-mell-page .chartCard,
html body.triniti-mell-page .arenaCard,
html body.triniti-mell-page .goalWrap,
html body.triniti-mell-page .wheelWrap,
html body.triniti-mell-page .vs,
html body.triniti-mell-page .towerGrid,
html body.triniti-mell-page .grid{
  min-height:484px !important;
  height:100%;
  border-radius:28px !important;
}

html body.triniti-mell-page .chartCard,
html body.triniti-mell-page .arenaCard,
html body.triniti-mell-page .goalWrap,
html body.triniti-mell-page .wheelWrap,
html body.triniti-mell-page .vs{
  grid-column:auto !important;
}

html body.triniti-mell-page .coinStage,
html body.triniti-mell-page .cubeStage,
html body.triniti-mell-page .chartStage,
html body.triniti-mell-page .goalFrame,
html body.triniti-mell-page .wheelPanel{
  min-height:430px !important;
}

html body.triniti-mell-page .arenaTop,
html body.triniti-mell-page .chartTop,
html body.triniti-mell-page .bottomLine,
html body.triniti-mell-page .pickRow,
html body.triniti-mell-page .modeRow,
html body.triniti-mell-page .choiceRow,
html body.triniti-mell-page .goalTop,
html body.triniti-mell-page .win{
  display:none !important;
}

@keyframes mellModeSweep{
  0%,100%{transform:translateX(-28%);opacity:.38}
  50%{transform:translateX(34%);opacity:.68}
}

@keyframes mellArtFloat{
  0%,100%{transform:translateY(0) rotate(-8deg) scale(1)}
  50%{transform:translateY(-12px) rotate(-5deg) scale(1.025)}
}

@media (max-width:980px){
  html body.triniti-mell-page .hero,
  html body.triniti-mell-page .panel--game,
  html body.triniti-mell-page .panel--field,
  html body.triniti-mell-page .panel--wheel,
  html body.triniti-mell-page .game,
  html body.triniti-mell-page .boardCard{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  html body.triniti-mell-page .mellMode{
    min-height:420px;
  }
}

@media (max-width:620px){
  html body.triniti-mell-page .mellMode{
    grid-template-columns:1fr;
    padding:18px;
  }

  html body.triniti-mell-page .mellMode h1{
    font-size:42px;
  }

  html body.triniti-mell-page .mellMode__visual{
    min-height:210px;
  }

  html body.triniti-mell-page .mellMode__actions{
    grid-template-columns:1fr;
  }
}

html body.triniti-originals-page{
  min-height:100vh;
  background:
    radial-gradient(720px 520px at 86% 10%,rgba(43,226,112,.13),transparent 72%),
    radial-gradient(620px 420px at 12% 96%,rgba(221,162,58,.16),transparent 68%),
    linear-gradient(135deg,#07080f 0%,#15051f 46%,#07080d 100%) !important;
}

html body.triniti-originals-page .app{
  width:min(1380px,calc(100vw - 36px));
}

html body.triniti-originals-page main > :not(.origGame){
  display:none !important;
}

html body.triniti-originals-page .topbar{
  border-color:rgba(255,220,139,.14) !important;
  background:
    linear-gradient(180deg,rgba(29,14,42,.96),rgba(12,7,17,.95)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html body.triniti-originals-page .brandText .brandTitle,
html body.triniti-originals-page .brand .title,
html body.triniti-originals-page .title{
  font-size:0 !important;
}

html body.triniti-originals-page .origGame{
  --orig-gold:#e3b456;
  --orig-gold-2:#ffe8a4;
  --orig-green:#2de26f;
  --orig-purple:#251033;
  --orig-panel:#1d1129;
  height:calc(100vh - 136px);
  min-height:560px;
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:18px;
  padding:18px;
  border-radius:28px;
  border:1px solid rgba(255,220,139,.18);
  background:
    radial-gradient(520px 360px at 74% 18%,rgba(55,230,120,.12),transparent 72%),
    radial-gradient(520px 380px at 35% 105%,rgba(227,180,86,.13),transparent 70%),
    linear-gradient(145deg,rgba(32,9,47,.94),rgba(9,5,14,.98));
  box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

html body.triniti-originals-page .origPanel,
html body.triniti-originals-page .origStage{
  position:relative;
  border:1px solid rgba(255,220,139,.13);
  background:
    radial-gradient(260px 180px at 16% 0%,rgba(227,180,86,.13),transparent 64%),
    linear-gradient(180deg,rgba(37,16,51,.98),rgba(21,11,31,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.34);
}

html body.triniti-originals-page .origPanel{
  border-radius:24px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:auto;
  scrollbar-width:none;
}

html body.triniti-originals-page .origPanel::-webkit-scrollbar{
  display:none;
}

html body.triniti-originals-page .origWallet{
  min-height:74px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,220,139,.12);
  background:linear-gradient(180deg,rgba(42,25,58,.95),rgba(25,15,37,.95));
}

html body.triniti-originals-page .origWallet span,
html body.triniti-originals-page .origBetLine span,
html body.triniti-originals-page .origControlTitle{
  display:block;
  font-size:12px;
  font-weight:900;
  color:rgba(246,234,205,.68);
}

html body.triniti-originals-page .origWallet b{
  display:block;
  margin-top:7px;
  font-size:28px;
  line-height:1;
  color:#fff;
}

html body.triniti-originals-page .origBetBox,
html body.triniti-originals-page .origControls{
  padding:12px;
  border-radius:18px;
  background:rgba(13,9,20,.42);
  border:1px solid rgba(255,220,139,.1);
}

html body.triniti-originals-page .origBetLine{
  min-height:60px;
  display:grid;
  grid-template-columns:1fr 38px 38px;
  gap:8px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  background:rgba(58,45,78,.62);
  border:1px solid rgba(255,255,255,.06);
}

html body.triniti-originals-page .origBetLine strong{
  grid-column:1;
  font-size:22px;
  color:#fff;
}

html body.triniti-originals-page .origBetLine button,
html body.triniti-originals-page .origQuick button,
html body.triniti-originals-page .origOption,
html body.triniti-originals-page .origCash,
html body.triniti-originals-page .origStageTools button,
html body.triniti-originals-page .origBack,
html body.triniti-originals-page .origSwitch{
  min-height:40px;
  border:1px solid rgba(255,220,139,.12);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(47,38,61,.98),rgba(30,21,42,.98));
  color:#f8efd6;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease;
}

html body.triniti-originals-page .origBetLine button:hover,
html body.triniti-originals-page .origQuick button:hover,
html body.triniti-originals-page .origOption:hover,
html body.triniti-originals-page .origCash:hover,
html body.triniti-originals-page .origStageTools button:hover,
html body.triniti-originals-page .origBack:hover{
  transform:translateY(-1px);
  filter:brightness(1.07);
  border-color:rgba(255,220,139,.32);
}

html body.triniti-originals-page .origQuick{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}

html body.triniti-originals-page .origPrimary{
  width:100%;
  min-height:64px;
  margin-top:10px;
  border:0;
  border-radius:14px;
  color:#160d04;
  font-size:17px;
  font-weight:1000;
  cursor:pointer;
  background:linear-gradient(180deg,#fff0a8 0%,#e4b452 48%,#a56520 100%);
  box-shadow:0 18px 38px rgba(227,180,86,.28),inset 0 1px 0 rgba(255,255,255,.36);
}

html body.triniti-originals-page .origPrimary:disabled,
html body.triniti-originals-page .origCash:disabled{
  opacity:.48;
  cursor:default;
  transform:none;
}

html body.triniti-originals-page .origOptionGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:10px;
}

html body.triniti-originals-page .origOptionGrid--two{
  grid-template-columns:1fr 1fr;
}

html body.triniti-originals-page .origOptionGrid--three{
  grid-template-columns:1fr;
}

html body.triniti-originals-page .origOption.active{
  color:#160d04;
  background:linear-gradient(180deg,#fff0aa,#d99f42);
  border-color:rgba(255,238,179,.56);
}

html body.triniti-originals-page .origSeries,
html body.triniti-originals-page .origRangeMini{
  min-height:46px;
  margin-top:10px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:14px;
  background:rgba(13,9,20,.5);
  color:rgba(246,234,205,.76);
  font-weight:900;
}

html body.triniti-originals-page .origSwitch{
  width:54px;
  min-height:30px;
  padding:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#2de26f,#e3b456);
}

html body.triniti-originals-page .origSwitch span{
  display:block;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#150f1c;
  margin-left:auto;
}

html body.triniti-originals-page .origRangeMini input{
  width:120px;
  accent-color:#e3b456;
}

html body.triniti-originals-page .origCash{
  min-height:52px;
  margin-top:auto;
  color:rgba(255,244,216,.9);
}

html body.triniti-originals-page .origFair{
  display:flex;
  gap:8px;
  align-items:center;
  color:rgba(246,234,205,.62);
  font-size:12px;
  font-weight:850;
}

html body.triniti-originals-page .origFair span{
  color:var(--orig-gold-2);
}

html body.triniti-originals-page .origStage{
  min-width:0;
  border-radius:26px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
}

html body.triniti-originals-page .origStageBar{
  min-height:70px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(255,220,139,.1);
}

html body.triniti-originals-page .origBack{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:84px;
  padding:0 14px;
}

html body.triniti-originals-page .origModeMark{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

html body.triniti-originals-page .origModeIcon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(255,220,139,.24);
  background:
    radial-gradient(circle at 35% 20%,rgba(255,238,179,.18),transparent 52%),
    linear-gradient(180deg,rgba(42,43,54,.98),rgba(15,14,19,.98));
  box-shadow:0 16px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}

html body.triniti-originals-page .origModeIcon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:#f1cc73;
  stroke-width:3.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html body.triniti-originals-page .origModeMark b{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1;
  text-transform:uppercase;
}

html body.triniti-originals-page .origModeMark small{
  display:block;
  margin-top:5px;
  color:rgba(246,234,205,.58);
  font-size:12px;
  font-weight:900;
}

html body.triniti-originals-page .origStageTools{
  display:flex;
  gap:8px;
}

html body.triniti-originals-page .origStageTools button{
  width:44px;
  min-height:44px;
  padding:0;
}

html body.triniti-originals-page .origStageBody{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  padding:24px;
}

html body.triniti-originals-page .origStageAura{
  position:absolute;
  inset:8% 10%;
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 45%,rgba(227,180,86,.2),transparent 42%),
    radial-gradient(circle at 78% 70%,rgba(45,226,111,.1),transparent 46%);
  filter:blur(20px);
  pointer-events:none;
}

html body.triniti-originals-page .origMount{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  place-items:center;
}

html body.triniti-originals-page .origCounters{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}

html body.triniti-originals-page .origCounter{
  position:absolute;
  min-width:82px;
  min-height:82px;
  display:grid;
  place-items:center;
  padding:9px;
  border-radius:22px;
  border:1px solid rgba(255,220,139,.13);
  background:linear-gradient(180deg,rgba(44,25,58,.96),rgba(22,12,31,.96));
  box-shadow:0 24px 44px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);
}

html body.triniti-originals-page .origCounter span{
  color:#f4cf77;
  font-size:30px;
}

html body.triniti-originals-page .origCounter b{
  padding:5px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
}

html body.triniti-originals-page .origCounter--safe{
  left:24px;
  top:50%;
  transform:translateY(-50%);
}

html body.triniti-originals-page .origCounter--danger{
  right:24px;
  top:50%;
  transform:translateY(-50%);
}

html body.triniti-originals-page .origMultiplierStrip{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 18px 16px;
  overflow:auto;
  border-top:1px solid rgba(255,220,139,.08);
}

html body.triniti-originals-page .origMultiplierStrip span{
  min-width:74px;
  min-height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(255,220,139,.1);
  background:rgba(54,34,71,.64);
  color:rgba(246,234,205,.68);
  font-weight:950;
  white-space:nowrap;
}

html body.triniti-originals-page .origMultiplierStrip span.active{
  color:#180e04;
  background:linear-gradient(180deg,#fff0aa,#d99f42);
}

html body.triniti-originals-page .origMount .arenaCard,
html body.triniti-originals-page .origMount .chartCard,
html body.triniti-originals-page .origMount .goalWrap,
html body.triniti-originals-page .origMount .wheelWrap,
html body.triniti-originals-page .origMount .vs,
html body.triniti-originals-page .origMount .grid,
html body.triniti-originals-page .origMount .towerGrid{
  width:min(680px,100%) !important;
  max-width:100% !important;
  min-height:380px !important;
  height:auto !important;
  margin:0 !important;
  border-radius:26px !important;
  border-color:rgba(255,220,139,.16) !important;
  background:
    radial-gradient(360px 240px at 50% 32%,rgba(227,180,86,.12),transparent 68%),
    linear-gradient(180deg,rgba(28,14,39,.86),rgba(10,6,15,.9)) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html body.triniti-originals-page .origMount #grid,
html body.triniti-originals-page .origMount #towerGrid{
  display:grid !important;
}

html body.triniti-originals-page .origGame--mines .origStageBody{
  padding:14px 24px;
}

html body.triniti-originals-page .origGame--mines .origMount{
  min-height:330px;
}

html body.triniti-originals-page .origGame--mines .origMount #grid{
  width:min(380px,calc(100vh - 350px),78%) !important;
  min-height:0 !important;
  gap:8px !important;
}

html body.triniti-originals-page .origGame--mines .origMount .cell{
  min-height:54px !important;
  border-radius:16px !important;
}

html body.triniti-originals-page .origMount .arenaTop,
html body.triniti-originals-page .origMount .chartTop,
html body.triniti-originals-page .origMount .bottomLine,
html body.triniti-originals-page .origMount .pickRow,
html body.triniti-originals-page .origMount .modeRow,
html body.triniti-originals-page .origMount .choiceRow,
html body.triniti-originals-page .origMount .goalTop,
html body.triniti-originals-page .origMount .pickTitleRow,
html body.triniti-originals-page .origMount .statusRow{
  display:none !important;
}

html body.triniti-originals-page .origMount .coinStage,
html body.triniti-originals-page .origMount .cubeStage,
html body.triniti-originals-page .origMount .chartStage,
html body.triniti-originals-page .origMount .goalFrame,
html body.triniti-originals-page .origMount .wheelPanel{
  min-height:360px !important;
}

@media (max-width:980px){
  html body.triniti-originals-page .app{
    width:min(100vw - 20px,760px);
  }

  html body.triniti-originals-page .origGame{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
    padding:12px;
  }

  html body.triniti-originals-page .origStage{
    grid-row:1;
    min-height:560px;
  }

  html body.triniti-originals-page .origPanel{
    grid-row:2;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page .app{
    width:100%;
    padding:10px;
  }

  html body.triniti-originals-page .origGame{
    border-radius:22px;
    gap:10px;
  }

  html body.triniti-originals-page .origStage{
    min-height:460px;
    grid-template-rows:auto minmax(310px,1fr) auto;
  }

  html body.triniti-originals-page .origStageBar{
    min-height:62px;
    padding:10px;
  }

  html body.triniti-originals-page .origBack{
    min-width:68px;
    min-height:38px;
  }

  html body.triniti-originals-page .origModeIcon{
    width:42px;
    height:42px;
  }

  html body.triniti-originals-page .origModeMark b{
    font-size:18px;
  }

  html body.triniti-originals-page .origStageTools button{
    width:38px;
    min-height:38px;
  }

  html body.triniti-originals-page .origStageBody{
    padding:10px;
  }

  html body.triniti-originals-page .origCounter{
    display:none;
  }

  html body.triniti-originals-page .origGame--mines .origMount #grid{
    width:min(302px,82vw) !important;
    gap:6px !important;
  }

  html body.triniti-originals-page .origMount{
    min-height:292px;
  }

  html body.triniti-originals-page .origMount .arenaCard,
  html body.triniti-originals-page .origMount .chartCard,
  html body.triniti-originals-page .origMount .goalWrap,
  html body.triniti-originals-page .origMount .wheelWrap,
  html body.triniti-originals-page .origMount .vs,
  html body.triniti-originals-page .origMount .grid,
  html body.triniti-originals-page .origMount .towerGrid{
    min-height:292px !important;
  }

  html body.triniti-originals-page .origOptionGrid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* Triniti games11: Stake-like structure, Triniti graphite/gold skin. */
html body.triniti-originals-page{
  background:
    radial-gradient(820px 520px at 88% 8%,rgba(45,226,111,.08),transparent 70%),
    radial-gradient(760px 460px at 12% 92%,rgba(227,180,86,.12),transparent 68%),
    linear-gradient(135deg,#020306 0%,#090b10 42%,#030407 100%) !important;
}

html body.triniti-originals-page .topbar{
  border-color:rgba(255,220,139,.18) !important;
  background:
    radial-gradient(360px 80px at 18% 0%,rgba(227,180,86,.12),transparent 70%),
    linear-gradient(180deg,rgba(20,22,28,.98),rgba(7,8,12,.98)) !important;
}

html body.triniti-originals-page .origGame{
  --orig-gold:#e3b456;
  --orig-gold-2:#fff0ad;
  --orig-green:#2de26f;
  --orig-ink:#050609;
  --orig-card:#11141b;
  --orig-card-2:#080a0f;
  isolation:isolate;
  border:1px solid rgba(255,221,144,.38);
  outline:1px solid rgba(255,221,144,.1);
  outline-offset:-7px;
  background:
    linear-gradient(90deg,rgba(227,180,86,.06),transparent 22%,transparent 78%,rgba(45,226,111,.04)),
    radial-gradient(520px 360px at 72% 18%,rgba(45,226,111,.08),transparent 74%),
    radial-gradient(520px 360px at 34% 105%,rgba(227,180,86,.13),transparent 74%),
    linear-gradient(145deg,#11141b 0%,#07090d 54%,#050609 100%);
  box-shadow:
    0 36px 110px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,255,255,.025),
    0 0 46px rgba(227,180,86,.12),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.triniti-originals-page .origGame::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,221,144,.18);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72);
  pointer-events:none;
  z-index:0;
}

html body.triniti-originals-page .origPanel,
html body.triniti-originals-page .origStage{
  z-index:1;
  border-color:rgba(255,221,144,.22);
  background:
    radial-gradient(280px 170px at 16% 0%,rgba(227,180,86,.12),transparent 66%),
    linear-gradient(180deg,#141820 0%,#090b10 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 24px 60px rgba(0,0,0,.42);
}

html body.triniti-originals-page .origStage{
  outline:1px solid rgba(255,221,144,.12);
  outline-offset:-8px;
}

html body.triniti-originals-page .origWallet,
html body.triniti-originals-page .origBetBox,
html body.triniti-originals-page .origControls{
  border-color:rgba(255,221,144,.16);
  background:
    radial-gradient(220px 90px at 50% 0%,rgba(227,180,86,.09),transparent 72%),
    linear-gradient(180deg,#171b23,#080a0f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

html body.triniti-originals-page .origModeTabs{
  min-height:44px;
  padding:4px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  border-radius:14px;
  border:1px solid rgba(255,221,144,.14);
  background:#07090d;
}

html body.triniti-originals-page .origModeTabs button{
  border:0;
  border-radius:10px;
  color:rgba(246,234,205,.68);
  background:transparent;
  font-weight:950;
  cursor:pointer;
}

html body.triniti-originals-page .origModeTabs button.active{
  color:#0f0b04;
  background:linear-gradient(180deg,#fff1b0,#dca344);
  box-shadow:0 12px 24px rgba(227,180,86,.2),inset 0 1px 0 rgba(255,255,255,.34);
}

html body.triniti-originals-page .origWallet b,
html body.triniti-originals-page .origModeMark b{
  color:#fffdf7;
  text-shadow:0 10px 26px rgba(0,0,0,.56);
}

html body.triniti-originals-page .origWallet span,
html body.triniti-originals-page .origBetLine span,
html body.triniti-originals-page .origControlTitle,
html body.triniti-originals-page .origModeMark small{
  color:rgba(247,236,208,.66);
}

html body.triniti-originals-page .origBetLine,
html body.triniti-originals-page .origSeries,
html body.triniti-originals-page .origRangeMini{
  border:1px solid rgba(255,221,144,.12);
  background:linear-gradient(180deg,#1b2029,#0c0f15);
}

html body.triniti-originals-page .origBetLine button,
html body.triniti-originals-page .origQuick button,
html body.triniti-originals-page .origOption,
html body.triniti-originals-page .origCash,
html body.triniti-originals-page .origBack,
html body.triniti-originals-page .origStageTools button{
  border-color:rgba(255,221,144,.18);
  background:linear-gradient(180deg,#1c212b,#0d1016);
  color:#f8ecd0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.2);
}

html body.triniti-originals-page .origPrimary,
html body.triniti-originals-page .origOption.active,
html body.triniti-originals-page .origMultiplierStrip span.active{
  color:#120d04;
  background:linear-gradient(180deg,#fff4ba 0%,#e4b452 52%,#a96823 100%);
  box-shadow:0 18px 38px rgba(227,180,86,.24),inset 0 1px 0 rgba(255,255,255,.38);
}

html body.triniti-originals-page .origSwitch{
  background:linear-gradient(90deg,#1c212b,#2de26f);
}

html body.triniti-originals-page .origStageBar{
  border-bottom-color:rgba(255,221,144,.18);
  background:linear-gradient(180deg,rgba(20,24,32,.86),rgba(12,14,20,.72));
}

html body.triniti-originals-page .origModeIcon{
  border-color:rgba(255,221,144,.32);
  background:
    radial-gradient(circle at 35% 20%,rgba(255,238,179,.24),transparent 54%),
    linear-gradient(180deg,#222733,#0a0c11);
}

html body.triniti-originals-page .origStageBody{
  background:
    radial-gradient(420px 260px at 50% 50%,rgba(227,180,86,.08),transparent 66%),
    linear-gradient(180deg,rgba(8,10,15,.08),rgba(0,0,0,.18));
}

html body.triniti-originals-page .origStageAura{
  background:
    radial-gradient(circle at 50% 45%,rgba(227,180,86,.14),transparent 46%),
    radial-gradient(circle at 78% 70%,rgba(45,226,111,.07),transparent 50%);
}

html body.triniti-originals-page .origCounter{
  border-color:rgba(255,221,144,.24);
  background:linear-gradient(180deg,#1c212b,#080a0f);
}

html body.triniti-originals-page .origMultiplierStrip{
  border-top-color:rgba(255,221,144,.16);
  background:linear-gradient(180deg,rgba(8,10,15,.72),rgba(5,6,9,.92));
}

html body.triniti-originals-page .origMultiplierStrip span{
  border-color:rgba(255,221,144,.14);
  background:#131720;
  color:rgba(247,236,208,.7);
}

html body.triniti-originals-page .origMount .arenaCard,
html body.triniti-originals-page .origMount .chartCard,
html body.triniti-originals-page .origMount .goalWrap,
html body.triniti-originals-page .origMount .wheelWrap,
html body.triniti-originals-page .origMount .vs,
html body.triniti-originals-page .origMount .grid,
html body.triniti-originals-page .origMount .towerGrid{
  border-color:rgba(255,221,144,.24) !important;
  background:
    radial-gradient(380px 250px at 50% 35%,rgba(227,180,86,.1),transparent 68%),
    linear-gradient(180deg,#11151d,#050609) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.06) !important;
}

html body.triniti-originals-page .origMount .cell,
html body.triniti-originals-page .origMount .towerCell{
  border-color:rgba(255,221,144,.14) !important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.055),transparent 55%),
    linear-gradient(180deg,#171b23,#090b10) !important;
}

/* Triniti games12: cleaner bet controls and fixed mines flow. */
html body.triniti-originals-page .origModeTabs{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-mines .origQuick{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-mines .origStageAura{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-mines .origStageBody{
  background:
    radial-gradient(520px 300px at 50% 56%,rgba(45,226,111,.06),transparent 70%),
    linear-gradient(180deg,rgba(9,12,17,.12),rgba(0,0,0,.24));
}

html body.triniti-originals-page.triniti-mode-mines .origMount{
  z-index:5;
}

html body.triniti-originals-page.triniti-mode-mines .origMount #grid{
  position:relative;
  z-index:6;
  pointer-events:auto !important;
}

html body.triniti-originals-page.triniti-mode-mines .origMount #grid::before,
html body.triniti-originals-page.triniti-mode-mines .origMount #grid::after{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-mines .origMount .cell{
  position:relative;
  z-index:7;
  pointer-events:auto !important;
}

html body.triniti-originals-page.triniti-mode-mines .origMount .cell:disabled{
  pointer-events:none !important;
}

html body.triniti-originals-page .origMinesRangeBlock,
html body.triniti-originals-page .origMinesLadder{
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,221,144,.14);
  background:
    radial-gradient(170px 90px at 20% 0%,rgba(227,180,86,.11),transparent 72%),
    linear-gradient(180deg,#151a22,#080a0f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

html body.triniti-originals-page .origMinesRangeBlock{
  margin-top:0;
}

html body.triniti-originals-page .origMinesRangeHead,
html body.triniti-originals-page .origMinesScale{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

html body.triniti-originals-page .origMinesRangeHead span{
  color:rgba(247,236,208,.68);
  font-size:12px;
  font-weight:950;
}

html body.triniti-originals-page .origMinesRangeHead b{
  min-width:40px;
  min-height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#130d04;
  font-weight:1000;
  background:linear-gradient(180deg,#fff4b8,#dfaa49);
  box-shadow:0 10px 24px rgba(227,180,86,.2),inset 0 1px 0 rgba(255,255,255,.38);
}

html body.triniti-originals-page .origMinesScale{
  margin-top:6px;
  color:rgba(247,236,208,.48);
  font-size:11px;
  font-weight:900;
}

html body.triniti-originals-page .origMinesRange{
  width:100%;
  height:30px;
  margin-top:10px;
  accent-color:#e4b452;
  cursor:pointer;
}

html body.triniti-originals-page .origMinesLadderGrid{
  max-height:192px;
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  overflow:auto;
  padding-right:2px;
}

html body.triniti-originals-page .origMinesLadderStep{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border-radius:13px;
  border:1px solid rgba(255,221,144,.13);
  background:linear-gradient(180deg,#1b2029,#0c0f15);
  color:rgba(247,236,208,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  animation:trinitiLadderStep .24s ease both;
  animation-delay:calc(var(--i,0) * 12ms);
}

html body.triniti-originals-page .origMinesLadderStep small{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(247,236,208,.58);
  font-size:11px;
  font-weight:1000;
}

html body.triniti-originals-page .origMinesLadderStep b{
  color:#fff4bf;
  font-size:14px;
  line-height:1;
}

html body.triniti-originals-page .origMinesLadderStep.is-active{
  border-color:rgba(255,232,164,.5);
  background:linear-gradient(180deg,#fff0aa,#d99f42);
  color:#120d04;
  box-shadow:0 12px 26px rgba(227,180,86,.22),inset 0 1px 0 rgba(255,255,255,.34);
}

html body.triniti-originals-page .origMinesLadderStep.is-active small{
  color:#120d04;
  background:rgba(0,0,0,.1);
}

html body.triniti-originals-page .origMinesLadderStep.is-active b{
  color:#120d04;
}

@keyframes trinitiLadderStep{
  from{opacity:.35;transform:translateY(5px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media (max-width:620px){
  html body.triniti-originals-page .origMinesLadderGrid{
    max-height:150px;
  }

  html body.triniti-originals-page .origMinesLadderStep{
    min-height:38px;
    padding:7px 8px;
  }
}

/* Triniti games13: cleaner mines layout. */
html body.triniti-originals-page.triniti-mode-mines .origStageBar{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) 84px;
  align-items:center;
  gap:12px;
}

html body.triniti-originals-page.triniti-mode-mines .origBack{
  justify-self:start;
}

html body.triniti-originals-page.triniti-mode-mines .origModeMark{
  justify-self:center;
}

html body.triniti-originals-page.triniti-mode-mines .origStageTools,
html body.triniti-originals-page.triniti-mode-mines .origFair,
html body.triniti-originals-page.triniti-mode-mines .origMinesLadder{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-mines .origControls{
  padding:12px;
}

html body.triniti-originals-page.triniti-mode-mines .origCash{
  margin-top:auto;
}

html body.triniti-originals-page.triniti-mode-mines .origMultiplierStrip{
  min-height:76px;
  display:grid;
  grid-template-columns:repeat(var(--x-count,10),minmax(0,1fr));
  align-items:center;
  gap:8px;
  padding:14px 18px 16px;
  overflow:hidden;
  border-top:1px solid rgba(255,221,144,.18);
  background:
    radial-gradient(420px 120px at 50% 0%,rgba(227,180,86,.08),transparent 76%),
    linear-gradient(180deg,rgba(8,10,15,.86),rgba(5,6,9,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

html body.triniti-originals-page.triniti-mode-mines .origMultiplierStrip span{
  min-width:0;
  min-height:38px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:13px;
  border:1px solid rgba(255,221,144,.22);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,232,164,.075),transparent 62%),
    linear-gradient(180deg,#171c25,#080a0f);
  color:rgba(247,236,208,.8);
  font-size:11px;
  line-height:1;
  font-weight:1000;
  white-space:nowrap;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.045),
    0 10px 22px rgba(0,0,0,.18);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}

html body.triniti-originals-page.triniti-mode-mines .origMultiplierStrip span.active{
  color:#fff6c9;
  border-color:rgba(255,236,180,.88);
  background:
    radial-gradient(circle at 50% -10%,rgba(255,244,201,.26),transparent 62%),
    linear-gradient(180deg,#26251c,#0b0d10);
  box-shadow:
    0 0 0 2px rgba(227,180,86,.28),
    0 0 24px rgba(227,180,86,.18),
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 0 1px rgba(255,244,201,.16);
  transform:translateY(-1px);
}

html body.triniti-game-page .pill--rub{
  gap:5px;
  min-width:96px;
  justify-content:center;
  padding-inline:16px;
}

html body.triniti-game-page .pill--rub b{
  color:#fffdf7;
  font-weight:1000;
  letter-spacing:0;
}

html body.triniti-game-page .pill--rub .rubSign{
  color:#f1cc73;
  font-weight:1000;
}

@media (max-width:620px){
  html body.triniti-originals-page.triniti-mode-mines .origStageBar{
    grid-template-columns:68px minmax(0,1fr) 40px;
  }

  html body.triniti-originals-page.triniti-mode-mines .origMultiplierStrip{
    grid-template-columns:repeat(var(--x-count,10),minmax(0,1fr));
    min-height:66px;
    gap:4px;
    padding:10px 8px 12px;
  }

  html body.triniti-originals-page.triniti-mode-mines .origMultiplierStrip span{
    min-height:32px;
    border-radius:10px;
    padding:0 2px;
    font-size:9px;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page .origGame{
    outline-offset:-5px;
  }

  html body.triniti-originals-page .origGame::before{
    inset:7px;
    border-radius:18px;
  }
}

/* Triniti games15: premium Dragon Tower scene. */
html body.triniti-originals-page.triniti-mode-tower main.layout{
  display:block !important;
}

html body.triniti-originals-page.triniti-mode-tower main.layout > :not(.origGame){
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-tower .origGame{
  width:100% !important;
  grid-template-columns:330px minmax(0,1fr) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origPanel{
  gap:10px;
  padding:14px;
}

html body.triniti-originals-page.triniti-mode-tower .origWallet{
  min-height:60px;
  padding:12px;
}

html body.triniti-originals-page.triniti-mode-tower .origWallet b{
  margin-top:5px;
  font-size:24px;
}

html body.triniti-originals-page.triniti-mode-tower .origBetBox,
html body.triniti-originals-page.triniti-mode-tower .origControls{
  padding:10px;
  border-radius:16px;
}

html body.triniti-originals-page.triniti-mode-tower .origBetLine{
  min-height:52px;
  padding:8px;
}

html body.triniti-originals-page.triniti-mode-tower .origBetLine strong{
  font-size:20px;
}

html body.triniti-originals-page.triniti-mode-tower .origPrimary{
  min-height:54px;
  margin-top:8px;
}

html body.triniti-originals-page.triniti-mode-tower .origCash{
  min-height:46px;
}

html body.triniti-originals-page.triniti-mode-tower .origStageBar{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) 84px;
  align-items:center;
  gap:12px;
  position:relative;
  z-index:20;
}

html body.triniti-originals-page.triniti-mode-tower .origBack{
  justify-self:start;
}

html body.triniti-originals-page.triniti-mode-tower .origModeMark{
  justify-self:center;
}

html body.triniti-originals-page.triniti-mode-tower .origQuick{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-tower .origControls{
  padding:12px;
}

html body.triniti-originals-page.triniti-mode-tower .origOptionGrid--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

html body.triniti-originals-page.triniti-mode-tower .origOption{
  min-width:0;
  padding-inline:8px;
  font-size:12px;
}

html body.triniti-originals-page.triniti-mode-tower .origStageAura{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-tower .origStageBody{
  min-height:0;
  padding:22px 24px 12px;
  overflow:hidden;
  background:
    radial-gradient(520px 250px at 50% 18%,rgba(227,180,86,.13),transparent 70%),
    radial-gradient(560px 330px at 72% 76%,rgba(45,226,111,.055),transparent 72%),
    linear-gradient(180deg,rgba(7,10,15,.2),rgba(0,0,0,.3));
}

html body.triniti-originals-page.triniti-mode-tower .origStageBody::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:22px;
  border:1px solid rgba(255,221,144,.1);
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(255,221,144,.035) 12% 12.4%,transparent 12.4% 87%,rgba(255,221,144,.035) 87% 87.4%,transparent 87.4%),
    repeating-linear-gradient(135deg,transparent 0 42px,rgba(255,221,144,.028) 42px 44px,transparent 44px 88px);
  mask-image:linear-gradient(180deg,transparent,black 16%,black 92%,transparent);
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-tower .origMount{
  min-height:100%;
  align-items:center;
  padding-top:0;
  overflow:visible;
}

html body.triniti-originals-page.triniti-mode-tower .origTowerDragon{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonWing{
  fill:url(#origDragonSteel);
  stroke:rgba(255,232,164,.28);
  stroke-width:2;
}

html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonBody,
html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonNeck,
html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonHead{
  fill:url(#origDragonSteel);
  stroke:rgba(255,232,164,.38);
  stroke-width:2.4;
}

html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonHorn,
html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonCrest{
  fill:url(#origDragonGold);
  stroke:rgba(255,244,190,.35);
  stroke-width:1.6;
}

html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonFace,
html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonClaw{
  fill:none;
  stroke:#f1cc73;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html body.triniti-originals-page.triniti-mode-tower .origTowerDragon .dragonEye{
  fill:#2de26f;
  filter:drop-shadow(0 0 8px rgba(45,226,111,.72));
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
  position:relative;
  z-index:6;
  width:min(531px,66%) !important;
  max-width:100% !important;
  height:clamp(360px,calc(100vh - 360px),387px) !important;
  min-height:clamp(360px,calc(100vh - 360px),387px) !important;
  max-height:clamp(360px,calc(100vh - 360px),387px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:92px 30px 10px !important;
  margin:0 auto !important;
  overflow:visible !important;
  border-radius:24px !important;
  border:0 !important;
  outline:0;
  background:transparent !important;
  box-shadow:
    0 34px 76px rgba(0,0,0,.38),
    0 0 42px rgba(227,180,86,.1) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::before{
  content:"";
  position:absolute;
  left:50%;
  top:-32px;
  width:min(706px,95%);
  height:126px;
  transform:translateX(-50%);
  z-index:3;
  pointer-events:none;
  background:url("../shared/assets/tower-reference-bar.png?v=20260628-hero18") center bottom / contain no-repeat;
  filter:
    brightness(1.1)
    contrast(1.08)
    drop-shadow(0 18px 28px rgba(0,0,0,.58))
    drop-shadow(0 0 22px rgba(227,180,86,.2));
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::after{
  content:"";
  position:absolute;
  inset:84px 16px 8px;
  z-index:0;
  border-radius:24px;
  border:1px solid rgba(255,221,144,.34);
  background:
    linear-gradient(90deg,rgba(255,221,144,.2),transparent 5%,transparent 95%,rgba(255,221,144,.2)),
    radial-gradient(760px 210px at 50% 0%,rgba(227,180,86,.18),transparent 66%),
    repeating-linear-gradient(135deg,transparent 0 44px,rgba(255,221,144,.028) 44px 46px,transparent 46px 92px),
    linear-gradient(180deg,#171d26 0%,#0a0e14 100%);
  box-shadow:
    0 0 0 7px rgba(42,38,29,.76),
    0 0 0 8px rgba(255,221,144,.16),
    0 0 52px rgba(227,180,86,.18),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,221,144,.08);
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .row{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  min-height:0;
  flex:1 1 0;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell{
  position:relative;
  z-index:2;
  height:auto !important;
  min-height:30px !important;
  border-radius:7px !important;
  border:1px solid rgba(255,221,144,.22) !important;
  background:
    radial-gradient(220px 52px at 50% 0%,rgba(255,255,255,.075),transparent 64%),
    linear-gradient(180deg,#252b31,#101318) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -12px 20px rgba(0,0,0,.24),
    0 8px 16px rgba(0,0,0,.24) !important;
  opacity:.98 !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell:not(.disabled){
  border-color:rgba(255,232,164,.68) !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,232,164,.18),transparent 54%),
    linear-gradient(180deg,#30313a,#111318) !important;
  box-shadow:
    0 0 0 2px rgba(227,180,86,.14),
    0 0 26px rgba(227,180,86,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell:not(.disabled):hover{
  transform:translateY(-2px) scale(1.018) !important;
  border-color:rgba(255,243,190,.9) !important;
  box-shadow:
    0 0 0 2px rgba(227,180,86,.24),
    0 0 32px rgba(227,180,86,.26),
    0 16px 26px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .face--front::before{
  content:"";
  width:30%;
  max-width:52px;
  height:34%;
  border-radius:999px;
  border:1px solid rgba(255,221,144,.18);
  background:
    linear-gradient(135deg,transparent 0 45%,rgba(255,221,144,.5) 45% 52%,transparent 52%),
    radial-gradient(circle at 35% 18%,rgba(255,255,255,.08),transparent 52%),
    linear-gradient(180deg,rgba(255,221,144,.1),rgba(0,0,0,.08));
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .icon{
  width:30px;
  height:30px;
  border-radius:10px;
  color:#130d04;
  font-size:17px;
  font-weight:1000;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .icon.egg{
  border-color:rgba(255,232,164,.75) !important;
  background:
    radial-gradient(circle at 34% 18%,#fff8cf,#e7b84e 58%,#805019 100%) !important;
  box-shadow:0 0 22px rgba(227,180,86,.28),inset 0 1px 0 rgba(255,255,255,.34) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .icon.skull{
  color:#ffd7d7;
  border-color:rgba(255,91,108,.62) !important;
  background:
    radial-gradient(circle at 42% 18%,rgba(255,205,205,.24),transparent 44%),
    linear-gradient(180deg,#401018,#0c0709) !important;
  box-shadow:0 0 22px rgba(255,91,108,.18),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell.hitSafe{
  outline:2px solid rgba(255,232,164,.72) !important;
  box-shadow:0 0 30px rgba(227,180,86,.24),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell.hitSkull{
  outline:2px solid rgba(255,91,108,.58) !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip{
  min-height:74px;
  display:grid;
  grid-template-columns:repeat(var(--x-count,8),minmax(0,1fr));
  align-items:center;
  gap:8px;
  padding:14px 18px 16px;
  overflow:hidden;
  border-top:1px solid rgba(255,221,144,.18);
  background:
    radial-gradient(420px 120px at 50% 0%,rgba(227,180,86,.08),transparent 76%),
    linear-gradient(180deg,rgba(8,10,15,.86),rgba(5,6,9,.96));
}

html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip span{
  min-width:0;
  min-height:38px;
  border-radius:13px;
  border:1px solid rgba(255,221,144,.2);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,232,164,.07),transparent 62%),
    linear-gradient(180deg,#171c25,#080a0f);
  color:rgba(247,236,208,.78);
  font-size:12px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 22px rgba(0,0,0,.18);
}

html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip span.active{
  color:#fff6c9;
  border-color:rgba(255,236,180,.88);
  background:
    radial-gradient(circle at 50% -10%,rgba(255,244,201,.26),transparent 62%),
    linear-gradient(180deg,#26251c,#0b0d10);
  box-shadow:
    0 0 0 2px rgba(227,180,86,.28),
    0 0 24px rgba(227,180,86,.18),
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.14);
}

html body.triniti-originals-page.triniti-mode-tower .panel--ladder,
html body.triniti-originals-page.triniti-mode-tower .boardHead,
html body.triniti-originals-page.triniti-mode-tower .msg{
  display:none !important;
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-tower .origMount{
    min-height:100%;
    padding-top:0;
  }

  html body.triniti-originals-page.triniti-mode-tower .origTowerDragon{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(390px,84%) !important;
    min-height:326px !important;
    max-height:326px !important;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page.triniti-mode-tower .origStageBar{
    grid-template-columns:68px minmax(0,1fr) 40px;
  }

  html body.triniti-originals-page.triniti-mode-tower .origStageBody{
    padding:10px;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount{
    min-height:100%;
    padding-top:0;
  }

  html body.triniti-originals-page.triniti-mode-tower .origTowerDragon{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(320px,88vw) !important;
    min-height:274px !important;
    max-height:274px !important;
    padding:26px 10px 12px !important;
    gap:5px !important;
    outline-width:5px;
    outline-offset:-9px;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::before{
    left:50%;
    right:auto;
    top:-16px;
    width:min(352px,116%);
    height:56px;
    transform:translateX(-50%);
    background:url("../shared/assets/tower-reference-bar.png?v=20260628-hero18") center bottom / contain no-repeat;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .row{
    gap:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell{
    min-height:30px !important;
    border-radius:7px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .icon{
    width:24px;
    height:24px;
    border-radius:8px;
    font-size:14px;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip{
    min-height:64px;
    gap:4px;
    padding:10px 8px 12px;
  }

html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip span{
    min-height:32px;
    border-radius:10px;
    font-size:9px;
  }
}

/* Triniti games48: Dice premium arena with GitHub 3D cube motion. */
html body.triniti-originals-page.triniti-mode-dice .origGame{
  grid-template-columns:330px minmax(0,1fr) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origStageBody{
  padding:18px 24px 12px;
  overflow:hidden;
  background:
    radial-gradient(520px 260px at 50% 28%,rgba(227,180,86,.14),transparent 68%),
    radial-gradient(560px 330px at 68% 82%,rgba(45,226,111,.055),transparent 72%),
    linear-gradient(180deg,rgba(7,10,15,.2),rgba(0,0,0,.3));
}

html body.triniti-originals-page.triniti-mode-dice .origMount{
  min-height:100%;
  align-items:center;
  overflow:visible;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard{
  position:relative;
  width:min(531px,66%) !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  margin:0 auto !important;
  padding:70px 26px 24px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  gap:10px !important;
  overflow:visible !important;
  border-radius:24px !important;
  border:1px solid rgba(255,221,144,.34) !important;
  background:
    linear-gradient(90deg,rgba(255,221,144,.18),transparent 8%,transparent 92%,rgba(255,221,144,.18)),
    radial-gradient(500px 210px at 50% 0%,rgba(227,180,86,.18),transparent 66%),
    repeating-linear-gradient(135deg,transparent 0 44px,rgba(255,221,144,.028) 44px 46px,transparent 46px 92px),
    linear-gradient(180deg,#171d26 0%,#0a0e14 100%) !important;
  box-shadow:
    0 34px 76px rgba(0,0,0,.58),
    0 0 0 7px rgba(42,38,29,.76),
    0 0 0 8px rgba(255,221,144,.16),
    0 0 52px rgba(227,180,86,.16),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,221,144,.08) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard::before,
html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard::after{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard > .range{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaTop{
  position:absolute;
  left:50%;
  top:18px;
  z-index:5;
  width:min(300px,76%);
  transform:translateX(-50%);
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .miniInfo{
  min-height:42px;
  padding:0 12px;
  justify-content:center;
  border-radius:13px;
  border:1px solid rgba(255,221,144,.24);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,232,164,.1),transparent 70%),
    linear-gradient(180deg,#1b2029,#080a0f);
  color:rgba(247,236,208,.78);
  font-size:11px;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.22);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .miniInfo b{
  margin-left:5px;
  color:#fff4ba;
  font-size:18px;
  text-shadow:0 0 18px rgba(227,180,86,.36);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
  align-self:center;
  min-height:230px !important;
  height:230px !important;
  max-height:230px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  border-radius:18px;
  border:1px solid rgba(255,221,144,.12);
  background:
    radial-gradient(300px 180px at 50% 44%,rgba(227,180,86,.22),transparent 64%),
    radial-gradient(240px 160px at 70% 74%,rgba(45,226,111,.06),transparent 68%),
    linear-gradient(180deg,rgba(4,6,10,.18),rgba(0,0,0,.34)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,221,144,.05);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage::before{
  opacity:.58;
  background-image:
    linear-gradient(rgba(255,221,144,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,221,144,.04) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:radial-gradient(circle at center,#000 34%,transparent 84%);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:25px;
  width:166px;
  height:36px;
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.68),transparent 72%);
  filter:blur(2px);
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeView{
  position:relative;
  z-index:2;
  perspective:1000px;
  transform:translateZ(0);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
  --dice-size:138px;
  --dice-half:69px;
  position:relative;
  width:var(--dice-size);
  height:var(--dice-size);
  transform-style:preserve-3d;
  transform:
    rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))
    rotateX(-26deg) rotateY(-34deg) rotateZ(2deg) !important;
  transition:transform 940ms cubic-bezier(.2,.85,.2,1);
  will-change:transform;
  filter:
    drop-shadow(0 24px 30px rgba(0,0,0,.54))
    drop-shadow(0 0 22px rgba(227,180,86,.18));
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube::before,
html body.triniti-originals-page.triniti-mode-dice .origMount .cube::after{
  content:none !important;
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  border:1px solid rgba(255,232,164,.34);
  background:
    radial-gradient(120px 90px at 30% 24%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#252b35,#0b0f18 100%) !important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.45),
    0 0 0 1px rgba(0,0,0,.35) inset,
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -16px 22px rgba(0,0,0,.28);
  backface-visibility:hidden;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--top{
  background:
    radial-gradient(120px 90px at 30% 24%,rgba(255,255,255,.2),rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#343b46,#121722 100%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--right{
  background:
    radial-gradient(110px 88px at 26% 18%,rgba(255,232,164,.12),transparent 58%),
    linear-gradient(180deg,#20232b,#080a0f 100%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--left,
html body.triniti-originals-page.triniti-mode-dice .origMount .face--bottom{
  background:
    radial-gradient(90px 74px at 36% 24%,rgba(255,255,255,.08),transparent 55%),
    linear-gradient(180deg,#191e27,#07090d 100%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--front{transform:rotateY(0deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--back{transform:rotateY(180deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--right{transform:rotateY(90deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--left{transform:rotateY(-90deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--top{transform:rotateX(90deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--bottom{transform:rotateX(-90deg) translateZ(var(--dice-half)) !important}

html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
  width:88px;
  height:88px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:9px;
  padding:10px;
  border-radius:15px;
  border-color:rgba(255,221,144,.14);
  background:rgba(0,0,0,.16);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .pip{
  width:11px;
  height:11px;
  border-radius:999px;
  background:#fff0ad;
  box-shadow:
    0 0 0 3px rgba(255,221,144,.1),
    0 0 13px rgba(227,180,86,.3),
    0 4px 8px rgba(0,0,0,.38);
}

@media (max-width:620px){
  html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard{
    width:min(330px,88vw) !important;
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;
    padding:66px 14px 16px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .arenaTop{
    top:14px;
    width:min(260px,82%);
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
    --dice-size:106px;
    --dice-half:53px;
    width:var(--dice-size);
    height:var(--dice-size);
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
    width:72px;
    height:72px;
    gap:7px;
    padding:9px;
  }
}

/* Triniti games49: full GitHub Dice layout inside the Triniti frame. */
html body.triniti-originals-page.triniti-mode-dice .origGame{
  grid-template-columns:minmax(0,1fr) !important;
  height:calc(100vh - 136px);
  min-height:650px;
  max-width:1380px;
  margin:0 auto;
}

html body.triniti-originals-page.triniti-mode-dice .origPanel,
html body.triniti-originals-page.triniti-mode-dice .origMultiplierStrip{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origStage{
  grid-template-rows:auto minmax(0,1fr) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origStageBar{
  min-height:66px;
}

html body.triniti-originals-page.triniti-mode-dice .origStageBody{
  padding:14px 22px 22px !important;
  display:grid !important;
  place-items:stretch !important;
  overflow:hidden;
}

html body.triniti-originals-page.triniti-mode-dice .origMount{
  align-items:stretch !important;
  justify-items:center !important;
  min-height:0 !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .hero{
  width:min(1120px,100%) !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:12px !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
  gap:10px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,221,144,.28) !important;
  background:
    radial-gradient(720px 420px at 50% 42%,rgba(227,180,86,.12),transparent 70%),
    linear-gradient(180deg,#131820 0%,#080a0f 100%) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,221,144,.07) !important;
  overflow:hidden !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .heroTop{
  display:flex !important;
  gap:10px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .modeRow{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  flex:1 1 auto;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .seg,
html body.triniti-originals-page.triniti-mode-dice .origMount .rulePill{
  height:42px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,221,144,.2) !important;
  background:linear-gradient(180deg,#1c212b,#0d1016) !important;
  color:#f8ecd0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 22px rgba(0,0,0,.2) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .seg.active{
  color:#120d04 !important;
  background:linear-gradient(180deg,#fff4ba 0%,#e4b452 52%,#a96823 100%) !important;
  border-color:rgba(255,238,179,.56) !important;
  box-shadow:0 18px 38px rgba(227,180,86,.2),inset 0 1px 0 rgba(255,255,255,.38) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .rulePill{
  min-width:74px;
  font-size:15px;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .statsGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .statCard{
  padding:11px 12px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,221,144,.16) !important;
  background:linear-gradient(180deg,#191e27,#0a0d13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .statCard__value{
  font-size:27px !important;
  color:#fffdf7;
  text-shadow:0 10px 26px rgba(0,0,0,.5);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .statCard__label{
  color:rgba(247,236,208,.62) !important;
  font-size:12px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard{
  position:relative;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:12px !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) !important;
  gap:10px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  border:1px solid rgba(255,221,144,.22) !important;
  background:
    radial-gradient(520px 300px at 50% 40%,rgba(227,180,86,.11),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,221,144,.025) 0 1px,transparent 1px 82px),
    repeating-linear-gradient(0deg,rgba(255,221,144,.02) 0 1px,transparent 1px 82px),
    linear-gradient(180deg,#131820,#07090d) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.055) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaTop{
  position:static !important;
  width:100% !important;
  transform:none !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:10px !important;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard > .range{
  display:block !important;
  width:100% !important;
  height:10px;
  accent-color:#e4b452;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .miniInfo{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,221,144,.22) !important;
  background:linear-gradient(180deg,#1c212b,#0d1016) !important;
  color:#f8ecd0 !important;
  font-size:13px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .miniInfo b{
  color:#fff4ba !important;
  font-size:15px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
  min-height:0 !important;
  height:100% !important;
  max-height:none !important;
  border-radius:20px !important;
  border:1px solid rgba(255,221,144,.18) !important;
  background:
    radial-gradient(380px 260px at 50% 50%,rgba(227,180,86,.13),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.26)) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage::before{
  opacity:.62;
  background-image:
    linear-gradient(rgba(255,221,144,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,221,144,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at center,#000 28%,transparent 82%);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage::after{
  bottom:26%;
  width:190px;
  height:42px;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
  --dice-size:128px;
  --dice-half:64px;
  width:var(--dice-size) !important;
  height:var(--dice-size) !important;
  transform:
    rotateX(-22deg) rotateY(35deg)
    rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) !important;
  transition:transform 900ms cubic-bezier(.2,.85,.2,1) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face{
  border-radius:18px !important;
  border-color:rgba(255,221,144,.24) !important;
  background:
    radial-gradient(120px 90px at 30% 24%,rgba(255,255,255,.14),rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#202631,#080a0f) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
  width:88px !important;
  height:88px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .pip{
  background:#fff8dc !important;
  box-shadow:
    0 0 0 3px rgba(255,221,144,.12),
    0 0 13px rgba(227,180,86,.38),
    0 4px 8px rgba(0,0,0,.38) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .betCard{
  display:grid !important;
  gap:10px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .chips{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:8px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .chip,
html body.triniti-originals-page.triniti-mode-dice .origMount .btnSmall,
html body.triniti-originals-page.triniti-mode-dice .origMount .betInput{
  border:1px solid rgba(255,221,144,.16) !important;
  background:linear-gradient(180deg,#1c212b,#0d1016) !important;
  color:#f8ecd0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.2) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .chip{
  height:38px !important;
  border-radius:999px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .betRow{
  display:grid !important;
  grid-template-columns:44px 1fr 44px !important;
  gap:8px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .btnPrimary{
  width:100% !important;
  min-height:50px !important;
  border:0 !important;
  border-radius:16px !important;
  color:#120d04 !important;
  background:linear-gradient(180deg,#fff4ba 0%,#e4b452 52%,#a96823 100%) !important;
  box-shadow:0 18px 38px rgba(227,180,86,.24),inset 0 1px 0 rgba(255,255,255,.38) !important;
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-dice .origGame{
    height:auto;
    min-height:0;
  }

  html body.triniti-originals-page.triniti-mode-dice .origStageBody{
    padding:12px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .hero{
    min-height:760px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .statsGrid,
  html body.triniti-originals-page.triniti-mode-dice .origMount .chips{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Triniti games51: stronger visible 3D dice faces for the GitHub layout. */
html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
  --dice-size:148px;
  --dice-half:74px;
  width:var(--dice-size) !important;
  height:var(--dice-size) !important;
  filter:
    drop-shadow(0 30px 34px rgba(0,0,0,.6))
    drop-shadow(0 0 26px rgba(227,180,86,.2)) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube::before,
html body.triniti-originals-page.triniti-mode-dice .origMount .cube::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube::before{
  right:-28px;
  top:16px;
  z-index:1;
  width:50px;
  height:118px;
  border-radius:0 17px 17px 0;
  transform:skewY(-20deg);
  transform-origin:left top;
  border:1px solid rgba(255,221,144,.2);
  background:
    radial-gradient(80px 120px at 20% 16%,rgba(255,232,164,.1),transparent 58%),
    linear-gradient(180deg,#151922,#030407);
  box-shadow:inset -18px 0 26px rgba(0,0,0,.34);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube::after{
  left:18px;
  top:-25px;
  z-index:1;
  width:116px;
  height:45px;
  border-radius:18px 18px 7px 7px;
  transform:skewX(-34deg);
  transform-origin:left bottom;
  border:1px solid rgba(255,232,164,.22);
  background:
    radial-gradient(100px 60px at 34% 20%,rgba(255,255,255,.12),transparent 58%),
    linear-gradient(90deg,#303744,#10141d);
  box-shadow:inset 0 12px 18px rgba(255,255,255,.045);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube .face{
  z-index:2;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face{
  backface-visibility:visible !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--top{
  background:
    radial-gradient(120px 90px at 32% 22%,rgba(255,255,255,.22),transparent 56%),
    linear-gradient(180deg,#303744,#10141d) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--right{
  background:
    radial-gradient(110px 88px at 26% 18%,rgba(255,232,164,.13),transparent 58%),
    linear-gradient(180deg,#171b24,#050609) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--left,
html body.triniti-originals-page.triniti-mode-dice .origMount .face--bottom,
html body.triniti-originals-page.triniti-mode-dice .origMount .face--back{
  background:
    radial-gradient(90px 74px at 36% 24%,rgba(255,255,255,.08),transparent 55%),
    linear-gradient(180deg,#121722,#030407) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
  width:98px !important;
  height:98px !important;
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
    --dice-size:118px;
    --dice-half:59px;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
    width:78px !important;
    height:78px !important;
  }
}

html body.triniti-originals-page .topbar .pill--balance,
html body.triniti-originals-page .topbar .balancePill{
  display:none !important;
}

/* Triniti games53: Dice returns to shared left-panel layout with a real CSS 3D cube. */
html body.triniti-originals-page.triniti-mode-dice .origGame{
  grid-template-columns:330px minmax(0,1fr) !important;
  height:calc(100vh - 136px) !important;
  min-height:560px !important;
  max-width:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origPanel{
  display:flex !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMultiplierStrip{
  display:flex !important;
}

html body.triniti-originals-page.triniti-mode-dice .origStage{
  grid-template-rows:auto minmax(0,1fr) auto !important;
}

html body.triniti-originals-page.triniti-mode-dice .origStageBody{
  padding:18px 24px 12px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden;
  background:
    radial-gradient(520px 260px at 50% 28%,rgba(227,180,86,.14),transparent 68%),
    radial-gradient(560px 330px at 68% 82%,rgba(45,226,111,.055),transparent 72%),
    linear-gradient(180deg,rgba(7,10,15,.2),rgba(0,0,0,.3)) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount{
  align-items:center !important;
  justify-items:center !important;
  overflow:visible !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard{
  position:relative;
  width:min(600px,70%) !important;
  height:380px !important;
  min-height:380px !important;
  max-height:380px !important;
  margin:0 auto !important;
  padding:76px 28px 26px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  gap:12px !important;
  overflow:visible !important;
  border-radius:24px !important;
  border:1px solid rgba(255,221,144,.34) !important;
  background:
    linear-gradient(90deg,rgba(255,221,144,.18),transparent 8%,transparent 92%,rgba(255,221,144,.18)),
    radial-gradient(520px 220px at 50% 0%,rgba(227,180,86,.2),transparent 66%),
    repeating-linear-gradient(135deg,transparent 0 44px,rgba(255,221,144,.028) 44px 46px,transparent 46px 92px),
    linear-gradient(180deg,#171d26 0%,#0a0e14 100%) !important;
  box-shadow:
    0 34px 76px rgba(0,0,0,.58),
    0 0 0 7px rgba(42,38,29,.76),
    0 0 0 8px rgba(255,221,144,.16),
    0 0 52px rgba(227,180,86,.16),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,221,144,.08) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard > .range{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaTop{
  position:absolute !important;
  left:50% !important;
  top:18px !important;
  z-index:5;
  width:min(330px,78%) !important;
  transform:translateX(-50%) !important;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .miniInfo{
  min-height:42px !important;
  padding:0 12px !important;
  justify-content:center !important;
  border-radius:13px !important;
  border:1px solid rgba(255,221,144,.24) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,232,164,.1),transparent 70%),
    linear-gradient(180deg,#1b2029,#080a0f) !important;
  color:rgba(247,236,208,.78) !important;
  font-size:11px !important;
  font-weight:950 !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .miniInfo b{
  margin-left:5px;
  color:#fff4ba !important;
  font-size:18px !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
  align-self:center;
  min-height:250px !important;
  height:250px !important;
  max-height:250px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  position:relative;
  border-radius:20px !important;
  border:1px solid rgba(255,221,144,.14) !important;
  background:
    radial-gradient(330px 190px at 50% 48%,rgba(227,180,86,.22),transparent 64%),
    radial-gradient(250px 160px at 70% 76%,rgba(45,226,111,.06),transparent 68%),
    linear-gradient(180deg,rgba(4,6,10,.2),rgba(0,0,0,.36)) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage::before{
  opacity:.6 !important;
  background-image:
    linear-gradient(rgba(255,221,144,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,221,144,.04) 1px,transparent 1px) !important;
  background-size:38px 38px !important;
  mask-image:radial-gradient(circle at center,#000 34%,transparent 84%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:25px;
  width:170px;
  height:36px;
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.68),transparent 72%);
  filter:blur(2px);
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeView{
  position:relative;
  z-index:2;
  perspective:980px !important;
  transform:translateZ(0);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
  --dice-size:142px;
  --dice-half:71px;
  position:relative;
  width:var(--dice-size) !important;
  height:var(--dice-size) !important;
  transform-style:preserve-3d !important;
  transform:
    rotateX(-34deg) rotateY(43deg)
    rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) !important;
  transition:transform 920ms cubic-bezier(.2,.85,.2,1) !important;
  will-change:transform;
  filter:
    drop-shadow(0 28px 32px rgba(0,0,0,.56))
    drop-shadow(0 0 24px rgba(227,180,86,.18)) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cube::before,
html body.triniti-originals-page.triniti-mode-dice .origMount .cube::after{
  content:none !important;
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:auto !important;
  border-radius:19px !important;
  border:1px solid rgba(255,232,164,.34) !important;
  background:
    radial-gradient(120px 90px at 30% 24%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#252b35,#0b0f18 100%) !important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.45),
    0 0 0 1px rgba(0,0,0,.35) inset,
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -16px 22px rgba(0,0,0,.28) !important;
  backface-visibility:visible !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--front{transform:rotateY(0deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--back{transform:rotateY(180deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--right{transform:rotateY(90deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--left{transform:rotateY(-90deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--top{transform:rotateX(90deg) translateZ(var(--dice-half)) !important}
html body.triniti-originals-page.triniti-mode-dice .origMount .face--bottom{transform:rotateX(-90deg) translateZ(var(--dice-half)) !important}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--top{
  background:
    radial-gradient(120px 90px at 30% 24%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#343b46,#121722 100%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--right,
html body.triniti-originals-page.triniti-mode-dice .origMount .face--left{
  background:
    radial-gradient(110px 88px at 26% 18%,rgba(255,232,164,.18),transparent 58%),
    linear-gradient(180deg,#222936,#080a0f 100%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .face--front{
  background:
    radial-gradient(120px 90px at 30% 24%,rgba(255,255,255,.19),rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#29313f,#0b0f18 100%) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
  width:94px !important;
  height:94px !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:10px !important;
  padding:11px !important;
  border-radius:16px !important;
  border-color:rgba(255,221,144,.14) !important;
  background:rgba(0,0,0,.16) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .pip{
  width:12px !important;
  height:12px !important;
  border-radius:999px !important;
  background:#fff8dc !important;
  box-shadow:
    0 0 0 3px rgba(255,221,144,.12),
    0 0 13px rgba(227,180,86,.38),
    0 4px 8px rgba(0,0,0,.38) !important;
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-dice .origGame{
    height:auto !important;
    grid-template-columns:1fr !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard{
    width:min(430px,88vw) !important;
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
    padding:70px 16px 18px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .cube{
    --dice-size:112px;
    --dice-half:56px;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .pips{
    width:74px !important;
    height:74px !important;
    gap:7px !important;
  }
}

/* Triniti games54: production WebGL dice canvas, CSS dice is fallback only. */
html body.triniti-originals-page.triniti-mode-dice .origMount .dice3dCanvas{
  position:absolute;
  inset:0;
  z-index:3;
  width:100% !important;
  height:100% !important;
  display:block;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .diceFallbackHidden{
  opacity:0;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-dice .origMultiplierStrip span.is-complete{
  border-color:rgba(54,224,128,.5) !important;
  color:#eaffef !important;
  background:
    radial-gradient(95px 42px at 50% 10%,rgba(54,224,128,.2),transparent 72%),
    linear-gradient(180deg,rgba(30,44,34,.92),rgba(8,13,12,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(54,224,128,.13) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMultiplierStrip span.active.is-complete{
  border-color:rgba(255,221,144,.86) !important;
  color:#151006 !important;
  background:linear-gradient(180deg,#ffe89b,#d69d34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 18px rgba(227,180,86,.25) !important;
}

html body.triniti-originals-page.triniti-mode-dice .origControls button:disabled,
html body.triniti-originals-page.triniti-mode-dice .origControls input:disabled{
  cursor:not-allowed !important;
  opacity:.72 !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
  position:absolute;
  inset:0;
  z-index:3;
  width:100% !important;
  height:100% !important;
  display:block;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinFallbackHidden{
  opacity:0;
  pointer-events:none;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMultiplierStrip span.is-complete{
  border-color:rgba(54,224,128,.5) !important;
  color:#eaffef !important;
  background:
    radial-gradient(95px 42px at 50% 10%,rgba(54,224,128,.2),transparent 72%),
    linear-gradient(180deg,rgba(30,44,34,.92),rgba(8,13,12,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(54,224,128,.13) !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMultiplierStrip span.active.is-complete{
  border-color:rgba(255,221,144,.86) !important;
  color:#151006 !important;
  background:linear-gradient(180deg,#ffe89b,#d69d34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 18px rgba(227,180,86,.25) !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origControls button:disabled{
  cursor:not-allowed !important;
  opacity:.72 !important;
}

/* Triniti games71: unified originals frame and shared premium scene decor for the first 4 modes. */
html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip){
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(255,220,139,.12),transparent 68%),
    radial-gradient(780px 520px at 12% 92%,rgba(160,88,24,.15),transparent 70%),
    radial-gradient(720px 460px at 88% 88%,rgba(45,226,111,.075),transparent 72%),
    linear-gradient(135deg,#020305 0%,#07090d 52%,#020305 100%) !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .app{
  width:min(1388px,calc(100vw - 34px)) !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origGame{
  --unified-stage-h:clamp(382px,calc(100vh - 338px),470px);
  --unified-stage-w:min(800px,100%);
  height:clamp(620px,calc(100vh - 132px),780px) !important;
  min-height:620px !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:26px !important;
  border-color:rgba(255,221,144,.34) !important;
  background:
    linear-gradient(90deg,rgba(12,8,5,.86),rgba(3,5,8,.56) 18%,rgba(3,5,8,.54) 82%,rgba(12,8,5,.86)),
    radial-gradient(520px 320px at 50% 20%,rgba(255,221,144,.12),transparent 72%),
    linear-gradient(180deg,#080a0f 0%,#020305 100%) !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origGame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(18px 54px at 4.5% 58%,rgba(255,151,45,.5),transparent 74%),
    radial-gradient(18px 54px at 95.5% 58%,rgba(255,151,45,.44),transparent 74%),
    linear-gradient(90deg,rgba(56,39,23,.5),transparent 12%,transparent 88%,rgba(56,39,23,.48)),
    repeating-linear-gradient(90deg,rgba(255,221,144,.055) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(0deg,rgba(255,221,144,.035) 0 1px,transparent 1px 84px);
  mask-image:linear-gradient(180deg,transparent,black 10%,black 93%,transparent);
  opacity:.72;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origPanel{
  border-radius:22px !important;
  padding:16px !important;
  gap:13px !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origWallet{
  min-height:76px !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStage{
  grid-template-rows:74px minmax(0,1fr) 70px !important;
  border-radius:24px !important;
  background:
    radial-gradient(620px 300px at 50% -4%,rgba(255,221,144,.12),transparent 70%),
    linear-gradient(180deg,rgba(16,20,27,.94),rgba(5,7,10,.96)) !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStageBar{
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) 92px !important;
  align-items:center !important;
  gap:12px !important;
  padding:13px 18px !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origBack{
  justify-self:start !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origModeMark{
  justify-self:center !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStageBody{
  min-height:0 !important;
  padding:20px 26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(380px 210px at 50% 48%,rgba(255,202,91,.13),transparent 72%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 16%,transparent 84%,rgba(0,0,0,.28)),
    linear-gradient(180deg,rgba(7,10,14,.2),rgba(0,0,0,.32)) !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStageBody::after{
  content:"";
  position:absolute;
  inset:18px 22px;
  z-index:0;
  pointer-events:none;
  border-radius:24px;
  border:1px solid rgba(255,221,144,.1);
  background:
    radial-gradient(120px 190px at 6% 65%,rgba(255,160,55,.12),transparent 78%),
    radial-gradient(120px 190px at 94% 65%,rgba(255,160,55,.1),transparent 78%),
    repeating-linear-gradient(90deg,rgba(255,221,144,.035) 0 1px,transparent 1px 110px),
    repeating-linear-gradient(135deg,transparent 0 46px,rgba(255,221,144,.03) 46px 48px,transparent 48px 92px);
  mask-image:linear-gradient(180deg,black,black 88%,transparent);
  opacity:.9;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origMount{
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origMount::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:var(--unified-stage-w);
  height:var(--unified-stage-h);
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  border-radius:28px;
  border:1px solid rgba(255,221,144,.16);
  background:
    radial-gradient(360px 200px at 50% 42%,rgba(255,209,104,.12),transparent 70%),
    linear-gradient(180deg,rgba(18,22,30,.58),rgba(4,6,9,.76));
  box-shadow:
    0 34px 86px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.055);
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard,
html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
  position:relative !important;
  z-index:2 !important;
  width:var(--unified-stage-w) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) !important;
  padding:10px !important;
  border-radius:28px !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage,
html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  border-radius:22px !important;
  overflow:hidden !important;
  contain:paint !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .arenaTop,
html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard > .range,
html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaTop{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
  background:
    radial-gradient(260px 180px at 50% 48%,rgba(255,189,71,.22),transparent 70%),
    radial-gradient(460px 280px at 50% 72%,rgba(0,0,0,.34),transparent 78%),
    linear-gradient(180deg,rgba(13,17,23,.45),rgba(5,7,10,.86)) !important;
}

html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
  background:
    radial-gradient(300px 200px at 50% 46%,rgba(255,197,74,.2),transparent 70%),
    radial-gradient(420px 260px at 68% 66%,rgba(70,104,255,.09),transparent 74%),
    linear-gradient(180deg,rgba(13,17,23,.45),rgba(5,7,10,.86)) !important;
}

html body.triniti-originals-page.triniti-mode-mines .origMount #grid{
  position:relative !important;
  z-index:2 !important;
  width:min(432px,58vw,calc(100vh - 342px)) !important;
  min-width:330px !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  gap:10px !important;
  padding:14px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,221,144,.22) !important;
  background:
    radial-gradient(280px 180px at 50% 44%,rgba(255,197,74,.13),transparent 70%),
    linear-gradient(180deg,rgba(18,22,30,.78),rgba(5,7,10,.92)) !important;
  box-shadow:
    0 30px 72px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body.triniti-originals-page.triniti-mode-mines .origMount #grid .cell{
  min-height:0 !important;
  border-radius:14px !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
  position:relative !important;
  z-index:2 !important;
  width:min(560px,72vw) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  max-height:var(--unified-stage-h) !important;
  padding:96px 28px 14px !important;
  margin:0 auto !important;
}

html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::before{
  top:-27px !important;
  width:min(680px,105%) !important;
  height:122px !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origMultiplierStrip{
  min-height:70px !important;
  padding:13px 18px 15px !important;
}

html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origMultiplierStrip span{
  min-height:40px !important;
  border-radius:13px !important;
}

@media (max-width:980px){
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origGame{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStage{
    min-height:560px !important;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origGame{
    --unified-stage-h:320px;
    padding:10px !important;
    gap:10px !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStage{
    grid-template-rows:64px minmax(0,1fr) 62px !important;
    min-height:470px !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStageBar{
    min-height:64px !important;
    grid-template-columns:72px minmax(0,1fr) 40px !important;
    padding:10px !important;
  }

  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip) .origStageBody{
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-mines .origMount #grid{
    width:min(314px,82vw) !important;
    min-width:0 !important;
    gap:7px !important;
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(340px,92vw) !important;
    padding:70px 14px 10px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::before{
    top:-18px !important;
    height:88px !important;
  }
}

/* Triniti crash86: Crash uses the shared originals shell without the bottom ladder. */
html body.triniti-originals-page.triniti-mode-crash{
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(255,220,139,.12),transparent 68%),
    radial-gradient(780px 520px at 12% 92%,rgba(160,88,24,.15),transparent 70%),
    radial-gradient(720px 460px at 88% 88%,rgba(236,61,89,.08),transparent 72%),
    linear-gradient(135deg,#020305 0%,#07090d 52%,#020305 100%) !important;
}

html body.triniti-originals-page.triniti-mode-crash .app{
  width:min(1388px,calc(100vw - 34px)) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origGame{
  --unified-stage-h:clamp(382px,calc(100vh - 338px),470px);
  --unified-stage-w:min(800px,100%);
  height:clamp(620px,calc(100vh - 132px),780px) !important;
  min-height:620px !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:26px !important;
  border-color:rgba(255,221,144,.34) !important;
  background:
    linear-gradient(90deg,rgba(12,8,5,.86),rgba(3,5,8,.56) 18%,rgba(3,5,8,.54) 82%,rgba(12,8,5,.86)),
    radial-gradient(520px 320px at 50% 20%,rgba(255,221,144,.12),transparent 72%),
    linear-gradient(180deg,#080a0f 0%,#020305 100%) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origGame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(18px 54px at 4.5% 58%,rgba(255,151,45,.5),transparent 74%),
    radial-gradient(18px 54px at 95.5% 58%,rgba(255,151,45,.44),transparent 74%),
    linear-gradient(90deg,rgba(56,39,23,.5),transparent 12%,transparent 88%,rgba(56,39,23,.48)),
    repeating-linear-gradient(90deg,rgba(255,221,144,.055) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(0deg,rgba(255,221,144,.035) 0 1px,transparent 1px 84px);
  mask-image:linear-gradient(180deg,transparent,black 10%,black 93%,transparent);
  opacity:.72;
}

html body.triniti-originals-page.triniti-mode-crash .origPanel{
  border-radius:22px !important;
  padding:16px !important;
  gap:13px !important;
}

html body.triniti-originals-page.triniti-mode-crash .origWallet{
  min-height:76px !important;
}

html body.triniti-originals-page.triniti-mode-crash .origStage{
  grid-template-rows:74px minmax(0,1fr) !important;
  border-radius:24px !important;
  background:
    radial-gradient(620px 300px at 50% -4%,rgba(255,221,144,.12),transparent 70%),
    linear-gradient(180deg,rgba(16,20,27,.94),rgba(5,7,10,.96)) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origStageBar{
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) 92px !important;
  align-items:center !important;
  gap:12px !important;
  padding:13px 18px !important;
}

html body.triniti-originals-page.triniti-mode-crash .origBack{
  justify-self:start !important;
}

html body.triniti-originals-page.triniti-mode-crash .origModeMark{
  justify-self:center !important;
}

html body.triniti-originals-page.triniti-mode-crash .origStageBody{
  min-height:0 !important;
  padding:20px 26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(420px 240px at 52% 42%,rgba(255,202,91,.15),transparent 72%),
    radial-gradient(380px 260px at 66% 60%,rgba(236,61,89,.1),transparent 72%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 16%,transparent 84%,rgba(0,0,0,.28)),
    linear-gradient(180deg,rgba(7,10,14,.2),rgba(0,0,0,.32)) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origStageBody::after{
  content:"";
  position:absolute;
  inset:18px 22px;
  z-index:0;
  pointer-events:none;
  border-radius:24px;
  border:1px solid rgba(255,221,144,.1);
  background:
    radial-gradient(120px 190px at 6% 65%,rgba(255,160,55,.12),transparent 78%),
    radial-gradient(120px 190px at 94% 65%,rgba(255,160,55,.1),transparent 78%),
    repeating-linear-gradient(90deg,rgba(255,221,144,.035) 0 1px,transparent 1px 110px),
    repeating-linear-gradient(135deg,transparent 0 46px,rgba(255,221,144,.03) 46px 48px,transparent 48px 92px);
  mask-image:linear-gradient(180deg,black,black 88%,transparent);
  opacity:.9;
}

html body.triniti-originals-page.triniti-mode-crash .origMount{
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:var(--unified-stage-w);
  height:var(--unified-stage-h);
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  border-radius:28px;
  border:1px solid rgba(255,221,144,.16);
  background:
    radial-gradient(360px 200px at 50% 42%,rgba(255,209,104,.12),transparent 70%),
    linear-gradient(180deg,rgba(18,22,30,.58),rgba(4,6,9,.76));
  box-shadow:
    0 34px 86px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.055);
}

html body.triniti-originals-page.triniti-mode-crash .origMount .chartCard{
  position:relative !important;
  z-index:2 !important;
  width:var(--unified-stage-w) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) !important;
  gap:0 !important;
  padding:10px !important;
  border-radius:28px !important;
  border-color:rgba(255,221,144,.22) !important;
  background:
    radial-gradient(360px 220px at 50% 46%,rgba(255,197,74,.15),transparent 70%),
    radial-gradient(440px 280px at 68% 66%,rgba(236,61,89,.09),transparent 74%),
    linear-gradient(180deg,rgba(13,17,23,.58),rgba(5,7,10,.9)) !important;
  box-shadow:
    0 34px 86px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(255,221,144,.06) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .chartTop,
html body.triniti-originals-page.triniti-mode-crash .origMount .bottomLine{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border-radius:22px !important;
  border-color:rgba(255,221,144,.13) !important;
  background:
    radial-gradient(280px 190px at 50% 52%,rgba(255,203,99,.16),transparent 72%),
    radial-gradient(460px 280px at 50% 72%,rgba(0,0,0,.34),transparent 78%),
    linear-gradient(180deg,rgba(13,17,23,.45),rgba(5,7,10,.86)) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage::before{
  opacity:.74 !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(180px 120px at 50% 54%,rgba(255,213,119,.13),transparent 74%),
    linear-gradient(110deg,transparent 0 34%,rgba(255,221,144,.055) 46%,transparent 58%);
  opacity:.9;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .overlay{
  z-index:3 !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .overlayX{
  color:#ffd978 !important;
  font-size:clamp(44px,6vw,72px) !important;
  text-shadow:
    0 16px 46px rgba(0,0,0,.78),
    0 0 28px rgba(246,197,90,.42) !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMount .overlayText{
  color:rgba(246,234,205,.78) !important;
  font-weight:850 !important;
}

html body.triniti-originals-page.triniti-mode-crash .origMultiplierStrip,
html body.triniti-originals-page.triniti-mode-crash .origQuick,
html body.triniti-originals-page.triniti-mode-crash .origControls{
  display:none !important;
}

html body.triniti-originals-page.triniti-mode-crash .origBetLine button:disabled{
  cursor:not-allowed !important;
  opacity:.48 !important;
  filter:saturate(.7) !important;
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-crash .origGame{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origStage{
    min-height:500px !important;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page.triniti-mode-crash .origGame{
    --unified-stage-h:320px;
    padding:10px !important;
    gap:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origStage{
    grid-template-rows:64px minmax(0,1fr) !important;
    min-height:430px !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origStageBar{
    min-height:64px !important;
    grid-template-columns:72px minmax(0,1fr) 40px !important;
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origStageBody{
    padding:10px !important;
  }
}

/* Triniti rps88: premium duel scene for КНБ. */
html body.triniti-originals-page.triniti-mode-rps{
  background:
    radial-gradient(900px 520px at 50% -10%,rgba(255,220,139,.12),transparent 68%),
    radial-gradient(760px 500px at 12% 92%,rgba(160,88,24,.15),transparent 70%),
    radial-gradient(680px 460px at 90% 78%,rgba(54,224,128,.08),transparent 72%),
    linear-gradient(135deg,#020305 0%,#07090d 52%,#020305 100%) !important;
}

html body.triniti-originals-page.triniti-mode-rps .app{
  width:min(1388px,calc(100vw - 34px)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origGame{
  --unified-stage-h:clamp(382px,calc(100vh - 338px),470px);
  --unified-stage-w:min(800px,100%);
  height:clamp(620px,calc(100vh - 132px),780px) !important;
  min-height:620px !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:26px !important;
  border-color:rgba(255,221,144,.34) !important;
  background:
    linear-gradient(90deg,rgba(12,8,5,.86),rgba(3,5,8,.56) 18%,rgba(3,5,8,.54) 82%,rgba(12,8,5,.86)),
    radial-gradient(520px 320px at 50% 20%,rgba(255,221,144,.12),transparent 72%),
    linear-gradient(180deg,#080a0f 0%,#020305 100%) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origGame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(18px 54px at 4.5% 58%,rgba(255,151,45,.5),transparent 74%),
    radial-gradient(18px 54px at 95.5% 58%,rgba(255,151,45,.44),transparent 74%),
    linear-gradient(90deg,rgba(56,39,23,.5),transparent 12%,transparent 88%,rgba(56,39,23,.48)),
    repeating-linear-gradient(90deg,rgba(255,221,144,.055) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(0deg,rgba(255,221,144,.035) 0 1px,transparent 1px 84px);
  mask-image:linear-gradient(180deg,transparent,black 10%,black 93%,transparent);
  opacity:.72;
}

html body.triniti-originals-page.triniti-mode-rps .origPanel{
  border-radius:22px !important;
  padding:16px !important;
  gap:13px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origWallet{
  min-height:76px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origStage{
  grid-template-rows:74px minmax(0,1fr) 70px !important;
  border-radius:24px !important;
  background:
    radial-gradient(620px 300px at 50% -4%,rgba(255,221,144,.12),transparent 70%),
    linear-gradient(180deg,rgba(16,20,27,.94),rgba(5,7,10,.96)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origStageBar{
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) 92px !important;
  align-items:center !important;
  gap:12px !important;
  padding:13px 18px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origBack{
  justify-self:start !important;
}

html body.triniti-originals-page.triniti-mode-rps .origModeMark{
  justify-self:center !important;
}

html body.triniti-originals-page.triniti-mode-rps .origStageBody{
  min-height:0 !important;
  padding:20px 26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(420px 240px at 52% 42%,rgba(255,202,91,.15),transparent 72%),
    radial-gradient(360px 260px at 28% 70%,rgba(72,242,160,.08),transparent 72%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 16%,transparent 84%,rgba(0,0,0,.28)),
    linear-gradient(180deg,rgba(7,10,14,.2),rgba(0,0,0,.32)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origStageBody::after{
  content:"";
  position:absolute;
  inset:18px 22px;
  z-index:0;
  pointer-events:none;
  border-radius:24px;
  border:1px solid rgba(255,221,144,.1);
  background:
    radial-gradient(120px 190px at 6% 65%,rgba(255,160,55,.12),transparent 78%),
    radial-gradient(120px 190px at 94% 65%,rgba(255,160,55,.1),transparent 78%),
    repeating-linear-gradient(90deg,rgba(255,221,144,.035) 0 1px,transparent 1px 110px),
    repeating-linear-gradient(135deg,transparent 0 46px,rgba(255,221,144,.03) 46px 48px,transparent 48px 92px);
  mask-image:linear-gradient(180deg,black,black 88%,transparent);
  opacity:.9;
}

html body.triniti-originals-page.triniti-mode-rps .origMount{
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:var(--unified-stage-w);
  height:var(--unified-stage-h);
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  border-radius:28px;
  border:1px solid rgba(255,221,144,.16);
  background:
    radial-gradient(360px 200px at 50% 42%,rgba(255,209,104,.12),transparent 70%),
    linear-gradient(180deg,rgba(18,22,30,.58),rgba(4,6,9,.76));
  box-shadow:
    0 34px 86px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,221,144,.055);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
  position:relative !important;
  z-index:2 !important;
  width:var(--unified-stage-w) !important;
  height:var(--unified-stage-h) !important;
  min-height:var(--unified-stage-h) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  padding:34px 38px 74px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,221,144,.22) !important;
  overflow:hidden !important;
  contain:paint !important;
  background:
    radial-gradient(280px 190px at 50% 48%,rgba(255,203,99,.2),transparent 72%),
    radial-gradient(360px 220px at 25% 58%,rgba(72,242,160,.11),transparent 74%),
    radial-gradient(360px 220px at 75% 58%,rgba(255,90,106,.1),transparent 74%),
    linear-gradient(180deg,rgba(13,17,23,.52),rgba(5,7,10,.9)) !important;
  box-shadow:
    0 34px 86px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(255,221,144,.06) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 18% 32%,rgba(255,221,144,.55),transparent 70%),
    radial-gradient(1px 1px at 78% 26%,rgba(255,221,144,.45),transparent 70%),
    radial-gradient(1px 1px at 56% 72%,rgba(72,242,160,.35),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,221,144,.035) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(135deg,transparent 0 48px,rgba(255,221,144,.035) 48px 50px,transparent 50px 94px);
  opacity:.9;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs::after{
  content:"ОЖИДАНИЕ ХОДА";
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:4;
  transform:translateX(-50%);
  min-width:220px;
  padding:11px 22px;
  border-radius:999px;
  border:1px solid rgba(255,221,144,.22);
  background:linear-gradient(180deg,rgba(17,20,27,.9),rgba(5,7,10,.92));
  color:#f6eacd;
  text-align:center;
  font-size:13px;
  font-weight:950;
  letter-spacing:.2px;
  box-shadow:0 18px 44px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"]::after{content:"РАСКРЫВАЕМ ХОД..."}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="win"]::after{content:"ПОБЕДА";color:#eaffef;border-color:rgba(54,224,128,.46)}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="lose"]::after{content:"ПОРАЖЕНИЕ";color:#ffd9df;border-color:rgba(255,90,106,.46)}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="draw"]::after{content:"НИЧЬЯ";color:#fff0b8}

html body.triniti-originals-page.triniti-mode-rps .origMount .card{
  position:relative !important;
  z-index:2 !important;
  min-height:250px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,221,144,.16) !important;
  background:
    radial-gradient(180px 120px at 50% 34%,rgba(255,221,144,.13),transparent 72%),
    linear-gradient(180deg,rgba(20,24,32,.86),rgba(5,7,10,.92)) !important;
  box-shadow:
    0 26px 58px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -26px 38px rgba(0,0,0,.22) !important;
  transform:perspective(900px) rotateX(4deg);
}

html body.triniti-originals-page.triniti-mode-rps .origMount .card::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:25px;
  height:18px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  filter:blur(10px);
  opacity:.78;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .small{
  color:rgba(246,234,205,.64) !important;
  font-size:12px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
  width:116px !important;
  height:116px !important;
  margin:16px 0 10px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:30px !important;
  border:1px solid rgba(255,221,144,.26) !important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.28),transparent 42%),
    radial-gradient(circle at 50% 74%,rgba(0,0,0,.28),transparent 60%),
    linear-gradient(135deg,#141922,#05070a) !important;
  color:#ffd978 !important;
  font-size:62px !important;
  line-height:1 !important;
  text-shadow:0 8px 24px rgba(0,0,0,.7),0 0 18px rgba(246,197,90,.24) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.38),
    0 0 34px rgba(246,197,90,.1),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -18px 26px rgba(0,0,0,.3) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount #botPickView,
html body.triniti-originals-page.triniti-mode-rps .origMount #youPickView{
  color:#fff !important;
  font-size:18px !important;
  font-weight:1000 !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
  position:relative !important;
  z-index:3 !important;
  width:92px !important;
  height:92px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,221,144,.32) !important;
  background:
    radial-gradient(circle at 35% 24%,rgba(255,255,255,.28),transparent 42%),
    linear-gradient(180deg,#ffe69b,#d19a38 58%,#6f3e12) !important;
  color:#140c04 !important;
  font-size:24px !important;
  letter-spacing:0 !important;
  box-shadow:
    0 24px 54px rgba(0,0,0,.45),
    0 0 34px rgba(246,197,90,.28),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .card{
  animation:rpsShake .54s cubic-bezier(.2,.8,.2,1) both;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .vsText{
  animation:rpsPulse .54s ease both;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="win"]{
  box-shadow:0 34px 86px rgba(0,0,0,.44),0 0 42px rgba(54,224,128,.14),inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="lose"]{
  box-shadow:0 34px 86px rgba(0,0,0,.44),0 0 42px rgba(255,90,106,.14),inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMultiplierStrip{
  min-height:70px !important;
  padding:13px 18px 15px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMultiplierStrip span{
  min-height:40px !important;
  border-radius:13px !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMultiplierStrip span.is-complete{
  border-color:rgba(54,224,128,.5) !important;
  color:#eaffef !important;
  background:
    radial-gradient(95px 42px at 50% 10%,rgba(54,224,128,.2),transparent 72%),
    linear-gradient(180deg,rgba(30,44,34,.92),rgba(8,13,12,.96)) !important;
}

html body.triniti-originals-page.triniti-mode-rps .origMultiplierStrip span.active.is-complete{
  border-color:rgba(255,221,144,.86) !important;
  color:#151006 !important;
  background:linear-gradient(180deg,#ffe89b,#d69d34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 18px rgba(227,180,86,.25) !important;
}

@keyframes rpsShake{
  0%{transform:perspective(900px) rotateX(4deg) translateX(0) scale(1)}
  24%{transform:perspective(900px) rotateX(4deg) translateX(-8px) rotateZ(-1.5deg) scale(1.02)}
  52%{transform:perspective(900px) rotateX(4deg) translateX(8px) rotateZ(1.5deg) scale(1.02)}
  100%{transform:perspective(900px) rotateX(4deg) translateX(0) scale(1)}
}

@keyframes rpsPulse{
  0%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.08);filter:brightness(1.15)}
  100%{transform:scale(1);filter:brightness(1)}
}

@media (max-width:980px){
  html body.triniti-originals-page.triniti-mode-rps .origGame{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStage{
    min-height:560px !important;
  }
}

@media (max-width:620px){
  html body.triniti-originals-page.triniti-mode-rps .origGame{
    --unified-stage-h:340px;
    padding:10px !important;
    gap:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStage{
    grid-template-rows:64px minmax(0,1fr) 62px !important;
    min-height:490px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStageBar{
    min-height:64px !important;
    grid-template-columns:72px minmax(0,1fr) 40px !important;
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStageBody{
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
    grid-template-columns:1fr !important;
    grid-template-rows:1fr 56px 1fr !important;
    gap:8px !important;
    padding:18px 18px 58px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .card{
    min-height:104px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
    width:72px !important;
    height:72px !important;
    border-radius:20px !important;
    font-size:40px !important;
    margin:6px 0 !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
    width:54px !important;
    height:54px !important;
    justify-self:center !important;
    font-size:16px !important;
  }
}

/* Triniti ui102 final overrides: stable shared frame, centered 3D coin, clean KNB and OneWin-like penalty. */
html body.triniti-originals-page .origQuick{display:none !important}
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]{
  grid-column:1 / 2 !important;
  grid-row:2 / 3 !important;
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:none !important;
  background:transparent !important;
  color:#fff !important;
  font:inherit !important;
  font-size:28px !important;
  font-weight:950 !important;
  padding:0 !important;
  -moz-appearance:textfield;
}
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]::-webkit-outer-spin-button,
html body.triniti-originals-page .origBetLine input[data-orig-bet-input]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .app{width:1280px !important;max-width:1280px !important;margin:0 auto !important}
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origGame{width:1280px !important;max-width:1280px !important;height:780px !important;grid-template-columns:300px 930px !important;gap:30px !important;margin:0 auto !important}
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origStage{width:930px !important}
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origStageBody{width:928px !important;height:600px !important;display:grid !important;place-items:center !important;overflow:hidden !important}
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .origMount{width:876px !important;height:560px !important;display:grid !important;place-items:center !important;align-content:center !important;overflow:hidden !important}
html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{width:800px !important;height:470px !important;margin:auto !important}
html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{height:350px !important;min-height:350px !important;display:grid !important;place-items:center !important;overflow:hidden !important}
html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{position:absolute !important;inset:0 !important;z-index:3 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;display:block !important;transform:none !important;pointer-events:none !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs{width:800px !important;height:470px !important;min-height:0 !important;margin:auto !important;padding:54px 58px 72px !important;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr) !important;gap:34px !important;align-items:center !important;justify-items:center !important;overflow:hidden !important;background:radial-gradient(320px 210px at 25% 56%,rgba(246,197,90,.11),transparent 72%),radial-gradient(320px 210px at 75% 56%,rgba(246,197,90,.1),transparent 72%),linear-gradient(180deg,rgba(13,17,23,.62),rgba(5,7,10,.94)) !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs::before,
html body.triniti-originals-page.triniti-mode-rps .origMount .vs::after{display:none !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .card{width:220px !important;max-width:220px !important;min-height:190px !important;display:grid !important;place-items:center !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .icon{width:118px !important;height:118px !important;display:grid !important;place-items:center !important;overflow:visible !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{position:relative !important;display:block !important;width:108px !important;height:108px !important;transform:perspective(780px) rotateX(10deg) rotateY(-10deg) !important;filter:drop-shadow(0 22px 20px rgba(0,0,0,.46)) drop-shadow(0 0 16px rgba(246,197,90,.14)) !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{transform:perspective(780px) rotateX(10deg) rotateY(10deg) scaleX(-1) !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken svg{width:100% !important;height:100% !important;display:block !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken i,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken em,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken b,
html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken::after{display:none !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{width:68px !important;height:46px !important;border-radius:14px !important;background:linear-gradient(180deg,rgba(255,221,144,.16),rgba(6,8,12,.84)) !important;border:1px solid rgba(255,221,144,.28) !important;color:#ffe6a1 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.36) !important}
html body.triniti-originals-page.triniti-mode-rps .origMount .vs[data-state="rolling"] .rpsToken{animation:rpsTokenReveal .58s cubic-bezier(.18,.8,.22,1) both}
html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{width:800px !important;max-width:800px !important;height:470px !important;max-height:470px !important;margin:auto !important;display:grid !important;grid-template-rows:1fr 46px !important;place-items:center !important;gap:12px !important;transform:none !important;box-sizing:border-box !important;overflow:hidden !important;border-radius:30px !important;background:radial-gradient(420px 210px at 50% 64%,rgba(25,102,59,.18),transparent 76%),radial-gradient(360px 220px at 50% 28%,rgba(246,197,90,.1),transparent 72%),linear-gradient(180deg,rgba(13,17,23,.72),rgba(5,7,10,.96)) !important;border:1px solid rgba(246,197,90,.18) !important;box-shadow:0 28px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalTop{display:none !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{position:relative !important;width:720px !important;height:330px !important;max-width:720px !important;max-height:330px !important;min-height:0 !important;margin:20px auto 0 !important;overflow:hidden !important;isolation:isolate !important;perspective:900px !important;border-radius:28px !important;border:1px solid rgba(255,221,144,.2) !important;background:radial-gradient(400px 180px at 50% 88%,rgba(30,124,69,.24),transparent 76%),linear-gradient(rgba(255,221,144,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,221,144,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(10,14,19,.94),rgba(5,7,10,.98)) !important;background-size:auto,100% 33.333%,20% 100%,auto !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -74px 120px rgba(13,72,42,.2),0 24px 58px rgba(0,0,0,.46) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{content:"" !important;position:absolute !important;left:58px !important;right:58px !important;top:86px !important;height:156px !important;border:10px solid rgba(255,226,148,.88) !important;border-bottom-width:8px !important;border-radius:14px 14px 4px 4px !important;z-index:3 !important;opacity:1 !important;background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,0) 16%,rgba(0,0,0,.16) 78%,rgba(255,255,255,.16)),linear-gradient(180deg,rgba(255,226,148,.18),rgba(255,226,148,.03)) !important;box-shadow:0 15px 28px rgba(0,0,0,.42),0 0 18px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.42) !important;transform:perspective(760px) rotateX(2deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{content:"" !important;position:absolute !important;left:58px !important;right:58px !important;top:78px !important;height:174px !important;z-index:2 !important;border-radius:18px !important;background:linear-gradient(90deg,rgba(255,226,148,.32) 0 7px,transparent 7px calc(100% - 7px),rgba(255,226,148,.28) calc(100% - 7px)),linear-gradient(180deg,rgba(255,226,148,.26) 0 7px,transparent 7px calc(100% - 7px),rgba(255,226,148,.18) calc(100% - 7px)) !important;filter:blur(.1px) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{position:absolute !important;left:76px !important;right:76px !important;top:104px !important;height:122px !important;z-index:2 !important;border-radius:9px !important;background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),radial-gradient(260px 90px at 50% 120%,rgba(39,180,92,.14),transparent 72%) !important;background-size:100% 33.333%,20% 100%,auto !important;transform:perspective(720px) rotateX(6deg) !important;box-shadow:inset 0 -26px 44px rgba(23,112,65,.16) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{position:absolute !important;left:76px !important;right:76px !important;top:104px !important;height:122px !important;z-index:5 !important;display:grid !important;grid-template-columns:repeat(5,1fr) !important;grid-template-rows:repeat(3,1fr) !important;gap:5px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{border-radius:10px !important;border:1px solid rgba(255,221,144,.16) !important;background:rgba(255,255,255,.022) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;opacity:.78 !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones[data-locked="0"] .zone,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone[data-enabled="1"]{cursor:pointer !important;opacity:1 !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone:hover,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone.hot{border-color:rgba(255,221,144,.56) !important;background:rgba(246,197,90,.08) !important;box-shadow:0 0 18px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.08) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves::before{display:none !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{z-index:7 !important;left:50% !important;right:auto !important;top:50% !important;bottom:auto !important;width:158px !important;height:78px !important;transform:translate(-50%,-50%) !important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(246,197,90,.18)) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{position:absolute !important;width:70px !important;height:58px !important;border-radius:24px 24px 27px 27px !important;border:1px solid rgba(255,232,166,.58) !important;background:radial-gradient(16px 14px at 30% 25%,rgba(255,255,255,.4),transparent 72%),radial-gradient(24px 18px at 70% 72%,rgba(0,0,0,.28),transparent 70%),linear-gradient(145deg,#ffe393 0%,#d99c38 42%,#543111 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset -12px -14px 24px rgba(0,0,0,.32),0 10px 20px rgba(0,0,0,.36) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::before{content:"" !important;position:absolute !important;left:9px !important;right:9px !important;top:8px !important;height:18px !important;border-radius:18px !important;background:repeating-linear-gradient(90deg,rgba(255,246,195,.5) 0 10px,rgba(93,52,17,.16) 10px 13px) !important;opacity:.78 !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::after{content:"" !important;position:absolute !important;left:13px !important;right:13px !important;bottom:-6px !important;height:14px !important;border-radius:10px !important;background:linear-gradient(180deg,#fff0a8,#9b6421) !important;box-shadow:0 6px 12px rgba(0,0,0,.26) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{left:2px !important;top:10px !important;transform:rotate(6deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{left:84px !important;top:10px !important;transform:rotate(-6deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{z-index:8 !important;width:42px !important;height:42px !important;border-radius:50% !important;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.86),transparent 22%),radial-gradient(circle at 62% 68%,rgba(68,39,8,.3),transparent 42%),linear-gradient(145deg,#fff0a4,#d6a446 52%,#6f4214) !important;border:1px solid rgba(255,235,168,.74) !important;box-shadow:0 16px 26px rgba(0,0,0,.42),0 0 16px rgba(246,197,90,.18),inset -8px -10px 18px rgba(0,0,0,.24) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{position:static !important;transform:none !important;width:min(520px,86%) !important;min-height:40px !important;margin:0 auto 14px !important;z-index:10 !important}

/* Triniti ui104: lower every game shell so the header and main frame never collide with browser chrome. */
html body.triniti-originals-page .app{
  margin-top:34px !important;
}
html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .app{
  margin-top:34px !important;
  margin-right:auto !important;
  margin-bottom:0 !important;
  margin-left:auto !important;
}
@media (max-height:820px){
  html body.triniti-originals-page .app{
    margin-top:26px !important;
  }
  html body.triniti-originals-page:is(.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-coinflip) .app{
    margin-top:26px !important;
    margin-right:auto !important;
    margin-bottom:0 !important;
    margin-left:auto !important;
  }
}

/* Triniti ui105: premium penalty arena with 1Win-like target goal, moving gloves and contained ball flight. */
html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  position:relative !important;
  width:800px !important;
  height:470px !important;
  grid-template-rows:1fr 42px !important;
  padding:22px 24px 14px !important;
  overflow:hidden !important;
  background:
    radial-gradient(380px 180px at 50% 19%,rgba(255,237,180,.16),transparent 72%),
    radial-gradient(520px 260px at 50% 92%,rgba(22,111,64,.22),transparent 74%),
    linear-gradient(100deg,rgba(13,17,23,.88),rgba(6,8,12,.96) 48%,rgba(11,16,23,.9)) !important;
  border:1px solid rgba(246,197,90,.24) !important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.52),
    0 0 36px rgba(246,197,90,.08),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:118px !important;
  height:44px !important;
  z-index:1 !important;
  background:linear-gradient(90deg,transparent,rgba(246,197,90,.08),rgba(29,151,86,.12),rgba(246,197,90,.08),transparent) !important;
  border-top:1px solid rgba(255,221,144,.08) !important;
  border-bottom:1px solid rgba(255,221,144,.07) !important;
  opacity:.85 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap::after{
  content:"" !important;
  position:absolute !important;
  inset:-80px 80px auto !important;
  height:270px !important;
  z-index:0 !important;
  background:
    radial-gradient(190px 240px at 18% 18%,rgba(255,255,255,.13),transparent 64%),
    radial-gradient(190px 240px at 82% 18%,rgba(255,255,255,.11),transparent 64%) !important;
  filter:blur(2px) !important;
  opacity:.55 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:750px !important;
  height:350px !important;
  max-width:750px !important;
  max-height:350px !important;
  margin:0 auto !important;
  z-index:2 !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(255,221,144,.22) !important;
  background:
    radial-gradient(360px 150px at 50% 95%,rgba(29,151,86,.25),transparent 76%),
    radial-gradient(320px 170px at 50% 14%,rgba(255,236,178,.11),transparent 68%),
    linear-gradient(rgba(255,221,144,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,221,144,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(7,11,16,.98),rgba(7,12,14,.98)) !important;
  background-size:auto,auto,100% 33.333%,20% 100%,auto !important;
  box-shadow:
    inset 0 -96px 140px rgba(16,94,52,.2),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 24px 62px rgba(0,0,0,.5) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  left:54px !important;
  right:54px !important;
  top:72px !important;
  height:172px !important;
  z-index:4 !important;
  border:9px solid rgba(255,229,151,.92) !important;
  border-bottom-width:7px !important;
  border-radius:18px 18px 6px 6px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,0) 20%,rgba(0,0,0,.16) 80%,rgba(255,255,255,.18)),
    linear-gradient(180deg,rgba(255,229,151,.2),rgba(255,229,151,.03)) !important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.44),
    0 0 26px rgba(246,197,90,.18),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
  transform:perspective(820px) rotateX(2deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  left:54px !important;
  right:54px !important;
  top:62px !important;
  height:196px !important;
  z-index:3 !important;
  border-radius:20px !important;
  background:
    linear-gradient(90deg,rgba(255,229,151,.32) 0 6px,transparent 6px calc(100% - 6px),rgba(255,229,151,.28) calc(100% - 6px)),
    linear-gradient(180deg,rgba(255,229,151,.26) 0 6px,transparent 6px calc(100% - 6px),rgba(255,229,151,.16) calc(100% - 6px)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  left:72px !important;
  right:72px !important;
  top:88px !important;
  height:142px !important;
  z-index:3 !important;
  border-radius:12px !important;
  background:
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),
    radial-gradient(280px 100px at 50% 115%,rgba(29,151,86,.18),transparent 72%) !important;
  background-size:100% 33.333%,20% 100%,auto !important;
  transform:perspective(800px) rotateX(8deg) !important;
  opacity:.92 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  left:72px !important;
  right:72px !important;
  top:88px !important;
  height:142px !important;
  z-index:7 !important;
  gap:7px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  position:relative !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:radial-gradient(circle,rgba(255,255,255,.045),rgba(255,255,255,.012) 62%,transparent 64%) !important;
  opacity:.9 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:48px !important;
  height:48px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(246,197,90,.12) 0 7px,transparent 8px),
    repeating-radial-gradient(circle,rgba(255,255,255,.12) 0 2px,transparent 2px 12px) !important;
  box-shadow:0 0 14px rgba(255,255,255,.05),inset 0 0 12px rgba(0,0,0,.2) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones[data-locked="0"] .zone:hover::before,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone.hot::before{
  border-color:rgba(255,221,144,.62) !important;
  box-shadow:0 0 22px rgba(246,197,90,.28),inset 0 0 12px rgba(246,197,90,.12) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:9 !important;
  width:172px !important;
  height:76px !important;
  transition-property:translate,filter !important;
  transition-timing-function:cubic-bezier(.18,.78,.2,1) !important;
  will-change:translate,filter !important;
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(246,197,90,.2)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:74px !important;
  height:62px !important;
  border-radius:28px 28px 30px 30px !important;
  border:1px solid rgba(255,232,166,.68) !important;
  background:
    radial-gradient(18px 15px at 32% 22%,rgba(255,255,255,.52),transparent 72%),
    radial-gradient(28px 20px at 72% 76%,rgba(0,0,0,.3),transparent 70%),
    repeating-linear-gradient(90deg,transparent 0 12px,rgba(86,49,16,.12) 12px 15px),
    linear-gradient(145deg,#fff0a8 0%,#e4ab42 42%,#6d3e13 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset -13px -15px 24px rgba(0,0,0,.34),
    0 12px 22px rgba(0,0,0,.38) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{
  left:3px !important;
  top:8px !important;
  transform:rotate(8deg) skewY(-2deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{
  left:94px !important;
  top:8px !important;
  transform:rotate(-8deg) skewY(2deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:48px !important;
  height:48px !important;
  z-index:10 !important;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.92),transparent 21%),
    radial-gradient(circle at 50% 50%,rgba(18,20,24,.86) 0 7px,transparent 8px),
    conic-gradient(from 30deg,#efe8d8 0 18%,#1b1d23 18% 27%,#f5efd9 27% 46%,#1b1d23 46% 55%,#f3ead5 55% 72%,#1b1d23 72% 82%,#f8f0da 82% 100%) !important;
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:0 20px 28px rgba(0,0,0,.44),0 0 16px rgba(246,197,90,.18),inset -8px -12px 18px rgba(0,0,0,.32) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  transition:transform 320ms cubic-bezier(.16,.82,.2,1),opacity 140ms ease !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.saved{
  filter:drop-shadow(0 0 14px rgba(255,95,116,.18)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.goal{
  filter:drop-shadow(0 0 18px rgba(50,255,145,.2)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  width:min(560px,88%) !important;
  min-height:38px !important;
  margin:0 auto 8px !important;
  border-color:rgba(246,197,90,.16) !important;
  background:rgba(5,7,10,.62) !important;
  color:rgba(255,241,202,.92) !important;
}

/* Triniti ui106: rebuild penalty as a believable goal scene instead of a flat target board. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  padding:18px 22px 14px !important;
  background:
    radial-gradient(420px 220px at 50% 9%,rgba(255,255,255,.09),transparent 72%),
    radial-gradient(520px 260px at 50% 88%,rgba(21,138,74,.24),transparent 72%),
    linear-gradient(180deg,rgba(8,11,16,.93),rgba(5,7,10,.98)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap::before{
  top:142px !important;
  height:54px !important;
  background:
    linear-gradient(90deg,transparent,rgba(33,148,88,.16),rgba(62,178,107,.18),rgba(33,148,88,.16),transparent),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 60px,transparent 60px 120px) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:750px !important;
  height:352px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:
    radial-gradient(420px 160px at 50% 28%,rgba(255,255,255,.09),transparent 72%),
    radial-gradient(520px 180px at 50% 100%,rgba(18,128,70,.3),transparent 74%),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(10,13,18,.98),rgba(5,9,10,.99)) !important;
  background-size:auto,auto,126px 100%,100% 88px,auto !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(130px 300px at 24% -8%,rgba(255,255,255,.15),transparent 70%),
    radial-gradient(130px 300px at 76% -8%,rgba(255,255,255,.13),transparent 70%),
    linear-gradient(90deg,transparent 0 39%,rgba(38,151,89,.11) 47% 53%,transparent 61%) !important;
  opacity:.72 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
  position:absolute !important;
  left:102px !important;
  right:102px !important;
  top:74px !important;
  height:176px !important;
  z-index:2 !important;
  border-radius:12px !important;
  clip-path:polygon(3% 0,97% 0,91% 100%,9% 100%) !important;
  background:
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px),
    radial-gradient(330px 110px at 50% 105%,rgba(33,149,86,.18),transparent 72%) !important;
  background-size:100% 29px,68px 100%,auto !important;
  opacity:.82 !important;
  transform:perspective(820px) rotateX(8deg) !important;
  box-shadow:inset 0 -35px 70px rgba(26,126,73,.16) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  left:108px !important;
  right:108px !important;
  top:88px !important;
  height:142px !important;
  z-index:3 !important;
  border-radius:8px !important;
  background:
    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px) !important;
  background-size:100% 47px,114px 100% !important;
  opacity:.7 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.46)) drop-shadow(0 0 12px rgba(246,197,90,.18)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
  position:absolute !important;
  display:block !important;
  border-radius:999px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.9),#f5f2df 22%,#bfc4c4 50%,#fff7c9 77%,#846225) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 0 -2px 4px rgba(0,0,0,.26),
    0 0 16px rgba(255,220,142,.14) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
  left:92px !important;
  top:78px !important;
  width:566px !important;
  height:13px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
  top:79px !important;
  width:14px !important;
  height:184px !important;
  background:linear-gradient(90deg,#fffbe6,#cfd4d2 44%,#fff1b2 70%,#76521e) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:92px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:92px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  top:91px !important;
  width:9px !important;
  height:170px !important;
  opacity:.58 !important;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(190,198,196,.62),rgba(255,221,144,.45)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
  left:129px !important;
  transform:skewX(-15deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  right:129px !important;
  transform:skewX(15deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  left:118px !important;
  right:118px !important;
  top:91px !important;
  height:132px !important;
  z-index:8 !important;
  gap:6px 18px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  opacity:.96 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
  width:54px !important;
  height:54px !important;
  border:2px solid rgba(255,255,255,.22) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(246,197,90,.3) 0 5px,rgba(246,197,90,.08) 6px 13px,transparent 14px),
    repeating-radial-gradient(circle,rgba(255,255,255,.18) 0 2px,transparent 2px 12px),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.16)) !important;
  box-shadow:0 0 18px rgba(255,255,255,.06),inset 0 0 16px rgba(0,0,0,.32) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:70px !important;
  height:28px !important;
  transform:translate(-50%,-50%) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse,rgba(255,255,255,.035),transparent 64%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones[data-locked="0"] .zone:hover::before{
  border-color:rgba(255,221,144,.76) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,221,144,.48) 0 5px,rgba(246,197,90,.14) 6px 15px,transparent 16px),
    repeating-radial-gradient(circle,rgba(255,255,255,.22) 0 2px,transparent 2px 12px) !important;
  box-shadow:0 0 24px rgba(246,197,90,.3),inset 0 0 16px rgba(0,0,0,.26) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:11 !important;
  width:160px !important;
  height:84px !important;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.56)) drop-shadow(0 0 16px rgba(255,245,210,.18)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:70px !important;
  height:68px !important;
  border-radius:26px 26px 24px 24px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:
    radial-gradient(16px 14px at 34% 20%,rgba(255,255,255,.86),transparent 72%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 11px,rgba(196,154,70,.32) 11px 14px),
    linear-gradient(145deg,#fffefa 0%,#ead8aa 38%,#a96f24 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    inset -12px -16px 22px rgba(88,48,15,.34),
    0 10px 20px rgba(0,0,0,.36) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::before{
  left:8px !important;
  right:8px !important;
  top:9px !important;
  height:24px !important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.82) 0 9px,rgba(134,88,29,.24) 9px 12px) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::after{
  left:11px !important;
  right:11px !important;
  bottom:-8px !important;
  height:16px !important;
  background:linear-gradient(180deg,#fff4bd,#b17427) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{
  left:1px !important;
  top:8px !important;
  transform:rotate(9deg) skewY(-3deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{
  left:88px !important;
  top:8px !important;
  transform:rotate(-9deg) skewY(3deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:50px !important;
  height:50px !important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.94),transparent 20%),
    radial-gradient(circle at 50% 48%,#15171c 0 7px,transparent 8px),
    radial-gradient(circle at 22% 66%,#17191e 0 5px,transparent 6px),
    radial-gradient(circle at 77% 62%,#17191e 0 5px,transparent 6px),
    conic-gradient(from 20deg,#f4f1e7 0 12%,#20232a 12% 19%,#f8f4e8 19% 33%,#20232a 33% 41%,#f3efe1 41% 58%,#20232a 58% 66%,#f7f2e5 66% 83%,#20232a 83% 90%,#f6f1e4 90% 100%) !important;
  border-color:rgba(255,255,255,.52) !important;
}

/* Triniti ui107: readable goalkeeper gloves with separate fingers and thumb. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:170px !important;
  height:92px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  overflow:visible !important;
  width:76px !important;
  height:62px !important;
  border-radius:24px 24px 26px 26px !important;
  background:
    radial-gradient(26px 22px at 48% 38%,rgba(255,255,255,.88),rgba(255,250,224,.48) 58%,transparent 60%),
    linear-gradient(145deg,#fffdf1 0%,#ead9a8 42%,#bc7b29 100%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::before{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::after{
  left:14px !important;
  right:14px !important;
  bottom:-9px !important;
  height:17px !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#fff0ad,#b56f22) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .finger,
html body.triniti-originals-page.triniti-mode-penalty .origMount .thumb{
  position:absolute !important;
  display:block !important;
  background:
    radial-gradient(8px 8px at 36% 20%,rgba(255,255,255,.92),transparent 72%),
    linear-gradient(180deg,#fffef3 0%,#ead9aa 56%,#b87928 100%) !important;
  border:1px solid rgba(255,255,255,.6) !important;
  box-shadow:inset -3px -6px 8px rgba(104,62,18,.22),0 5px 8px rgba(0,0,0,.22) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .finger{
  top:-8px !important;
  width:15px !important;
  height:34px !important;
  border-radius:12px 12px 9px 9px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f1{left:8px !important;transform:rotate(-8deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f2{left:24px !important;top:-12px !important;height:39px !important;transform:rotate(-2deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f3{left:41px !important;top:-11px !important;height:38px !important;transform:rotate(3deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f4{left:57px !important;top:-6px !important;height:31px !important;transform:rotate(10deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .thumb{
  width:20px !important;
  height:34px !important;
  left:-9px !important;
  top:23px !important;
  border-radius:15px 10px 13px 13px !important;
  transform:rotate(-36deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{
  left:0 !important;
  top:18px !important;
  transform:rotate(8deg) skewY(-2deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{
  left:96px !important;
  top:18px !important;
  transform:scaleX(-1) rotate(8deg) skewY(-2deg) !important;
}

/* Triniti ui108: realistic TRINITI-colored penalty finish, using local sport texture instead of blue 1Win colors. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  background:
    radial-gradient(500px 240px at 50% 18%,rgba(255,244,204,.1),transparent 72%),
    radial-gradient(520px 300px at 50% 92%,rgba(24,129,72,.22),transparent 70%),
    linear-gradient(180deg,rgba(6,8,12,.96),rgba(3,5,7,.98)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  background:
    linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.2)),
    url("../shared/mode-cards-publish/penalty-cover.webp") center center / cover no-repeat !important;
  border-color:rgba(255,222,147,.2) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 -110px 150px rgba(0,0,0,.42),
    0 24px 62px rgba(0,0,0,.5) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(360px 150px at 50% 70%,rgba(0,0,0,.72),transparent 74%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.12) 45%,rgba(3,8,6,.34) 100%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
  left:98px !important;
  right:98px !important;
  top:70px !important;
  height:178px !important;
  z-index:2 !important;
  background:
    linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(20,114,65,.12)) !important;
  background-size:100% 29px,68px 100%,auto !important;
  opacity:.62 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
  background:linear-gradient(90deg,#fffdf1 0%,#d8dedc 28%,#ffffff 48%,#b9c1bf 73%,#f4d986 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -3px 5px rgba(0,0,0,.3),
    0 0 14px rgba(255,255,255,.24),
    0 0 16px rgba(246,197,90,.12) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  left:118px !important;
  right:118px !important;
  top:91px !important;
  height:132px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
  width:48px !important;
  height:48px !important;
  border-color:rgba(255,255,255,.24) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,214,119,.34) 0 5px,rgba(255,214,119,.1) 6px 13px,transparent 14px),
    repeating-radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1px 10px) !important;
  opacity:.78 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::after{
  width:64px !important;
  height:24px !important;
  opacity:.55 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:156px !important;
  height:88px !important;
  filter:drop-shadow(0 18px 16px rgba(0,0,0,.58)) drop-shadow(0 0 10px rgba(255,255,255,.16)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:70px !important;
  height:58px !important;
  border-color:rgba(255,255,255,.82) !important;
  background:
    radial-gradient(22px 18px at 44% 34%,rgba(255,255,255,.95),rgba(240,236,220,.52) 58%,transparent 60%),
    linear-gradient(145deg,#ffffff 0%,#ded7be 40%,#b5792d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset -10px -14px 20px rgba(85,49,18,.34),
    0 10px 18px rgba(0,0,0,.42) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .finger,
html body.triniti-originals-page.triniti-mode-penalty .origMount .thumb{
  background:
    radial-gradient(7px 7px at 36% 20%,rgba(255,255,255,.96),transparent 72%),
    linear-gradient(180deg,#ffffff 0%,#e8dfc7 58%,#bc7b2a 100%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:46px !important;
  height:46px !important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.96),transparent 19%),
    radial-gradient(circle at 50% 48%,#08090c 0 7px,transparent 8px),
    radial-gradient(circle at 22% 65%,#08090c 0 5px,transparent 6px),
    radial-gradient(circle at 78% 65%,#08090c 0 5px,transparent 6px),
    radial-gradient(circle at 50% 92%,rgba(0,0,0,.28),transparent 42%),
    conic-gradient(from 22deg,#f7f3e9 0 11%,#111319 11% 18%,#fffaf0 18% 32%,#111319 32% 40%,#f1ead9 40% 58%,#111319 58% 66%,#fff8ec 66% 82%,#111319 82% 89%,#f4eddf 89% 100%) !important;
  box-shadow:
    0 18px 24px rgba(0,0,0,.52),
    0 0 12px rgba(246,197,90,.12),
    inset -10px -13px 18px rgba(0,0,0,.42),
    inset 4px 4px 8px rgba(255,255,255,.38) !important;
}

/* Triniti ui109: use the clean first-goal crop only; keep one live ball and no cartoon duplicate. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  background:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18) 58%,rgba(0,0,0,.36)),
    url("../shared/assets/penalty/goal-clean.png") center 8px / 100% 58% no-repeat,
    radial-gradient(420px 170px at 50% 94%,rgba(28,142,81,.34),transparent 72%),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(5,8,10,.98),rgba(3,7,6,.99)) !important;
  background-size:auto,100% 58%,auto,100% 88px,126px 100%,auto !important;
  background-position:center,center 8px,center,center,center,center !important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
  top:86px !important;
  height:152px !important;
  opacity:.34 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  opacity:.22 !important;
}

/* Triniti ui110: wider realistic penalty scene, fixed-center gloves, straight shot lanes. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gameStage,
html body.triniti-originals-page.triniti-mode-penalty .origMount .gameShell{
  overflow:visible !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:880px !important;
  max-width:880px !important;
  height:500px !important;
  max-height:500px !important;
  margin:auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-rows:1fr 38px !important;
  place-items:center !important;
  gap:10px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalTop{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  position:relative !important;
  width:850px !important;
  height:430px !important;
  max-width:850px !important;
  max-height:430px !important;
  min-height:0 !important;
  margin:0 auto !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:28px !important;
  border:1px solid rgba(246,197,90,.18) !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18) 52%,rgba(0,0,0,.48)),
    url("../shared/assets/penalty/goal-clean.png") center 18px / 94% 46% no-repeat,
    radial-gradient(470px 190px at 50% 84%,rgba(31,130,71,.34),transparent 74%),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(180deg,rgba(7,10,15,.98),rgba(3,8,7,.99)) !important;
  background-size:auto,94% 46%,auto,100% 86px,122px 100%,auto !important;
  background-position:center,center 18px,center,center,center,center !important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 -138px 150px rgba(1,6,4,.58),
    0 24px 58px rgba(0,0,0,.42) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(210px 260px at 19% 18%,rgba(255,255,255,.16),transparent 70%),
    radial-gradient(210px 260px at 81% 18%,rgba(255,255,255,.13),transparent 72%),
    radial-gradient(520px 220px at 50% 98%,rgba(246,197,90,.11),transparent 70%) !important;
  opacity:.86 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:
    radial-gradient(330px 120px at 50% 78%,rgba(0,0,0,.66),transparent 72%),
    linear-gradient(180deg,rgba(2,4,5,.02) 0%,rgba(2,4,5,.12) 46%,rgba(0,0,0,.38) 100%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
  display:block !important;
  left:106px !important;
  right:106px !important;
  top:84px !important;
  height:190px !important;
  z-index:3 !important;
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:
    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(21,98,57,.08)) !important;
  background-size:100% 31px,72px 100%,auto !important;
  opacity:.56 !important;
  box-shadow:inset 0 0 26px rgba(0,0,0,.34) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  z-index:4 !important;
  left:116px !important;
  right:116px !important;
  top:95px !important;
  height:164px !important;
  opacity:.28 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  pointer-events:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
  position:absolute !important;
  display:block !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#fffef6 0%,#d4dbd9 25%,#ffffff 48%,#bdc6c3 68%,#f7d77b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -4px 5px rgba(0,0,0,.34),
    0 8px 18px rgba(0,0,0,.34),
    0 0 18px rgba(255,255,255,.16) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
  left:108px !important;
  top:82px !important;
  width:634px !important;
  height:12px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
  top:82px !important;
  width:12px !important;
  height:206px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:108px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:108px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  top:112px !important;
  width:8px !important;
  height:176px !important;
  opacity:.58 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
  left:135px !important;
  transform:skewX(-10deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  right:135px !important;
  transform:skewX(10deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  z-index:8 !important;
  left:132px !important;
  right:132px !important;
  top:102px !important;
  height:166px !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  grid-template-rows:repeat(3,1fr) !important;
  gap:10px 20px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
  position:relative !important;
  border-radius:999px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
  content:"" !important;
  position:absolute !important;
  inset:50% auto auto 50% !important;
  width:50px !important;
  height:50px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.3) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,225,145,.38) 0 5px,rgba(246,197,90,.14) 6px 14px,transparent 15px),
    repeating-radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 1px 11px) !important;
  box-shadow:inset 0 0 16px rgba(0,0,0,.32),0 0 10px rgba(246,197,90,.08) !important;
  opacity:.78 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:72px !important;
  height:28px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(ellipse,rgba(255,255,255,.04),transparent 64%) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones[data-locked="0"] .zone:hover::before,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone.shot::before{
  border-color:rgba(255,224,143,.9) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,225,145,.7) 0 6px,rgba(246,197,90,.22) 7px 18px,transparent 19px),
    repeating-radial-gradient(circle,rgba(255,255,255,.24) 0 2px,transparent 2px 12px) !important;
  box-shadow:0 0 28px rgba(246,197,90,.42),inset 0 0 14px rgba(0,0,0,.28) !important;
  opacity:1 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:10 !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:184px !important;
  height:96px !important;
  transform:translate(-50%,-50%) !important;
  transition-property:translate,filter !important;
  transition-timing-function:cubic-bezier(.2,.8,.2,1) !important;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(255,238,184,.18)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  overflow:visible !important;
  width:82px !important;
  height:64px !important;
  border-radius:24px 24px 28px 28px !important;
  border:1px solid rgba(255,255,255,.8) !important;
  background:
    radial-gradient(28px 20px at 46% 36%,rgba(255,255,255,.96),rgba(244,237,206,.5) 58%,transparent 60%),
    linear-gradient(145deg,#fffef4 0%,#e8d7a9 40%,#b6782b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset -12px -15px 22px rgba(82,49,19,.34),
    0 12px 20px rgba(0,0,0,.44) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::before{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove::after{
  left:15px !important;
  right:15px !important;
  bottom:-10px !important;
  height:18px !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#fff1b2,#b36d25) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .finger,
html body.triniti-originals-page.triniti-mode-penalty .origMount .thumb{
  position:absolute !important;
  display:block !important;
  background:
    radial-gradient(8px 8px at 36% 20%,rgba(255,255,255,.98),transparent 72%),
    linear-gradient(180deg,#ffffff 0%,#e8dcc2 58%,#ba7a2a 100%) !important;
  border:1px solid rgba(255,255,255,.64) !important;
  box-shadow:inset -3px -6px 8px rgba(95,57,20,.25),0 5px 8px rgba(0,0,0,.26) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .finger{
  top:-9px !important;
  width:16px !important;
  height:35px !important;
  border-radius:12px 12px 9px 9px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f1{left:9px !important;transform:rotate(-7deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f2{left:27px !important;top:-13px !important;height:40px !important;transform:rotate(-2deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f3{left:45px !important;top:-12px !important;height:39px !important;transform:rotate(3deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .f4{left:62px !important;top:-7px !important;height:32px !important;transform:rotate(9deg) !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .thumb{
  width:21px !important;
  height:34px !important;
  left:-9px !important;
  top:24px !important;
  border-radius:15px 10px 13px 13px !important;
  transform:rotate(-34deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{
  left:0 !important;
  top:22px !important;
  transform:rotate(6deg) skewY(-1deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{
  left:102px !important;
  top:22px !important;
  transform:scaleX(-1) rotate(6deg) skewY(-1deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  z-index:12 !important;
  width:52px !important;
  height:52px !important;
  left:50% !important;
  bottom:34px !important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.96),transparent 19%),
    radial-gradient(circle at 50% 48%,#08090c 0 8px,transparent 9px),
    radial-gradient(circle at 22% 65%,#08090c 0 6px,transparent 7px),
    radial-gradient(circle at 78% 65%,#08090c 0 6px,transparent 7px),
    radial-gradient(circle at 50% 92%,rgba(0,0,0,.28),transparent 42%),
    conic-gradient(from 22deg,#f7f3e9 0 11%,#111319 11% 18%,#fffaf0 18% 32%,#111319 32% 40%,#f1ead9 40% 58%,#111319 58% 66%,#fff8ec 66% 82%,#111319 82% 89%,#f4eddf 89% 100%) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    0 18px 24px rgba(0,0,0,.52),
    0 0 12px rgba(246,197,90,.12),
    inset -10px -13px 18px rgba(0,0,0,.42),
    inset 4px 4px 8px rgba(255,255,255,.38) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  filter:drop-shadow(0 0 12px rgba(255,224,143,.36)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  width:520px !important;
  margin:0 auto !important;
  border-color:rgba(246,197,90,.18) !important;
  background:rgba(6,8,12,.72) !important;
}

/* Triniti ui111: full penalty goal scene, no pasted crop strip, larger playable net. */
html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:900px !important;
  max-width:900px !important;
  height:500px !important;
  max-height:500px !important;
  grid-template-rows:1fr 36px !important;
  overflow:visible !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:870px !important;
  height:430px !important;
  max-width:870px !important;
  max-height:430px !important;
  border:0 !important;
  border-radius:22px !important;
  background:
    radial-gradient(410px 170px at 50% 43%,rgba(246,197,90,.18),transparent 74%),
    radial-gradient(520px 230px at 50% 96%,rgba(28,134,73,.34),transparent 72%),
    linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px),
    linear-gradient(180deg,rgba(8,11,16,.96) 0%,rgba(5,10,10,.98) 58%,rgba(3,9,5,.99) 100%) !important;
  background-size:auto,auto,100% 84px,118px 100%,auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(246,197,90,.12),
    inset 0 -124px 150px rgba(5,41,22,.32),
    0 22px 54px rgba(0,0,0,.34) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:38px !important;
  right:38px !important;
  bottom:38px !important;
  height:92px !important;
  z-index:1 !important;
  pointer-events:none !important;
  border-radius:50% 50% 22px 22px / 70% 70% 22px 22px !important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(255,220,128,.12),transparent 58%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 24px),
    linear-gradient(180deg,rgba(20,96,55,.15),rgba(6,42,22,.34)) !important;
  transform:perspective(700px) rotateX(62deg) !important;
  transform-origin:50% 100% !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:76px !important;
  right:76px !important;
  top:72px !important;
  height:222px !important;
  z-index:2 !important;
  pointer-events:none !important;
  border-radius:10px 10px 4px 4px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px),
    linear-gradient(rgba(255,255,255,.13) 0 2px,transparent 2px),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.2)) !important;
  background-size:78px 100%,100% 36px,auto !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:inset 0 0 36px rgba(0,0,0,.4) !important;
  opacity:.72 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
  z-index:3 !important;
  background:
    radial-gradient(300px 86px at 50% 71%,rgba(0,0,0,.44),transparent 74%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12) 44%,rgba(0,0,0,.24)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
  display:block !important;
  z-index:6 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
  background:
    linear-gradient(90deg,#ffffff 0%,#dce3df 24%,#ffffff 46%,#b6c0bc 72%,#ffe39b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -5px 6px rgba(0,0,0,.34),
    0 10px 22px rgba(0,0,0,.42),
    0 0 18px rgba(255,255,255,.22),
    0 0 24px rgba(246,197,90,.12) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
  left:76px !important;
  top:72px !important;
  width:718px !important;
  height:14px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
  top:72px !important;
  width:14px !important;
  height:226px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:76px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:76px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  top:98px !important;
  width:9px !important;
  height:200px !important;
  opacity:.56 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
  left:112px !important;
  transform:skewX(-12deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  right:112px !important;
  transform:skewX(12deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  z-index:9 !important;
  left:118px !important;
  right:118px !important;
  top:96px !important;
  height:178px !important;
  gap:12px 22px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
  width:54px !important;
  height:54px !important;
  border-color:rgba(255,255,255,.34) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(246,197,90,.42) 0 6px,rgba(246,197,90,.15) 7px 17px,transparent 18px),
    repeating-radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1px 11px) !important;
  box-shadow:
    inset 0 0 17px rgba(0,0,0,.34),
    0 0 12px rgba(246,197,90,.1) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:12 !important;
  width:196px !important;
  height:104px !important;
  top:50% !important;
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.62)) drop-shadow(0 0 16px rgba(255,238,184,.2)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .glove{
  width:86px !important;
  height:66px !important;
  border-radius:25px 25px 29px 29px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g1{
  left:1px !important;
  top:24px !important;
  transform:rotate(4deg) skewY(-1deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .g2{
  left:109px !important;
  top:24px !important;
  transform:scaleX(-1) rotate(4deg) skewY(-1deg) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  width:54px !important;
  height:54px !important;
  bottom:26px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  position:relative !important;
  z-index:14 !important;
  width:520px !important;
  transform:translateY(-2px) !important;
}

/* Triniti ui112: remove the stray field arc crossing the goal. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  left:0 !important;
  right:0 !important;
  top:276px !important;
  bottom:0 !important;
  height:auto !important;
  border-radius:0 0 22px 22px !important;
  background:
    radial-gradient(420px 110px at 50% 0%,rgba(246,197,90,.1),transparent 66%),
    linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.035) 10% 10.2%,transparent 10.2% 20%,rgba(255,255,255,.035) 20% 20.2%,transparent 20.2% 30%,rgba(255,255,255,.035) 30% 30.2%,transparent 30.2% 40%,rgba(255,255,255,.035) 40% 40.2%,transparent 40.2% 50%,rgba(255,255,255,.035) 50% 50.2%,transparent 50.2% 60%,rgba(255,255,255,.035) 60% 60.2%,transparent 60.2% 70%,rgba(255,255,255,.035) 70% 70.2%,transparent 70.2% 80%,rgba(255,255,255,.035) 80% 80.2%,transparent 80.2%),
    linear-gradient(180deg,rgba(24,103,58,.08),rgba(7,43,23,.32)) !important;
  transform:none !important;
  opacity:1 !important;
}

/* Triniti ui113: real sprite gloves and heavier stable goal structure. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  background:
    radial-gradient(480px 190px at 50% 40%,rgba(246,197,90,.2),transparent 72%),
    radial-gradient(680px 250px at 50% 98%,rgba(22,118,65,.38),transparent 72%),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(180deg,rgba(9,12,16,.98) 0%,rgba(5,11,10,.99) 57%,rgba(3,9,5,.99) 100%) !important;
  background-size:auto,auto,100% 86px,118px 100%,auto !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
  left:64px !important;
  right:64px !important;
  top:70px !important;
  height:238px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px),
    linear-gradient(rgba(255,255,255,.15) 0 2px,transparent 2px),
    radial-gradient(360px 118px at 50% 88%,rgba(246,197,90,.08),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.22)) !important;
  background-size:72px 100%,100% 34px,auto,auto !important;
  opacity:.84 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
  content:"" !important;
  position:absolute !important;
  left:62px !important;
  right:62px !important;
  top:302px !important;
  height:13px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.72),rgba(246,197,90,.75),rgba(255,255,255,.72),rgba(255,255,255,.15)) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.5),0 0 18px rgba(246,197,90,.18) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
  content:"" !important;
  position:absolute !important;
  left:62px !important;
  right:62px !important;
  top:66px !important;
  height:252px !important;
  border-radius:16px 16px 8px 8px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.42),0 0 54px rgba(246,197,90,.08) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
  background:
    linear-gradient(90deg,#fbfffb 0%,#cbd4d1 20%,#ffffff 43%,#d7dfdd 58%,#8b9592 78%,#ffe29a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -6px 7px rgba(0,0,0,.36),
    0 12px 24px rgba(0,0,0,.48),
    0 0 22px rgba(255,255,255,.24),
    0 0 28px rgba(246,197,90,.16) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
  left:62px !important;
  top:68px !important;
  width:746px !important;
  height:17px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
  top:68px !important;
  width:17px !important;
  height:248px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:62px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:62px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
  top:98px !important;
  width:11px !important;
  height:218px !important;
  opacity:.62 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{left:105px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{right:105px !important}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  left:110px !important;
  right:110px !important;
  top:96px !important;
  height:186px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:220px !important;
  height:112px !important;
  background:url("../shared/assets/penalty/gloves-realistic.svg") center center / contain no-repeat !important;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.66)) drop-shadow(0 0 14px rgba(246,197,90,.22)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .glove,
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .finger,
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .thumb{
  display:none !important;
}

/* Triniti ui114: cleaner net, no heavy line crossing the scene. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
  border-color:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.38),0 0 48px rgba(246,197,90,.075) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  background:
    radial-gradient(420px 110px at 50% 0%,rgba(246,197,90,.09),transparent 66%),
    linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.028) 10% 10.2%,transparent 10.2% 20%,rgba(255,255,255,.028) 20% 20.2%,transparent 20.2% 30%,rgba(255,255,255,.028) 30% 30.2%,transparent 30.2% 40%,rgba(255,255,255,.028) 40% 40.2%,transparent 40.2% 50%,rgba(255,255,255,.028) 50% 50.2%,transparent 50.2% 60%,rgba(255,255,255,.028) 60% 60.2%,transparent 60.2% 70%,rgba(255,255,255,.028) 70% 70.2%,transparent 70.2% 80%,rgba(255,255,255,.028) 80% 80.2%,transparent 80.2%),
    linear-gradient(180deg,rgba(24,103,58,.08),rgba(7,43,23,.3)) !important;
}

/* Triniti ui115: remove artificial field divider completely. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
  display:none !important;
}

/* Triniti ui116: rebuilt penalty with one clean premium goal scene and real straight shots. */
html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
  width:900px !important;
  max-width:900px !important;
  height:500px !important;
  max-height:500px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  grid-template-rows:1fr 36px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
  width:870px !important;
  height:430px !important;
  max-width:870px !important;
  max-height:430px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.16) 64%,rgba(0,0,0,.24)),
    url("../shared/assets/penalty/goal-scene-premium.svg") center center / cover no-repeat !important;
  box-shadow:
    inset 0 0 0 1px rgba(246,197,90,.12),
    0 24px 56px rgba(0,0,0,.42) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
  display:block !important;
  z-index:2 !important;
  background:
    radial-gradient(390px 120px at 50% 69%,rgba(0,0,0,.38),transparent 74%),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.1) 54%,rgba(0,0,0,.18)) !important;
  pointer-events:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  z-index:8 !important;
  left:112px !important;
  right:112px !important;
  top:94px !important;
  height:184px !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  grid-template-rows:repeat(3,1fr) !important;
  gap:11px 24px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
  width:52px !important;
  height:52px !important;
  border:2px solid rgba(255,255,255,.32) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(246,197,90,.48) 0 6px,rgba(246,197,90,.18) 7px 17px,transparent 18px),
    repeating-radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1px 11px) !important;
  box-shadow:inset 0 0 16px rgba(0,0,0,.34),0 0 13px rgba(246,197,90,.12) !important;
  opacity:.78 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones[data-locked="0"] .zone:hover::before,
html body.triniti-originals-page.triniti-mode-penalty .origMount .zone.shot::before{
  border-color:rgba(255,230,160,.96) !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,232,154,.84) 0 7px,rgba(246,197,90,.28) 8px 20px,transparent 21px),
    repeating-radial-gradient(circle,rgba(255,255,255,.26) 0 2px,transparent 2px 12px) !important;
  box-shadow:0 0 30px rgba(246,197,90,.5),inset 0 0 15px rgba(0,0,0,.28) !important;
  opacity:1 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  z-index:11 !important;
  left:50% !important;
  top:49% !important;
  width:214px !important;
  height:108px !important;
  transform:translate(-50%,-50%) !important;
  background:url("../shared/assets/penalty/gloves-realistic.svg") center center / contain no-repeat !important;
  transition-property:translate,filter !important;
  transition-timing-function:cubic-bezier(.18,.84,.24,1) !important;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.64)) drop-shadow(0 0 14px rgba(246,197,90,.2)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .glove,
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .finger,
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .thumb{
  display:none !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  z-index:12 !important;
  left:50% !important;
  bottom:24px !important;
  width:58px !important;
  height:58px !important;
  border:0 !important;
  border-radius:50% !important;
  background:url("../shared/assets/penalty/ball-realistic.svg") center center / contain no-repeat !important;
  box-shadow:none !important;
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.58)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.58)) drop-shadow(0 0 13px rgba(246,197,90,.42)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace{
  position:absolute !important;
  z-index:10 !important;
  height:4px !important;
  width:0;
  transform-origin:0 50% !important;
  pointer-events:none !important;
  opacity:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,234,167,.96) 32%,rgba(246,197,90,.3) 72%,rgba(246,197,90,0)) !important;
  box-shadow:0 0 16px rgba(246,197,90,.55) !important;
  scale:.08 1 !important;
  transition:opacity 120ms ease, scale 390ms cubic-bezier(.2,.86,.18,1) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace.is-active{
  opacity:.9 !important;
  scale:1 1 !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
  width:520px !important;
  margin:0 auto !important;
  transform:translateY(-1px) !important;
}

/* Triniti ui117: taller goal proportions after SVG redraw. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
  left:112px !important;
  right:112px !important;
  top:74px !important;
  height:228px !important;
  gap:14px 24px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  top:48% !important;
  width:220px !important;
  height:112px !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  bottom:22px !important;
}

/* Triniti ui118: final straight kick and upright gloves. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  top:48% !important;
  width:230px !important;
  height:112px !important;
  background:url("../shared/assets/penalty/gloves-realistic.svg") center center / contain no-repeat !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  transition:transform 420ms linear,opacity 120ms linear !important;
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.58)) drop-shadow(0 0 12px rgba(246,197,90,.36)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace{
  transition:opacity 80ms linear,scale 420ms linear !important;
}

/* Triniti ui119: ball base position without hidden translate offsets. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
  left:calc(50% - 29px) !important;
  top:auto !important;
  bottom:22px !important;
  transform:translate3d(0px,0px,0) scale(1);
}

/* Triniti ui120: 1Win-like straight white gloves, compact and vertical. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:178px !important;
  height:74px !important;
  top:48% !important;
  background:url("../shared/assets/penalty/gloves-realistic.svg") center center / contain no-repeat !important;
  filter:drop-shadow(0 15px 16px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(246,197,90,.18)) !important;
}

/* Triniti ui121: straight keeper gloves, no curled fingers. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:188px !important;
  height:76px !important;
  top:48% !important;
  background:url("../shared/assets/penalty/gloves-realistic.svg?v=20260628-hero18") center center / contain no-repeat !important;
  filter:drop-shadow(0 15px 16px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(246,197,90,.2)) !important;
}

/* Triniti ui122: calm 1Win-like gloves and a purely straight ball flight. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:176px !important;
  height:72px !important;
  top:48% !important;
  background:url("../shared/assets/penalty/gloves-realistic.svg?v=20260628-hero18") center center / contain no-repeat !important;
  filter:drop-shadow(0 14px 15px rgba(0,0,0,.62)) drop-shadow(0 0 9px rgba(246,197,90,.2)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="shooting"] .ball,
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot,
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.saved,
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.goal{
  animation:none !important;
  rotate:0deg !important;
  transform-origin:center center !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  transition:transform 420ms linear !important;
}

/* Triniti ui128-final: must stay after legacy ui126 hero slot rules. */
@media (min-width:1024px){
  html body:not(.triniti-game-page) .shell--layout{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 28px !important;
    padding:0 18px 28px !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    grid-template-rows:70px auto auto !important;
    gap:18px 24px !important;
  }

  html body:not(.triniti-game-page) .topbar{
    grid-column:1 / -1 !important;
    width:calc(100% + 36px) !important;
    margin-left:-18px !important;
    min-height:70px !important;
    padding:0 26px !important;
    border-radius:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(246,197,90,.18) !important;
    background:
      radial-gradient(720px 160px at 74% 0%,rgba(37,184,100,.09),transparent 68%),
      linear-gradient(180deg,rgba(10,12,18,.99),rgba(4,5,8,.99)) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.54),inset 0 -1px 0 rgba(255,255,255,.05) !important;
  }

  html body:not(.triniti-game-page) .topbar::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(246,197,90,.42) 14%,rgba(246,197,90,.14) 50%,rgba(41,190,112,.18) 84%,transparent) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__inner{
    top:88px !important;
    min-height:calc(100vh - 106px) !important;
    border-color:rgba(246,197,90,.22) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%),
      radial-gradient(180px 260px at 50% 0%,rgba(246,197,90,.07),transparent 76%),
      linear-gradient(180deg,rgba(13,15,21,.97),rgba(4,6,10,.985)) !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline{
    background:
      linear-gradient(90deg,rgba(5,7,10,.9),rgba(5,7,10,.22)),
      radial-gradient(160px 120px at 80% 36%,rgba(246,197,90,.18),transparent 72%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    min-height:342px !important;
  }

  html body:not(.triniti-game-page) .heroMain{
    min-height:342px !important;
  }

  html body:not(.triniti-game-page) .heroMain__content--bonus{
    min-height:342px !important;
    padding:36px 40px !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot{
    display:none !important;
    background:none !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot::before{
    content:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.88) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.1),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-welcome.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.9) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.9) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-sprint.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .section{
    margin-top:0 !important;
  }
}

/* Triniti ui129: dedicated mobile lobby for iOS/Android. */
@media (max-width:700px){
  html body:not(.triniti-game-page){
    min-height:100svh !important;
    background:
      radial-gradient(340px 260px at 82% 6%,rgba(45,226,111,.12),transparent 70%),
      radial-gradient(360px 300px at 18% 10%,rgba(246,197,90,.12),transparent 72%),
      linear-gradient(180deg,#030508 0%,#070910 42%,#030407 100%) !important;
  }

  html body:not(.triniti-game-page):not([data-main-view]) .bg,
  html body[data-main-view="home"]:not(.triniti-game-page) .bg{
    background:
      linear-gradient(180deg,rgba(3,4,7,.72),rgba(3,4,7,.92)),
      url("./site-backdrop.jpg?v=20260628-hero18") center center / cover no-repeat !important;
    opacity:.82 !important;
  }

  html body:not(.triniti-game-page) .shell--layout{
    width:100% !important;
    margin:0 !important;
    padding:0 12px calc(92px + env(safe-area-inset-bottom,0px)) !important;
  }

  html body:not(.triniti-game-page) .heroBoard{
    display:block !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .mobileWalletPanel{
    display:block !important;
  }

  html body:not(.triniti-game-page) .mobileTop{
    position:sticky !important;
    top:0 !important;
    z-index:40 !important;
    min-height:76px !important;
    margin:0 -12px 10px !important;
    padding:14px 14px 10px !important;
    border:0 !important;
    border-radius:0 !important;
    background:
      linear-gradient(180deg,rgba(3,5,8,.98),rgba(3,5,8,.9) 72%,rgba(3,5,8,0)) !important;
    box-shadow:none !important;
    backdrop-filter:blur(12px) !important;
  }

  html body:not(.triniti-game-page) .mobileBrand{
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .mBrandLogo{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#232633,#0a0d13) !important;
  }

  html body:not(.triniti-game-page) .mBrandLogo svg{
    width:28px !important;
    height:28px !important;
  }

  html body:not(.triniti-game-page) .mobileBrandName{
    display:block !important;
    color:#fff3c8 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:5px !important;
    text-transform:uppercase !important;
    text-shadow:0 0 18px rgba(246,197,90,.22),0 8px 18px rgba(0,0,0,.7) !important;
  }

  html body:not(.triniti-game-page) .mobileAuth{
    gap:0 !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile,
  html body:not(.triniti-game-page) .accountActions--mobile{
    display:none !important;
  }

  html body:not(.triniti-game-page) .mobileProfileButton{
    width:40px !important;
    height:40px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    border:1px solid rgba(246,197,90,.28) !important;
    background:linear-gradient(180deg,rgba(31,34,44,.95),rgba(8,10,15,.95)) !important;
    box-shadow:0 14px 26px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.1) !important;
    cursor:pointer !important;
  }

  html body:not(.triniti-game-page) .mobileProfileButton__avatar{
    width:29px !important;
    height:29px !important;
    border-radius:999px !important;
    background:
      radial-gradient(circle at 50% 34%,#ffe8bc 0 10%,#bc8152 11% 22%,transparent 23%),
      radial-gradient(circle at 50% 84%,#6a3b23 0 23%,transparent 24%),
      linear-gradient(145deg,#2e3441,#07090f) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 14px rgba(246,197,90,.16) !important;
  }

  html body:not(.triniti-game-page) .mobileProfileButton__avatar.has-image{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus{
    min-height:232px !important;
    display:block !important;
    margin:4px 0 20px !important;
    padding:22px 20px !important;
    border-radius:15px !important;
    border:1px solid rgba(246,197,90,.28) !important;
    background:
      linear-gradient(90deg,rgba(5,6,10,.98) 0%,rgba(5,6,10,.82) 42%,rgba(5,6,10,.22) 100%),
      linear-gradient(180deg,rgba(246,197,90,.13),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") 64% center / cover no-repeat !important;
    box-shadow:0 18px 44px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.09) !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      radial-gradient(180px 120px at 78% 52%,rgba(246,197,90,.13),transparent 70%),
      repeating-linear-gradient(135deg,transparent 0 38px,rgba(246,197,90,.04) 38px 40px,transparent 40px 82px) !important;
    opacity:.78 !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__content{
    width:min(68%,250px) !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__kicker{
    color:#ffd978 !important;
    font-size:25px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__x2{
    margin-top:10px !important;
    font-size:34px !important;
    line-height:1.02 !important;
    letter-spacing:0 !important;
    color:#fff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    animation:none !important;
    text-shadow:0 10px 22px rgba(0,0,0,.72) !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__title{
    margin-top:0 !important;
    color:#fff !important;
    font-size:33px !important;
    line-height:1.02 !important;
    letter-spacing:0 !important;
    text-shadow:0 10px 22px rgba(0,0,0,.72) !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn--mobile{
    margin-top:16px !important;
    min-width:96px !important;
    height:38px !important;
    padding:0 20px !important;
    border-radius:10px !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__visual,
  html body:not(.triniti-game-page) .mobileWalletPanel__balance,
  html body:not(.triniti-game-page) .mobileWalletPanel__actions,
  html body:not(.triniti-game-page) .mobileWalletPanel__online,
  html body:not(.triniti-game-page) .toolbar{
    display:none !important;
  }

  html body:not(.triniti-game-page) .section{
    margin-top:0 !important;
  }

  html body:not(.triniti-game-page) .sectionHead{
    margin:0 0 12px !important;
  }

  html body:not(.triniti-game-page) .sectionEyebrow{
    display:none !important;
  }

  html body:not(.triniti-game-page) .sectionTitle{
    margin:0 !important;
    color:#fff !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
    padding:0 0 6px !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro{
    flex:initial !important;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    aspect-ratio:1 / 1.38 !important;
    border-radius:10px !important;
    border-color:rgba(246,197,90,.24) !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::after{
    background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.22) 48%,rgba(0,0,0,.68)) !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__title{
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    top:auto !important;
    transform:translateX(-50%) !important;
    width:100% !important;
    padding:0 4px !important;
    color:#fff !important;
    font-size:clamp(11px,3vw,15px) !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
    text-shadow:0 3px 0 rgba(0,0,0,.58),0 10px 18px rgba(0,0,0,.8) !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__title::after{
    content:none !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__lock{
    display:none !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav{
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:18px 18px 0 0 !important;
    border-width:1px 0 0 !important;
    border-color:rgba(246,197,90,.15) !important;
    background:
      linear-gradient(180deg,rgba(9,12,18,.96),rgba(3,5,8,.985)) !important;
    box-shadow:0 -18px 42px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(18px) !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav__item{
    min-height:55px !important;
    padding:4px 0 0 !important;
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    gap:4px !important;
    border:0 !important;
    border-radius:12px !important;
    background:transparent !important;
    color:rgba(235,238,246,.62) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:850 !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav__item::before{
    content:"" !important;
    width:23px !important;
    height:23px !important;
    display:block !important;
    background:currentColor !important;
    -webkit-mask:var(--nav-icon) center / contain no-repeat !important;
    mask:var(--nav-icon) center / contain no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav__item:nth-child(1){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11.2 12 3l9 8.2v9.3a1.5 1.5 0 0 1-1.5 1.5H15v-7H9v7H4.5A1.5 1.5 0 0 1 3 20.5z'/%3E%3C/svg%3E")}
  html body:not(.triniti-game-page) .mobileBottomNav__item:nth-child(2){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10v2h3v3a5 5 0 0 1-4.3 4.95A6 6 0 0 1 13 16.9V19h4v2H7v-2h4v-2.1a6 6 0 0 1-2.7-2.95A5 5 0 0 1 4 9V6h3zm0 4H6v1a3 3 0 0 0 1.8 2.75A8 8 0 0 1 7 8m11 0a8 8 0 0 1-.8 3.75A3 3 0 0 0 19 9V8zm-9-2v4a4 4 0 0 0 8 0V6z'/%3E%3C/svg%3E")}
  html body:not(.triniti-game-page) .mobileBottomNav__item:nth-child(3){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 7h-2.1A3.2 3.2 0 0 0 12 5.2A3.2 3.2 0 0 0 6.1 7H4v5h1v8h14v-8h1zM9 5.5c1.1 0 1.8.6 2.2 1.5H8.7A1.3 1.3 0 0 1 9 5.5m6 0c.7 0 1.2.5 1.3 1.5h-3.5c.4-.9 1.1-1.5 2.2-1.5M7 12h4v6H7zm6 0h4v6h-4z'/%3E%3C/svg%3E")}
  html body:not(.triniti-game-page) .mobileBottomNav__item:nth-child(4){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7 19 10-14 2 1.4L9 20zM7.5 4A3.5 3.5 0 1 1 4 7.5A3.5 3.5 0 0 1 7.5 4m9 12A3.5 3.5 0 1 1 13 19.5a3.5 3.5 0 0 1 3.5-3.5'/%3E%3C/svg%3E")}
  html body:not(.triniti-game-page) .mobileBottomNav__item:nth-child(5){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4.5 4.5 0 1 0-4.5-4.5A4.5 4.5 0 0 0 12 12m0 2c-4 0-7 2-7 4.7V21h14v-2.3C19 16 16 14 12 14'/%3E%3C/svg%3E")}

  html body:not(.triniti-game-page) .mobileBottomNav__item.active{
    color:#f6c55a !important;
    background:transparent !important;
    text-shadow:0 0 16px rgba(246,197,90,.24) !important;
  }
}

/* Triniti ui128: tighter desktop lobby header/sidebar integration. */
@media (min-width:1024px){
  html body:not(.triniti-game-page) .shell--layout{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 28px !important;
    padding:0 18px 28px !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    grid-template-rows:70px auto auto !important;
    gap:18px 24px !important;
  }

  html body:not(.triniti-game-page) .topbar{
    grid-column:1 / -1 !important;
    width:calc(100% + 36px) !important;
    margin-left:-18px !important;
    min-height:70px !important;
    padding:0 26px !important;
    border-radius:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(246,197,90,.18) !important;
    background:
      radial-gradient(720px 160px at 74% 0%,rgba(37,184,100,.09),transparent 68%),
      linear-gradient(180deg,rgba(10,12,18,.99),rgba(4,5,8,.99)) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.54),inset 0 -1px 0 rgba(255,255,255,.05) !important;
  }

  html body:not(.triniti-game-page) .topbar::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(246,197,90,.42) 14%,rgba(246,197,90,.14) 50%,rgba(41,190,112,.18) 84%,transparent) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .brandRow{
    min-width:190px !important;
  }

  html body:not(.triniti-game-page) .desktopTopNav__item{
    min-height:36px !important;
    padding:0 14px !important;
  }

  html body:not(.triniti-game-page) .deskSidebar{
    grid-column:1 !important;
    grid-row:2 / span 2 !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__inner{
    top:88px !important;
    min-height:calc(100vh - 106px) !important;
    border-radius:18px !important;
    border-color:rgba(246,197,90,.22) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%),
      radial-gradient(180px 260px at 50% 0%,rgba(246,197,90,.07),transparent 76%),
      linear-gradient(180deg,rgba(13,15,21,.97),rgba(4,6,10,.985)) !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline{
    min-height:112px !important;
    background:
      linear-gradient(90deg,rgba(5,7,10,.9),rgba(5,7,10,.22)),
      radial-gradient(160px 120px at 80% 36%,rgba(246,197,90,.18),transparent 72%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroBoard{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    min-height:342px !important;
  }

  html body:not(.triniti-game-page) .heroMain{
    min-height:342px !important;
    border-radius:18px !important;
  }

  html body:not(.triniti-game-page) .heroMain__content--bonus{
    min-height:342px !important;
    grid-template-columns:minmax(0,430px) minmax(0,1fr) !important;
    padding:36px 40px !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot{
    display:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.88) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.1),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-welcome.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.9) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.9) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-sprint.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroSliderDots{
    left:50% !important;
    bottom:15px !important;
  }

  html body:not(.triniti-game-page) .section{
    grid-column:2 !important;
    grid-row:3 !important;
    margin-top:0 !important;
  }
}

/* Triniti ui127: desktop lobby shell rebuild. */
@media (min-width:1024px){
  html body:not(.triniti-game-page){
    background:
      radial-gradient(880px 520px at 78% 7%,rgba(31,155,91,.12),transparent 68%),
      radial-gradient(760px 420px at 16% 10%,rgba(246,197,90,.1),transparent 66%),
      linear-gradient(180deg,#030407 0%,#06080d 44%,#030407 100%) !important;
  }

  html body:not(.triniti-game-page) .shell--layout{
    width:min(1560px,calc(100% - 34px)) !important;
    margin:12px auto 28px !important;
    display:grid !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    grid-template-rows:66px auto auto !important;
    gap:16px 24px !important;
    align-items:start !important;
  }

  html body:not(.triniti-game-page) .shellMain{
    display:contents !important;
  }

  html body:not(.triniti-game-page) .topbar{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    min-height:66px !important;
    padding:0 14px !important;
    border-radius:0 !important;
    border-width:0 0 1px !important;
    border-color:rgba(246,197,90,.18) !important;
    background:
      linear-gradient(180deg,rgba(18,20,27,.98),rgba(5,6,9,.98)) !important;
    box-shadow:0 20px 44px rgba(0,0,0,.46),inset 0 -1px 0 rgba(255,255,255,.04) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:18px !important;
    position:sticky !important;
    top:0 !important;
    z-index:30 !important;
  }

  html body:not(.triniti-game-page) .topbar__left{
    min-width:0 !important;
    gap:24px !important;
  }

  html body:not(.triniti-game-page) .brandRow{
    gap:12px !important;
    min-width:174px !important;
    padding-right:24px !important;
    border-right:1px solid rgba(246,197,90,.15) !important;
  }

  html body:not(.triniti-game-page) .brandLogo{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
    border-radius:12px !important;
  }

  html body:not(.triniti-game-page) .brandLogo svg{
    width:28px !important;
    height:28px !important;
  }

  html body:not(.triniti-game-page) .desktopBrandName{
    display:block !important;
    color:#fff3c8 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:5px !important;
    text-transform:uppercase !important;
    text-shadow:0 0 18px rgba(246,197,90,.2),0 8px 18px rgba(0,0,0,.7) !important;
  }

  html body:not(.triniti-game-page) .desktopTopNav{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
  }

  html body:not(.triniti-game-page) .desktopTopNav__item{
    min-height:38px !important;
    padding:0 13px !important;
    border:1px solid transparent !important;
    border-radius:12px !important;
    background:transparent !important;
    color:rgba(246,242,229,.8) !important;
    font-size:14px !important;
    font-weight:850 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .desktopTopNav__item:hover,
  html body:not(.triniti-game-page) .desktopTopNav__item.is-active{
    color:#fff !important;
    border-color:rgba(246,197,90,.18) !important;
    background:linear-gradient(180deg,rgba(246,197,90,.14),rgba(246,197,90,.035)) !important;
    box-shadow:0 14px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .topbar__right{
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .authBtn{
    min-width:92px !important;
    height:38px !important;
    border-radius:13px !important;
    padding:0 15px !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) .accountActions{
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .topBalance{
    min-width:96px !important;
    min-height:38px !important;
    padding:0 13px !important;
    border-radius:13px !important;
    font-size:15px !important;
    background:rgba(5,7,11,.74) !important;
  }

  html body:not(.triniti-game-page) .topWalletBtn{
    min-height:38px !important;
    padding:0 17px !important;
    border-radius:13px !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) .topWalletBtn--withdraw{
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton{
    width:42px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    background:linear-gradient(180deg,rgba(31,34,44,.95),rgba(8,10,15,.95)) !important;
    box-shadow:0 14px 26px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.1) !important;
    cursor:pointer !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton__avatar{
    width:30px !important;
    height:30px !important;
    border-radius:999px !important;
    background:
      radial-gradient(circle at 50% 34%,#ffe8bc 0 10%,#bc8152 11% 22%,transparent 23%),
      radial-gradient(circle at 50% 84%,#6a3b23 0 23%,transparent 24%),
      linear-gradient(145deg,#2e3441,#07090f) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 14px rgba(246,197,90,.16) !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton__avatar.has-image{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .deskSidebar{
    grid-column:1 !important;
    grid-row:2 / span 2 !important;
    display:block !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__inner{
    position:sticky !important;
    top:84px !important;
    min-height:calc(100vh - 112px) !important;
    align-items:stretch !important;
    gap:9px !important;
    padding:16px 14px !important;
    border-radius:18px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%),
      linear-gradient(180deg,rgba(17,19,25,.96),rgba(6,8,12,.98)) !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__menuBtn{
    display:none !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__group{
    align-items:stretch !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__label{
    margin:10px 0 2px !important;
    padding-left:9px !important;
    text-align:left !important;
    font-size:10px !important;
    letter-spacing:2px !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__item{
    width:100% !important;
    height:48px !important;
    flex:0 0 48px !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:0 12px !important;
    border-radius:13px !important;
    color:rgba(255,242,204,.78) !important;
    text-align:left !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__item::before{
    content:attr(aria-label) !important;
    order:2 !important;
    color:rgba(250,245,231,.76) !important;
    font-size:14px !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__item::after,
  html body:not(.triniti-game-page) .deskSidebar__menuBtn::after{
    content:none !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__item .sideIcon{
    order:1 !important;
    width:22px !important;
    height:22px !important;
    flex:0 0 22px !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__item.is-active,
  html body:not(.triniti-game-page) .deskSidebar__item:hover{
    border-color:rgba(255,220,128,.48) !important;
    background:
      linear-gradient(90deg,rgba(246,197,90,.18),rgba(246,197,90,.045)),
      linear-gradient(180deg,#252836,#10131c) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 18px rgba(246,197,90,.13),inset 0 1px 0 rgba(255,255,255,.13) !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__item.is-active::before,
  html body:not(.triniti-game-page) .deskSidebar__item:hover::before{
    color:#ffe9ae !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline{
    margin-top:auto !important;
    min-height:112px !important;
    padding:12px !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
    border-radius:16px !important;
    background:
      linear-gradient(90deg,rgba(5,7,10,.9),rgba(5,7,10,.2)),
      radial-gradient(160px 120px at 78% 35%,rgba(246,197,90,.18),transparent 72%),
      url("./mode-cards/tower-cover.jpg?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline__badge{
    border-color:rgba(246,197,90,.24) !important;
    color:#ffe9ae !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline__value{
    font-size:18px !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline__caption{
    color:rgba(255,236,180,.82) !important;
  }

  html body:not(.triniti-game-page) .heroBoard{
    grid-column:2 !important;
    grid-row:2 !important;
    margin-top:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    display:block !important;
    position:relative !important;
    min-height:336px !important;
  }

  html body:not(.triniti-game-page) .heroMain{
    min-height:336px !important;
    border-radius:18px !important;
    border-color:rgba(246,197,90,.28) !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .heroMain__content--bonus{
    min-height:336px !important;
    grid-template-columns:minmax(0,430px) minmax(0,1fr) !important;
    padding:34px 38px !important;
  }

  html body:not(.triniti-game-page) .heroBonusLeft{
    max-width:390px !important;
  }

  html body:not(.triniti-game-page) .heroKicker--bonus{
    color:#ffd978 !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .heroBonusX2{
    font-size:62px !important;
    margin-top:12px !important;
  }

  html body:not(.triniti-game-page) .heroTitle{
    font-size:46px !important;
    line-height:.98 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .heroText{
    max-width:390px !important;
    margin-top:16px !important;
    font-size:15px !important;
    line-height:1.42 !important;
    color:rgba(244,241,232,.78) !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn{
    margin-top:22px !important;
    min-width:128px !important;
    height:44px !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot{
    display:block !important;
    position:absolute !important;
    right:18px !important;
    top:18px !important;
    bottom:18px !important;
    width:48% !important;
    min-height:0 !important;
    border-radius:17px !important;
    z-index:2 !important;
    opacity:.92 !important;
  }

  html body:not(.triniti-game-page) .heroSliderDots{
    position:absolute !important;
    left:50% !important;
    bottom:18px !important;
    translate:-50% 0 !important;
    z-index:5 !important;
    margin:0 !important;
  }

  html body:not(.triniti-game-page) .toolbar{
    display:none !important;
  }

  html body:not(.triniti-game-page) .section{
    grid-column:2 !important;
    grid-row:3 !important;
    margin-top:2px !important;
  }

  html body:not(.triniti-game-page) .sectionEyebrow{
    display:none !important;
  }

  html body:not(.triniti-game-page) .sectionTitle{
    margin:0 0 14px !important;
    font-size:24px !important;
    font-weight:900 !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro{
    border-radius:14px !important;
    aspect-ratio:16 / 9 !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__title{
    left:22px !important;
    top:auto !important;
    bottom:22px !important;
    transform:none !important;
    font-size:24px !important;
    text-align:left !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__title::after{
    content:"  ->" !important;
    color:#ffe1a0 !important;
    font-size:22px !important;
    font-weight:900 !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__lock{
    display:none !important;
  }
}

@media (max-width:1023px){
  .desktopBrandName,
  .desktopTopNav,
  .desktopProfileButton{
    display:none !important;
  }
}

/* Triniti desktop profile/vip polish: keep profile proportions, shrink the modal as a whole. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .modal__panel--profile{
    width:min(310px,calc(100vw - 24px)) !important;
    max-height:min(600px,calc(100dvh - 28px)) !important;
    transform:translate(-50%,-50%) scale(.88) !important;
    transform-origin:center center !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton{
    width:46px !important;
    height:46px !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton__avatar{
    width:36px !important;
    height:36px !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background-position:center center !important;
    background-size:cover !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton__avatar.has-image{
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}

/* Triniti ui125: wheel bets are color choices, not bare multiplier buttons. */
html body.triniti-originals-page.triniti-mode-wheel .origOptionGrid--wheelColors{
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor{
  position:relative !important;
  min-height:46px !important;
  padding-left:30px !important;
  text-align:left !important;
  overflow:hidden !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor::before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  translate:0 -50% !important;
  background:var(--sw,#d79b35) !important;
  box-shadow:0 0 14px color-mix(in srgb,var(--sw,#d79b35) 65%,transparent) !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor small{
  display:block !important;
  margin-top:2px !important;
  color:rgba(255,244,209,.68) !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

/* Triniti ui126: roomier wheel scene and temporary main-page promo image. */
.heroFutureSlot{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(244,211,138,.18) !important;
  background:
    linear-gradient(90deg,rgba(5,6,10,.62),rgba(5,6,10,.08) 54%,rgba(5,6,10,.38)),
    linear-gradient(180deg,rgba(244,211,138,.12),rgba(0,0,0,0) 42%),
    url("./mode-cards/wheel-cover.jpg?v=20260628-hero18") center center / cover no-repeat !important;
  box-shadow:0 24px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.heroFutureSlot::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(420px 220px at 66% 42%,rgba(246,197,90,.2),transparent 68%),
    repeating-linear-gradient(135deg,transparent 0 42px,rgba(244,211,138,.05) 42px 44px,transparent 44px 88px) !important;
  opacity:.82 !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelWrap{
  width:min(820px,100%) !important;
  min-height:462px !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelPanel{
  min-height:462px !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelCanvasShell{
  top:44% !important;
  width:min(378px,52%) !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelSideStats{
  top:44% !important;
  right:30px !important;
  width:142px !important;
}
html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelHistory{
  bottom:24px !important;
  width:min(585px,calc(100% - 64px)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace{
  height:3px !important;
  transition:opacity 70ms linear,scale 420ms linear !important;
}

/* Triniti ui123: use the provided realistic glove sprite, keep the shot dead-straight. */
html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
  width:150px !important;
  height:118px !important;
  top:48% !important;
  background:url("../shared/assets/penalty/gloves-1win-premium.png?v=20260628-hero18") center center / contain no-repeat !important;
  filter:drop-shadow(0 14px 16px rgba(0,0,0,.68)) drop-shadow(0 0 9px rgba(246,197,90,.16)) !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball,
html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="shooting"] .ball,
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot,
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.saved,
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.goal{
  animation:none !important;
  rotate:0deg !important;
  transform-origin:center center !important;
}
html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
  transition:transform 420ms linear !important;
}

/* Triniti ui128-tail: final desktop lobby overrides after legacy blocks. */
@media (min-width:1024px){
  html body:not(.triniti-game-page) .shell--layout{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 28px !important;
    padding:0 18px 28px !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    grid-template-rows:70px auto auto !important;
    gap:18px 24px !important;
  }

  html body:not(.triniti-game-page) .topbar{
    grid-column:1 / -1 !important;
    width:calc(100% + 36px) !important;
    margin-left:-18px !important;
    min-height:70px !important;
    padding:0 26px !important;
    border-radius:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(246,197,90,.18) !important;
    background:
      radial-gradient(720px 160px at 74% 0%,rgba(37,184,100,.09),transparent 68%),
      linear-gradient(180deg,rgba(10,12,18,.99),rgba(4,5,8,.99)) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.54),inset 0 -1px 0 rgba(255,255,255,.05) !important;
  }

  html body:not(.triniti-game-page) .topbar::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(246,197,90,.42) 14%,rgba(246,197,90,.14) 50%,rgba(41,190,112,.18) 84%,transparent) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__inner{
    top:88px !important;
    min-height:calc(100vh - 106px) !important;
    border-color:rgba(246,197,90,.22) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%),
      radial-gradient(180px 260px at 50% 0%,rgba(246,197,90,.07),transparent 76%),
      linear-gradient(180deg,rgba(13,15,21,.97),rgba(4,6,10,.985)) !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline{
    background:
      linear-gradient(90deg,rgba(5,7,10,.9),rgba(5,7,10,.22)),
      radial-gradient(160px 120px at 80% 36%,rgba(246,197,90,.18),transparent 72%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    min-height:342px !important;
  }

  html body:not(.triniti-game-page) .heroMain{
    min-height:342px !important;
  }

  html body:not(.triniti-game-page) .heroMain__content--bonus{
    min-height:342px !important;
    padding:36px 40px !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot{
    display:none !important;
    background:none !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot::before{
    content:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.88) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.1),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-welcome.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.9) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") center right / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.9) 30%,rgba(5,6,10,.44) 54%,rgba(5,6,10,.08) 100%),
      linear-gradient(180deg,rgba(244,211,138,.11),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-sprint.png?v=20260628-hero18") center right / cover no-repeat !important;
  }
}

/* Triniti ui129-tail: mobile card labels must beat shared game-card rules. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:12px !important;
    transform:translateX(-50%) !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 4px !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    color:#fff !important;
    font-size:clamp(10px,2.75vw,12px) !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
    text-shadow:0 2px 0 rgba(0,0,0,.62),0 8px 14px rgba(0,0,0,.82) !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title::after{
    content:none !important;
  }
}

/* Triniti ui130: desktop/mobile lobby polish. Keep this block last. */
@media (min-width:1024px){
  html body:not(.triniti-game-page) .topWalletBtn--withdraw{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 17px !important;
    border-radius:13px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    background:linear-gradient(180deg,rgba(30,34,44,.92),rgba(8,10,15,.96)) !important;
    color:#ffe9ae !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 26px rgba(0,0,0,.24) !important;
  }

  html body:not(.triniti-game-page) .topWalletBtn--withdraw:hover{
    border-color:rgba(246,197,90,.42) !important;
    background:linear-gradient(180deg,rgba(246,197,90,.18),rgba(9,10,15,.96)) !important;
    box-shadow:0 0 22px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline{
    position:relative !important;
    overflow:hidden !important;
    background:
      radial-gradient(80px 80px at 78% 28%,rgba(70,255,142,.22),transparent 70%),
      radial-gradient(130px 130px at 30% 82%,rgba(246,197,90,.2),transparent 74%),
      linear-gradient(135deg,rgba(7,10,14,.96),rgba(15,20,24,.9) 52%,rgba(4,6,10,.98)) !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline::before{
    content:"" !important;
    position:absolute !important;
    right:10px !important;
    top:14px !important;
    width:74px !important;
    height:74px !important;
    border-radius:999px !important;
    border:1px solid rgba(246,197,90,.28) !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(70,255,142,.95) 0 6px,transparent 7px),
      repeating-conic-gradient(from -20deg,rgba(246,197,90,.34) 0 8deg,transparent 8deg 27deg),
      radial-gradient(circle,rgba(246,197,90,.12),transparent 62%) !important;
    box-shadow:0 0 28px rgba(70,255,142,.16),inset 0 0 26px rgba(246,197,90,.08) !important;
    opacity:.86 !important;
  }

  html body:not(.triniti-game-page) .sidebarOnline::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 12px 12px auto !important;
    width:88px !important;
    height:32px !important;
    background:
      linear-gradient(90deg,transparent,rgba(246,197,90,.5),transparent),
      repeating-linear-gradient(90deg,rgba(246,197,90,.18) 0 2px,transparent 2px 12px) !important;
    mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent) !important;
    opacity:.48 !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .shell--layout{
    padding:0 14px calc(98px + env(safe-area-inset-bottom,0px)) !important;
  }

  html body:not(.triniti-game-page) .mobileTop{
    min-height:78px !important;
    margin:0 -14px 12px !important;
    padding:14px 14px 12px !important;
  }

  html body:not(.triniti-game-page) .mobileAuth{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile{
    display:none !important;
  }

  html body:not(.triniti-game-page) .accountActions--mobile{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .topBalance--mobile{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:82px !important;
    min-height:38px !important;
    padding:0 11px !important;
    border-radius:999px !important;
    border:1px solid rgba(246,197,90,.26) !important;
    background:linear-gradient(180deg,rgba(25,28,37,.94),rgba(6,8,12,.96)) !important;
    color:#fff4d0 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    box-shadow:0 12px 24px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  html body:not(.triniti-game-page) .topBalance--mobile b{
    font-size:14px !important;
    line-height:1 !important;
  }

  html body:not(.triniti-game-page) .topBalance--mobile .rubSign{
    margin-left:3px !important;
    color:#f6c55a !important;
  }

  html body:not(.triniti-game-page) .mobileProfileButton{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  html body:not(.triniti-game-page) .mobileProfileButton__avatar{
    width:27px !important;
    height:27px !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus{
    position:relative !important;
    min-height:244px !important;
    margin:6px 0 24px !important;
    padding:23px 20px 42px !important;
    touch-action:pan-y !important;
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.82) 42%,rgba(5,6,10,.2) 100%),
      linear-gradient(180deg,rgba(246,197,90,.13),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-welcome.png?v=20260628-hero18") 66% center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="1"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.84) 42%,rgba(5,6,10,.2) 100%),
      linear-gradient(180deg,rgba(246,197,90,.13),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-vip.png?v=20260628-hero18") 62% center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="2"]{
    background:
      linear-gradient(90deg,rgba(5,6,10,.99) 0%,rgba(5,6,10,.84) 42%,rgba(5,6,10,.2) 100%),
      linear-gradient(180deg,rgba(246,197,90,.13),rgba(0,0,0,0) 34%),
      url("./hero-premium/hero-sprint.png?v=20260628-hero18") 66% center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__content{
    position:relative !important;
    z-index:2 !important;
    width:min(70%,260px) !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__kicker{
    font-size:18px !important;
    text-transform:uppercase !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__x2{
    margin-top:8px !important;
    font-size:32px !important;
    line-height:1 !important;
    color:#fff !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__title{
    margin-top:2px !important;
    font-size:31px !important;
    line-height:1.03 !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn--mobile{
    margin-top:17px !important;
    min-width:102px !important;
  }

  html body:not(.triniti-game-page) .mobileHeroSliderDots{
    position:absolute !important;
    left:50% !important;
    bottom:14px !important;
    z-index:3 !important;
    display:flex !important;
    gap:7px !important;
    translate:-50% 0 !important;
  }

  html body:not(.triniti-game-page) .mobileHeroSliderDots .heroSliderDot{
    width:22px !important;
    height:5px !important;
    border:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.22) !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  html body:not(.triniti-game-page) .mobileHeroSliderDots .heroSliderDot.active{
    width:30px !important;
    background:#f6c55a !important;
    box-shadow:0 0 14px rgba(246,197,90,.44) !important;
  }

  html body:not(.triniti-game-page) .sectionHead{
    margin:0 0 15px !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    gap:12px 10px !important;
    padding:0 0 12px !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro{
    aspect-ratio:1 / 1.46 !important;
    border-radius:13px !important;
    box-shadow:0 14px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title{
    bottom:13px !important;
    font-size:clamp(10px,2.85vw,13px) !important;
  }
}

@media (max-width:370px){
  html body:not(.triniti-game-page) .mobileBrandName{
    font-size:18px !important;
    letter-spacing:4px !important;
  }

  html body:not(.triniti-game-page) .topBalance--mobile{
    min-width:74px !important;
    padding:0 8px !important;
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    gap:10px 8px !important;
  }
}

/* Triniti ui131: mobile auth flow, roomier casino grid, unified mobile panels. Keep last. */
@media (min-width:1024px){
  html body:not(.triniti-game-page) .deskSidebar__item[aria-label="VIP Club"]{
    border-color:rgba(246,197,90,.2) !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileTop{
    min-height:82px !important;
    padding:14px 14px 13px !important;
  }

  html body:not(.triniti-game-page) .mobileBrand{
    flex:0 1 auto !important;
    min-width:0 !important;
    gap:7px !important;
  }

  html body:not(.triniti-game-page) .mBrandLogo{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }

  html body:not(.triniti-game-page) .mBrandLogo svg{
    width:25px !important;
    height:25px !important;
  }

  html body:not(.triniti-game-page) .mobileBrandName{
    font-size:18px !important;
    letter-spacing:4px !important;
  }

  html body:not(.triniti-game-page) .mobileAuth{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    flex:1 0 auto !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile[hidden],
  html body:not(.triniti-game-page) .accountActions--mobile[hidden]{
    display:none !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile:not([hidden]){
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile .authBtn{
    min-width:auto !important;
    height:36px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile .authBtn--primary{
    padding:0 13px !important;
    color:#160f04 !important;
    border-color:rgba(255,232,163,.58) !important;
    background:linear-gradient(180deg,#ffe8a9,#d99e38 72%,#9f671d) !important;
    box-shadow:0 10px 22px rgba(246,197,90,.2),inset 0 1px 0 rgba(255,255,255,.36) !important;
  }

  html body:not(.triniti-game-page) .authActions--mobile .authBtn--ghost{
    color:#ffe9ae !important;
    border-color:rgba(246,197,90,.24) !important;
    background:linear-gradient(180deg,rgba(30,34,44,.92),rgba(8,10,15,.96)) !important;
  }

  html body:not(.triniti-game-page) .accountActions--mobile:not([hidden]){
    display:flex !important;
    align-items:center !important;
  }

  html body:not(.triniti-game-page) .mobileProfileButton{
    display:none !important;
  }

  html body.is-authed:not(.triniti-game-page) .mobileProfileButton{
    display:grid !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus{
    margin:8px 0 28px !important;
  }

  html body:not(.triniti-game-page) .sectionHead{
    margin:0 0 16px !important;
  }

  html body:not(.triniti-game-page) .sectionTitle{
    font-size:23px !important;
    line-height:1.05 !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:15px 13px !important;
    padding:0 0 32px !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro{
    aspect-ratio:1 / 1.05 !important;
    border-radius:16px !important;
    border-color:rgba(246,197,90,.3) !important;
    box-shadow:0 18px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::before{
    transition:transform .22s ease, filter .22s ease !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro:active::before{
    transform:scale(1.045) !important;
    filter:saturate(1.12) brightness(1.08) !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title{
    bottom:16px !important;
    padding:0 10px !important;
    font-size:clamp(16px,4.4vw,19px) !important;
    line-height:1 !important;
    text-align:left !important;
    left:16px !important;
    right:16px !important;
    width:auto !important;
    transform:none !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav{
    border-color:rgba(246,197,90,.18) !important;
    background:
      radial-gradient(220px 80px at 50% 0%,rgba(246,197,90,.08),transparent 70%),
      linear-gradient(180deg,rgba(9,12,18,.98),rgba(3,5,8,.99)) !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav__item{
    color:rgba(236,232,220,.66) !important;
    transition:transform .14s ease,color .18s ease,text-shadow .18s ease,background .18s ease !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav__item:active{
    transform:translateY(-2px) scale(.98) !important;
  }

  html body:not(.triniti-game-page) .mobileBottomNav__item.active{
    color:#f6c55a !important;
    background:linear-gradient(180deg,rgba(246,197,90,.12),rgba(246,197,90,.02)) !important;
    text-shadow:0 0 18px rgba(246,197,90,.34) !important;
  }

  html body:not(.triniti-game-page) .modal.open{
    align-items:flex-end !important;
  }

  html body:not(.triniti-game-page) .modal__panel{
    width:calc(100% - 18px) !important;
    max-width:none !important;
    max-height:86svh !important;
    margin:0 9px calc(10px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:24px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    background:
      radial-gradient(360px 180px at 50% 0%,rgba(246,197,90,.12),transparent 72%),
      linear-gradient(180deg,rgba(16,19,27,.98),rgba(5,7,11,.99)) !important;
    box-shadow:0 -24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:auto !important;
  }

  html body:not(.triniti-game-page) .modal__head{
    border-bottom:1px solid rgba(246,197,90,.14) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)) !important;
  }

  html body:not(.triniti-game-page) .modal__title{
    color:#fff3c8 !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .modal__close{
    border-color:rgba(246,197,90,.22) !important;
    background:linear-gradient(180deg,rgba(30,34,44,.96),rgba(8,10,15,.96)) !important;
    color:#ffe9ae !important;
  }

  html body:not(.triniti-game-page) .profileBalance,
  html body:not(.triniti-game-page) .promoCard,
  html body:not(.triniti-game-page) .supportCard,
  html body:not(.triniti-game-page) .profileMenuItem,
  html body:not(.triniti-game-page) .supportItem{
    border-color:rgba(246,197,90,.2) !important;
    background:linear-gradient(180deg,rgba(28,32,42,.82),rgba(8,10,15,.92)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body.modal-is-open:not(.triniti-game-page) .mobileBottomNav{
    display:none !important;
  }

  html body:not(.triniti-game-page) .profileBalance{
    min-height:112px !important;
    padding:18px 18px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:6px !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .profileBalance > span{
    color:rgba(255,236,184,.7) !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  html body:not(.triniti-game-page) .profileBalance b{
    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;
    color:#fff !important;
    font-size:38px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .profileBalance b span{
    display:inline !important;
    color:#fff !important;
    font-size:38px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body:not(.triniti-game-page) .profilePay,
  html body:not(.triniti-game-page) .promoBtn,
  html body:not(.triniti-game-page) .supportBtn{
    border:1px solid rgba(246,197,90,.28) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(30,34,44,.95),rgba(8,10,15,.98)) !important;
    color:#ffe9ae !important;
    box-shadow:0 12px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .profilePay--deposit,
  html body:not(.triniti-game-page) .promoBtn{
    color:#120c03 !important;
    background:linear-gradient(180deg,#ffe8a8,#d99f39 72%,#9b641d) !important;
    box-shadow:0 16px 34px rgba(246,197,90,.2),inset 0 1px 0 rgba(255,255,255,.34) !important;
  }

  html body:not(.triniti-game-page) .profileMenuIcon,
  html body:not(.triniti-game-page) .supportIcon{
    border-color:rgba(246,197,90,.24) !important;
    background:linear-gradient(180deg,rgba(246,197,90,.18),rgba(12,14,20,.96)) !important;
    color:#f6c55a !important;
  }
}

@media (max-width:370px){
  html body:not(.triniti-game-page) .authActions--mobile .authBtn{
    height:34px !important;
    padding:0 9px !important;
    font-size:11px !important;
  }

  html body:not(.triniti-game-page) .mobileBrandName{
    font-size:16px !important;
    letter-spacing:3px !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    gap:12px 10px !important;
  }
}

/* Triniti ui132: gold profile, compact mobile lobby, one-screen mobile games. Keep last. */
html body:not(.triniti-game-page) .modal__panel--profile{
  border-color:rgba(246,197,90,.28) !important;
  background:
    radial-gradient(380px 220px at 50% 0%,rgba(246,197,90,.16),transparent 72%),
    radial-gradient(240px 180px at 12% 100%,rgba(43,226,112,.08),transparent 72%),
    linear-gradient(180deg,rgba(15,18,25,.985),rgba(4,6,10,.995)) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.68),0 0 44px rgba(246,197,90,.1),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body:not(.triniti-game-page) .modal__head--profile{
  border-bottom-color:rgba(246,197,90,.16) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0)) !important;
}

html body:not(.triniti-game-page) .profileBalance,
html body:not(.triniti-game-page) .profileMenuItem{
  border-color:rgba(246,197,90,.22) !important;
  background:
    radial-gradient(180px 100px at 18% 0%,rgba(246,197,90,.12),transparent 70%),
    linear-gradient(180deg,rgba(26,30,40,.86),rgba(7,9,14,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px rgba(0,0,0,.24) !important;
}

html body:not(.triniti-game-page) .profilePay,
html body:not(.triniti-game-page) .topWalletBtn--deposit,
html body:not(.triniti-game-page) .topWalletBtn--withdraw{
  border:1px solid rgba(246,197,90,.32) !important;
  color:#150d03 !important;
  background:linear-gradient(180deg,#ffeab0 0%,#e0aa45 64%,#9b641e 100%) !important;
  box-shadow:0 14px 28px rgba(246,197,90,.2),inset 0 1px 0 rgba(255,255,255,.36) !important;
}

html body:not(.triniti-game-page) .profilePay--withdraw,
html body:not(.triniti-game-page) .topWalletBtn--withdraw{
  color:#ffe9ad !important;
  background:
    radial-gradient(80px 48px at 50% 0%,rgba(246,197,90,.18),transparent 70%),
    linear-gradient(180deg,rgba(32,36,47,.96),rgba(8,10,15,.98)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

html body:not(.triniti-game-page) .profileMenuItem:hover,
html body:not(.triniti-game-page) .profilePay:hover,
html body:not(.triniti-game-page) .topWalletBtn:hover{
  border-color:rgba(246,197,90,.48) !important;
  filter:brightness(1.06) !important;
}

html body:not(.triniti-game-page) .profileMenuIcon{
  border-color:rgba(246,197,90,.3) !important;
  color:#f6c55a !important;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,232,163,.24),transparent 58%),
    linear-gradient(180deg,rgba(246,197,90,.16),rgba(8,10,15,.98)) !important;
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .shell--layout{
    padding:0 12px calc(88px + env(safe-area-inset-bottom,0px)) !important;
  }

  html body:not(.triniti-game-page) .mobileTop{
    min-height:74px !important;
    padding:12px 12px 10px !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus{
    min-height:220px !important;
    margin:4px 0 20px !important;
  }

  html body:not(.triniti-game-page) .sectionHead{
    margin-bottom:12px !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px 8px !important;
    padding:0 0 22px !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro{
    min-height:0 !important;
    aspect-ratio:1 / 1.32 !important;
    border-radius:12px !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::before{
    inset:5px 3px 20px !important;
    border-radius:10px !important;
    background-size:contain !important;
    background-position:center center !important;
    transform:none !important;
    filter:saturate(1.08) contrast(1.06) brightness(1.03) !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro:active::before{
    transform:scale(.98) !important;
    filter:saturate(1.14) contrast(1.08) brightness(1.08) !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::after,
  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro[data-locked="1"]::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,0) 46%,rgba(0,0,0,.62) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -24px 30px rgba(0,0,0,.54) !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title{
    left:50% !important;
    right:auto !important;
    bottom:7px !important;
    width:100% !important;
    padding:0 2px !important;
    transform:translateX(-50%) !important;
    font-size:clamp(8px,2.4vw,10px) !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .gameCardKazaro__lock{
    width:18px !important;
    height:18px !important;
    top:5px !important;
    right:5px !important;
    font-size:10px !important;
  }
}

@media (max-width:700px){
  html body.triniti-originals-page,
  html body.triniti-game-page{
    width:100vw !important;
    height:100svh !important;
    min-height:100svh !important;
    overflow:hidden !important;
    background:#030407 !important;
  }

  html body.triniti-originals-page .app{
    width:100vw !important;
    max-width:none !important;
    height:100svh !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page main{
    height:100svh !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .topbar{
    display:none !important;
  }

  html body.triniti-originals-page .origGame{
    width:100vw !important;
    max-width:none !important;
    height:100svh !important;
    min-height:0 !important;
    margin:0 !important;
    padding:max(8px,env(safe-area-inset-top,0px)) 8px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    gap:7px !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    overflow:hidden !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page .origStage{
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-rows:38px minmax(0,1fr) 32px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origStageBar{
    min-height:38px !important;
    height:38px !important;
    padding:5px 8px !important;
    gap:8px !important;
  }

  html body.triniti-originals-page .origBack{
    display:none !important;
  }

  html body.triniti-originals-page .origModeMark{
    margin:0 auto !important;
    gap:8px !important;
  }

  html body.triniti-originals-page .origModeIcon{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
  }

  html body.triniti-originals-page .origModeIcon svg{
    width:19px !important;
    height:19px !important;
    stroke-width:3.2 !important;
  }

  html body.triniti-originals-page .origModeMark b{
    font-size:15px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  html body.triniti-originals-page .origModeMark small{
    margin-top:2px !important;
    font-size:9px !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origStageBody{
    min-height:0 !important;
    height:100% !important;
    padding:6px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origStageAura{
    inset:10% 8% !important;
    filter:blur(14px) !important;
    opacity:.72 !important;
  }

  html body.triniti-originals-page .origMount{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origCounters{
    display:none !important;
  }

  html body.triniti-originals-page .origMount .arenaCard,
  html body.triniti-originals-page .origMount .chartCard,
  html body.triniti-originals-page .origMount .goalWrap,
  html body.triniti-originals-page .origMount .wheelWrap,
  html body.triniti-originals-page .origMount .vs,
  html body.triniti-originals-page .origMount .grid,
  html body.triniti-originals-page .origMount .towerGrid{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    border-radius:16px !important;
  }

  html body.triniti-originals-page .origMount .coinStage,
  html body.triniti-originals-page .origMount .cubeStage,
  html body.triniti-originals-page .origMount .chartStage,
  html body.triniti-originals-page .origMount .goalFrame,
  html body.triniti-originals-page .origMount .wheelPanel{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
  }

  html body.triniti-originals-page .origMultiplierStrip{
    min-height:32px !important;
    height:32px !important;
    padding:4px 7px !important;
    gap:5px !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }

  html body.triniti-originals-page .origMultiplierStrip::-webkit-scrollbar{
    display:none !important;
  }

  html body.triniti-originals-page .origMultiplierStrip span{
    min-width:52px !important;
    min-height:24px !important;
    height:24px !important;
    border-radius:8px !important;
    font-size:10px !important;
    padding:0 7px !important;
  }

  html body.triniti-originals-page .origPanel{
    grid-row:2 !important;
    width:100% !important;
    height:auto !important;
    max-height:226px !important;
    min-height:0 !important;
    padding:7px !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-columns:.82fr 1.18fr !important;
    grid-template-areas:
      "wallet bet"
      "controls cash" !important;
    gap:6px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origWallet{
    grid-area:wallet !important;
    min-height:50px !important;
    padding:8px 9px !important;
    border-radius:13px !important;
  }

  html body.triniti-originals-page .origWallet span,
  html body.triniti-originals-page .origBetLine span,
  html body.triniti-originals-page .origControlTitle{
    font-size:9px !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origWallet b{
    margin-top:5px !important;
    font-size:19px !important;
  }

  html body.triniti-originals-page .origBetBox{
    grid-area:bet !important;
    padding:6px !important;
    border-radius:13px !important;
  }

  html body.triniti-originals-page .origBetLine{
    min-height:40px !important;
    padding:5px !important;
    grid-template-columns:1fr 28px 28px !important;
    gap:5px !important;
    border-radius:11px !important;
  }

  html body.triniti-originals-page .origBetLine input{
    width:100% !important;
    min-width:0 !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origBetLine button,
  html body.triniti-originals-page .origOption,
  html body.triniti-originals-page .origCash{
    min-height:30px !important;
    border-radius:10px !important;
    font-size:11px !important;
  }

  html body.triniti-originals-page .origPrimary{
    min-height:38px !important;
    margin-top:5px !important;
    border-radius:11px !important;
    font-size:14px !important;
  }

  html body.triniti-originals-page .origControls{
    grid-area:controls !important;
    min-height:0 !important;
    max-height:86px !important;
    padding:6px !important;
    border-radius:13px !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }

  html body.triniti-originals-page .origControls::-webkit-scrollbar{
    display:none !important;
  }

  html body.triniti-originals-page .origOptionGrid,
  html body.triniti-originals-page .origOptionGrid--two,
  html body.triniti-originals-page .origOptionGrid--three,
  html body.triniti-originals-page .origOptionGrid--wheelColors{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    margin-top:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origOptionGrid--three{
    grid-template-columns:1fr !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origOptionGrid--three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page .origOption--wheelColor small{
    display:none !important;
  }

  html body.triniti-originals-page .origRangeMini,
  html body.triniti-originals-page .origSeries{
    min-height:30px !important;
    margin-top:5px !important;
    padding:5px 7px !important;
    border-radius:10px !important;
    font-size:10px !important;
  }

  html body.triniti-originals-page .origRangeMini input{
    width:min(92px,48%) !important;
  }

  html body.triniti-originals-page .origMinesRangeBlock{
    padding:0 !important;
  }

  html body.triniti-originals-page .origMinesRangeHead{
    font-size:10px !important;
  }

  html body.triniti-originals-page .origMinesRange{
    height:18px !important;
  }

  html body.triniti-originals-page .origMinesScale{
    font-size:9px !important;
  }

  html body.triniti-originals-page .origCash{
    grid-area:cash !important;
    align-self:stretch !important;
    margin:0 !important;
    min-height:0 !important;
    height:100% !important;
    padding:0 6px !important;
    font-size:12px !important;
  }

  html body.triniti-originals-page.triniti-mode-mines .origMount #grid{
    width:min(72vw,300px,100%) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    gap:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-mines .origMount .cell{
    min-height:0 !important;
    border-radius:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(76vw,330px,100%) !important;
    height:auto !important;
    max-height:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origTowerDragon{
    max-width:min(76vw,330px) !important;
    transform:translateY(2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    width:min(58vw,250px) !important;
    height:min(58vw,250px) !important;
    max-width:100% !important;
    max-height:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount canvas,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount canvas{
    max-width:100% !important;
    max-height:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartCard{
    padding:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:100% !important;
    height:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelWrap{
    padding:6px !important;
  }
}

@media (max-width:370px){
  html body:not(.triniti-game-page) .grid.grid--kazaro{
    gap:8px 6px !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title{
    font-size:8px !important;
  }

  html body.triniti-originals-page .origPanel{
    max-height:210px !important;
    gap:5px !important;
    padding:6px !important;
  }

  html body.triniti-originals-page .origWallet b{
    font-size:17px !important;
  }

  html body.triniti-originals-page .origBetLine input{
    font-size:15px !important;
  }
}

/* Triniti ui132-final: beat old fixed desktop game dimensions on phones. */
@media (max-width:700px){
  html body.triniti-game-page.triniti-originals-page .app,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .app{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:100svh !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-game-page.triniti-originals-page .origGame,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origGame{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100svh !important;
    min-height:0 !important;
    max-height:100svh !important;
    margin:0 !important;
    padding:max(8px,env(safe-area-inset-top,0px)) 8px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,1fr) minmax(178px,212px) !important;
    gap:7px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    transform:none !important;
  }

  html body.triniti-game-page.triniti-originals-page .origStage,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origStage{
    grid-row:1 !important;
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    display:grid !important;
    grid-template-rows:38px minmax(0,1fr) 32px !important;
    overflow:hidden !important;
  }

  html body.triniti-game-page.triniti-originals-page .origPanel,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origPanel{
    grid-row:2 !important;
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100% !important;
    max-height:212px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    grid-template-rows:auto auto 34px !important;
    grid-template-areas:
      "wallet bet"
      "controls controls"
      "cash cash" !important;
  }

  html body.triniti-game-page.triniti-originals-page .origStageBody,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origStageBody,
  html body.triniti-game-page.triniti-originals-page .origMount,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origMount{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.triniti-game-page.triniti-originals-page .origControls,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origControls{
    max-height:44px !important;
    min-height:38px !important;
  }

  html body.triniti-game-page.triniti-originals-page .origOptionGrid,
  html body.triniti-game-page.triniti-originals-page .origOptionGrid--two,
  html body.triniti-game-page.triniti-originals-page .origOptionGrid--three,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origOptionGrid,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origOptionGrid--two,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origOptionGrid--three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard,
  html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard{
    width:100% !important;
    max-width:100% !important;
    height:360px !important;
    min-height:0 !important;
    max-height:100% !important;
    padding:0 !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:220px !important;
    height:220px !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWrap{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) scale(.82) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
    width:100% !important;
    max-width:100% !important;
    height:360px !important;
    min-height:0 !important;
    max-height:100% !important;
    padding:0 !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:min(100%,342px) !important;
    max-width:342px !important;
    height:258px !important;
    min-height:0 !important;
    max-height:258px !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    inset:42px 40px 34px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs,
  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelWrap{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
}

/* Triniti ui133: cleaner mobile mode cards and penalty scene cleanup. Keep last. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .grid.grid--kazaro{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px 8px !important;
    padding:0 0 24px !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro{
    aspect-ratio:1 / 1.38 !important;
    border-radius:13px !important;
    background:#05070a !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro .gameCardKazaro__bg{
    display:block !important;
    position:absolute !important;
    inset:-10px !important;
    z-index:0 !important;
    background-image:
      linear-gradient(180deg,rgba(5,7,10,.08),rgba(5,7,10,.5) 72%,rgba(5,7,10,.94)),
      var(--mode-cover) !important;
    background-size:cover !important;
    background-position:center !important;
    filter:blur(5px) saturate(1.04) contrast(1.08) brightness(.7) !important;
    transform:scale(1.08) !important;
    opacity:.88 !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::before{
    inset:4px 3px 24px !important;
    z-index:1 !important;
    border-radius:10px !important;
    background-repeat:no-repeat !important;
    background-size:auto 78% !important;
    background-position:center 46% !important;
    transform:none !important;
    filter:saturate(1.12) contrast(1.09) brightness(1.05) !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--mines::before{background-size:auto 80% !important;background-position:center 46% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--tower::before{background-size:auto 84% !important;background-position:center 46% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--dice::before{background-size:auto 79% !important;background-position:center 46% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--coinflip::before{background-size:auto 81% !important;background-position:center 46% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--crash::before{background-size:auto 84% !important;background-position:center 47% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--rps::before{background-size:auto 82% !important;background-position:center 47% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--penalty::before{background-size:auto 83% !important;background-position:center 47% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--wheel::before{background-size:auto 82% !important;background-position:center 47% !important}

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro:active::before{
    transform:scale(.98) !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::after,
  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro[data-locked="1"]::after{
    z-index:4 !important;
    background:
      radial-gradient(86% 58% at 50% 42%,rgba(246,197,90,.06),transparent 64%),
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,0) 36%,rgba(0,0,0,.74) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -26px 34px rgba(0,0,0,.58) !important;
  }

  html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title{
    bottom:8px !important;
    font-size:clamp(8px,2.55vw,10.5px) !important;
    text-shadow:0 2px 7px rgba(0,0,0,.88),0 0 12px rgba(246,197,90,.16) !important;
  }

  html body.triniti-game-page.triniti-originals-page.triniti-mode-penalty .origMount #msg,
  html body.triniti-game-page.triniti-originals-page.triniti-mode-penalty .origMount .msg,
  html body.triniti-game-page.triniti-originals-page.triniti-mode-penalty .goalWrap #msg{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

@media (max-width:370px){
  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::before{
    background-size:auto 76% !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--tower::before,
  html body:not(.triniti-game-page) .gameCard.gameCard--coinflip::before,
  html body:not(.triniti-game-page) .gameCard.gameCard--wheel::before{
    background-size:auto 80% !important;
  }
}

/* Triniti ui134: desktop arrows off, mobile lobby art larger, mobile games scrollable and readable. */
html body:not(.triniti-game-page) .gameCardKazaro__title::after,
html body:not(.triniti-game-page) .grid.grid--kazaro .gameCard.gameCard--kazaro .gameCardKazaro__title::after{
  content:none !important;
  display:none !important;
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro::before{
    inset:0 0 22px !important;
    background-size:cover !important;
    background-position:center center !important;
    border-radius:12px 12px 9px 9px !important;
    transform:none !important;
  }

  html body:not(.triniti-game-page) .gameCard.gameCard--mines::before{background-position:center 45% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--tower::before{background-position:center 44% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--dice::before{background-position:center 45% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--coinflip::before{background-position:center 45% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--crash::before{background-position:center 49% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--rps::before{background-position:center 47% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--penalty::before{background-position:center 47% !important}
  html body:not(.triniti-game-page) .gameCard.gameCard--wheel::before{background-position:center 47% !important}

  html body:not(.triniti-game-page) .gameCard.gameCard--kazaro .gameCardKazaro__bg{
    inset:-8px !important;
    filter:blur(4px) saturate(1.04) contrast(1.08) brightness(.68) !important;
  }

  html body.triniti-originals-page,
  html body.triniti-game-page{
    height:auto !important;
    min-height:100svh !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:#030407 !important;
    -webkit-overflow-scrolling:touch !important;
  }

  html body.triniti-originals-page .app,
  html body.triniti-game-page.triniti-originals-page .app,
  html body.triniti-originals-page main,
  html body.triniti-game-page.triniti-originals-page main{
    height:auto !important;
    min-height:100svh !important;
    max-height:none !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page .topbar{
    display:none !important;
  }

  html body.triniti-originals-page .origGame,
  html body.triniti-game-page.triniti-originals-page .origGame{
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    min-height:100svh !important;
    max-height:none !important;
    margin:0 !important;
    padding:max(8px,env(safe-area-inset-top,0px)) 8px calc(18px + env(safe-area-inset-bottom,0px)) !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    overflow:visible !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    height:clamp(430px,60svh,540px) !important;
    min-height:430px !important;
    max-height:540px !important;
    display:grid !important;
    grid-template-rows:40px minmax(0,1fr) 35px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }

  html body.triniti-originals-page .origStageBar{
    height:40px !important;
    min-height:40px !important;
    padding:5px 8px !important;
  }

  html body.triniti-originals-page .origModeMark{
    margin:0 auto !important;
  }

  html body.triniti-originals-page .origStageBody,
  html body.triniti-game-page.triniti-originals-page .origStageBody{
    height:100% !important;
    min-height:0 !important;
    padding:7px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origMount,
  html body.triniti-game-page.triniti-originals-page .origMount{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origMultiplierStrip{
    height:35px !important;
    min-height:35px !important;
    padding:4px 7px !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }

  html body.triniti-originals-page .origMultiplierStrip span{
    height:25px !important;
    min-height:25px !important;
    min-width:56px !important;
    flex:0 0 auto !important;
  }

  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:.82fr 1.18fr !important;
    grid-template-areas:
      "wallet bet"
      "controls controls"
      "cash cash" !important;
    grid-template-rows:auto auto auto !important;
    gap:7px !important;
    overflow:visible !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
  }

  html body.triniti-originals-page .origWallet{
    min-height:92px !important;
    grid-area:wallet !important;
  }

  html body.triniti-originals-page .origBetBox{
    grid-area:bet !important;
  }

  html body.triniti-originals-page .origControls{
    grid-area:controls !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page .origCash{
    grid-area:cash !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    align-self:auto !important;
  }

  html body.triniti-originals-page .origOptionGrid,
  html body.triniti-originals-page .origOptionGrid--two,
  html body.triniti-originals-page .origOptionGrid--three,
  html body.triniti-originals-page .origOptionGrid--wheelColors{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origOptionGrid--three,
  html body.triniti-originals-page.triniti-mode-rps .origOptionGrid--three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page .origMount .arenaCard,
  html body.triniti-originals-page .origMount .chartCard,
  html body.triniti-originals-page .origMount .goalWrap,
  html body.triniti-originals-page .origMount .wheelWrap,
  html body.triniti-originals-page .origMount .vs,
  html body.triniti-originals-page .origMount .grid,
  html body.triniti-originals-page .origMount .towerGrid{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) !important;
    gap:6px !important;
    align-items:center !important;
    padding:8px !important;
    border-radius:16px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
    display:grid !important;
    width:44px !important;
    height:44px !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#171008 !important;
    background:radial-gradient(circle at 35% 25%,#fff1b8,#dca345 58%,#5f340e) !important;
    font-size:13px !important;
    letter-spacing:0 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 20px rgba(246,197,90,.18) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .card{
    min-height:clamp(150px,35svh,238px) !important;
    padding:8px !important;
    border-radius:15px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
    margin:4px 0 !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
  html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
    width:min(30vw,112px) !important;
    height:min(30vw,112px) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origStage{
    height:clamp(460px,62svh,550px) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelWrap{
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelPanel{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border-radius:16px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelCanvasShell{
    width:min(58vw,230px) !important;
    top:38% !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelHub{
    width:78px !important;
    height:78px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelHub b{
    font-size:17px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelHub small{
    font-size:8px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelPointer{
    top:16px !important;
    border-left-width:14px !important;
    border-right-width:14px !important;
    border-top-width:28px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelSideStats{
    left:10px !important;
    right:10px !important;
    bottom:12px !important;
    top:auto !important;
    width:auto !important;
    translate:0 0 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    z-index:8 !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelStat{
    min-height:48px !important;
    padding:7px !important;
    border-radius:13px !important;
    backdrop-filter:blur(8px) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelStat span{
    font-size:9px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelStat b{
    margin-top:3px !important;
    font-size:13px !important;
    line-height:1.02 !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelHistory{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(450px,62svh,550px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    background:transparent !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:min(100%,430px) !important;
    max-width:100% !important;
    height:clamp(246px,52vw,310px) !important;
    min-height:246px !important;
    max-height:310px !important;
    margin:0 auto !important;
    transform:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    inset:24px 28px 42px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    width:min(29vw,124px) !important;
    height:min(20vw,86px) !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-42%) !important;
    background:url("../shared/assets/penalty/gloves-1win-premium.png?v=20260628-hero18") center center / contain no-repeat !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .glove,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .finger,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves .thumb{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    width:34px !important;
    height:34px !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    height:clamp(410px,58svh,505px) !important;
    min-height:410px !important;
  }

  html body.triniti-originals-page .origWallet{
    min-height:84px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
    grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
    width:38px !important;
    height:38px !important;
    font-size:12px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelCanvasShell{
    width:min(56vw,214px) !important;
    top:37% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:100% !important;
    height:248px !important;
  }
}

/* Triniti ui135: mobile game first, compact betting panel directly below. */
@media (max-width:700px){
  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    order:1 !important;
    height:clamp(410px,56svh,510px) !important;
    min-height:410px !important;
    max-height:510px !important;
  }

  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    order:2 !important;
    margin-top:0 !important;
    padding:8px !important;
    grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr) !important;
    grid-template-areas:
      "wallet bet"
      "controls bet"
      "cash cash" !important;
    gap:7px !important;
    border-radius:18px !important;
    background:
      radial-gradient(240px 140px at 80% 0%,rgba(246,197,90,.12),transparent 70%),
      linear-gradient(180deg,rgba(20,23,31,.92),rgba(6,8,12,.98)) !important;
  }

  html body.triniti-originals-page .origWallet{
    min-height:74px !important;
    padding:9px 10px !important;
    border-radius:14px !important;
  }

  html body.triniti-originals-page .origWallet b{
    margin-top:5px !important;
    font-size:21px !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origBetBox{
    padding:7px !important;
    border-radius:14px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    min-height:128px !important;
  }

  html body.triniti-originals-page .origBetLine{
    min-height:54px !important;
    padding:7px !important;
    grid-template-columns:minmax(0,1fr) 34px 34px !important;
    gap:6px !important;
    border-radius:12px !important;
  }

  html body.triniti-originals-page .origBetLine span{
    font-size:9px !important;
  }

  html body.triniti-originals-page .origBetLine input{
    font-size:23px !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origBetLine button{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:11px !important;
  }

  html body.triniti-originals-page .origPrimary{
    min-height:42px !important;
    margin-top:7px !important;
    border-radius:12px !important;
    font-size:15px !important;
  }

  html body.triniti-originals-page .origControls{
    padding:0 !important;
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page .origControlTitle{
    display:none !important;
  }

  html body.triniti-originals-page .origOptionGrid,
  html body.triniti-originals-page .origOptionGrid--two,
  html body.triniti-originals-page .origOptionGrid--three,
  html body.triniti-originals-page .origOptionGrid--wheelColors{
    margin-top:0 !important;
    gap:6px !important;
  }

  html body.triniti-originals-page .origOption{
    min-height:34px !important;
    border-radius:11px !important;
    font-size:11px !important;
    padding:0 6px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOptionGrid--wheelColors{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor{
    justify-content:center !important;
    gap:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor small{
    display:inline !important;
    font-size:9px !important;
    opacity:.78 !important;
  }

  html body.triniti-originals-page .origRangeMini,
  html body.triniti-originals-page .origSeries,
  html body.triniti-originals-page .origMinesRangeBlock{
    margin-top:0 !important;
    min-height:34px !important;
    padding:6px 8px !important;
    border-radius:11px !important;
  }

  html body.triniti-originals-page .origCash{
    height:38px !important;
    min-height:38px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origStage,
  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(420px,57svh,520px) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    height:clamp(392px,54svh,470px) !important;
    min-height:392px !important;
  }

  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    grid-template-columns:minmax(104px,.68fr) minmax(0,1.32fr) !important;
    gap:6px !important;
    padding:7px !important;
  }

  html body.triniti-originals-page .origWallet{
    min-height:70px !important;
    padding:8px 9px !important;
  }

  html body.triniti-originals-page .origWallet b{
    font-size:19px !important;
  }

  html body.triniti-originals-page .origBetBox{
    min-height:122px !important;
    padding:6px !important;
  }

  html body.triniti-originals-page .origBetLine{
    min-height:50px !important;
    grid-template-columns:minmax(0,1fr) 32px 32px !important;
  }

  html body.triniti-originals-page .origBetLine input{
    font-size:21px !important;
  }

  html body.triniti-originals-page .origPrimary{
    min-height:40px !important;
  }
}

/* Triniti ui136: readable mobile ladders, compact controls below game, fixed coin aspect. */
@media (max-width:700px){
  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    grid-template-rows:40px minmax(0,1fr) 48px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origMultiplierStrip,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origMultiplierStrip{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:6px 8px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    border-top:1px solid rgba(246,197,90,.18) !important;
    background:linear-gradient(180deg,rgba(9,11,16,.84),rgba(4,5,8,.96)) !important;
  }

  html body.triniti-originals-page .origMultiplierStrip::-webkit-scrollbar{
    display:none !important;
  }

  html body.triniti-originals-page .origMultiplierStrip span,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origMultiplierStrip span{
    height:32px !important;
    min-height:32px !important;
    min-width:62px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    font-size:11px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 auto !important;
  }

  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    grid-template-rows:auto auto 44px !important;
  }

  html body.triniti-originals-page .origPrimary,
  html body.triniti-originals-page .origCash{
    height:44px !important;
    min-height:44px !important;
    border-radius:12px !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origCash{
    width:100% !important;
    align-self:stretch !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origPanel{
    grid-template-areas:
      "wallet bet"
      "controls controls"
      "cash cash" !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origControls{
    grid-column:1 / -1 !important;
    min-height:38px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origOptionGrid--three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origControls .origOption{
    min-width:0 !important;
    min-height:36px !important;
    padding:0 4px !important;
    font-size:10.5px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    display:block !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWrap{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) scale(.76) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(440px,60svh,525px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
    padding:4px !important;
    display:grid !important;
    place-items:center !important;
    background:
      radial-gradient(300px 150px at 50% 20%,rgba(246,197,90,.12),transparent 70%),
      radial-gradient(360px 160px at 50% 90%,rgba(30,126,72,.22),transparent 75%),
      linear-gradient(180deg,rgba(8,11,16,.82),rgba(3,5,8,.98)) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:min(100%,500px) !important;
    max-width:100% !important;
    height:clamp(270px,55vw,322px) !important;
    max-height:322px !important;
    min-height:260px !important;
    margin:0 auto !important;
    transform:none !important;
    border-radius:20px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:7% !important;
    right:7% !important;
    top:11% !important;
    height:60% !important;
    border-width:7px !important;
    border-bottom-width:6px !important;
    border-radius:13px 13px 5px 5px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:7% !important;
    right:7% !important;
    top:9% !important;
    height:65% !important;
    border-radius:16px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    left:10% !important;
    right:10% !important;
    top:17% !important;
    height:42% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10% !important;
    right:10% !important;
    top:17% !important;
    bottom:36% !important;
    gap:4px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    width:min(25vw,112px) !important;
    height:min(17vw,76px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    width:31px !important;
    height:31px !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    grid-template-rows:38px minmax(0,1fr) 46px !important;
  }

  html body.triniti-originals-page .origMultiplierStrip,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origMultiplierStrip{
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    padding:6px 7px !important;
  }

  html body.triniti-originals-page .origMultiplierStrip span{
    height:31px !important;
    min-height:31px !important;
    min-width:58px !important;
    font-size:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origControls .origOption{
    font-size:9.5px !important;
    padding:0 3px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(416px,57svh,486px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    height:clamp(250px,61vw,286px) !important;
    min-height:248px !important;
  }
}

/* Triniti ui137: give mobile choices full panel width and keep 3D coin premium-sized. */
@media (max-width:700px){
  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    grid-template-areas:
      "wallet bet"
      "controls controls"
      "cash cash" !important;
  }

  html body.triniti-originals-page .origControls{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-height:38px !important;
  }

  html body.triniti-originals-page .origOptionGrid,
  html body.triniti-originals-page .origOptionGrid--two,
  html body.triniti-originals-page .origOptionGrid--three,
  html body.triniti-originals-page .origOptionGrid--wheelColors{
    width:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origOptionGrid--two,
  html body.triniti-originals-page.triniti-mode-penalty .origOptionGrid--two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origOptionGrid--three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOptionGrid--wheelColors{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  html body.triniti-originals-page .origOption{
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor{
    min-height:36px !important;
    justify-content:flex-start !important;
    padding:0 8px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor small{
    display:inline !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    transform:scale(.84) !important;
    transform-origin:center center !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    transform:scale(.80) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor{
    font-size:10px !important;
  }
}

/* Triniti ui138: prevent wheel color swatches from covering mobile option labels. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor{
    position:relative !important;
    padding-left:28px !important;
    padding-right:8px !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor::before{
    left:10px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:10px !important;
    height:10px !important;
    flex:0 0 auto !important;
  }
}

/* Triniti ui139: mobile game screens spacing, return button, no panel overlap. */
@media (max-width:700px){
  html body.triniti-game-page.triniti-originals-page .origGame,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-tower,.triniti-mode-dice,.triniti-mode-coinflip,.triniti-mode-crash,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origGame{
    gap:10px !important;
    padding:max(10px,env(safe-area-inset-top,0px)) 8px calc(18px + env(safe-area-inset-bottom,0px)) !important;
  }

  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    height:clamp(458px,62svh,560px) !important;
    min-height:458px !important;
    max-height:560px !important;
    grid-template-rows:46px minmax(0,1fr) 48px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origStageBar,
  html body.triniti-game-page.triniti-originals-page .origStageBar{
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    align-items:center !important;
    min-height:46px !important;
    height:46px !important;
    padding:6px 8px !important;
    border-bottom:1px solid rgba(246,197,90,.2) !important;
    background:
      linear-gradient(180deg,rgba(18,22,30,.96),rgba(8,10,15,.92)) !important;
  }

  html body.triniti-originals-page .origBack,
  html body.triniti-game-page.triniti-originals-page .origBack{
    display:grid !important;
    place-items:center !important;
    justify-self:start !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:12px !important;
    border:1px solid rgba(246,197,90,.3) !important;
    background:linear-gradient(180deg,rgba(24,28,37,.98),rgba(5,7,10,.98)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.32) !important;
    color:#ffe7a3 !important;
    text-decoration:none !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  html body.triniti-originals-page .origBack::before,
  html body.triniti-game-page.triniti-originals-page .origBack::before{
    content:"‹" !important;
    font-size:27px !important;
    font-weight:900 !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }

  html body.triniti-originals-page .origModeMark,
  html body.triniti-game-page.triniti-originals-page .origModeMark{
    grid-column:2 !important;
    justify-self:center !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    gap:8px !important;
  }

  html body.triniti-originals-page .origModeMark b{
    font-size:18px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  html body.triniti-originals-page .origModeMark small{
    max-width:112px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body.triniti-originals-page .origStageBody,
  html body.triniti-game-page.triniti-originals-page .origStageBody{
    padding:12px 8px 10px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origMount,
  html body.triniti-game-page.triniti-originals-page .origMount{
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page .origMultiplierStrip,
  html body.triniti-originals-page:is(.triniti-mode-mines,.triniti-mode-dice,.triniti-mode-tower,.triniti-mode-coinflip,.triniti-mode-rps,.triniti-mode-penalty,.triniti-mode-wheel) .origMultiplierStrip{
    position:relative !important;
    z-index:4 !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:7px 8px !important;
    border-top:1px solid rgba(246,197,90,.22) !important;
    background:linear-gradient(180deg,rgba(9,11,16,.93),rgba(4,5,8,.98)) !important;
  }

  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    grid-template-columns:minmax(110px,.82fr) minmax(0,1.18fr) !important;
    grid-template-areas:
      "wallet bet"
      "controls controls"
      "cash cash" !important;
    grid-template-rows:auto auto 46px !important;
    gap:8px !important;
    padding:8px !important;
    max-height:none !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page .origControls,
  html body.triniti-game-page.triniti-originals-page .origControls{
    grid-area:controls !important;
    width:100% !important;
    min-height:42px !important;
    max-height:none !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page .origRangeMini,
  html body.triniti-originals-page .origMinesRangeBlock{
    min-height:64px !important;
    padding:8px 10px !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page .origCash{
    grid-area:cash !important;
    position:relative !important;
    z-index:2 !important;
    height:46px !important;
    min-height:46px !important;
    margin-top:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origControls:empty{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origPanel{
    grid-template-areas:
      "wallet bet"
      "cash cash" !important;
    grid-template-rows:auto 46px !important;
  }

  html body.triniti-originals-page.triniti-mode-mines .origControls,
  html body.triniti-originals-page.triniti-mode-dice .origControls{
    min-height:72px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origControls{
    min-height:128px !important;
  }

  html body.triniti-originals-page.triniti-mode-mines .origMount #grid{
    width:min(82vw,308px) !important;
    height:min(82vw,308px) !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:auto !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origStageBody{
    padding-top:18px !important;
    padding-bottom:16px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(88vw,340px) !important;
    max-width:100% !important;
    max-height:calc(100% - 8px) !important;
    transform:translateY(4px) scale(.94) !important;
    transform-origin:center center !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origTowerDragon{
    max-width:min(88vw,340px) !important;
    transform:translateY(4px) scale(.94) !important;
    transform-origin:center center !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .arenaCard,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
    width:100% !important;
    height:356px !important;
    min-height:300px !important;
    max-height:100% !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    transform:scale(.72) !important;
    transform-origin:center center !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
    transform:scale(.9) !important;
    transform-origin:center center !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origStageBody{
    padding:14px 10px 12px !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartCard{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:100% !important;
    margin:0 auto !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStageBody{
    padding:13px 8px 10px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStage{
    height:clamp(404px,53svh,456px) !important;
    min-height:404px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
    width:100% !important;
    height:clamp(276px,38svh,324px) !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:auto !important;
    padding:12px 8px 14px !important;
    grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    justify-items:center !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .card{
    width:100% !important;
    max-width:none !important;
    min-height:clamp(152px,29svh,204px) !important;
    padding:10px 5px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
    width:min(29vw,104px) !important;
    height:min(29vw,104px) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
  html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
    width:min(28vw,98px) !important;
    height:min(28vw,98px) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vsText{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    font-size:12px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .card #youPickView,
  html body.triniti-originals-page.triniti-mode-rps .origMount .card #botPickView{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:13px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(468px,64svh,560px) !important;
    min-height:468px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
    padding:12px 8px 10px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    padding:6px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:min(100%,366px) !important;
    max-width:366px !important;
    height:clamp(254px,67vw,306px) !important;
    min-height:250px !important;
    max-height:306px !important;
    margin:0 auto !important;
    transform:none !important;
    border-radius:20px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:8% !important;
    right:8% !important;
    top:12% !important;
    height:52% !important;
    border-width:6px !important;
    border-bottom-width:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:8% !important;
    right:8% !important;
    top:10% !important;
    height:57% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    left:11% !important;
    right:11% !important;
    top:17% !important;
    height:39% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:11% !important;
    right:11% !important;
    top:18% !important;
    bottom:auto !important;
    height:35% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    gap:3px 4px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:31px !important;
    height:31px !important;
    border-width:1px !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.58) 0 4px,rgba(246,197,90,.18) 5px 11px,transparent 12px),
      repeating-radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 1px 7px) !important;
    opacity:.78 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    width:min(24vw,86px) !important;
    height:min(17vw,58px) !important;
    top:42% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    width:27px !important;
    height:27px !important;
    left:50% !important;
    top:calc(100% - 36px) !important;
    transform:translateX(-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origStageBody{
    padding:12px 8px 10px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelWrap{
    width:100% !important;
    max-width:100% !important;
    height:356px !important;
    min-height:318px !important;
    max-height:100% !important;
    padding:6px 6px 8px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelCanvasShell,
  html body.triniti-originals-page.triniti-mode-wheel .origMount #wheelCanvas{
    width:min(64vw,238px) !important;
    height:min(64vw,238px) !important;
    max-width:238px !important;
    max-height:238px !important;
    margin-top:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origMount .wheelPointer{
    top:8px !important;
    transform:translateX(-50%) scale(.84) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOptionGrid--wheelColors{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origOption--wheelColor:last-child{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page .origStage,
  html body.triniti-game-page.triniti-originals-page .origStage{
    height:clamp(430px,58svh,500px) !important;
    min-height:430px !important;
    grid-template-rows:44px minmax(0,1fr) 46px !important;
  }

  html body.triniti-originals-page .origStageBar,
  html body.triniti-game-page.triniti-originals-page .origStageBar{
    min-height:44px !important;
    height:44px !important;
  }

  html body.triniti-originals-page .origBack,
  html body.triniti-game-page.triniti-originals-page .origBack{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }

  html body.triniti-originals-page .origModeMark b{
    font-size:17px !important;
  }

  html body.triniti-originals-page .origPanel,
  html body.triniti-game-page.triniti-originals-page .origPanel{
    grid-template-columns:minmax(108px,.76fr) minmax(0,1.24fr) !important;
  }

  html body.triniti-originals-page.triniti-mode-wheel .origStage{
    height:clamp(450px,61svh,510px) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStage{
    height:clamp(392px,50svh,430px) !important;
    min-height:392px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
    height:clamp(258px,34svh,292px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(452px,61svh,518px) !important;
    min-height:452px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(100%,350px) !important;
    height:clamp(238px,64vw,282px) !important;
    min-height:238px !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    transform:scale(.68) !important;
  }
}

/* Triniti ui141: mobile tower frame and PC-like penalty proportions. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(82vw,318px) !important;
    height:auto !important;
    max-height:calc(100% - 8px) !important;
    padding:74px 14px 10px !important;
    gap:5px !important;
    transform:translateY(5px) scale(.98) !important;
    overflow:visible !important;
    border-radius:20px !important;
    background:
      linear-gradient(180deg,rgba(23,28,37,.9),rgba(5,7,10,.96)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,221,144,.24),
      inset 0 0 0 7px rgba(28,25,20,.72),
      0 18px 42px rgba(0,0,0,.44),
      0 0 32px rgba(246,197,90,.12) !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::before{
    width:calc(100% - 28px) !important;
    max-width:calc(100% - 28px) !important;
    height:96px !important;
    top:-22px !important;
    background-size:contain !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::after{
    inset:68px 8px 7px !important;
    border-radius:17px !important;
    box-shadow:
      0 0 0 1px rgba(255,221,144,.34),
      inset 0 1px 0 rgba(255,255,255,.06),
      0 0 24px rgba(246,197,90,.14) !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .row{
    gap:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell{
    height:28px !important;
    min-height:28px !important;
    border-radius:8px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origStage{
    height:clamp(388px,51svh,430px) !important;
    min-height:388px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .vs{
    width:min(100%,330px) !important;
    height:clamp(250px,33svh,286px) !important;
    padding:10px 10px 12px !important;
    grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .card{
    width:128px !important;
    max-width:128px !important;
    min-height:178px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .icon{
    width:92px !important;
    height:92px !important;
  }

  html body.triniti-originals-page.triniti-mode-rps .origMount .rpsToken,
  html body.triniti-originals-page.triniti-mode-rps .origMount .card:first-child .rpsToken{
    width:88px !important;
    height:88px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(490px,66svh,570px) !important;
    min-height:490px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origStageBody{
    padding:11px 7px 9px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
    width:100% !important;
    height:100% !important;
    padding:7px !important;
    background:
      radial-gradient(220px 96px at 50% 70%,rgba(23,111,65,.18),transparent 76%),
      radial-gradient(280px 140px at 50% 24%,rgba(246,197,90,.12),transparent 72%),
      linear-gradient(180deg,rgba(11,14,20,.88),rgba(4,6,9,.98)) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(100%,356px) !important;
    max-width:356px !important;
    height:clamp(300px,82vw,328px) !important;
    min-height:300px !important;
    max-height:328px !important;
    margin:0 auto !important;
    border-radius:22px !important;
    background:
      radial-gradient(220px 96px at 50% 83%,rgba(30,124,69,.22),transparent 76%),
      linear-gradient(rgba(255,221,144,.06) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,221,144,.055) 1px,transparent 1px),
      linear-gradient(180deg,rgba(10,14,19,.96),rgba(5,7,10,.98)) !important;
    background-size:auto,100% 33.333%,20% 100%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:8% !important;
    right:8% !important;
    top:16% !important;
    height:50% !important;
    border-width:6px !important;
    border-bottom-width:5px !important;
    border-radius:10px 10px 4px 4px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:8% !important;
    right:8% !important;
    top:14% !important;
    height:55% !important;
    border-radius:14px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    left:11% !important;
    right:11% !important;
    top:20% !important;
    height:38% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:13% !important;
    right:13% !important;
    top:21% !important;
    height:37% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    gap:3px 4px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:30px !important;
    height:30px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    width:92px !important;
    height:62px !important;
    top:47% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    width:31px !important;
    height:31px !important;
    left:50% !important;
    top:calc(100% - 54px) !important;
    transform:translateX(-50%) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    width:min(84vw,316px) !important;
    padding:72px 13px 10px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(100%,350px) !important;
    height:clamp(296px,80vw,320px) !important;
  }
}

/* Triniti ui142: readable mobile penalty goal, no cropped posts. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(476px,62svh,526px) !important;
    min-height:476px !important;
    max-height:526px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount > .goalWrap,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalWrap{
    align-items:center !important;
    padding:6px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    position:relative !important;
    width:min(100%,352px) !important;
    max-width:352px !important;
    height:292px !important;
    min-height:292px !important;
    max-height:292px !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:
      radial-gradient(230px 112px at 50% 79%,rgba(28,118,68,.28),transparent 74%),
      linear-gradient(rgba(246,197,90,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(246,197,90,.055) 1px,transparent 1px),
      linear-gradient(180deg,rgba(10,14,19,.96),rgba(4,7,10,.99)) !important;
    background-size:auto,100% 33.333%,20% 100%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:7.8% !important;
    right:7.8% !important;
    top:15.5% !important;
    height:52% !important;
    z-index:7 !important;
    border:7px solid rgba(244,246,240,.92) !important;
    border-bottom-width:6px !important;
    border-radius:11px 11px 4px 4px !important;
    background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 20%,transparent 80%,rgba(255,255,255,.14)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      0 13px 24px rgba(0,0,0,.42),
      0 0 18px rgba(246,197,90,.22) !important;
    transform:perspective(720px) rotateX(2deg) !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:7.8% !important;
    right:7.8% !important;
    top:14% !important;
    height:56% !important;
    z-index:5 !important;
    border-radius:15px !important;
    background:
      linear-gradient(90deg,rgba(246,197,90,.24) 0 6px,transparent 6px calc(100% - 6px),rgba(246,197,90,.22) calc(100% - 6px)),
      linear-gradient(180deg,rgba(246,197,90,.22) 0 6px,transparent 6px calc(100% - 6px),rgba(246,197,90,.1) calc(100% - 6px)) !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    display:block !important;
    position:absolute !important;
    left:11.5% !important;
    right:11.5% !important;
    top:20.5% !important;
    height:38% !important;
    z-index:4 !important;
    opacity:.78 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
    transform:perspective(680px) rotateX(1.5deg) !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:8 !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
    display:block !important;
    position:absolute !important;
    background:linear-gradient(90deg,#f8f8ef,#cfd2cb 58%,#fff3b4) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 14px rgba(246,197,90,.18) !important;
    border-radius:999px !important;
    opacity:1 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:8% !important;
    right:8% !important;
    top:15.5% !important;
    height:7px !important;
    width:auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    top:15.5% !important;
    height:52% !important;
    width:7px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:8% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:8% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:13% !important;
    right:13% !important;
    top:22% !important;
    height:35% !important;
    z-index:10 !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    gap:3px 4px !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:29px !important;
    height:29px !important;
    border-width:1px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:12 !important;
    width:88px !important;
    height:60px !important;
    top:46.5% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:13 !important;
    width:30px !important;
    height:30px !important;
    left:50% !important;
    top:calc(100% - 50px) !important;
    transform:translateX(-50%) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origStage{
    height:clamp(462px,59svh,502px) !important;
    min-height:462px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(100%,346px) !important;
    height:282px !important;
    min-height:282px !important;
    max-height:282px !important;
  }
}

/* Triniti mobile polish: tower, dice and penalty only. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    transform:translateY(-4px) scale(.96) !important;
    transform-origin:center center !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::after{
    inset:68px 8px 10px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
    transform:scale(.86) !important;
    transform-origin:center center !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(232px 114px at 50% 77%,rgba(28,118,68,.27),transparent 72%),
      linear-gradient(180deg,transparent 0 63%,rgba(18,82,48,.34) 64% 100%),
      linear-gradient(90deg,transparent 0 48%,rgba(246,197,90,.1) 49% 51%,transparent 52% 100%),
      linear-gradient(rgba(246,197,90,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(246,197,90,.055) 1px,transparent 1px),
      linear-gradient(180deg,rgba(10,14,19,.96),rgba(4,7,10,.99)) !important;
    background-size:auto,auto,auto,100% 33.333%,20% 100%,auto !important;
    box-shadow:
      inset 0 -74px 88px rgba(16,88,50,.24),
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 18px 46px rgba(0,0,0,.42) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:8.5% !important;
    right:8.5% !important;
    top:15% !important;
    height:51.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:8.5% !important;
    right:8.5% !important;
    top:13.5% !important;
    height:56% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:8.7% !important;
    right:8.7% !important;
    top:15% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    top:15% !important;
    height:51.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:8.7% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:8.7% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    left:12% !important;
    right:12% !important;
    top:20% !important;
    height:38.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:13.5% !important;
    right:13.5% !important;
    top:21.5% !important;
    height:35.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    top:46% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    top:calc(100% - 48px) !important;
    transform:translateX(-50%) translate3d(0px,0px,0) scale(1) !important;
    transition:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="shooting"] .ball{
    transition:transform 420ms linear !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    transform:translateY(-5px) scale(.955) !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origMount .cubeStage{
    transform:scale(.84) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    height:284px !important;
    min-height:284px !important;
    max-height:284px !important;
  }
}

/* Triniti mobile final nudge: tower bottom clearance, dice control spacing, visible penalty shot. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    padding-bottom:16px !important;
    transform:translateY(-10px) scale(.945) !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::after{
    inset:68px 8px 7px !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid .cell{
    height:27px !important;
    min-height:27px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origControls{
    display:grid !important;
    grid-template-rows:34px 58px !important;
    gap:7px !important;
    align-content:start !important;
    min-height:99px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origOptionGrid--two{
    height:34px !important;
    min-height:34px !important;
    gap:7px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origOption{
    height:34px !important;
    min-height:34px !important;
    border-radius:13px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origRangeMini{
    min-height:58px !important;
    margin:0 !important;
    border-radius:14px !important;
    align-self:stretch !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origCash{
    margin-top:5px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="shooting"] .ball{
    transition:transform 720ms linear !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace{
    height:4px !important;
    opacity:.95 !important;
    transition:opacity 100ms linear,scale 720ms linear !important;
    box-shadow:0 0 16px rgba(246,197,90,.62),0 0 34px rgba(246,197,90,.24) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    padding-bottom:17px !important;
    transform:translateY(-12px) scale(.94) !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid::after{
    inset:68px 8px 6px !important;
  }

  html body.triniti-originals-page.triniti-mode-dice .origControls{
    min-height:98px !important;
    gap:6px !important;
  }
}

/* Triniti mobile tower strip + penalty real ball path. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip{
    transform:translateY(-10px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    transform:translate(-50%, -50%) scale(1) !important;
    will-change:left,top,transform !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame[data-state="shooting"] .ball{
    transition:left 720ms linear,top 720ms linear,transform 720ms linear !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace{
    display:none !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip{
    transform:translateY(-12px) !important;
  }
}

/* Triniti mobile final: keep tower cells clear of the multiplier rail and remove penalty trace. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    transform:translateY(-18px) scale(.925) !important;
    transform-origin:center top !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip{
    transform:translateY(-14px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .shotTrace.is-active{
    display:none !important;
    opacity:0 !important;
    width:0 !important;
    scale:0 1 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball.shoot{
    z-index:40 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-tower .origMount #towerGrid{
    transform:translateY(-20px) scale(.92) !important;
  }

  html body.triniti-originals-page.triniti-mode-tower .origMultiplierStrip{
    transform:translateY(-16px) !important;
  }
}

/* Triniti ui145: mobile-only Crash warmth and Penalty goal depth. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-crash{
    background:
      radial-gradient(620px 390px at 50% -6%,rgba(246,197,90,.13),transparent 66%),
      radial-gradient(520px 340px at 18% 88%,rgba(38,112,66,.16),transparent 72%),
      radial-gradient(520px 340px at 88% 82%,rgba(174,112,34,.14),transparent 70%),
      linear-gradient(145deg,#030405 0%,#07100c 45%,#05070a 100%) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origGame{
    background:
      linear-gradient(90deg,rgba(13,10,6,.86),rgba(4,8,7,.58) 18%,rgba(4,8,7,.56) 82%,rgba(13,10,6,.86)),
      radial-gradient(420px 240px at 50% 18%,rgba(246,197,90,.13),transparent 72%),
      linear-gradient(180deg,#080a0d 0%,#020403 100%) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origGame::after{
    background:
      radial-gradient(17px 54px at 4.5% 58%,rgba(246,197,90,.34),transparent 74%),
      radial-gradient(17px 54px at 95.5% 58%,rgba(246,197,90,.3),transparent 74%),
      linear-gradient(90deg,rgba(39,34,19,.46),transparent 12%,transparent 88%,rgba(39,34,19,.42)),
      repeating-linear-gradient(90deg,rgba(246,197,90,.052) 0 1px,transparent 1px 92px),
      repeating-linear-gradient(0deg,rgba(39,120,72,.038) 0 1px,transparent 1px 84px) !important;
    opacity:.78 !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origStage,
  html body.triniti-originals-page.triniti-mode-crash .origStageBody{
    background:
      radial-gradient(360px 220px at 52% 42%,rgba(246,197,90,.13),transparent 72%),
      radial-gradient(340px 220px at 58% 68%,rgba(38,116,67,.14),transparent 74%),
      linear-gradient(90deg,rgba(0,0,0,.28),transparent 16%,transparent 84%,rgba(0,0,0,.28)),
      linear-gradient(180deg,rgba(7,10,12,.24),rgba(0,0,0,.34)) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount::before,
  html body.triniti-originals-page.triniti-mode-crash .origMount .chartCard{
    background:
      radial-gradient(320px 190px at 50% 44%,rgba(246,197,90,.14),transparent 70%),
      radial-gradient(360px 220px at 50% 78%,rgba(32,118,69,.1),transparent 76%),
      linear-gradient(180deg,rgba(15,20,24,.64),rgba(4,7,8,.9)) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage{
    background:
      radial-gradient(260px 180px at 50% 52%,rgba(246,197,90,.15),transparent 72%),
      radial-gradient(420px 270px at 52% 74%,rgba(22,94,58,.2),transparent 78%),
      linear-gradient(180deg,rgba(10,14,18,.74),rgba(4,6,8,.92)) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage::after{
    background:
      radial-gradient(180px 120px at 50% 54%,rgba(246,197,90,.12),transparent 74%),
      linear-gradient(110deg,transparent 0 34%,rgba(246,197,90,.05) 46%,transparent 58%) !important;
    opacity:.84 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(220px 88px at 50% 69%,rgba(5,10,7,.48),transparent 73%),
      radial-gradient(250px 112px at 50% 78%,rgba(28,118,68,.3),transparent 72%),
      linear-gradient(180deg,transparent 0 62%,rgba(18,82,48,.38) 63% 100%),
      linear-gradient(90deg,transparent 0 48%,rgba(246,197,90,.11) 49% 51%,transparent 52% 100%),
      linear-gradient(rgba(246,197,90,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(246,197,90,.055) 1px,transparent 1px),
      linear-gradient(180deg,rgba(9,13,17,.97),rgba(3,7,8,.99)) !important;
    background-size:auto,auto,auto,auto,100% 33.333%,20% 100%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    display:block !important;
    position:absolute !important;
    left:13% !important;
    right:13% !important;
    top:18% !important;
    height:43% !important;
    z-index:3 !important;
    border-radius:10px !important;
    clip-path:polygon(4% 0,96% 0,91% 100%,9% 100%) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:
      linear-gradient(rgba(255,255,255,.19) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(23,103,61,.1)) !important;
    background-size:100% 33.333%,20% 100%,auto !important;
    opacity:.58 !important;
    box-shadow:inset 0 0 34px rgba(0,0,0,.4) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:block !important;
    top:20% !important;
    width:5px !important;
    height:48% !important;
    z-index:6 !important;
    opacity:.72 !important;
    background:linear-gradient(90deg,#6f756e,#f2e8be 48%,#735d31) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 10px rgba(246,197,90,.14) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    left:12.5% !important;
    transform:skewY(-10deg) translateX(14px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    right:12.5% !important;
    transform:skewY(10deg) translateX(-14px) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    left:13.5% !important;
    right:13.5% !important;
    top:18.5% !important;
    height:42% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    left:12.7% !important;
    transform:skewY(-9deg) translateX(12px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    right:12.7% !important;
    transform:skewY(9deg) translateX(-12px) !important;
  }
}

/* Triniti ui146: cache-busted mobile canvas palette and final goal-post polish. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-crash .origMount .chart{
    filter:saturate(.94) contrast(1.06) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartGlow--left{
    background:rgba(246,197,90,.28) !important;
    opacity:.46 !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartGlow--right{
    background:rgba(39,142,84,.22) !important;
    opacity:.42 !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage{
    border-color:rgba(246,197,90,.25) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      inset 0 -64px 120px rgba(26,92,55,.18),
      0 16px 42px rgba(0,0,0,.48),
      0 0 34px rgba(246,197,90,.08) !important;
  }

  html body.triniti-originals-page.triniti-mode-crash .origMount .chartStage::before{
    content:"" !important;
    position:absolute !important;
    inset:16px !important;
    z-index:1 !important;
    pointer-events:none !important;
    border-radius:18px !important;
    border:1px solid rgba(246,197,90,.08) !important;
    background:
      radial-gradient(180px 110px at 50% 54%,rgba(246,197,90,.1),transparent 72%),
      linear-gradient(115deg,transparent 0 42%,rgba(246,197,90,.045) 50%,transparent 58%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.045),
      inset 0 -58px 100px rgba(20,95,58,.24),
      0 18px 46px rgba(0,0,0,.46),
      0 0 28px rgba(246,197,90,.09) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    opacity:.72 !important;
    border-color:rgba(255,255,255,.18) !important;
    background:
      linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.19) 1px,transparent 1px),
      radial-gradient(160px 90px at 50% 68%,rgba(39,128,76,.22),transparent 74%),
      linear-gradient(180deg,rgba(255,255,255,.05),rgba(23,103,61,.13)) !important;
    background-size:100% 33.333%,20% 100%,auto,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    opacity:.86 !important;
    width:6px !important;
    background:linear-gradient(90deg,#5c625e 0%,#fff1c2 48%,#7c6130 100%) !important;
    box-shadow:0 9px 20px rgba(0,0,0,.38),0 0 14px rgba(246,197,90,.18) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    transform:skewY(-10deg) translateX(15px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    transform:skewY(10deg) translateX(-15px) !important;
  }
}

/* Triniti ui147: mobile penalty zones fill the goal mouth without touching posts. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    left:11.3% !important;
    right:11.3% !important;
    top:19% !important;
    height:41.5% !important;
    z-index:3 !important;
    clip-path:none !important;
    border-radius:8px !important;
    opacity:.64 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
      linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.035),rgba(23,103,61,.1)) !important;
    background-size:100% 33.333%,20% 100%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    left:11.3% !important;
    right:11.3% !important;
    top:19% !important;
    height:41.5% !important;
    z-index:4 !important;
    opacity:.66 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:11.4% !important;
    right:11.4% !important;
    top:19.5% !important;
    height:40.5% !important;
    z-index:10 !important;
    gap:3px 4px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    background:rgba(255,255,255,.018) !important;
    border-color:rgba(255,221,144,.09) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:27px !important;
    height:27px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:8.4% !important;
    right:8.4% !important;
    top:14.8% !important;
    z-index:13 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    top:14.8% !important;
    height:51.8% !important;
    width:7px !important;
    z-index:13 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:8.4% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:8.4% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:14 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:15 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:11.8% !important;
    right:11.8% !important;
    top:19.7% !important;
    height:40.2% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:25px !important;
    height:25px !important;
  }
}

/* Triniti ui148: PC-like mobile penalty goal with full-mouth targets and rear posts. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(100%,366px) !important;
    max-width:366px !important;
    height:292px !important;
    min-height:292px !important;
    max-height:292px !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border-radius:20px !important;
    perspective:760px !important;
    background:
      radial-gradient(260px 98px at 50% 24%,rgba(246,197,90,.18),transparent 72%),
      radial-gradient(330px 120px at 50% 70%,rgba(24,115,67,.3),transparent 74%),
      linear-gradient(180deg,transparent 0 60%,rgba(14,78,45,.5) 61% 100%),
      linear-gradient(90deg,transparent 0 49%,rgba(246,197,90,.12) 49.7% 50.3%,transparent 51% 100%),
      linear-gradient(90deg,rgba(246,197,90,.05) 1px,transparent 1px),
      linear-gradient(rgba(246,197,90,.045) 1px,transparent 1px),
      linear-gradient(180deg,rgba(9,13,17,.98),rgba(2,6,7,.99)) !important;
    background-size:auto,auto,auto,auto,20% 100%,100% 33.333%,auto !important;
    box-shadow:
      inset 0 -86px 110px rgba(14,82,48,.28),
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 18px 48px rgba(0,0,0,.5),
      0 0 30px rgba(246,197,90,.08) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:6.2% !important;
    right:6.2% !important;
    top:16% !important;
    height:52% !important;
    z-index:12 !important;
    pointer-events:none !important;
    border:8px solid rgba(246,244,224,.94) !important;
    border-bottom-width:7px !important;
    border-radius:11px 11px 4px 4px !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.22),transparent 18%,transparent 82%,rgba(255,255,255,.16)),
      linear-gradient(180deg,rgba(246,197,90,.12),rgba(255,255,255,.02)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.7),
      0 14px 24px rgba(0,0,0,.45),
      0 0 20px rgba(246,197,90,.18) !important;
    transform:perspective(720px) rotateX(2deg) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:8.8% !important;
    right:8.8% !important;
    top:19% !important;
    height:44% !important;
    z-index:3 !important;
    pointer-events:none !important;
    border-radius:7px !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.12),transparent 15%,transparent 85%,rgba(255,255,255,.1)),
      radial-gradient(220px 80px at 50% 58%,rgba(246,197,90,.08),transparent 75%),
      linear-gradient(180deg,rgba(0,0,0,.22),rgba(12,54,34,.2)) !important;
    box-shadow:inset 0 0 38px rgba(0,0,0,.36) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    display:block !important;
    position:absolute !important;
    left:9% !important;
    right:9% !important;
    top:18.5% !important;
    height:45% !important;
    z-index:4 !important;
    clip-path:polygon(1.5% 0,98.5% 0,93.5% 100%,6.5% 100%) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:8px !important;
    opacity:.72 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(20,94,55,.13)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
    box-shadow:inset 0 0 30px rgba(0,0,0,.42) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    display:block !important;
    position:absolute !important;
    left:9.2% !important;
    right:9.2% !important;
    top:18.5% !important;
    height:45% !important;
    z-index:5 !important;
    opacity:.76 !important;
    pointer-events:none !important;
    clip-path:polygon(1.5% 0,98.5% 0,93.5% 100%,6.5% 100%) !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:13 !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:22% !important;
    width:5px !important;
    height:39% !important;
    z-index:6 !important;
    border-radius:999px !important;
    opacity:.52 !important;
    background:linear-gradient(90deg,rgba(255,249,219,.78),rgba(246,197,90,.28)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 12px rgba(246,197,90,.14) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:7.8% !important;
    transform:skewY(-16deg) translateX(8px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:7.8% !important;
    transform:skewY(16deg) translateX(-8px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
    display:block !important;
    position:absolute !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#f8f7ec,#cfd2ca 58%,#fff1ad) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 16px rgba(246,197,90,.2) !important;
    opacity:1 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:6.3% !important;
    right:6.3% !important;
    top:16% !important;
    height:8px !important;
    width:auto !important;
    z-index:15 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    top:16% !important;
    height:52% !important;
    width:8px !important;
    z-index:15 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:6.3% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:6.3% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:block !important;
    position:absolute !important;
    top:18% !important;
    width:6px !important;
    height:48% !important;
    z-index:7 !important;
    opacity:.66 !important;
    background:linear-gradient(90deg,#4c514f,#f0e5b6 48%,#755d2f) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 12px rgba(246,197,90,.14) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    left:3.7% !important;
    transform:skewY(-12deg) translateX(10px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    right:3.7% !important;
    transform:skewY(12deg) translateX(-10px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.4% !important;
    right:10.4% !important;
    top:19.8% !important;
    height:41.8% !important;
    z-index:11 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    gap:3px 5px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border-radius:10px !important;
    border-color:rgba(255,221,144,.06) !important;
    background:rgba(255,255,255,.012) !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:27.8% !important;
    width:13% !important;
    height:45.8% !important;
    opacity:.48 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.08),rgba(9,62,39,.12)) !important;
    background-size:18px 100%,100% 28px,auto !important;
    filter:drop-shadow(0 0 4px rgba(255,255,255,.08)) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth::before{
    left:6.8% !important;
    clip-path:polygon(18% 5%,100% 0,100% 100%,18% 95%) !important;
    transform:skewY(-5deg) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth::after{
    right:6.8% !important;
    clip-path:polygon(0 0,82% 5%,82% 95%,0 100%) !important;
    transform:skewY(5deg) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.42) !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.82) 0 18%,rgba(246,197,90,.28) 19% 34%,transparent 36%),
      radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(255,255,255,.26) 49% 52%,transparent 53% 100%) !important;
    box-shadow:0 0 12px rgba(246,197,90,.16),inset 0 0 8px rgba(0,0,0,.28) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:16 !important;
    width:92px !important;
    height:62px !important;
    top:45.5% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:17 !important;
    width:30px !important;
    height:30px !important;
    left:50% !important;
    top:calc(100% - 48px) !important;
    transform:translateX(-50%) translate3d(0,0,0) scale(1) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(100%,358px) !important;
    height:286px !important;
    min-height:286px !important;
    max-height:286px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.8% !important;
    right:10.8% !important;
    top:20.2% !important;
    height:40.8% !important;
    gap:3px 4px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:25px !important;
    height:25px !important;
  }
}

/* Triniti ui149: mobile penalty exact goal-field alignment and clean rear corner posts. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(210px 92px at 50% 14%,rgba(246,197,90,.16),transparent 72%),
      radial-gradient(380px 130px at 50% 70%,rgba(22,108,64,.34),transparent 76%),
      linear-gradient(180deg,rgba(8,10,13,.32) 0 47%,rgba(10,62,38,.34) 48% 100%),
      linear-gradient(90deg,transparent 0 49.7%,rgba(246,197,90,.13) 49.9% 50.1%,transparent 50.3% 100%),
      linear-gradient(90deg,rgba(246,197,90,.045) 1px,transparent 1px),
      linear-gradient(rgba(246,197,90,.04) 1px,transparent 1px),
      linear-gradient(180deg,#070a0d 0%,#020606 100%) !important;
    background-size:auto,auto,auto,auto,20% 100%,100% 33.333%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:6.4% !important;
    right:6.4% !important;
    top:16.4% !important;
    height:51.4% !important;
    z-index:15 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:10.8% !important;
    right:10.8% !important;
    top:20.2% !important;
    height:39.8% !important;
    z-index:3 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.9% !important;
    right:10.9% !important;
    top:20.2% !important;
    height:39.8% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    clip-path:none !important;
    border-radius:4px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    z-index:4 !important;
    opacity:.6 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
      linear-gradient(180deg,rgba(246,197,90,.055),rgba(15,82,48,.13)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    z-index:6 !important;
    opacity:.84 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:11 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border-radius:0 !important;
    background:transparent !important;
    border-color:rgba(255,221,144,.045) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:28px !important;
    height:28px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:6.5% !important;
    right:6.5% !important;
    top:16.4% !important;
    height:8px !important;
    z-index:16 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    top:16.4% !important;
    height:51.4% !important;
    width:8px !important;
    z-index:16 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:6.5% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:6.5% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:22.6% !important;
    width:5px !important;
    height:34.5% !important;
    z-index:5 !important;
    border-radius:999px !important;
    opacity:.72 !important;
    background:linear-gradient(90deg,rgba(255,249,220,.8),rgba(246,197,90,.24)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.4),0 0 12px rgba(246,197,90,.14) !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:8.8% !important;
    transform:skewY(-13deg) translateX(3px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:8.8% !important;
    transform:skewY(13deg) translateX(-3px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    top:45.3% !important;
    z-index:17 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    top:calc(100% - 47px) !important;
    z-index:18 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:11.3% !important;
    right:11.3% !important;
    top:20.5% !important;
    height:39.4% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:9.1% !important;
    transform:skewY(-13deg) translateX(2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:9.1% !important;
    transform:skewY(13deg) translateX(-2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:25px !important;
    height:25px !important;
  }
}

/* Triniti ui150: balanced mobile rear corner posts, outside target cells. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    top:23% !important;
    width:5px !important;
    height:33% !important;
    z-index:14 !important;
    opacity:.9 !important;
    background:linear-gradient(90deg,rgba(255,250,224,.9),rgba(246,197,90,.34) 62%,rgba(92,72,38,.56)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 15px rgba(246,197,90,.2) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:9.2% !important;
    transform:skewY(-13deg) translateX(1px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:9.2% !important;
    transform:skewY(13deg) translateX(-1px) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:9.4% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:9.4% !important;
  }
}

/* Triniti ui151: wider target field and symmetric rear goal supports. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(240px 90px at 50% 13%,rgba(246,197,90,.16),transparent 72%),
      radial-gradient(420px 160px at 50% 64%,rgba(22,108,64,.38),transparent 76%),
      linear-gradient(180deg,rgba(7,9,12,.4) 0 42%,rgba(8,54,35,.5) 43% 100%),
      linear-gradient(90deg,transparent 0 49.7%,rgba(246,197,90,.13) 49.9% 50.1%,transparent 50.3% 100%),
      linear-gradient(90deg,rgba(246,197,90,.05) 1px,transparent 1px),
      linear-gradient(rgba(246,197,90,.045) 1px,transparent 1px),
      linear-gradient(180deg,#070a0d 0%,#020606 100%) !important;
    background-size:auto,auto,auto,auto,20% 100%,100% 33.333%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:8.6% !important;
    right:8.6% !important;
    top:18.8% !important;
    height:43.2% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:8.8% !important;
    right:8.8% !important;
    top:18.9% !important;
    height:43% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    opacity:.56 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    opacity:.82 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    gap:0 !important;
    justify-items:stretch !important;
    align-items:stretch !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:29px !important;
    height:29px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    top:22.2% !important;
    width:6px !important;
    height:32.6% !important;
    z-index:14 !important;
    opacity:.95 !important;
    background:linear-gradient(90deg,#fff8d4 0%,#e8d99a 48%,#67572d 100%) !important;
    box-shadow:0 9px 18px rgba(0,0,0,.44),0 0 16px rgba(246,197,90,.24) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:7.35% !important;
    transform:skewY(-12deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:7.35% !important;
    transform:skewY(12deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:9.1% !important;
    right:9.1% !important;
    top:19.2% !important;
    height:42.4% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:7.55% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:7.55% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:26px !important;
    height:26px !important;
  }
}

/* Triniti ui152: no rear posts through target circles; corner depth only. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:8.4% !important;
    right:8.4% !important;
    top:18.8% !important;
    height:43.4% !important;
    background:
      linear-gradient(72deg,rgba(255,245,202,.32) 0 4px,transparent 5px 18%),
      linear-gradient(108deg,transparent 82%,rgba(255,245,202,.32) calc(100% - 5px),transparent calc(100% - 4px)),
      radial-gradient(260px 90px at 50% 62%,rgba(246,197,90,.08),transparent 76%),
      linear-gradient(180deg,rgba(0,0,0,.22),rgba(12,54,34,.22)) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:8.8% !important;
    right:8.8% !important;
    top:19.1% !important;
    height:42.7% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    background:
      linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
      linear-gradient(180deg,rgba(246,197,90,.045),rgba(15,82,48,.12)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    background:
      linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:30px !important;
    height:30px !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:9.1% !important;
    right:9.1% !important;
    top:19.4% !important;
    height:42% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:27px !important;
    height:27px !important;
  }
}

/* Triniti ui153: brighter mobile penalty arena with clean rear goal supports. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(170px 90px at 16% 8%,rgba(255,231,160,.18),transparent 72%),
      radial-gradient(170px 90px at 84% 8%,rgba(255,231,160,.16),transparent 72%),
      radial-gradient(260px 120px at 50% 22%,rgba(246,197,90,.18),transparent 72%),
      linear-gradient(180deg,rgba(26,29,34,.46) 0 18%,rgba(8,12,14,.18) 19% 42%,rgba(9,79,47,.48) 43% 100%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 76px),
      linear-gradient(90deg,transparent 0 49.7%,rgba(246,197,90,.14) 49.9% 50.1%,transparent 50.3% 100%),
      linear-gradient(180deg,#080b0d 0%,#03100a 100%) !important;
    background-size:auto,auto,auto,auto,auto,auto,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
    display:block !important;
    opacity:.92 !important;
    background:
      radial-gradient(170px 110px at 22% 22%,rgba(246,197,90,.16),transparent 72%),
      radial-gradient(170px 110px at 78% 22%,rgba(246,197,90,.14),transparent 72%),
      radial-gradient(260px 130px at 50% 70%,rgba(32,138,76,.24),transparent 74%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:7 !important;
    pointer-events:none !important;
    background:
      linear-gradient(72deg,transparent 0 7.4%,rgba(255,246,205,.34) 7.6% 8.2%,transparent 8.5% 30%),
      linear-gradient(108deg,transparent 0 91.5%,rgba(255,246,205,.34) 91.8% 92.4%,transparent 92.6% 100%),
      radial-gradient(190px 48px at 50% 62%,rgba(246,197,90,.08),transparent 78%) !important;
    opacity:.95 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:21.6% !important;
    width:5px !important;
    height:35.2% !important;
    border-radius:999px !important;
    opacity:.78 !important;
    background:linear-gradient(90deg,rgba(255,250,224,.86),rgba(246,197,90,.34) 58%,rgba(78,64,35,.44)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 14px rgba(246,197,90,.18) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before{
    left:7.45% !important;
    transform:skewY(-11deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    right:7.45% !important;
    transform:skewY(11deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    background:
      linear-gradient(72deg,rgba(255,245,202,.3) 0 4px,transparent 5px 18%),
      linear-gradient(108deg,transparent 82%,rgba(255,245,202,.3) calc(100% - 5px),transparent calc(100% - 4px)),
      radial-gradient(260px 90px at 50% 62%,rgba(246,197,90,.1),transparent 76%),
      linear-gradient(180deg,rgba(13,22,22,.18),rgba(18,72,44,.22)) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    opacity:.68 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    opacity:.88 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    z-index:18 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before{
    left:7.7% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    right:7.7% !important;
  }
}

/* Triniti ui154: short inner goal beams and subtle rear net for mobile penalty. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
    z-index:7 !important;
    background:
      radial-gradient(190px 80px at 50% 24%,rgba(246,197,90,.16),transparent 74%),
      radial-gradient(240px 120px at 50% 72%,rgba(28,132,75,.16),transparent 76%) !important;
    opacity:.9 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:20.3% !important;
    width:5px !important;
    height:28.5% !important;
    border-radius:999px !important;
    opacity:.9 !important;
    background:linear-gradient(90deg,rgba(255,250,224,.88),rgba(246,197,90,.36) 58%,rgba(78,64,35,.48)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 14px rgba(246,197,90,.18) !important;
    transform-origin:top center !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before{
    left:9.3% !important;
    transform:skewY(-12deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    right:9.3% !important;
    transform:skewY(12deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    left:8.4% !important;
    right:8.4% !important;
    top:18.8% !important;
    height:43.4% !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.05),rgba(18,72,44,.14)),
      radial-gradient(260px 90px at 50% 62%,rgba(246,197,90,.1),transparent 76%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    opacity:.5 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.115) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.115) 1px,transparent 1px),
      linear-gradient(180deg,rgba(246,197,90,.035),rgba(15,82,48,.09)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    z-index:6 !important;
    opacity:.48 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:12 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:19 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before{
    left:9.6% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    right:9.6% !important;
  }
}

/* Triniti ui155: keep the rear net decorative and behind the shot targets. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    z-index:4 !important;
    opacity:.38 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
      radial-gradient(260px 92px at 50% 40%,rgba(246,197,90,.045),transparent 72%),
      linear-gradient(180deg,rgba(246,197,90,.02),rgba(15,82,48,.07)) !important;
    background-size:20% 100%,100% 33.333%,auto,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    z-index:5 !important;
    opacity:.28 !important;
    filter:none !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:13 !important;
  }
}

/* Triniti ui156: mobile penalty mirrors the desktop goal scene. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(calc(100vw - 28px),390px) !important;
    max-width:390px !important;
    height:318px !important;
    min-height:318px !important;
    max-height:318px !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border-radius:22px !important;
    perspective:860px !important;
    background:
      radial-gradient(260px 92px at 50% 12%,rgba(246,197,90,.22),transparent 73%),
      radial-gradient(320px 160px at 50% 52%,rgba(246,197,90,.11),transparent 76%),
      radial-gradient(360px 150px at 50% 76%,rgba(17,114,63,.4),transparent 76%),
      linear-gradient(180deg,rgba(8,10,13,.68) 0 38%,rgba(12,50,31,.44) 39% 100%),
      linear-gradient(90deg,transparent 0 49.75%,rgba(246,197,90,.13) 49.92% 50.08%,transparent 50.25% 100%),
      linear-gradient(90deg,rgba(246,197,90,.042) 1px,transparent 1px),
      linear-gradient(rgba(246,197,90,.04) 1px,transparent 1px),
      linear-gradient(180deg,#080b0f 0%,#020706 100%) !important;
    background-size:auto,auto,auto,auto,auto,20% 100%,100% 33.333%,auto !important;
    box-shadow:
      inset 0 -96px 120px rgba(9,78,45,.34),
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 18px 46px rgba(0,0,0,.5),
      0 0 32px rgba(246,197,90,.08) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
    display:block !important;
    opacity:.95 !important;
    background:
      radial-gradient(190px 115px at 22% 24%,rgba(246,197,90,.18),transparent 72%),
      radial-gradient(190px 115px at 78% 24%,rgba(246,197,90,.16),transparent 72%),
      radial-gradient(330px 120px at 50% 58%,rgba(246,197,90,.08),transparent 76%),
      radial-gradient(330px 160px at 50% 80%,rgba(19,128,70,.22),transparent 74%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:7.2% !important;
    right:7.2% !important;
    top:17.2% !important;
    height:47.6% !important;
    z-index:18 !important;
    pointer-events:none !important;
    border:8px solid rgba(250,249,231,.94) !important;
    border-bottom-width:7px !important;
    border-radius:11px 11px 4px 4px !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.18),transparent 16%,transparent 84%,rgba(255,255,255,.16)),
      linear-gradient(180deg,rgba(246,197,90,.1),rgba(255,255,255,.018)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      0 13px 24px rgba(0,0,0,.45),
      0 0 20px rgba(246,197,90,.17) !important;
    transform:perspective(820px) rotateX(2.5deg) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:9.2% !important;
    right:9.2% !important;
    top:19.4% !important;
    height:41.6% !important;
    z-index:3 !important;
    pointer-events:none !important;
    clip-path:polygon(0 0,100% 0,94% 100%,6% 100%) !important;
    border-radius:6px !important;
    background:
      linear-gradient(72deg,rgba(255,245,202,.34) 0 4px,transparent 5px 18%),
      linear-gradient(108deg,transparent 82%,rgba(255,245,202,.34) calc(100% - 5px),transparent calc(100% - 4px)),
      radial-gradient(260px 90px at 50% 62%,rgba(246,197,90,.1),transparent 76%),
      linear-gradient(180deg,rgba(21,18,11,.36),rgba(16,76,45,.2)) !important;
    box-shadow:inset 0 0 42px rgba(0,0,0,.38) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:9.8% !important;
    right:9.8% !important;
    top:20.1% !important;
    height:39.8% !important;
    width:auto !important;
    bottom:auto !important;
    transform:none !important;
    clip-path:polygon(0 0,100% 0,94% 100%,6% 100%) !important;
    border-radius:4px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    display:block !important;
    z-index:4 !important;
    opacity:.62 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.19) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
      linear-gradient(180deg,rgba(246,197,90,.05),rgba(15,82,48,.12)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
    box-shadow:inset 0 0 34px rgba(0,0,0,.42) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    display:block !important;
    z-index:5 !important;
    opacity:.58 !important;
    filter:none !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:13 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border-radius:0 !important;
    border-color:rgba(255,221,144,.035) !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.4) !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.82) 0 18%,rgba(246,197,90,.26) 19% 34%,transparent 36%),
      radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(255,255,255,.25) 49% 52%,transparent 53% 100%) !important;
    box-shadow:0 0 12px rgba(246,197,90,.16),inset 0 0 8px rgba(0,0,0,.28) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:19 !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
    display:block !important;
    position:absolute !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#f9f8ea,#d9d8ce 58%,#fff0aa) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 16px rgba(246,197,90,.2) !important;
    opacity:1 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:7.2% !important;
    right:7.2% !important;
    top:17.2% !important;
    height:8px !important;
    width:auto !important;
    z-index:21 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    top:17.2% !important;
    height:47.6% !important;
    width:8px !important;
    z-index:21 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:7.2% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:7.2% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:20.6% !important;
    width:5px !important;
    height:36.4% !important;
    z-index:7 !important;
    border-radius:999px !important;
    opacity:.86 !important;
    background:linear-gradient(90deg,rgba(255,250,224,.84),rgba(246,197,90,.3) 58%,rgba(78,64,35,.46)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 14px rgba(246,197,90,.18) !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:9.1% !important;
    transform:skewY(-15deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:9.1% !important;
    transform:skewY(15deg) translateX(0) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:6 !important;
    pointer-events:none !important;
    opacity:.72 !important;
    background:
      radial-gradient(190px 78px at 50% 22%,rgba(246,197,90,.16),transparent 76%),
      radial-gradient(260px 130px at 50% 72%,rgba(28,132,75,.18),transparent 76%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:24 !important;
    width:104px !important;
    height:70px !important;
    top:45% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:25 !important;
    width:31px !important;
    height:31px !important;
    left:50% !important;
    top:calc(100% - 44px) !important;
    transform:translateX(-50%) translate3d(0,0,0) scale(1) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .msg{
    margin-top:8px !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(calc(100vw - 24px),372px) !important;
    height:306px !important;
    min-height:306px !important;
    max-height:306px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross{
    left:7.5% !important;
    right:7.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left{left:7.5% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{right:7.5% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.2% !important;
    right:10.2% !important;
    top:20.3% !important;
    height:39.4% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:9.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:9.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:27px !important;
    height:27px !important;
  }
}

/* Triniti ui157: place mobile rear supports behind target marks like desktop. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    z-index:20 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
    z-index:7 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    z-index:1 !important;
    opacity:.62 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    opacity:.5 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:14 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:24 !important;
  }
}

/* Triniti ui158: final mobile penalty - desktop goal scaled down, no stray rear beam. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(calc(100vw - 26px),390px) !important;
    max-width:390px !important;
    height:318px !important;
    min-height:318px !important;
    max-height:318px !important;
    margin:0 auto !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border-radius:22px !important;
    border:1px solid rgba(255,221,144,.18) !important;
    perspective:860px !important;
    background:
      radial-gradient(280px 120px at 50% 28%,rgba(246,197,90,.15),transparent 72%),
      radial-gradient(360px 170px at 50% 74%,rgba(30,124,69,.34),transparent 76%),
      linear-gradient(rgba(255,221,144,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,221,144,.055) 1px,transparent 1px),
      linear-gradient(180deg,rgba(9,13,18,.96) 0 50%,rgba(4,56,33,.74) 51% 100%) !important;
    background-size:auto,auto,100% 33.333%,20% 100%,auto !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      inset 0 -88px 118px rgba(13,72,42,.24),
      0 18px 46px rgba(0,0,0,.48) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
    display:block !important;
    opacity:.82 !important;
    background:
      radial-gradient(210px 96px at 50% 31%,rgba(246,197,90,.13),transparent 74%),
      radial-gradient(300px 135px at 50% 76%,rgba(26,132,72,.18),transparent 76%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:8.1% !important;
    right:8.1% !important;
    top:26.1% !important;
    height:47.3% !important;
    z-index:16 !important;
    pointer-events:none !important;
    border:8px solid rgba(255,246,218,.94) !important;
    border-bottom-width:7px !important;
    border-radius:12px 12px 4px 4px !important;
    opacity:1 !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,0) 16%,rgba(0,0,0,.14) 78%,rgba(255,255,255,.15)),
      linear-gradient(180deg,rgba(255,226,148,.15),rgba(255,226,148,.025)) !important;
    box-shadow:
      0 14px 26px rgba(0,0,0,.42),
      0 0 18px rgba(246,197,90,.15),
      inset 0 1px 0 rgba(255,255,255,.45) !important;
    transform:perspective(760px) rotateX(2deg) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:8.1% !important;
    right:8.1% !important;
    top:23.6% !important;
    height:52.7% !important;
    z-index:2 !important;
    pointer-events:none !important;
    border-radius:14px !important;
    clip-path:none !important;
    background:
      linear-gradient(90deg,rgba(255,226,148,.25) 0 6px,transparent 6px calc(100% - 6px),rgba(255,226,148,.22) calc(100% - 6px)),
      linear-gradient(180deg,rgba(255,226,148,.22) 0 6px,transparent 6px calc(100% - 6px),rgba(255,226,148,.15) calc(100% - 6px)) !important;
    filter:blur(.1px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.6% !important;
    right:10.6% !important;
    top:31.5% !important;
    height:37% !important;
    width:auto !important;
    bottom:auto !important;
    transform:none !important;
    clip-path:none !important;
    border-radius:8px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    display:block !important;
    z-index:3 !important;
    opacity:.22 !important;
    border:0 !important;
    background:
      radial-gradient(240px 82px at 50% 120%,rgba(39,180,92,.14),transparent 72%) !important;
    box-shadow:inset 0 -26px 44px rgba(23,112,65,.16) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    display:block !important;
    z-index:4 !important;
    opacity:.86 !important;
    pointer-events:none !important;
    filter:none !important;
    background:
      linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px),
      radial-gradient(230px 82px at 50% 120%,rgba(39,180,92,.12),transparent 72%) !important;
    background-size:100% 33.333%,20% 100%,auto !important;
    transform:perspective(720px) rotateX(6deg) !important;
    box-shadow:inset 0 -24px 38px rgba(23,112,65,.15) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:8 !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    grid-template-rows:repeat(3,1fr) !important;
    gap:3px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border-radius:8px !important;
    border:1px solid rgba(255,221,144,.08) !important;
    background:rgba(255,255,255,.012) !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.38) !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.82) 0 18%,rgba(246,197,90,.26) 19% 34%,transparent 36%),
      radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(255,255,255,.25) 49% 52%,transparent 53% 100%) !important;
    box-shadow:0 0 12px rgba(246,197,90,.16),inset 0 0 8px rgba(0,0,0,.28) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:12 !important;
    width:104px !important;
    height:70px !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:13 !important;
    width:31px !important;
    height:31px !important;
    left:50% !important;
    top:calc(100% - 42px) !important;
    transform:translateX(-50%) translate3d(0,0,0) scale(1) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    width:min(calc(100vw - 24px),372px) !important;
    height:306px !important;
    min-height:306px !important;
    max-height:306px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    border-width:7px !important;
    border-bottom-width:6px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    gap:2px !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:25px !important;
    height:25px !important;
  }
}

/* Triniti ui159: no inner beams on mobile penalty, only the goal frame and net. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    transform:none !important;
    z-index:14 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
    display:none !important;
    opacity:0 !important;
    background:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    z-index:4 !important;
    opacity:.92 !important;
    background:
      linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),
      radial-gradient(230px 82px at 50% 120%,rgba(39,180,92,.12),transparent 72%) !important;
    background-size:100% 33.333%,20% 100%,auto !important;
    transform:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:8 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}

/* Triniti ui160: restore PC-like rear net and outer supports without crossing shot zones. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:8.1% !important;
    right:8.1% !important;
    top:26.1% !important;
    height:47.3% !important;
    z-index:18 !important;
    border-color:rgba(255,246,218,.96) !important;
    box-shadow:
      0 14px 26px rgba(0,0,0,.44),
      0 0 20px rgba(246,197,90,.18),
      inset 0 1px 0 rgba(255,255,255,.5) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:10.4% !important;
    right:10.4% !important;
    top:30.4% !important;
    height:40.8% !important;
    z-index:2 !important;
    opacity:.72 !important;
    pointer-events:none !important;
    border-radius:8px !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
      radial-gradient(250px 90px at 50% 110%,rgba(39,180,92,.16),transparent 72%) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
    box-shadow:inset 0 -28px 44px rgba(23,112,65,.16),inset 0 0 34px rgba(0,0,0,.3) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    display:block !important;
    left:10.4% !important;
    right:10.4% !important;
    top:30.4% !important;
    height:40.8% !important;
    z-index:3 !important;
    opacity:.52 !important;
    border-radius:8px !important;
    clip-path:none !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,226,148,.035),rgba(18,95,55,.12)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
    box-shadow:inset 0 0 30px rgba(0,0,0,.34) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    left:10.4% !important;
    right:10.4% !important;
    top:30.4% !important;
    height:40.8% !important;
    z-index:4 !important;
    opacity:.88 !important;
    border-radius:8px !important;
    clip-path:none !important;
    background:
      linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px),
      radial-gradient(230px 82px at 50% 120%,rgba(39,180,92,.12),transparent 72%) !important;
    background-size:100% 33.333%,20% 100%,auto !important;
    transform:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.4% !important;
    right:10.4% !important;
    top:30.4% !important;
    height:40.8% !important;
    z-index:9 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    opacity:1 !important;
    pointer-events:none !important;
    background:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--cross,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--left,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--right{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:31.4% !important;
    width:5px !important;
    height:38.2% !important;
    z-index:5 !important;
    border-radius:999px !important;
    opacity:.78 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,rgba(255,250,224,.84),rgba(246,197,90,.32) 58%,rgba(78,64,35,.5)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 14px rgba(246,197,90,.18) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    left:8.7% !important;
    transform:skewY(-16deg) translateX(-1px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    right:8.7% !important;
    transform:skewY(16deg) translateX(1px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    opacity:.38 !important;
    filter:blur(.2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border:0 !important;
    background:transparent !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:13 !important;
    top:50.5% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:14 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.8% !important;
    right:10.8% !important;
    top:30.8% !important;
    height:40.1% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    left:9.1% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    right:9.1% !important;
  }
}

/* Triniti ui161: keep supports outside the shot grid and make the rear net visible. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts{
    display:block !important;
    z-index:3 !important;
    opacity:1 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    display:block !important;
    top:34.2% !important;
    width:5px !important;
    height:31.5% !important;
    z-index:3 !important;
    opacity:.62 !important;
    background:linear-gradient(90deg,rgba(255,250,224,.82),rgba(246,197,90,.28) 58%,rgba(78,64,35,.46)) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.4),0 0 14px rgba(246,197,90,.16) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:6.4% !important;
    transform:skewY(-18deg) translateX(-2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:6.4% !important;
    transform:skewY(18deg) translateX(2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    opacity:.98 !important;
    background:
      linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),
      radial-gradient(230px 82px at 50% 120%,rgba(39,180,92,.13),transparent 72%) !important;
    background-size:100% 33.333%,20% 100%,auto !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    z-index:9 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:13 !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    left:6.8% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after{
    right:6.8% !important;
  }
}

/* Triniti ui162: keep only the left mobile goal support, leave the rest unchanged. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before{
    display:block !important;
    opacity:.62 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backRight{
    display:none !important;
    opacity:0 !important;
  }
}

/* Triniti ui163: remove the two left mobile supports only; keep goal, net and ball intact. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost--backLeft{
    display:none !important;
    opacity:0 !important;
  }
}

/* Triniti ui164: subtle mobile stadium backdrop behind the existing penalty goal. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(80px 38px at 18% 23%,rgba(255,238,190,.2),transparent 72%),
      radial-gradient(80px 38px at 82% 23%,rgba(255,238,190,.18),transparent 72%),
      linear-gradient(115deg,transparent 0 14%,rgba(255,255,255,.055) 14.3% 14.8%,transparent 15.2% 100%),
      linear-gradient(65deg,transparent 0 84.8%,rgba(255,255,255,.048) 85.2% 85.7%,transparent 86% 100%),
      linear-gradient(180deg,rgba(7,10,14,.98) 0 20%,rgba(12,16,20,.9) 21% 37%,rgba(7,37,25,.8) 38% 100%),
      repeating-linear-gradient(90deg,rgba(246,197,90,.055) 0 1px,transparent 1px 76px),
      linear-gradient(180deg,#06080b,#03110a) !important;
    background-size:auto,auto,auto,auto,auto,auto,auto !important;
  }
}

/* Triniti ui165: stronger 1win-like mobile stadium backdrop, keeping accepted goal/ball layout intact. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(110px 54px at 18% 17%,rgba(255,246,220,.46),rgba(246,197,90,.16) 38%,transparent 72%),
      radial-gradient(110px 54px at 82% 17%,rgba(255,246,220,.42),rgba(246,197,90,.14) 38%,transparent 72%),
      radial-gradient(260px 76px at 50% 9%,rgba(255,255,255,.11),transparent 70%),
      linear-gradient(118deg,transparent 0 11%,rgba(255,255,255,.15) 11.2% 11.9%,rgba(246,197,90,.08) 12.2% 13.4%,transparent 13.8% 100%),
      linear-gradient(62deg,transparent 0 86.2%,rgba(255,255,255,.14) 86.6% 87.3%,rgba(246,197,90,.07) 87.6% 88.8%,transparent 89.2% 100%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 1px,transparent 1px 24px),
      repeating-linear-gradient(0deg,rgba(255,255,255,.052) 0 1px,transparent 1px 22px),
      linear-gradient(180deg,rgba(5,7,10,.98) 0 15%,rgba(18,21,22,.96) 15.5% 30%,rgba(24,24,18,.72) 30.5% 46%,rgba(3,71,38,.9) 46.5% 100%),
      linear-gradient(180deg,#05070a,#03110a) !important;
    background-size:
      auto,
      auto,
      auto,
      auto,
      auto,
      100% 48%,
      100% 48%,
      auto,
      auto !important;
    box-shadow:
      inset 0 78px 118px rgba(0,0,0,.44),
      inset 0 -86px 116px rgba(7,96,51,.42),
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 18px 46px rgba(0,0,0,.48) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
    display:block !important;
    opacity:1 !important;
    background:
      radial-gradient(170px 74px at 18% 18%,rgba(246,197,90,.22),transparent 74%),
      radial-gradient(170px 74px at 82% 18%,rgba(246,197,90,.2),transparent 74%),
      linear-gradient(180deg,rgba(255,255,255,.055),transparent 38%),
      radial-gradient(320px 120px at 50% 54%,rgba(246,197,90,.08),transparent 72%),
      radial-gradient(360px 180px at 50% 92%,rgba(21,145,78,.28),transparent 74%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    opacity:.95 !important;
    pointer-events:none !important;
    background:
      linear-gradient(104deg,transparent 0 8%,rgba(255,244,209,.13) 8.5% 14%,transparent 26% 100%),
      linear-gradient(76deg,transparent 0 74%,rgba(255,244,209,.12) 86% 91.5%,transparent 92% 100%),
      radial-gradient(260px 78px at 50% 34%,rgba(0,0,0,.3),transparent 72%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:13% !important;
    width:86px !important;
    height:34px !important;
    border-radius:50% !important;
    opacity:.85 !important;
    background:radial-gradient(circle,rgba(255,247,224,.42),rgba(246,197,90,.18) 38%,transparent 72%) !important;
    filter:blur(.2px) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before{
    left:6% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    right:6% !important;
  }
}

/* Triniti ui166: mobile penalty scene rebuilt closer to the 1win-style reference. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(92px 42px at 20% 18%,rgba(255,255,255,.44),rgba(246,197,90,.16) 38%,transparent 72%),
      radial-gradient(92px 42px at 80% 18%,rgba(255,255,255,.4),rgba(246,197,90,.14) 38%,transparent 72%),
      linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 42px),
      linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 42px),
      linear-gradient(180deg,#141619 0 21%,#0d0f12 21.5% 42%,#101113 42.5% 52%,#07321f 52.5% 100%) !important;
    background-size:auto,auto,100% 42px,42px 100%,auto !important;
    border-color:rgba(246,197,90,.22) !important;
    box-shadow:
      inset 0 76px 118px rgba(0,0,0,.5),
      inset 0 -72px 104px rgba(3,80,45,.36),
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 18px 46px rgba(0,0,0,.48) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    opacity:1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(180deg,transparent 0 43%,rgba(246,197,90,.18) 43.4%,rgba(7,46,31,.72) 44.2% 55.2%,rgba(246,197,90,.11) 55.8%,transparent 56.5%),
      repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.06) 31px 32px,transparent 32px 64px),
      linear-gradient(102deg,transparent 0 14%,rgba(255,255,255,.14) 14.4% 15.2%,rgba(255,255,255,.04) 15.4% 21%,transparent 31% 100%),
      linear-gradient(78deg,transparent 0 69%,rgba(255,255,255,.04) 79%,rgba(255,255,255,.13) 84.8% 85.6%,transparent 86% 100%),
      radial-gradient(250px 118px at 50% 64%,rgba(246,197,90,.08),transparent 70%),
      radial-gradient(360px 160px at 50% 104%,rgba(16,142,76,.34),transparent 76%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    opacity:1 !important;
    pointer-events:none !important;
    background:
      radial-gradient(70px 28px at 20% 20%,rgba(255,255,255,.25),transparent 72%),
      radial-gradient(70px 28px at 80% 20%,rgba(255,255,255,.22),transparent 72%),
      linear-gradient(104deg,transparent 0 10%,rgba(255,247,226,.18) 10.5% 16%,transparent 29% 100%),
      linear-gradient(76deg,transparent 0 71%,rgba(255,247,226,.16) 84% 89.5%,transparent 90% 100%),
      linear-gradient(180deg,rgba(0,0,0,.18),transparent 36%,rgba(0,0,0,.18) 100%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:13.2% !important;
    width:96px !important;
    height:34px !important;
    border-radius:50% !important;
    opacity:.95 !important;
    filter:blur(.3px) !important;
    background:radial-gradient(circle,rgba(255,255,255,.42),rgba(246,197,90,.2) 38%,transparent 72%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::before{left:5.6% !important}
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalSpotlights::after{right:5.6% !important}

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalDepth{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:2 !important;
    opacity:1 !important;
    pointer-events:none !important;
    border:0 !important;
    border-radius:0 !important;
    clip-path:none !important;
    transform:none !important;
    background:
      linear-gradient(180deg,transparent 0 44%,rgba(246,197,90,.2) 44.1%,rgba(7,54,35,.72) 45% 56%,rgba(246,197,90,.1) 56.8%,transparent 57.5%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 48px),
      linear-gradient(180deg,transparent 0 58%,rgba(0,0,0,.22) 58.5% 100%) !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:10.2% !important;
    right:10.2% !important;
    top:29.2% !important;
    height:42.2% !important;
    z-index:4 !important;
    opacity:.92 !important;
    pointer-events:none !important;
    border-radius:8px !important;
    clip-path:polygon(2.5% 0,97.5% 0,100% 100%,0 100%) !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.27) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(8,91,50,.11)) !important;
    background-size:20% 100%,100% 33.333%,auto !important;
    box-shadow:inset 0 -28px 48px rgba(4,80,44,.14),inset 0 0 28px rgba(0,0,0,.24) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalNet{
    display:block !important;
    left:10.2% !important;
    right:10.2% !important;
    top:29.2% !important;
    height:42.2% !important;
    z-index:5 !important;
    opacity:.94 !important;
    border-radius:8px !important;
    clip-path:polygon(2.5% 0,97.5% 0,100% 100%,0 100%) !important;
    transform:none !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px) !important;
    background-size:20% 100%,100% 33.333% !important;
    box-shadow:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zones{
    left:10.2% !important;
    right:10.2% !important;
    top:29.2% !important;
    height:42.2% !important;
    z-index:8 !important;
    grid-template-columns:repeat(5,1fr) !important;
    grid-template-rows:repeat(3,1fr) !important;
    gap:2px !important;
    padding:0 !important;
    clip-path:polygon(2.5% 0,97.5% 0,100% 100%,0 100%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:28px !important;
    height:28px !important;
    border:1px solid rgba(255,255,255,.32) !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.88) 0 15%,rgba(246,197,90,.28) 17% 31%,transparent 33%),
      radial-gradient(circle at 50% 50%,transparent 0 45%,rgba(255,255,255,.24) 46% 49%,transparent 50% 100%),
      radial-gradient(circle at 50% 50%,transparent 0 64%,rgba(255,255,255,.16) 65% 68%,transparent 69% 100%) !important;
    box-shadow:0 0 12px rgba(246,197,90,.2),inset 0 0 8px rgba(0,0,0,.34) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame::before{
    left:10.2% !important;
    right:10.2% !important;
    top:27.8% !important;
    height:45.8% !important;
    z-index:15 !important;
    border:7px solid rgba(241,241,232,.96) !important;
    border-bottom-width:7px !important;
    border-radius:10px 10px 4px 4px !important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,0) 20%,rgba(0,0,0,.18) 78%,rgba(255,255,255,.24)),
      linear-gradient(180deg,rgba(255,226,148,.16),rgba(255,226,148,.02)) !important;
    box-shadow:
      0 14px 22px rgba(0,0,0,.44),
      0 0 16px rgba(246,197,90,.12),
      inset 0 1px 0 rgba(255,255,255,.5) !important;
    transform:none !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::before,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPosts::after,
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalPost{
    display:none !important;
    opacity:0 !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .gloves{
    z-index:14 !important;
    top:50% !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .ball{
    z-index:16 !important;
    top:calc(100% - 45px) !important;
  }
}

@media (max-width:420px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .zone::before{
    width:25px !important;
    height:25px !important;
  }
}

/* Triniti ui167: visible mobile arena stands behind the accepted penalty goal. */
@media (max-width:700px){
  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalFrame{
    background:
      radial-gradient(86px 38px at 19% 17%,rgba(255,255,255,.48),rgba(246,197,90,.18) 40%,transparent 73%),
      radial-gradient(86px 38px at 81% 17%,rgba(255,255,255,.44),rgba(246,197,90,.16) 40%,transparent 73%),
      radial-gradient(260px 84px at 50% 17%,rgba(255,244,214,.12),transparent 72%),
      repeating-linear-gradient(180deg,rgba(255,255,255,.09) 0 1px,rgba(18,20,22,.74) 1px 9px,rgba(0,0,0,.38) 9px 13px),
      repeating-linear-gradient(90deg,rgba(246,197,90,.12) 0 1px,transparent 1px 34px),
      linear-gradient(180deg,#111419 0 15%,#17191d 15.5% 28%,#0b0d10 28.5% 42%,#0b5131 42.5% 54%,#06351f 54.5% 100%),
      linear-gradient(180deg,#05070a,#03110a) !important;
    background-size:
      auto,
      auto,
      auto,
      100% 30%,
      100% 30%,
      auto,
      auto !important;
    background-position:
      center,
      center,
      center,
      0 14%,
      0 14%,
      center,
      center !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow{
    z-index:0 !important;
    opacity:1 !important;
    background:
      linear-gradient(180deg,transparent 0 42%,rgba(246,197,90,.22) 42.5%,rgba(7,47,31,.78) 43.3% 55.4%,rgba(246,197,90,.12) 56%,transparent 57%),
      radial-gradient(190px 70px at 22% 29%,rgba(246,197,90,.14),transparent 74%),
      radial-gradient(190px 70px at 78% 29%,rgba(246,197,90,.12),transparent 74%),
      radial-gradient(380px 170px at 50% 95%,rgba(15,142,76,.32),transparent 76%) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:6% !important;
    right:6% !important;
    top:14.5% !important;
    height:26% !important;
    border-radius:22px 22px 10px 10px !important;
    pointer-events:none !important;
    opacity:.74 !important;
    background:
      radial-gradient(circle at 13% 35%,rgba(255,230,160,.28) 0 2px,transparent 2.4px),
      radial-gradient(circle at 29% 45%,rgba(255,230,160,.2) 0 1.8px,transparent 2.2px),
      radial-gradient(circle at 51% 30%,rgba(255,230,160,.18) 0 1.8px,transparent 2.2px),
      radial-gradient(circle at 72% 46%,rgba(255,230,160,.2) 0 1.8px,transparent 2.2px),
      radial-gradient(circle at 88% 34%,rgba(255,230,160,.27) 0 2px,transparent 2.4px),
      repeating-linear-gradient(180deg,rgba(255,255,255,.1) 0 1px,rgba(14,16,19,.55) 1px 8px,rgba(0,0,0,.3) 8px 12px),
      linear-gradient(180deg,rgba(22,24,29,.78),rgba(4,6,9,.82)) !important;
    background-size:
      58px 28px,
      62px 30px,
      66px 32px,
      62px 30px,
      58px 28px,
      auto,
      auto !important;
    box-shadow:
      inset 0 -18px 34px rgba(0,0,0,.48),
      inset 0 1px 0 rgba(255,255,255,.08),
      0 10px 28px rgba(0,0,0,.28) !important;
  }

  html body.triniti-originals-page.triniti-mode-penalty .origMount .goalGlow::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:47% !important;
    pointer-events:none !important;
    opacity:.7 !important;
    background:
      linear-gradient(72deg,transparent 0 25%,rgba(255,255,255,.08) 25.4% 25.8%,transparent 26.2% 100%),
      linear-gradient(108deg,transparent 0 74%,rgba(255,255,255,.08) 74.2% 74.6%,transparent 75% 100%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 64px),
      linear-gradient(180deg,rgba(9,64,38,.12),rgba(9,96,53,.2)) !important;
  }
}

/* Desktop home layout: keep the side panel fully visible under the sticky topbar. */
@media (min-width:1024px){
  html body:not(.triniti-game-page) .deskSidebar{
    position:sticky !important;
    top:84px !important;
    align-self:start !important;
    height:calc(100dvh - 140px) !important;
    min-height:0 !important;
    z-index:20 !important;
  }

  html body:not(.triniti-game-page) .deskSidebar__inner{
    position:relative !important;
    top:auto !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
}

/* Desktop profile: keep the account modal desktop-sized and center cropped avatars. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .modal__panel--profile{
    width:min(460px,calc(100vw - 64px)) !important;
    max-height:min(690px,calc(100dvh - 64px)) !important;
    transform:translate(-50%,-50%) !important;
    transform-origin:center center !important;
    overflow:auto !important;
    border-radius:22px !important;
  }

  html body:not(.triniti-game-page) .modal__head--profile{
    min-height:58px !important;
    padding:15px 18px !important;
  }

  html body:not(.triniti-game-page) .profilePane{
    padding:0 18px 18px !important;
  }

  html body:not(.triniti-game-page) .profileIdentity{
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:16px !important;
    padding:16px !important;
    border-radius:20px !important;
  }

  html body:not(.triniti-game-page) .profileAvatarSlot{
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .profileAvatarPreview{
    width:86px !important;
    height:86px !important;
    border-radius:999px !important;
    background-position:50% 50% !important;
    background-size:cover !important;
    overflow:hidden !important;
    clip-path:circle(50% at 50% 50%) !important;
  }

  html body:not(.triniti-game-page) .profileAvatarPreview.has-image{
    background-position:50% 50% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .profileAvatarEdit{
    min-height:32px !important;
    padding:0 14px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .profileIdentity__copy span,
  html body:not(.triniti-game-page) .profileFramePanel span,
  html body:not(.triniti-game-page) .profileMetaGrid span{
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .profileIdentity__copy b{
    margin-top:7px !important;
    font-size:26px !important;
    line-height:1.05 !important;
  }

  html body:not(.triniti-game-page) .profileIdentity__copy small{
    max-width:280px !important;
    margin-top:8px !important;
    font-size:13px !important;
    line-height:1.35 !important;
  }

  html body:not(.triniti-game-page) .profileBadgeRow{
    gap:8px !important;
    margin-top:12px !important;
  }

  html body:not(.triniti-game-page) .profileBadgeRow em{
    min-height:27px !important;
    padding:6px 11px !important;
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .profileMetaGrid{
    margin-top:12px !important;
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .profileMetaGrid div{
    min-height:68px !important;
    padding:12px !important;
    border-radius:16px !important;
  }

  html body:not(.triniti-game-page) .profileMetaGrid b{
    margin-top:8px !important;
    font-size:15px !important;
  }

  html body:not(.triniti-game-page) .profileFramePanel{
    margin-top:12px !important;
    padding:14px 16px !important;
    border-radius:18px !important;
  }

  html body:not(.triniti-game-page) .profileFramePanel b{
    font-size:17px !important;
  }

  html body:not(.triniti-game-page) .profileFramePanel small{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  html body:not(.triniti-game-page) .profileMenu{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:14px !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  html body:not(.triniti-game-page) .profileMenuItem{
    min-height:72px !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:10px !important;
    padding:12px !important;
    border:1px solid rgba(246,197,90,.18) !important;
    border-radius:16px !important;
  }

  html body:not(.triniti-game-page) .profileMenuIcon{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }

  html body:not(.triniti-game-page) .profileMenuItem b{
    font-size:15px !important;
  }

  html body:not(.triniti-game-page) .profileMenuItem small{
    font-size:11px !important;
    line-height:1.25 !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton{
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton__avatar{
    display:block !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    margin:0 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background-position:50% 50% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    clip-path:circle(50% at 50% 50%) !important;
    transform:none !important;
  }

  html body:not(.triniti-game-page) .desktopProfileButton__avatar.has-image{
    background-position:50% 50% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}

/* Triniti 20260626 finalquick: fixed hero height, unified quick-game sound and full Coin Flip stage. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroBoard{
    min-height:342px !important;
    height:342px !important;
  }

  html body:not(.triniti-game-page) .heroGrid,
  html body:not(.triniti-game-page) .heroMain,
  html body:not(.triniti-game-page) .heroMain--bonus,
  html body:not(.triniti-game-page) .heroMain__content--bonus{
    min-height:342px !important;
    height:342px !important;
    max-height:342px !important;
    box-sizing:border-box !important;
  }

  html body.triniti-originals-page .origStageBar,
  html body.triniti-game-page.triniti-originals-page .origStageBar{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:14px !important;
  }

  html body.triniti-originals-page .origStageActions,
  html body.triniti-game-page.triniti-originals-page .origStageActions{
    grid-column:3 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    min-width:0 !important;
  }

  html body.triniti-originals-page .origSound,
  html body.triniti-game-page.triniti-originals-page .origSound{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    height:40px !important;
    min-width:104px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    border:1px solid rgba(246,197,90,.32) !important;
    background:linear-gradient(180deg,rgba(28,32,42,.98),rgba(7,9,14,.96)) !important;
    color:#f8e7b1 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 22px rgba(0,0,0,.32) !important;
    cursor:pointer !important;
  }

  html body.triniti-originals-page .origSoundDot,
  html body.triniti-game-page.triniti-originals-page .origSoundDot{
    width:9px !important;
    height:9px !important;
    border-radius:999px !important;
    background:#39e46f !important;
    box-shadow:0 0 0 4px rgba(57,228,111,.12),0 0 16px rgba(57,228,111,.65) !important;
  }

  html body.triniti-originals-page .origGame[data-sound="off"] .origSoundDot,
  html body.triniti-game-page.triniti-originals-page .origGame[data-sound="off"] .origSoundDot{
    background:#ff5e70 !important;
    box-shadow:0 0 0 4px rgba(255,94,112,.12),0 0 16px rgba(255,94,112,.6) !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origStageBody{
    padding:16px 24px 70px !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    box-sizing:border-box !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:1fr !important;
    border:0 !important;
    border-radius:24px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaTop{
    display:none !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    position:relative !important;
    display:grid !important;
    place-items:center !important;
    border-radius:24px !important;
    border:1px solid rgba(246,197,90,.22) !important;
    background:
      radial-gradient(420px 260px at 50% 48%,rgba(246,197,90,.16),transparent 68%),
      radial-gradient(520px 340px at 50% 100%,rgba(38,213,132,.08),transparent 74%),
      linear-gradient(135deg,rgba(18,22,30,.9),rgba(4,6,10,.96)) !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 82px),
      radial-gradient(circle at 50% 52%,rgba(255,230,154,.12),transparent 36%) !important;
    opacity:.7 !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    display:block !important;
    pointer-events:none !important;
    z-index:3 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWrap{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:min(42vmin,430px) !important;
    height:min(42vmin,430px) !important;
    transform:translate(-50%,-50%) scale(1.28) !important;
    z-index:2 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coin3d{
    width:min(28vmin,280px) !important;
    height:min(28vmin,280px) !important;
  }
}

@media (max-width:700px){
  html body.triniti-originals-page .origStageActions,
  html body.triniti-game-page.triniti-originals-page .origStageActions{
    grid-column:2 / 4 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  html body.triniti-originals-page .origSound,
  html body.triniti-game-page.triniti-originals-page .origSound{
    display:none !important;
  }
}

/* Triniti 20260626 finalpc6: final desktop polish and hard override against stale layout layers. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroMain__content--bonus{
    align-items:center !important;
    padding:24px 34px 22px !important;
  }

  html body:not(.triniti-game-page) .heroBonusLeft{
    max-width:390px !important;
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  html body:not(.triniti-game-page) .heroKicker--bonus{
    font-size:15px !important;
    line-height:1.1 !important;
    margin:0 0 7px !important;
    color:#ffe7a9 !important;
  }

  html body:not(.triniti-game-page) .heroBonusX2{
    font-size:50px !important;
    line-height:.88 !important;
    margin:0 !important;
  }

  html body:not(.triniti-game-page) .heroTitle--bonus{
    max-width:340px !important;
    font-size:37px !important;
    line-height:.98 !important;
    margin:2px 0 0 !important;
  }

  html body:not(.triniti-game-page) .heroText--bonus{
    max-width:330px !important;
    font-size:12px !important;
    line-height:1.34 !important;
    margin:10px 0 0 !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn{
    height:40px !important;
    min-width:132px !important;
    margin-top:13px !important;
    padding:0 23px !important;
    flex:0 0 auto !important;
  }

  html body:not(.triniti-game-page) .heroSliderDots{
    margin-top:10px !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origStageBody{
    padding:16px 24px 70px !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    min-height:360px !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:min(74%,520px) !important;
    height:min(78%,410px) !important;
    max-width:520px !important;
    max-height:410px !important;
    transform:translate(-50%,-50%) !important;
    z-index:4 !important;
    display:block !important;
    pointer-events:none !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWrap,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinFallbackHidden{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:290px !important;
    height:290px !important;
    max-width:46% !important;
    max-height:76% !important;
    opacity:.92 !important;
    visibility:visible !important;
    transform:translate(-50%,-50%) !important;
    z-index:3 !important;
    display:grid !important;
    place-items:center !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coin3d{
    width:210px !important;
    height:210px !important;
    max-width:100% !important;
    max-height:100% !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage[data-coin3d-ready="1"] .coinFallbackHidden{
    opacity:0 !important;
    visibility:hidden !important;
  }
}

/* Triniti 20260627 finalpc7 tail override: must remain after legacy finalpc6 rules. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroMain--bonus{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus{
    align-items:center !important;
    padding:24px 34px 22px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft{
    justify-content:center !important;
    max-width:385px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusX2{
    font-size:47px !important;
    line-height:.9 !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroTitle--bonus{
    font-size:34px !important;
    line-height:1 !important;
    max-width:300px !important;
    margin-top:2px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroText--bonus{
    max-width:315px !important;
    font-size:12px !important;
    line-height:1.35 !important;
    margin-top:10px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroPromoBtn{
    margin-top:12px !important;
  }

  html body .modal__panel--profile{
    width:min(560px,calc(100vw - 86px)) !important;
    max-height:min(760px,calc(100vh - 64px)) !important;
  }

  html body .profilePane{
    padding:12px !important;
    gap:10px !important;
  }

  html body .profileIdentity{
    grid-template-columns:94px 1fr !important;
    align-items:center !important;
    min-height:108px !important;
    padding:12px !important;
  }

  html body .profileAvatarPreview{
    width:74px !important;
    height:74px !important;
    border-radius:50% !important;
    overflow:hidden !important;
  }

  html body .profileMenu{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body .profileMenuItem{
    min-height:58px !important;
    padding:10px !important;
  }

  html body .profileMenuItem.active{
    border-color:rgba(255,216,126,.82) !important;
    background:linear-gradient(180deg,rgba(255,216,126,.18),rgba(18,21,31,.92)) !important;
    box-shadow:0 0 18px rgba(246,197,90,.18) !important;
  }

  html body .profileDetail{
    display:block !important;
    padding:12px !important;
    border:1px solid rgba(246,197,90,.22) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(13,17,25,.94),rgba(6,8,13,.96)) !important;
  }

  html body .profileDetail[hidden]{
    display:none !important;
  }

  html body .profileDetailRows{
    display:grid !important;
    gap:7px !important;
    max-height:180px !important;
    overflow:auto !important;
  }

  html body .profileDetailRow{
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    gap:10px !important;
    align-items:center !important;
    min-height:44px !important;
    padding:8px 10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.035) !important;
  }

  html body .profileSettingsGrid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body .profileSettingsGrid input{
    width:100% !important;
    height:36px !important;
    border:1px solid rgba(246,197,90,.2) !important;
    border-radius:10px !important;
    background:rgba(0,0,0,.35) !important;
    color:#fff !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
  }

  html body .profileDetailAction{
    min-height:38px !important;
    margin-top:10px !important;
    padding:0 14px !important;
    border:1px solid rgba(246,197,90,.42) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#ffe58c,#d49327) !important;
    color:#171007 !important;
    font-weight:900 !important;
  }

  html body .desktopProfileButton__avatar,
  html body .profileAvatarPreview{
    background-position:50% 50% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    clip-path:circle(50% at 50% 50%) !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard,
  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:none !important;
    box-sizing:border-box !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaCard{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .arenaTop{
    display:none !important;
  }

	  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage{
	    min-height:390px !important;
	    display:grid !important;
	    place-items:center !important;
	    border:0 !important;
	    border-radius:0 !important;
	    background:transparent !important;
	    box-shadow:none !important;
	    overflow:hidden !important;
	  }

	  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage::before,
	  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinStage::after,
	  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinGlow{
	    display:none !important;
	  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWebglCanvas{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    display:block !important;
    pointer-events:none !important;
    z-index:4 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coinWrap{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:min(55vmin,520px) !important;
    height:min(55vmin,520px) !important;
    max-width:76% !important;
    max-height:88% !important;
    transform:translate(-50%,-50%) !important;
    z-index:3 !important;
  }

  html body.triniti-originals-page.triniti-mode-coinflip .origMount .coin3d{
    width:min(40vmin,390px) !important;
    height:min(40vmin,390px) !important;
    max-width:100% !important;
    max-height:100% !important;
  }
}

/* Triniti 20260627 banner/profile final fix: desktop only, after all legacy overrides. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroGrid{
    grid-template-rows:96px 96px 76px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus{
    width:100% !important;
    height:296px !important;
    min-height:296px !important;
    max-height:296px !important;
    overflow:hidden !important;
    background-size:cover !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"],
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"],
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-position:center right !important;
  }

  html body:not(.triniti-game-page) .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus{
    min-height:296px !important;
    height:296px !important;
    display:grid !important;
    grid-template-columns:minmax(0,390px) minmax(260px,1fr) !important;
    align-items:center !important;
    padding:24px 36px 24px !important;
    box-sizing:border-box !important;
  }

  html body:not(.triniti-game-page) .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft{
    width:100% !important;
    max-width:370px !important;
    min-height:232px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding:0 !important;
    transform:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft{
    transform:translateY(-4px) !important;
  }

  html body:not(.triniti-game-page) .heroKicker--bonus{
    margin:0 0 8px !important;
    color:#f4d38c !important;
    font-size:14px !important;
    line-height:1.08 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .heroBonusX2,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusX2{
    margin:0 !important;
    font-size:52px !important;
    line-height:.9 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroTitle--bonus{
    margin:3px 0 0 !important;
    max-width:330px !important;
    font-size:36px !important;
    line-height:.98 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .heroText--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroText--bonus{
    margin:12px 0 0 !important;
    max-width:350px !important;
    color:rgba(255,255,255,.82) !important;
    font-size:13px !important;
    line-height:1.34 !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroPromoBtn{
    flex:0 0 auto !important;
    min-width:132px !important;
    height:40px !important;
    margin-top:14px !important;
    padding:0 22px !important;
    font-size:15px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .heroSliderDots{
    position:absolute !important;
    left:300px !important;
    bottom:37px !important;
    margin:0 !important;
    z-index:6 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  html body .profileDetailRows{
    max-height:230px !important;
  }

  html body .profileDetailRow strong.is-win{
    color:#ffe6a7 !important;
  }

  html body .profileDetailRow strong.is-loss{
    color:#ff9ea9 !important;
  }
}

/* Triniti 20260628 hero18: fixed premium hero slider images. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroGrid{
    grid-template-rows:96px 96px 76px !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus{
    position:relative !important;
    width:100% !important;
    height:296px !important;
    min-height:296px !important;
    max-height:296px !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero18") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-vip.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-sprint.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus::before,
  html body:not(.triniti-game-page) .heroMain--bonus::after,
  html body:not(.triniti-game-page) .heroMain__overlay--bonus,
  html body:not(.triniti-game-page) .heroBonusVisual{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  html body:not(.triniti-game-page) .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroMain__content--bonus{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroKicker--bonus,
  html body:not(.triniti-game-page) .heroBonusX2,
  html body:not(.triniti-game-page) .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroText--bonus{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroPromoBtn{
    position:absolute !important;
    left:32px !important;
    bottom:16px !important;
    width:174px !important;
    min-width:0 !important;
    height:40px !important;
    margin:0 !important;
    padding:0 18px !important;
    border:1px solid rgba(255,239,178,.62) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#ffe9a8 0%,#f3c763 44%,#b87924 100%) !important;
    color:#160d04 !important;
    font-size:17px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    text-align:center !important;
    text-shadow:0 1px 0 rgba(255,255,255,.34) !important;
    box-shadow:
      0 12px 28px rgba(224,169,65,.18),
      inset 0 1px 0 rgba(255,255,255,.48),
      inset 0 -9px 16px rgba(82,47,10,.22) !important;
    opacity:1 !important;
    z-index:8 !important;
    pointer-events:auto !important;
    display:grid !important;
    place-items:center !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-26% auto -26% -42% !important;
    width:38% !important;
    transform:skewX(-18deg) !important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent) !important;
    animation:trinitiButtonShine 5.2s ease-in-out infinite !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn::before{
    content:"" !important;
    position:absolute !important;
    inset:-4px !important;
    border-radius:inherit !important;
    background:linear-gradient(180deg,rgba(255,246,185,.36),rgba(255,183,52,.13)) !important;
    opacity:.18 !important;
    transition:opacity .16s ease,transform .16s ease !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn:hover::before{
    opacity:.42 !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn:active::before{
    opacity:.6 !important;
    transform:scale(.985) !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn.is-static{
    cursor:default !important;
  }

  html body:not(.triniti-game-page) .heroPromoBtn.is-static::before,
  html body:not(.triniti-game-page) .heroPromoBtn.is-static::after{
    display:none !important;
  }

  html body:not(.triniti-game-page) .heroSliderDots{
    position:absolute !important;
    left:330px !important;
    bottom:25px !important;
    width:118px !important;
    height:22px !important;
    gap:8px !important;
    margin:0 !important;
    opacity:1 !important;
    z-index:8 !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
  }

  html body:not(.triniti-game-page) .heroSliderDot{
    width:34px !important;
    height:9px !important;
    border-radius:999px !important;
    border:0 !important;
    background:rgba(255,255,255,.24) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important;
    pointer-events:auto !important;
    transition:background .16s ease,box-shadow .16s ease,transform .16s ease !important;
  }

  html body:not(.triniti-game-page) .heroSliderDot.active{
    background:linear-gradient(90deg,#ffe879,#38ef87) !important;
    box-shadow:0 0 18px rgba(62,239,131,.44),inset 0 1px 0 rgba(255,255,255,.35) !important;
  }

  html body:not(.triniti-game-page) .heroSliderDot:hover{
    transform:translateY(-1px) !important;
  }

  .desktopExtraView--vip .premiumPageHero--vip{
    background:url("./vip-premium/vip-hero.png?v=20260628-hero18") center center / 100% 100% no-repeat !important;
  }

  .desktopExtraView--vip .premiumPageHero--vip::before,
  .desktopExtraView--vip .premiumPageHero--vip .premiumPageHero__copy,
  .desktopExtraView--vip .premiumPageHero__scene--vip,
  .desktopExtraView--partner .premiumPageHero--partner::before,
  .desktopExtraView--partner .premiumPageHero--partner .premiumPageHero__copy,
  .desktopExtraView--partner .premiumPageHero__scene--partner,
  .desktopExtraView--achievements .premiumPageHero--achievements::before,
  .desktopExtraView--achievements .premiumPageHero--achievements .premiumPageHero__copy,
  .desktopExtraView--achievements .premiumPageHero__scene--achievements{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .desktopExtraView--vip .vipLevel--club{--vip-level-cover:url("./vip-premium/triniti-club.png?v=20260628-hero18") !important;}
  .desktopExtraView--vip .vipLevel--black{--vip-level-cover:url("./vip-premium/black-card.png?v=20260628-hero18") !important;}
  .desktopExtraView--vip .vipLevel--reserve{--vip-level-cover:url("./vip-premium/crown-reserve.png?v=20260628-hero18") !important;}

  .desktopExtraView--vip .vipLevel__media{
    background-image:var(--vip-level-cover) !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  .desktopExtraView--achievements .premiumPageHero--achievements{
    background:url("./achievements-premium/achievements-hero.png?v=20260628-hero18") center center / 100% 100% no-repeat !important;
  }

  .desktopExtraView--partner .premiumPageHero--partner{
    background:url("./partner-premium/partner-hero.png?v=20260628-hero18") center center / 100% 100% no-repeat !important;
  }

  .desktopExtraView--partner .partnerVisualCard--link{
    background-image:linear-gradient(180deg,rgba(5,7,10,.2),rgba(5,7,10,.72)),url("./partner-premium/partner-card-link.png?v=20260628-hero18") !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  .desktopExtraView--partner .partnerVisualCard--stats{
    background-image:linear-gradient(180deg,rgba(5,7,10,.18),rgba(5,7,10,.78)),url("./partner-premium/partner-card-stats.png?v=20260628-hero18") !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  .desktopExtraView--partner .partnerVisualCard--link::before{
    background-image:url("./partner-premium/partner-card-link.png?v=20260628-hero18") !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  .desktopExtraView--partner .partnerVisualCard--stats::before{
    background-image:url("./partner-premium/partner-card-stats.png?v=20260628-hero18") !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* Triniti 20260628 hero20: raw single-image banner preview. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroGrid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain,
  html body:not(.triniti-game-page) .heroMain--bonus{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 724 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero20") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"],
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"],
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero20") !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot,
  html body:not(.triniti-game-page) .heroMain--bonus::before,
  html body:not(.triniti-game-page) .heroMain--bonus::after,
  html body:not(.triniti-game-page) .heroMain__overlay--bonus,
  html body:not(.triniti-game-page) .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroBonusLeft,
  html body:not(.triniti-game-page) .heroBonusVisual,
  html body:not(.triniti-game-page) .heroPromoBtn,
  html body:not(.triniti-game-page) .heroSliderDots{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileHeroBonus{
    aspect-ratio:2172 / 724 !important;
    min-height:0 !important;
    height:auto !important;
    background:url("./hero-premium/hero-welcome.png?v=20260628-hero20") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus__content,
  html body:not(.triniti-game-page) #mobileHeroSliderDots{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Triniti 20260628 hero20: remove every active overlay from the raw banner. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroKicker--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusX2,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroText--bonus{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Triniti 20260628 hero21: three-image separated hero slider. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroBoard{
    margin-bottom:30px !important;
    padding:10px !important;
    border:1px solid rgba(245,207,126,.34) !important;
    border-radius:22px !important;
    background:
      linear-gradient(180deg,rgba(16,17,20,.88),rgba(7,8,11,.94)) !important;
    box-shadow:
      0 24px 58px rgba(0,0,0,.42),
      0 0 0 1px rgba(255,238,179,.05) inset !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:0 !important;
  }

  html body:not(.triniti-game-page) .heroMain,
  html body:not(.triniti-game-page) .heroMain--bonus{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 724 !important;
    border:1px solid rgba(255,221,139,.52) !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:
      0 22px 52px rgba(0,0,0,.46),
      0 0 0 1px rgba(255,255,255,.05) inset,
      0 0 34px rgba(218,160,54,.12) !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero21") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-lamborghini.png?v=20260628-hero21") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-bank.png?v=20260628-hero21") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot,
  html body:not(.triniti-game-page) .heroMain--bonus::before,
  html body:not(.triniti-game-page) .heroMain--bonus::after,
  html body:not(.triniti-game-page) .heroMain__overlay--bonus,
  html body:not(.triniti-game-page) .heroBonusVisual{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroMain__content--bonus{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroKicker--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusX2,
  html body:not(.triniti-game-page) .heroMain--bonus .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroText--bonus{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroPromoBtn{
    position:absolute !important;
    left:32px !important;
    bottom:24px !important;
    width:180px !important;
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
    padding:0 18px !important;
    border:1px solid rgba(255,236,165,.72) !important;
    border-radius:12px !important;
    background:
      linear-gradient(180deg,#fff0b1 0%,#f2c65e 46%,#b87924 100%) !important;
    color:#170d04 !important;
    font-size:17px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 0 rgba(255,255,255,.36) !important;
    box-shadow:
      0 14px 30px rgba(214,160,52,.24),
      inset 0 1px 0 rgba(255,255,255,.52),
      inset 0 -10px 18px rgba(82,47,10,.24) !important;
    display:grid !important;
    place-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:9 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border-radius:9px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 62%) !important;
    opacity:.58 !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::after{
    content:"" !important;
    display:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroSliderDots{
    position:absolute !important;
    left:238px !important;
    bottom:30px !important;
    width:auto !important;
    height:30px !important;
    padding:0 10px !important;
    gap:8px !important;
    margin:0 !important;
    border:1px solid rgba(255,225,146,.32) !important;
    border-radius:12px !important;
    background:rgba(8,9,12,.56) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    display:flex !important;
    align-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:9 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot{
    width:30px !important;
    height:8px !important;
    flex:0 0 30px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 !important;
    background:rgba(255,255,255,.28) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
    transition:background .16s ease,box-shadow .16s ease,transform .16s ease,width .16s ease !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot.active{
    width:46px !important;
    flex-basis:46px !important;
    background:linear-gradient(90deg,#ffe783,#39e46f) !important;
    box-shadow:
      0 0 18px rgba(57,228,111,.34),
      inset 0 1px 0 rgba(255,255,255,.34) !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="0"]{
    background:url("./hero-premium/hero-welcome.png?v=20260628-hero21") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="1"]{
    background:url("./hero-premium/hero-lamborghini.png?v=20260628-hero21") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="2"]{
    background:url("./hero-premium/hero-bank.png?v=20260628-hero21") center center / cover no-repeat !important;
  }
}

/* Triniti 20260628 hero22: final hero isolation, spacing, and controls. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroBoard{
    position:relative !important;
    z-index:4 !important;
    isolation:isolate !important;
    margin-top:16px !important;
    margin-bottom:58px !important;
    padding:10px !important;
    border:1px solid rgba(247,211,134,.42) !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(12,13,16,.96),rgba(5,6,9,.98)) !important;
    box-shadow:
      0 26px 64px rgba(0,0,0,.52),
      0 0 0 1px rgba(255,239,184,.06) inset !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:0 !important;
  }

  html body:not(.triniti-game-page) .heroMain,
  html body:not(.triniti-game-page) .heroMain--bonus{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 724 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,222,145,.58) !important;
    border-radius:18px !important;
    background-color:#050608 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:
      0 22px 54px rgba(0,0,0,.5),
      0 0 0 1px rgba(255,255,255,.045) inset,
      0 0 38px rgba(218,160,54,.13) !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero22") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-lamborghini.png?v=20260628-hero22") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-bank.png?v=20260628-hero22") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot,
  html body:not(.triniti-game-page) .heroMain--bonus::before,
  html body:not(.triniti-game-page) .heroMain--bonus::after,
  html body:not(.triniti-game-page) .heroMain__overlay--bonus,
  html body:not(.triniti-game-page) .heroBonusVisual{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroKicker--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusX2,
  html body:not(.triniti-game-page) .heroMain--bonus .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroText--bonus{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] #heroDepositBtn{
    position:absolute !important;
    left:28px !important;
    bottom:30px !important;
    width:156px !important;
    min-width:0 !important;
    height:36px !important;
    margin:0 !important;
    padding:0 15px !important;
    border:1px solid rgba(255,236,168,.72) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#fff0b3 0%,#f2c760 48%,#b97924 100%) !important;
    color:#160d04 !important;
    font-size:15px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
    box-shadow:
      0 10px 22px rgba(214,160,52,.2),
      inset 0 1px 0 rgba(255,255,255,.5),
      inset 0 -8px 14px rgba(82,47,10,.22) !important;
    display:grid !important;
    place-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:10 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border-radius:7px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 64%) !important;
    opacity:.52 !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::after{
    content:"" !important;
    display:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] #heroSliderDots{
    position:absolute !important;
    left:222px !important;
    bottom:33px !important;
    transform:none !important;
    translate:none !important;
    width:auto !important;
    height:28px !important;
    padding:0 10px !important;
    gap:7px !important;
    margin:0 !important;
    border:1px solid rgba(255,225,146,.3) !important;
    border-radius:11px !important;
    background:rgba(8,9,12,.62) !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    display:flex !important;
    align-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:10 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot{
    width:26px !important;
    height:7px !important;
    flex:0 0 26px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 !important;
    background:rgba(255,255,255,.26) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
    transition:background .16s ease,box-shadow .16s ease,transform .16s ease,width .16s ease !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot.active{
    width:40px !important;
    flex-basis:40px !important;
    background:linear-gradient(90deg,#ffe783,#39e46f) !important;
    box-shadow:
      0 0 16px rgba(57,228,111,.32),
      inset 0 1px 0 rgba(255,255,255,.32) !important;
  }

  html body:not(.triniti-game-page) .toolbar{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
    margin-bottom:26px !important;
  }

  html body:not(.triniti-game-page) #gamesSec,
  html body:not(.triniti-game-page) .quickDeskView{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
    clear:both !important;
  }

  html body:not(.triniti-game-page) #gamesSec .sectionHead{
    margin-top:0 !important;
    margin-bottom:16px !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="0"]{
    background:url("./hero-premium/hero-welcome.png?v=20260628-hero22") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="1"]{
    background:url("./hero-premium/hero-lamborghini.png?v=20260628-hero22") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="2"]{
    background:url("./hero-premium/hero-bank.png?v=20260628-hero22") center center / cover no-repeat !important;
  }
}

/* Triniti 20260628 hero25: isolated home banner, lower controls, clean gap before games. */
@media (min-width:701px){
  html body:not(.triniti-game-page):not([data-main-view]) .bg,
  html body[data-main-view="home"]:not(.triniti-game-page) .bg{
    background:
      radial-gradient(760px 420px at 70% 0%,rgba(43,34,18,.18),transparent 70%),
      radial-gradient(620px 340px at 18% 18%,rgba(0,0,0,.64),transparent 72%),
      linear-gradient(180deg,#050608 0%,#080a0f 52%,#050608 100%) !important;
    filter:none !important;
    opacity:1 !important;
  }

  html body:not(.triniti-game-page):not([data-main-view]) .app,
  html body:not(.triniti-game-page):not([data-main-view]) .main,
  html body:not(.triniti-game-page):not([data-main-view]) .desktopView,
  html body:not(.triniti-game-page):not([data-main-view]) #homeDeskView,
  html body[data-main-view="home"]:not(.triniti-game-page) .app,
  html body[data-main-view="home"]:not(.triniti-game-page) .main,
  html body[data-main-view="home"]:not(.triniti-game-page) .desktopView,
  html body[data-main-view="home"]:not(.triniti-game-page) #homeDeskView{
    background:transparent !important;
  }

  html body:not(.triniti-game-page) .heroBoard{
    position:relative !important;
    z-index:8 !important;
    isolation:isolate !important;
    margin-top:16px !important;
    margin-bottom:88px !important;
    padding:10px !important;
    border:1px solid rgba(247,211,134,.58) !important;
    border-radius:22px !important;
    background:#050608 !important;
    box-shadow:
      0 30px 76px rgba(0,0,0,.66),
      0 0 0 1px rgba(255,239,184,.08) inset,
      0 0 44px rgba(218,160,54,.12) !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:0 !important;
  }

  html body:not(.triniti-game-page) .heroMain,
  html body:not(.triniti-game-page) .heroMain--bonus{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 724 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,225,147,.72) !important;
    border-radius:18px !important;
    outline:1px solid rgba(90,60,20,.7) !important;
    outline-offset:-3px !important;
    background-color:#050608 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:
      0 22px 58px rgba(0,0,0,.55),
      0 0 0 1px rgba(255,255,255,.05) inset,
      0 0 42px rgba(218,160,54,.15) !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero25") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-lamborghini.png?v=20260628-hero25") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-bank.png?v=20260628-hero25") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot,
  html body:not(.triniti-game-page) .heroSide,
  html body:not(.triniti-game-page) .heroMain--bonus::before,
  html body:not(.triniti-game-page) .heroMain--bonus::after,
  html body:not(.triniti-game-page) .heroMain__overlay--bonus,
  html body:not(.triniti-game-page) .heroBonusVisual{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroKicker--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusX2,
  html body:not(.triniti-game-page) .heroMain--bonus .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroText--bonus{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] #heroDepositBtn{
    position:absolute !important;
    left:28px !important;
    bottom:14px !important;
    width:144px !important;
    min-width:0 !important;
    height:34px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:1px solid rgba(255,236,168,.78) !important;
    border-radius:9px !important;
    background:linear-gradient(180deg,#fff0b3 0%,#f2c760 48%,#b97924 100%) !important;
    color:#160d04 !important;
    font-size:14px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 0 rgba(255,255,255,.36) !important;
    box-shadow:
      0 10px 22px rgba(214,160,52,.18),
      inset 0 1px 0 rgba(255,255,255,.5),
      inset 0 -8px 14px rgba(82,47,10,.22) !important;
    display:grid !important;
    place-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:12 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border-radius:6px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 64%) !important;
    opacity:.52 !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::after{
    content:"" !important;
    display:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"] #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"] #heroSliderDots{
    position:absolute !important;
    left:214px !important;
    bottom:18px !important;
    transform:none !important;
    translate:none !important;
    width:auto !important;
    height:26px !important;
    padding:0 10px !important;
    gap:7px !important;
    margin:0 !important;
    border:1px solid rgba(255,225,146,.34) !important;
    border-radius:10px !important;
    background:rgba(8,9,12,.66) !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    display:flex !important;
    align-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:12 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot{
    width:24px !important;
    height:6px !important;
    flex:0 0 24px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 !important;
    background:rgba(255,255,255,.26) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
    transition:background .16s ease,box-shadow .16s ease,transform .16s ease,width .16s ease !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot.active{
    width:38px !important;
    flex-basis:38px !important;
    background:linear-gradient(90deg,#ffe783,#39e46f) !important;
    box-shadow:
      0 0 16px rgba(57,228,111,.32),
      inset 0 1px 0 rgba(255,255,255,.32) !important;
  }

  html body:not(.triniti-game-page) .toolbar{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
    margin-bottom:34px !important;
  }

  html body:not(.triniti-game-page) #gamesSec,
  html body:not(.triniti-game-page) .quickDeskView{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
    padding-top:0 !important;
    clear:both !important;
  }

  html body:not(.triniti-game-page) #gamesSec .sectionHead{
    margin-top:0 !important;
    margin-bottom:18px !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="0"]{
    background:url("./hero-premium/hero-welcome.png?v=20260628-hero25") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="1"]{
    background:url("./hero-premium/hero-lamborghini.png?v=20260628-hero25") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="2"]{
    background:url("./hero-premium/hero-bank.png?v=20260628-hero25") center center / cover no-repeat !important;
  }
}

/* Triniti 20260628 hero26: one visible banner only, no rear banner/backdrop layer. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .bg{
    background:
      radial-gradient(820px 420px at 72% 0%,rgba(43,34,18,.12),transparent 70%),
      linear-gradient(180deg,#050608 0%,#080a0f 52%,#050608 100%) !important;
    background-image:
      radial-gradient(820px 420px at 72% 0%,rgba(43,34,18,.12),transparent 70%),
      linear-gradient(180deg,#050608 0%,#080a0f 52%,#050608 100%) !important;
    filter:none !important;
    opacity:1 !important;
  }

  html body:not(.triniti-game-page) .app,
  html body:not(.triniti-game-page) .main,
  html body:not(.triniti-game-page) .desktopView,
  html body:not(.triniti-game-page) #homeDeskView{
    background:transparent !important;
    background-image:none !important;
  }

  html body:not(.triniti-game-page) .heroBoard{
    position:relative !important;
    z-index:8 !important;
    isolation:isolate !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin-top:16px !important;
    margin-bottom:72px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  html body:not(.triniti-game-page) .heroGrid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    background:transparent !important;
    background-image:none !important;
  }

  html body:not(.triniti-game-page) .heroBoard > .mobileWalletPanel{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain,
  html body:not(.triniti-game-page) .heroMain--bonus{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 724 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,225,147,.72) !important;
    border-radius:18px !important;
    outline:0 !important;
    background-color:#050608 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 18px 46px rgba(0,0,0,.45) !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero28") !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-lamborghini.png?v=20260628-hero28") !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-bank.png?v=20260628-hero28") !important;
  }

  html body:not(.triniti-game-page) .heroBoard .heroMain.heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero28") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroBoard .heroMain.heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-lamborghini.png?v=20260628-hero28") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroBoard .heroMain.heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-bank.png?v=20260628-hero28") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroFutureSlot,
  html body:not(.triniti-game-page) .heroSide,
  html body:not(.triniti-game-page) .heroMain--bonus::before,
  html body:not(.triniti-game-page) .heroMain--bonus::after,
  html body:not(.triniti-game-page) .heroMain__overlay--bonus,
  html body:not(.triniti-game-page) .heroBonusVisual{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    background-image:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroKicker--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroBonusX2,
  html body:not(.triniti-game-page) .heroMain--bonus .heroTitle--bonus,
  html body:not(.triniti-game-page) .heroMain--bonus .heroText--bonus{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroDepositBtn,
  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn{
    position:absolute !important;
    left:28px !important;
    bottom:8px !important;
    width:140px !important;
    min-width:0 !important;
    height:32px !important;
    margin:0 !important;
    padding:0 13px !important;
    border:1px solid rgba(255,236,168,.78) !important;
    border-radius:9px !important;
    background:linear-gradient(180deg,#fff0b3 0%,#f2c760 48%,#b97924 100%) !important;
    color:#160d04 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 0 rgba(255,255,255,.36) !important;
    box-shadow:
      0 10px 22px rgba(214,160,52,.18),
      inset 0 1px 0 rgba(255,255,255,.5),
      inset 0 -8px 14px rgba(82,47,10,.22) !important;
    display:grid !important;
    place-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:12 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border-radius:6px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 64%) !important;
    opacity:.52 !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroPromoBtn::after{
    content:"" !important;
    display:none !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus #heroSliderDots,
  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDots{
    position:absolute !important;
    left:206px !important;
    bottom:11px !important;
    transform:none !important;
    translate:none !important;
    width:auto !important;
    height:25px !important;
    padding:0 10px !important;
    gap:7px !important;
    margin:0 !important;
    border:1px solid rgba(255,225,146,.34) !important;
    border-radius:10px !important;
    background:rgba(8,9,12,.66) !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    display:flex !important;
    align-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:12 !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot{
    width:24px !important;
    height:6px !important;
    flex:0 0 24px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 !important;
    background:rgba(255,255,255,.26) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  html body:not(.triniti-game-page) .heroMain--bonus .heroSliderDot.active{
    width:38px !important;
    flex-basis:38px !important;
    background:linear-gradient(90deg,#ffe783,#39e46f) !important;
    box-shadow:
      0 0 16px rgba(57,228,111,.32),
      inset 0 1px 0 rgba(255,255,255,.32) !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"] .heroMain__content.heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"] .heroMain__content.heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"] .heroMain__content.heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"] .heroBonusLeft,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"] .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"] #heroDepositBtn.heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"] #heroDepositBtn.heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"] #heroDepositBtn.heroPromoBtn{
    position:absolute !important;
    left:28px !important;
    top:auto !important;
    right:auto !important;
    bottom:8px !important;
    width:140px !important;
    min-width:0 !important;
    height:32px !important;
    margin:0 !important;
    transform:none !important;
    display:grid !important;
    place-items:center !important;
    z-index:14 !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"] #heroSliderDots.heroSliderDots,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"] #heroSliderDots.heroSliderDots,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"] #heroSliderDots.heroSliderDots{
    position:absolute !important;
    left:206px !important;
    top:auto !important;
    right:auto !important;
    bottom:11px !important;
    transform:none !important;
    translate:none !important;
    z-index:14 !important;
  }

  html body:not(.triniti-game-page) #gamesSec,
  html body:not(.triniti-game-page) .quickDeskView{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
    padding-top:44px !important;
    clear:both !important;
  }

  html body:not(.triniti-game-page) #gamesSec .sectionHead{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 22px !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) #gamesSec .sectionEyebrow{
    display:none !important;
  }

  html body:not(.triniti-game-page) #gamesSec .sectionTitle{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 !important;
    color:#fff !important;
    font-size:32px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
    text-shadow:0 10px 26px rgba(0,0,0,.68) !important;
  }

  html body:not(.triniti-game-page) #gamesSec #games.grid.grid--kazaro{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) #gamesSec .homeModeSection{
    margin-top:38px !important;
    padding-top:0 !important;
  }

  html body:not(.triniti-game-page) #gamesSec .homeModeSection__head{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 14px !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  html body:not(.triniti-game-page) #gamesSec .homeModeSection__head span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    padding:0 18px !important;
    border:1px solid rgba(255,225,146,.32) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,rgba(43,38,27,.9),rgba(12,13,16,.92)) !important;
    color:#ffe8a7 !important;
    font-size:15px !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
  }
}

@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="0"]{
    background:url("./hero-premium/hero-welcome.png?v=20260628-hero28") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="1"]{
    background:url("./hero-premium/hero-lamborghini.png?v=20260628-hero28") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .mobileHeroBonus[data-banner="2"]{
    background:url("./hero-premium/hero-bank.png?v=20260628-hero28") center center / cover no-repeat !important;
  }
}

/* Triniti 20260628 hero28: slightly shorter hero crop with the same three banners. */
@media (min-width:701px){
  html body:not(.triniti-game-page) .heroBoard{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin-bottom:62px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  html body:not(.triniti-game-page) .heroBoard > .mobileWalletPanel{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 600 !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"]{
    background-image:url("./hero-premium/hero-welcome.png?v=20260628-hero28") !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"]{
    background-image:url("./hero-premium/hero-lamborghini.png?v=20260628-hero28") !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"]{
    background-image:url("./hero-premium/hero-bank.png?v=20260628-hero28") !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus .heroMain__content.heroMain__content--bonus,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus .heroBonusLeft{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-height:0 !important;
    display:block !important;
    padding:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"] #heroDepositBtn.heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"] #heroDepositBtn.heroPromoBtn,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"] #heroDepositBtn.heroPromoBtn{
    left:28px !important;
    top:auto !important;
    right:auto !important;
    bottom:10px !important;
    width:140px !important;
    height:32px !important;
    transform:none !important;
  }

  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="0"] #heroSliderDots.heroSliderDots,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="1"] #heroSliderDots.heroSliderDots,
  html body:not(.triniti-game-page) .heroMain.heroMain--bonus[data-banner="2"] #heroSliderDots.heroSliderDots{
    left:206px !important;
    top:auto !important;
    right:auto !important;
    bottom:13px !important;
    transform:none !important;
    translate:none !important;
  }
}

/* Triniti 20260629 mobile menu and section views. Desktop remains untouched. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileBottomNav__item:nth-child(5){
    --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6.2h16v2H4zm0 4.9h16v2H4zm0 4.9h16v2H4z'/%3E%3C/svg%3E") !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal[hidden]{
    display:none !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal{
    position:fixed !important;
    inset:0 !important;
    z-index:140 !important;
    display:grid !important;
    align-items:end !important;
    padding:0 10px calc(84px + env(safe-area-inset-bottom,0px)) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal.open{
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__backdrop{
    position:absolute !important;
    inset:0 !important;
    border:0 !important;
    padding:0 !important;
    background:rgba(0,0,0,.58) !important;
    backdrop-filter:blur(8px) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__sheet{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    max-height:calc(100svh - 118px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    padding:14px !important;
    border:1px solid rgba(246,197,90,.34) !important;
    border-radius:22px !important;
    background:
      radial-gradient(280px 170px at 80% 0%,rgba(48,214,115,.11),transparent 70%),
      linear-gradient(180deg,rgba(18,21,31,.98),rgba(5,7,12,.99)) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__head{
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 12px !important;
    color:#fff3cb !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__close{
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(246,197,90,.24) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff2c2 !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__separator{
    grid-column:1 / -1 !important;
    height:1px !important;
    margin:4px 0 !important;
    background:linear-gradient(90deg,transparent,rgba(246,197,90,.28),transparent) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem{
    min-width:0 !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 12px !important;
    border:1px solid rgba(246,197,90,.2) !important;
    border-radius:15px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),
      linear-gradient(135deg,rgba(246,197,90,.055),rgba(49,210,113,.035)) !important;
    color:#f5f0df !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 12px 26px rgba(0,0,0,.2) !important;
    font-size:13px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-align:left !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark{
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
    border-radius:9px !important;
    border:1px solid rgba(255,235,162,.42) !important;
    background:
      radial-gradient(circle at 50% 42%,rgba(255,244,183,.9) 0 12%,transparent 13%),
      linear-gradient(180deg,#f1cc69,#8c5b1d) !important;
    box-shadow:0 0 18px rgba(246,197,90,.18),inset 0 1px 0 rgba(255,255,255,.35) !important;
  }

  html body:not(.triniti-game-page).is-casino-view .heroBoard,
  html body:not(.triniti-game-page).is-quick-view .heroBoard,
  html body:not(.triniti-game-page).is-pvp-view .heroBoard,
  html body:not(.triniti-game-page).is-extra-view .heroBoard,
  html body:not(.triniti-game-page).is-casino-view .toolbar,
  html body:not(.triniti-game-page).is-quick-view .toolbar,
  html body:not(.triniti-game-page).is-pvp-view .toolbar,
  html body:not(.triniti-game-page).is-extra-view .toolbar,
  html body:not(.triniti-game-page).is-casino-view #gamesSec,
  html body:not(.triniti-game-page).is-quick-view #gamesSec,
  html body:not(.triniti-game-page).is-pvp-view #gamesSec,
  html body:not(.triniti-game-page).is-extra-view #gamesSec,
  html body:not(.triniti-game-page).is-casino-view .homeFooter,
  html body:not(.triniti-game-page).is-quick-view .homeFooter,
  html body:not(.triniti-game-page).is-pvp-view .homeFooter,
  html body:not(.triniti-game-page).is-extra-view .homeFooter{
    display:none !important;
  }

  html body:not(.triniti-game-page).is-casino-view .casinoDeskView,
  html body:not(.triniti-game-page).is-quick-view .quickDeskView,
  html body:not(.triniti-game-page).is-pvp-view .pvpDeskView,
  html body:not(.triniti-game-page).is-tournament-view .desktopExtraView--tournament,
  html body:not(.triniti-game-page).is-achievements-view .desktopExtraView--achievements,
  html body:not(.triniti-game-page).is-ratings-view .desktopExtraView--ratings,
  html body:not(.triniti-game-page).is-vip-view .desktopExtraView--vip,
  html body:not(.triniti-game-page).is-partner-view .desktopExtraView--partner{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:8px 0 calc(92px + env(safe-area-inset-bottom,0px)) !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero,
  html body:not(.triniti-game-page) .pvpDeskHero,
  html body:not(.triniti-game-page) .premiumPageHero{
    position:relative !important;
    min-height:172px !important;
    margin:0 0 18px !important;
    padding:18px !important;
    border:1px solid rgba(246,197,90,.28) !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.56) 44%,rgba(2,4,7,.05)),
      url("./casino-premium/casino-hero-fit.png?v=20260628-hero18") 72% center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.55) 54%,rgba(2,4,7,.08)),
      url("./pvp-premium/pvp-hero-clean.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__visual,
  html body:not(.triniti-game-page) .pvpDeskHero__visual,
  html body:not(.triniti-game-page) .premiumPageHero__scene{
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView .premiumPageHero::before,
  html body:not(.triniti-game-page) .desktopExtraView .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView .premiumPageHero__scene{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView .premiumPageHero::before,
  html body:not(.triniti-game-page) .desktopExtraView .premiumPageHero__scene{
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .premiumPageHero__copy{
    width:min(64%,245px) !important;
    max-width:245px !important;
    position:relative !important;
    z-index:2 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__copy h1,
  html body:not(.triniti-game-page) .pvpDeskHero__copy h1,
  html body:not(.triniti-game-page) .premiumPageHero__copy h1{
    margin:0 0 8px !important;
    font-size:clamp(24px,8vw,34px) !important;
    line-height:.96 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__copy p,
  html body:not(.triniti-game-page) .pvpDeskHero__copy p,
  html body:not(.triniti-game-page) .premiumPageHero__copy p{
    margin:0 !important;
    max-width:100% !important;
    font-size:12px !important;
    line-height:1.28 !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__cta,
  html body:not(.triniti-game-page) .premiumHeroActions,
  html body:not(.triniti-game-page) .pvpDeskHero__copy .premiumHeroActions{
    margin-top:12px !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__cta{
    width:max-content !important;
    min-width:92px !important;
    height:34px !important;
    display:inline-grid !important;
    place-items:center !important;
    padding:0 16px !important;
    border:1px solid rgba(255,236,168,.78) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#fff0b3 0%,#f2c760 48%,#b97924 100%) !important;
    color:#160d04 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:0 10px 22px rgba(214,160,52,.18),inset 0 1px 0 rgba(255,255,255,.5) !important;
  }

  html body:not(.triniti-game-page) .casinoModesGrid,
  html body:not(.triniti-game-page) .pvpModesGrid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard,
  html body:not(.triniti-game-page) .pvpModeCard{
    position:relative !important;
    min-height:132px !important;
    padding:16px !important;
    display:flex !important;
    align-items:flex-end !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    min-height:148px !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72)) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard--roulette{
    background-image:url("./casino-premium/roulette-card-final.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard--blackjack{
    background-image:url("./casino-premium/blackjack-card-final-crop.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard--scratch{
    background-image:url("./casino-premium/scratch-card-final.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-bank-wide.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-bank-wide.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__art{
    display:none !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard__copy,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    margin:0 !important;
    transform:none !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard__copy strong,
  html body:not(.triniti-game-page) .pvpModeCard__copy strong{
    font-size:22px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-shadow:0 5px 16px rgba(0,0,0,.75) !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard__copy strong::before,
  html body:not(.triniti-game-page) .casinoModeCard__copy strong::after,
  html body:not(.triniti-game-page) .pvpModeCard__copy strong::before,
  html body:not(.triniti-game-page) .pvpModeCard__copy strong::after{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard__copy span,
  html body:not(.triniti-game-page) .pvpModeCard__copy span{
    display:block !important;
    margin-top:4px !important;
    font-size:12px !important;
    line-height:1.22 !important;
  }

  html body:not(.triniti-game-page).is-quick-view #quickGamesGrid.grid.grid--kazaro{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 0 8px !important;
  }

  html body:not(.triniti-game-page).is-quick-view #quickGamesGrid .gameCard.gameCard--kazaro{
    aspect-ratio:1 / 1.02 !important;
    border-radius:15px !important;
  }

  html body:not(.triniti-game-page).is-quick-view #quickGamesGrid .gameCardKazaro__title{
    font-size:clamp(14px,5vw,21px) !important;
    bottom:16px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.46) 56%,rgba(2,4,7,.1)),
      url("./achievements-premium/achievements-hero.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero--ratings{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.48) 58%,rgba(2,4,7,.1)),
      url("./ratings-premium/ratings-hero.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.48) 58%,rgba(2,4,7,.1)),
      url("./vip-premium/vip-hero.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.48) 58%,rgba(2,4,7,.1)),
      url("./partner-premium/partner-hero.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .premiumHeroActions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .premiumAction{
    min-height:36px !important;
    padding:0 14px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .achievementTiers,
  html body:not(.triniti-game-page) .ratingsLayout,
  html body:not(.triniti-game-page) .vipLevels,
  html body:not(.triniti-game-page) .partnerGrid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .achievementGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .achievementTier{
    padding:12px !important;
    border-radius:16px !important;
  }

  html body:not(.triniti-game-page) .achievementCard{
    min-height:108px !important;
    padding:10px !important;
    border-radius:13px !important;
  }

  html body:not(.triniti-game-page) .achievementCard i{
    font-size:11px !important;
  }

  html body:not(.triniti-game-page) .achievementCard h2{
    font-size:13px !important;
    line-height:1.05 !important;
  }

  html body:not(.triniti-game-page) .achievementCard p{
    display:none !important;
  }

  html body:not(.triniti-game-page) .ratingsBoard,
  html body:not(.triniti-game-page) .ratingPrizeCard,
  html body:not(.triniti-game-page) .partnerVisualCard,
  html body:not(.triniti-game-page) .vipLevel{
    border-radius:16px !important;
    padding:14px !important;
  }

  html body:not(.triniti-game-page) .ratingHeader,
  html body:not(.triniti-game-page) .ratingRow{
    grid-template-columns:1.15fr .9fr .75fr .55fr !important;
    gap:6px !important;
    font-size:11px !important;
  }

  html body:not(.triniti-game-page) .ratingPrizeStats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .vipLevel__media{
    height:118px !important;
    border-radius:14px !important;
    margin:0 0 10px !important;
  }

  html body:not(.triniti-game-page) .vipLevel__content li{
    font-size:12px !important;
    line-height:1.28 !important;
  }

  html body:not(.triniti-game-page) .partnerLink{
    min-height:44px !important;
    padding:12px !important;
    font-size:12px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  html body:not(.triniti-game-page) .partnerActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) .premiumRankRow{
    min-height:48px !important;
    padding:10px !important;
  }

  html body:not(.triniti-game-page) .premiumRankRow b{
    font-size:18px !important;
  }
}

/* Triniti 20260629 mobile menu2: vertical premium menu and footer panel. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileMenuModal{
    padding:0 10px calc(84px + env(safe-area-inset-bottom,0px)) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__backdrop{
    background:
      radial-gradient(260px 260px at 50% 72%,rgba(246,197,90,.16),transparent 70%),
      rgba(0,0,0,.68) !important;
    backdrop-filter:blur(12px) saturate(1.18) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__sheet{
    max-height:calc(100svh - 108px) !important;
    padding:16px !important;
    border:1px solid rgba(255,223,143,.62) !important;
    border-radius:24px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,0) 28%),
      radial-gradient(320px 190px at 24% 0%,rgba(255,220,128,.22),transparent 72%),
      radial-gradient(300px 210px at 100% 8%,rgba(49,210,113,.16),transparent 74%),
      linear-gradient(145deg,rgba(21,25,33,.99),rgba(6,8,14,.995) 64%,rgba(13,15,20,.995)) !important;
    box-shadow:
      0 30px 86px rgba(0,0,0,.78),
      0 0 0 1px rgba(255,246,194,.08) inset,
      0 0 44px rgba(246,197,90,.18),
      inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__sheet::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,233,165,.08) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__head{
    min-height:42px !important;
    margin:0 0 14px !important;
    color:#fff7d7 !important;
    font-size:21px !important;
    text-shadow:0 8px 22px rgba(0,0,0,.7),0 0 22px rgba(246,197,90,.24) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__close{
    width:38px !important;
    height:38px !important;
    border-color:rgba(255,230,154,.42) !important;
    border-radius:14px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03)),
      radial-gradient(circle at 50% 0%,rgba(246,197,90,.22),transparent 68%),
      rgba(20,23,29,.9) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__grid{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__separator{
    height:1px !important;
    margin:5px 2px !important;
    background:
      linear-gradient(90deg,transparent,rgba(255,230,145,.48),rgba(49,210,113,.2),transparent) !important;
    box-shadow:0 0 18px rgba(246,197,90,.12) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem{
    min-height:58px !important;
    padding:10px 14px !important;
    gap:12px !important;
    border:1px solid rgba(255,224,145,.42) !important;
    border-radius:16px !important;
    background:
      linear-gradient(90deg,rgba(255,230,148,.16),rgba(255,255,255,.05) 46%,rgba(42,196,111,.07)),
      linear-gradient(180deg,rgba(37,42,50,.98),rgba(16,20,27,.98)) !important;
    color:#fff4cd !important;
    box-shadow:
      0 14px 30px rgba(0,0,0,.38),
      0 0 20px rgba(246,197,90,.08),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(0,0,0,.42) !important;
    font-size:15px !important;
    font-weight:1000 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.72) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem::after{
    content:"" !important;
    width:9px !important;
    height:9px !important;
    margin-left:auto !important;
    border-right:2px solid rgba(255,231,154,.76) !important;
    border-bottom:2px solid rgba(255,231,154,.76) !important;
    border-radius:1px !important;
    background:none !important;
    transform:rotate(-45deg) !important;
    opacity:.86 !important;
    box-shadow:3px 3px 10px rgba(246,197,90,.2) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    border-radius:11px !important;
    border:1px solid rgba(255,245,198,.62) !important;
    background:
      radial-gradient(circle at 34% 28%,rgba(255,255,255,.9) 0 7%,transparent 8%),
      radial-gradient(circle at 50% 58%,rgba(102,66,16,.62) 0 13%,transparent 14%),
      linear-gradient(180deg,#fff1b4 0%,#f0c564 44%,#a86b20 100%) !important;
    box-shadow:
      0 0 22px rgba(246,197,90,.34),
      0 9px 18px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.58),
      inset 0 -8px 12px rgba(86,47,9,.24) !important;
    position:relative !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark::after{
    content:"" !important;
    position:absolute !important;
    inset:9px 8px !important;
    border-radius:2px !important;
    border:1px solid rgba(95,58,12,.62) !important;
    transform:rotate(45deg) !important;
    box-shadow:0 0 8px rgba(255,241,180,.36) inset !important;
  }

  html body:not(.triniti-game-page) .homeFooter{
    display:block !important;
    margin:30px 0 calc(92px + env(safe-area-inset-bottom,0px)) !important;
    padding:18px 14px 16px !important;
    border:1px solid rgba(255,224,145,.28) !important;
    border-radius:22px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 32%),
      radial-gradient(260px 180px at 16% 0%,rgba(246,197,90,.13),transparent 76%),
      radial-gradient(260px 200px at 100% 8%,rgba(49,210,113,.08),transparent 78%),
      linear-gradient(180deg,rgba(13,16,24,.97),rgba(5,7,12,.99)) !important;
    color:rgba(242,243,247,.76) !important;
    box-shadow:
      0 22px 58px rgba(0,0,0,.48),
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 0 34px rgba(246,197,90,.08) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__line{
    padding:0 0 16px !important;
    border-top:0 !important;
    border-bottom:1px solid rgba(255,230,145,.18) !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .homeFooter__brand{
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__brand span{
    width:34px !important;
    height:34px !important;
    border-radius:11px !important;
    border-color:rgba(255,230,145,.22) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.02)) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__brand svg{
    width:25px !important;
    height:25px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__brand b{
    font-size:16px !important;
    letter-spacing:2px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__top{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    border-color:rgba(255,230,145,.34) !important;
    background:linear-gradient(180deg,#fff0b5,#c88a2c) !important;
    color:#141009 !important;
    font-size:18px !important;
    box-shadow:0 12px 24px rgba(214,160,52,.18),inset 0 1px 0 rgba(255,255,255,.45) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin-top:18px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col{
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col h2{
    margin:0 0 12px !important;
    color:#fff !important;
    font-size:23px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-shadow:0 10px 22px rgba(0,0,0,.65) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col h3{
    margin:0 0 5px !important;
    color:#ffe2a0 !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col p{
    max-width:none !important;
    margin:0 0 12px !important;
    color:rgba(242,243,247,.66) !important;
    font-size:12px !important;
    line-height:1.36 !important;
    font-weight:800 !important;
  }

  html body:not(.triniti-game-page) .homeFooter__bottom{
    margin-top:4px !important;
    padding-top:14px !important;
    border-top:1px solid rgba(255,230,145,.16) !important;
    gap:10px !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }

  html body:not(.triniti-game-page) .homeFooter__telegram{
    width:38px !important;
    height:34px !important;
    border-radius:12px !important;
    font-size:11px !important;
  }
}

/* Triniti 20260629 mobile menu3: richer menu buttons and horizontal footer cards. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .mobileMenuModal__sheet{
    padding:18px !important;
    border-color:rgba(255,232,166,.72) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 30%),
      radial-gradient(360px 220px at 16% 0%,rgba(255,224,143,.24),transparent 72%),
      radial-gradient(320px 240px at 110% 16%,rgba(37,217,122,.18),transparent 72%),
      linear-gradient(145deg,rgba(24,28,37,.99),rgba(8,10,16,.995) 62%,rgba(16,18,24,.995)) !important;
    box-shadow:
      0 34px 92px rgba(0,0,0,.82),
      0 0 0 1px rgba(255,248,204,.1) inset,
      0 0 54px rgba(246,197,90,.2),
      inset 0 1px 0 rgba(255,255,255,.16) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__head{
    margin-bottom:15px !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__grid{
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem{
    --menu-glow:rgba(246,197,90,.18);
    --menu-line:rgba(246,197,90,.15);
    --menu-plate-a:#fff0b4;
    --menu-plate-b:#f0c465;
    --menu-plate-c:#9b621d;
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6.2h16v2H4zm0 4.9h16v2H4zm0 4.9h16v2H4z'/%3E%3C/svg%3E");
    position:relative !important;
    min-height:64px !important;
    padding:12px 14px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border:1px solid rgba(255,229,151,.5) !important;
    border-radius:18px !important;
    background:
      radial-gradient(210px 72px at 92% 50%,var(--menu-glow),transparent 72%),
      linear-gradient(90deg,var(--menu-line),rgba(255,255,255,.055) 42%,rgba(255,255,255,.02)),
      linear-gradient(180deg,rgba(38,43,53,.99),rgba(15,19,27,.99)) !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.42),
      0 0 24px rgba(246,197,90,.08),
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(0,0,0,.5) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
      linear-gradient(115deg,rgba(255,255,255,.14),transparent 28%),
      repeating-linear-gradient(135deg,transparent 0 20px,rgba(255,255,255,.035) 20px 21px,transparent 21px 43px) !important;
    opacity:.62 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem > span{
    position:relative !important;
    z-index:2 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem > span:not(.mobileMenuItem__mark){
    color:#fff7d8 !important;
    font-size:15px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem::after{
    position:relative !important;
    z-index:2 !important;
    width:10px !important;
    height:10px !important;
    border-right:2px solid rgba(255,236,169,.92) !important;
    border-bottom:2px solid rgba(255,236,169,.92) !important;
    box-shadow:4px 4px 12px rgba(246,197,90,.24) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark{
    background:
      radial-gradient(circle at 34% 26%,rgba(255,255,255,.95) 0 8%,transparent 9%),
      linear-gradient(180deg,var(--menu-plate-a) 0%,var(--menu-plate-b) 48%,var(--menu-plate-c) 100%) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark::before{
    content:"" !important;
    position:absolute !important;
    inset:7px !important;
    background:#4c2e0b !important;
    -webkit-mask:var(--menu-icon) center / contain no-repeat !important;
    mask:var(--menu-icon) center / contain no-repeat !important;
    opacity:.9 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark::after{
    content:"" !important;
    position:absolute !important;
    inset:4px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    border-radius:9px !important;
    transform:none !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="casino"]{
    --menu-glow:rgba(255,211,91,.26);
    --menu-line:rgba(255,211,91,.18);
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m3.5 4.2a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4m7 0a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4M12 10.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4m-3.5 3.6a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4m7 0a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="quick"]{
    --menu-glow:rgba(58,235,132,.2);
    --menu-line:rgba(58,235,132,.13);
    --menu-plate-a:#eaffb9;
    --menu-plate-b:#a7df58;
    --menu-plate-c:#46752a;
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m0 3.2a5.8 5.8 0 1 0 0 11.6 5.8 5.8 0 0 0 0-11.6m0 3.1a2.7 2.7 0 1 1 0 5.4 2.7 2.7 0 0 1 0-5.4'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="pvp"]{
    --menu-glow:rgba(255,201,88,.2);
    --menu-line:rgba(255,201,88,.14);
    --menu-plate-a:#fff0ad;
    --menu-plate-b:#d9aa47;
    --menu-plate-c:#76511f;
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.4 4 20 16.6 16.6 20 4 7.4V4zm9.2 0H20v3.4L7.4 20 4 16.6z'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="tournament"]{
    --menu-glow:rgba(255,224,127,.24);
    --menu-line:rgba(255,224,127,.15);
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10v2h3v3a5 5 0 0 1-4.3 4.95A6 6 0 0 1 13 16.9V19h4v2H7v-2h4v-2.1a6 6 0 0 1-2.7-2.95A5 5 0 0 1 4 9V6h3zm2 2v4a3 3 0 0 0 6 0V6z'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="achievements"]{
    --menu-glow:rgba(255,241,162,.22);
    --menu-line:rgba(255,241,162,.14);
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 14.8 8.7 21 9.6l-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="ratings"]{
    --menu-glow:rgba(72,225,137,.18);
    --menu-line:rgba(72,225,137,.12);
    --menu-plate-a:#f6ffc3;
    --menu-plate-b:#c8d969;
    --menu-plate-c:#6c7428;
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 19h3V9H5zm5.5 0h3V5h-3zm5.5 0h3v-7h-3z'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="vip"]{
    --menu-glow:rgba(255,214,91,.28);
    --menu-line:rgba(255,214,91,.16);
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 8 4.2 3.1L12 5l3.8 6.1L20 8l-1.7 10H5.7z'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .mobileMenuItem[data-main-view="partner"]{
    --menu-glow:rgba(58,235,132,.18);
    --menu-line:rgba(58,235,132,.12);
    --menu-plate-a:#eaffc6;
    --menu-plate-b:#b6d85e;
    --menu-plate-c:#657126;
    --menu-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.5 14.5h-1A4.5 4.5 0 0 1 6.5 5h4v3h-4a1.5 1.5 0 0 0 0 3h1zm3-2h3v3h-3zm6-3h1a4.5 4.5 0 0 1 0 9.5h-4v-3h4a1.5 1.5 0 0 0 0-3h-1z'/%3E%3C/svg%3E");
  }

  html body:not(.triniti-game-page) .homeFooter{
    padding:16px 0 16px !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .homeFooter__line,
  html body:not(.triniti-game-page) .homeFooter__bottom{
    margin-left:14px !important;
    margin-right:14px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:12px !important;
    margin:18px 0 0 !important;
    padding:0 14px 8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
  }

  html body:not(.triniti-game-page) .homeFooter__grid::-webkit-scrollbar{
    display:none !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col{
    flex:0 0 min(82vw,318px) !important;
    min-height:244px !important;
    padding:16px !important;
    scroll-snap-align:start !important;
    border:1px solid rgba(255,226,151,.28) !important;
    border-radius:18px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
      radial-gradient(210px 120px at 100% 0%,rgba(246,197,90,.11),transparent 70%),
      linear-gradient(180deg,rgba(19,23,31,.96),rgba(8,10,16,.98)) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col:nth-child(2){
    background:
      linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
      radial-gradient(210px 120px at 100% 0%,rgba(49,210,113,.1),transparent 70%),
      linear-gradient(180deg,rgba(18,22,30,.96),rgba(8,10,16,.98)) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col:nth-child(3){
    background:
      linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
      radial-gradient(210px 120px at 100% 0%,rgba(255,225,139,.14),transparent 70%),
      linear-gradient(180deg,rgba(18,22,30,.96),rgba(8,10,16,.98)) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col h2{
    font-size:22px !important;
    margin-bottom:14px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col h3{
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col p{
    font-size:11.5px !important;
    line-height:1.34 !important;
  }
}

/* Triniti 20260629 mobile polish1: compact wheel and clean premium mobile pages. */
@media (max-width:700px){
  html body:not(.triniti-game-page){
    overflow-x:hidden !important;
  }

  html body:not(.triniti-game-page) .app,
  html body:not(.triniti-game-page) .main,
  html body:not(.triniti-game-page) .shellMain,
  html body:not(.triniti-game-page) .desktopView{
    max-width:100vw !important;
    overflow-x:hidden !important;
  }

  html body:not(.triniti-game-page):is(.is-pvp-view,.is-achievements-view,.is-ratings-view,.is-vip-view,.is-partner-view) .bg{
    background:
      radial-gradient(520px 360px at 76% 6%,rgba(37,198,111,.12),transparent 70%),
      radial-gradient(560px 380px at 12% 14%,rgba(246,197,90,.13),transparent 72%),
      linear-gradient(180deg,#050608 0%,#020305 100%) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskView::before,
  html body:not(.triniti-game-page) .pvpDeskView::after,
  html body:not(.triniti-game-page) .desktopExtraView::before,
  html body:not(.triniti-game-page) .desktopExtraView::after{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero,
  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements,
  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:3.15 / 1 !important;
    margin:0 0 18px !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.44) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 16px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero{
    background-image:url("./pvp-premium/pvp-hero-wide.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements{
    background-image:url("./achievements-premium/achievements-hero.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip{
    background-image:url("./vip-premium/vip-hero.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    background-image:url("./partner-premium/partner-hero.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual,
  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements .premiumPageHero__scene,
  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip .premiumPageHero__scene,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner .premiumPageHero__scene{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero--ratings{
    min-height:164px !important;
    aspect-ratio:auto !important;
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.52) 55%,rgba(2,4,7,.08)),
      url("./ratings-premium/ratings-hero.png?v=20260628-hero18") 72% center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero--ratings .premiumPageHero__copy{
    width:min(62%,230px) !important;
    max-width:230px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero--ratings h1{
    font-size:clamp(28px,9vw,38px) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero--ratings p{
    font-size:12px !important;
    line-height:1.26 !important;
  }

  html body:not(.triniti-game-page) .pvpModesGrid{
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:1.72 / 1 !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.42) !important;
    border-radius:15px !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-bank-card.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-bank-card.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .achievementTiers{
    gap:14px !important;
  }

  html body:not(.triniti-game-page) .achievementTier{
    padding:12px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    background:linear-gradient(180deg,rgba(17,21,29,.88),rgba(7,9,14,.94)) !important;
  }

  html body:not(.triniti-game-page) .achievementGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  html body:not(.triniti-game-page) .achievementCard--fiveFaces{--achievement-cover:url("./achievements-premium/five-faces.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--goldSector{--achievement-cover:url("./achievements-premium/achievement-02.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--minerCross{--achievement-cover:url("./achievements-premium/achievement-03.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--diceThrow{--achievement-cover:url("./achievements-premium/achievement-04.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--firstBank{--achievement-cover:url("./achievements-premium/achievement-05.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--cleanShot{--achievement-cover:url("./achievements-premium/achievement-06.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--blackGold{--achievement-cover:url("./achievements-premium/achievement-07.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--threeFloors{--achievement-cover:url("./achievements-premium/achievement-08.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--doubleCoin{--achievement-cover:url("./achievements-premium/achievement-09.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--firstTen{--achievement-cover:url("./achievements-premium/achievement-10.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--diagonal{--achievement-cover:url("./achievements-premium/achievement-11.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--diceLadder{--achievement-cover:url("./achievements-premium/achievement-12.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--threeSigns{--achievement-cover:url("./achievements-premium/achievement-13.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--colorRoulette{--achievement-cover:url("./achievements-premium/achievement-14.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--smartStop{--achievement-cover:url("./achievements-premium/achievement-15.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--crashPilot{--achievement-cover:url("./achievements-premium/achievement-16.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--fiveFloors{--achievement-cover:url("./achievements-premium/achievement-17.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--hardShot{--achievement-cover:url("./achievements-premium/achievement-18.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--threeTickets{--achievement-cover:url("./achievements-premium/achievement-19.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--bankHunt{--achievement-cover:url("./achievements-premium/achievement-20.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--mineField{--achievement-cover:url("./achievements-premium/achievement-21.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--diamondSector{--achievement-cover:url("./achievements-premium/achievement-22.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--exactTwentyOne{--achievement-cover:url("./achievements-premium/achievement-23.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--towerNoMiss{--achievement-cover:url("./achievements-premium/achievement-24.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--coinX752{--achievement-cover:url("./achievements-premium/achievement-25.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--rpsX10{--achievement-cover:url("./achievements-premium/achievement-26.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--penaltyX910{--achievement-cover:url("./achievements-premium/achievement-27.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--oneChance{--achievement-cover:url("./achievements-premium/achievement-28.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--royalTicket{--achievement-cover:url("./achievements-premium/achievement-29.png?v=20260628-hero18");}
  html body:not(.triniti-game-page) .achievementCard--legendTriniti{--achievement-cover:url("./achievements-premium/achievement-30.png?v=20260628-hero18");}

  html body:not(.triniti-game-page) .achievementCard{
    min-height:0 !important;
    aspect-ratio:1.04 / 1 !important;
    padding:10px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    border:1px solid rgba(246,197,90,.32) !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.78)),
      var(--achievement-cover,url("./achievements-premium/achievements-hero.png?v=20260628-hero18")) center center / cover no-repeat !important;
    filter:none !important;
    opacity:1 !important;
  }

  html body:not(.triniti-game-page) .achievementCard::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72)) !important;
  }

  html body:not(.triniti-game-page) .achievementCard::after{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    z-index:1 !important;
    border-radius:12px !important;
    border:1px solid rgba(255,240,174,.16) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .achievementCard > *{
    position:relative !important;
    z-index:2 !important;
  }

  html body:not(.triniti-game-page) .achievementCard i{
    position:absolute !important;
    top:9px !important;
    left:10px !important;
    padding:4px 7px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.5) !important;
    color:#ffe8a6 !important;
    font-size:10px !important;
  }

  html body:not(.triniti-game-page) .achievementCard h2{
    margin:0 !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.05 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.8) !important;
  }

  html body:not(.triniti-game-page) .ratingsBoard{
    padding:12px !important;
    border:1px solid rgba(246,197,90,.28) !important;
    background:linear-gradient(180deg,rgba(18,22,31,.92),rgba(6,8,13,.96)) !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .ratingRows{
    display:grid !important;
    gap:7px !important;
  }

  html body:not(.triniti-game-page) .ratingHeader,
  html body:not(.triniti-game-page) .ratingRow{
    display:grid !important;
    grid-template-columns:minmax(74px,1.08fr) minmax(82px,1fr) minmax(56px,.62fr) minmax(34px,.38fr) !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
    padding:8px 9px !important;
    border-radius:10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:rgba(255,255,255,.045) !important;
    font-size:10.5px !important;
    line-height:1.12 !important;
  }

  html body:not(.triniti-game-page) .ratingHeader{
    color:#ffe8a6 !important;
    text-transform:uppercase !important;
    letter-spacing:0 !important;
    background:rgba(246,197,90,.08) !important;
  }

  html body:not(.triniti-game-page) .ratingRow{
    color:#fff !important;
  }

  html body:not(.triniti-game-page) .ratingHeader > *,
  html body:not(.triniti-game-page) .ratingRow > *{
    min-width:0 !important;
    display:block !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body:not(.triniti-game-page) .ratingRow b,
  html body:not(.triniti-game-page) .ratingRow em{
    color:#ffe8a6 !important;
    font-style:normal !important;
    text-align:right !important;
  }

  html body:not(.triniti-game-page) .ratingPrizeCard{
    border:1px solid rgba(246,197,90,.26) !important;
    background:
      linear-gradient(180deg,rgba(7,9,14,.82),rgba(5,7,12,.96)),
      url("./ratings-premium/month-leaders-bg.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .vipLevels{
    gap:14px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{--vip-level-cover:url("./vip-premium/triniti-club.png?v=20260628-hero18") !important;}
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{--vip-level-cover:url("./vip-premium/black-card.png?v=20260628-hero18") !important;}
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{--vip-level-cover:url("./vip-premium/crown-reserve.png?v=20260628-hero18") !important;}

  html body:not(.triniti-game-page) .vipLevel{
    padding:10px !important;
    overflow:hidden !important;
    border:1px solid rgba(246,197,90,.3) !important;
    background:linear-gradient(180deg,rgba(16,20,28,.94),rgba(5,7,12,.98)) !important;
  }

  html body:not(.triniti-game-page) .vipLevel__media{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1.95 / 1 !important;
    margin:0 0 10px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    border-radius:13px !important;
    background-image:var(--vip-level-cover) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body:not(.triniti-game-page) .vipLevel__content{
    padding:0 2px 2px !important;
  }

  html body:not(.triniti-game-page) .vipLevel__content ul{
    margin:0 !important;
    padding-left:18px !important;
  }

  html body:not(.triniti-game-page) .vipLevel__content li{
    color:rgba(255,255,255,.9) !important;
    font-size:12.5px !important;
    line-height:1.28 !important;
  }

  html body:not(.triniti-game-page) .partnerGrid{
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .partnerVisualCard{
    border:1px solid rgba(246,197,90,.28) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .partnerVisualCard::before,
  html body:not(.triniti-game-page) .partnerVisualCard::after{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .partnerVisualCard--link{
    background-image:
      linear-gradient(180deg,rgba(5,7,10,.18),rgba(5,7,10,.86)),
      url("./partner-premium/partner-card-link.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .partnerVisualCard--stats{
    background-image:
      linear-gradient(180deg,rgba(5,7,10,.18),rgba(5,7,10,.86)),
      url("./partner-premium/partner-card-stats.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .partnerLink,
  html body:not(.triniti-game-page) .partnerSummary{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__panel{
    width:min(94vw,390px) !important;
    max-height:calc(100dvh - 16px) !important;
    padding:12px !important;
    overflow-y:auto !important;
    border-radius:18px !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__head{
    min-height:0 !important;
    margin-bottom:8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__title{
    font-size:18px !important;
  }

  html body:not(.triniti-game-page) #freeModal .tabs{
    gap:6px !important;
    margin:0 0 10px !important;
  }

  html body:not(.triniti-game-page) #freeModal .tab{
    min-height:40px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyTopRow{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:0 0 8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyTitle{
    font-size:20px !important;
    line-height:1.05 !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyHint{
    margin-top:3px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }

  html body:not(.triniti-game-page) #freeModal .timerBox{
    min-height:0 !important;
    padding:10px 12px !important;
    border-radius:16px !important;
  }

  html body:not(.triniti-game-page) #freeModal .timerLabel{
    font-size:11px !important;
  }

  html body:not(.triniti-game-page) #freeModal .timerVal{
    font-size:19px !important;
    line-height:1.1 !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyWrap{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyLeft{
    display:grid !important;
    justify-items:center !important;
    gap:8px !important;
  }

  html body:not(.triniti-game-page) #freeModal .wheelBox{
    width:min(64vw,238px) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    margin:0 auto !important;
    border-radius:18px !important;
  }

  html body:not(.triniti-game-page) #freeModal #dailyWheel{
    width:100% !important;
    height:100% !important;
  }

  html body:not(.triniti-game-page) #freeModal .pointer{
    transform:scale(.72) !important;
    transform-origin:center top !important;
  }

  html body:not(.triniti-game-page) #freeModal .wheelCenter{
    width:76px !important;
    height:76px !important;
  }

  html body:not(.triniti-game-page) #freeModal .centerBig{
    font-size:16px !important;
  }

  html body:not(.triniti-game-page) #freeModal .centerSmall{
    font-size:11px !important;
  }

  html body:not(.triniti-game-page) #freeModal #spinBtn{
    width:min(46vw,160px) !important;
    min-height:40px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyMsg{
    max-width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.24 !important;
    text-align:center !important;
  }

  html body:not(.triniti-game-page) #freeModal .listCard{
    padding:11px !important;
    border-radius:16px !important;
  }

  html body:not(.triniti-game-page) #freeModal .listTitle{
    margin:0 0 8px !important;
    font-size:19px !important;
  }

  html body:not(.triniti-game-page) #freeModal .prizeList{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  html body:not(.triniti-game-page) #freeModal .prizeItem{
    min-height:34px !important;
    padding:0 8px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) #freeModal .listNote{
    margin-top:7px !important;
    font-size:11px !important;
  }
}

@media (max-width:700px) and (max-height:760px){
  html body:not(.triniti-game-page) #freeModal .modal__panel{
    padding:10px !important;
  }

  html body:not(.triniti-game-page) #freeModal .modal__head{
    display:none !important;
  }

  html body:not(.triniti-game-page) #freeModal .tab{
    min-height:36px !important;
    font-size:13px !important;
  }

  html body:not(.triniti-game-page) #freeModal .dailyHint{
    display:none !important;
  }

  html body:not(.triniti-game-page) #freeModal .timerBox{
    padding:8px 10px !important;
  }

  html body:not(.triniti-game-page) #freeModal .wheelBox{
    width:min(58vw,208px) !important;
  }

  html body:not(.triniti-game-page) #freeModal .wheelCenter{
    width:68px !important;
    height:68px !important;
  }

  html body:not(.triniti-game-page) #freeModal .prizeItem{
    min-height:30px !important;
    font-size:13px !important;
  }
}

/* Triniti 20260629 mobile polish2: one clean banner format and footer tabs. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .casinoDeskHero,
  html body:not(.triniti-game-page) .pvpDeskHero,
  html body:not(.triniti-game-page) .premiumPageHero{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:3.2 / 1 !important;
    margin:0 0 18px !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.42) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero,
  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements,
  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    background-size:contain !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero{
    background-image:url("./pvp-premium/pvp-hero-wide.png?v=20260628-hero18") !important;
    background-position:center center !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero--achievements{
    background-image:url("./achievements-premium/achievements-hero.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip{
    background-image:url("./vip-premium/vip-hero.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    background-image:url("./partner-premium/partner-hero.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero--ratings{
    background:
      linear-gradient(90deg,rgba(2,4,7,.92),rgba(2,4,7,.58) 56%,rgba(2,4,7,.08)),
      url("./ratings-premium/ratings-hero.png?v=20260628-hero18") center center / cover no-repeat !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual,
  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--achievements .premiumPageHero__scene,
  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero__scene,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero__scene{
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero__copy{
    display:block !important;
    width:min(58%,210px) !important;
    max-width:210px !important;
    padding:15px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero__copy h1{
    font-size:clamp(23px,7.4vw,32px) !important;
    line-height:1 !important;
    margin:0 0 6px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumPageHero__copy p{
    display:block !important;
    font-size:10.5px !important;
    line-height:1.18 !important;
    margin:0 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumHeroActions{
    margin-top:8px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--ratings .premiumAction{
    min-height:30px !important;
    padding:0 12px !important;
    border-radius:10px !important;
    font-size:11px !important;
  }

  html body:not(.triniti-game-page) .pvpModesGrid{
    gap:14px !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    width:min(100%,314px) !important;
    max-width:314px !important;
    margin:0 auto !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:912 / 862 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:17px !important;
    outline:0 !important;
    overflow:hidden !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.38) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-bank-sharp.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-bank-sharp.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .homeFooter__tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    margin:14px 14px 12px !important;
    padding:4px !important;
    border:1px solid rgba(246,197,90,.24) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__tab{
    min-width:0 !important;
    min-height:38px !important;
    padding:0 6px !important;
    border:1px solid transparent !important;
    border-radius:12px !important;
    background:transparent !important;
    color:rgba(255,244,214,.74) !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .homeFooter__tab.is-active{
    border-color:rgba(255,235,166,.64) !important;
    background:linear-gradient(180deg,#fff0b1,#d6a849 58%,#8d5c1e) !important;
    color:#160d04 !important;
    box-shadow:0 10px 20px rgba(224,171,62,.18),inset 0 1px 0 rgba(255,255,255,.5) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__grid{
    display:block !important;
    margin:0 !important;
    padding:0 14px 8px !important;
    overflow:visible !important;
  }

  html body:not(.triniti-game-page) .homeFooter__grid::-webkit-scrollbar{
    display:none !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col{
    display:none !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:15px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,226,151,.28) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
      radial-gradient(210px 120px at 100% 0%,rgba(246,197,90,.12),transparent 70%),
      linear-gradient(180deg,rgba(19,23,31,.96),rgba(8,10,16,.98)) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col.is-active{
    display:block !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col h2{
    margin:0 0 12px !important;
    font-size:20px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col h3{
    margin:11px 0 4px !important;
    font-size:12px !important;
  }

  html body:not(.triniti-game-page) .homeFooter__col p{
    margin:0 !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
  }
}

/* Triniti 20260630 mobile polish4: casino, tournament and PvP mobile cleanup. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .casinoDeskHero{
    aspect-ratio:3.45 / 1 !important;
    background-image:url("./casino-premium/casino-hero-fit.png?v=20260628-hero18") !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__copy,
  html body:not(.triniti-game-page) .casinoDeskHero__visual,
  html body:not(.triniti-game-page) .casinoDeskHero__cta{
    display:none !important;
  }

  html body:not(.triniti-game-page) .casinoModesGrid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 0 8px !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.28) !important;
    border-radius:15px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 12px 26px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard::before,
  html body:not(.triniti-game-page) .casinoModeCard::after,
  html body:not(.triniti-game-page) .casinoModeCard__art,
  html body:not(.triniti-game-page) .casinoModeCard__copy{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard--roulette{
    background-image:url("./casino-premium/roulette-card-final.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard--blackjack{
    background-image:url("./casino-premium/blackjack-card-final-crop.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .casinoModeCard--scratch{
    background-image:url("./casino-premium/scratch-card-final.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament{
    aspect-ratio:3.2 / 1 !important;
    min-height:0 !important;
    padding:0 !important;
    border-radius:16px !important;
    border:1px solid rgba(246,197,90,.36) !important;
    background:
      linear-gradient(90deg,rgba(3,4,7,.96),rgba(3,4,7,.68) 42%,rgba(3,4,7,.05)),
      url("./tournament-premium/tournament-hero.png?v=20260628-hero18") 72% center / cover no-repeat !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumPageHero__scene{
    display:none !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumPageHero__copy{
    display:block !important;
    width:48% !important;
    max-width:176px !important;
    padding:12px 0 0 12px !important;
    position:relative !important;
    z-index:2 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .sectionEyebrow{
    margin:0 0 4px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament h1{
    margin:0 0 5px !important;
    font-size:clamp(18px,5.8vw,24px) !important;
    line-height:.98 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament p{
    display:block !important;
    margin:0 !important;
    max-width:100% !important;
    font-size:8.4px !important;
    line-height:1.16 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumHeroActions{
    display:none !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero{
    aspect-ratio:2.85 / 1 !important;
    background-image:url("./pvp-premium/pvp-hero-wide.png?v=20260628-hero18") !important;
    background-size:auto 100% !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .pvpModesGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:start !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    aspect-ratio:912 / 862 !important;
    border-radius:14px !important;
    box-shadow:0 10px 22px rgba(0,0,0,.32) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-bank-sharp.png?v=20260628-hero18") !important;
    background-size:100% 100% !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-bank-sharp.png?v=20260628-hero18") !important;
    background-size:100% 100% !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }
}

/* Triniti 20260630 mobile-vip-pvp-fix1: equal-bank frame and raised VIP lists. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpModeCard--equal{
    border:1px solid rgba(255,224,145,.78) !important;
    box-shadow:
      0 10px 22px rgba(0,0,0,.34),
      inset 0 0 0 1px rgba(255,245,198,.08) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    top:124px !important;
    bottom:16px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    align-content:start !important;
    gap:3px !important;
  }
}

/* Triniti 20260630 mobile-vip-flat2: final VIP fit override after PvP rollback. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    width:100% !important;
    height:281px !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    outline:0 !important;
    border-radius:18px !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.38) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    background-image:url("./vip-premium/vip-card-club-mobile.png?v=20260630-mobile-vip-flat2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{
    background-image:url("./vip-premium/vip-card-black-mobile.png?v=20260630-mobile-vip-flat2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    background-image:url("./vip-premium/vip-card-reserve-mobile.png?v=20260630-mobile-vip-flat2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    left:18px !important;
    right:18px !important;
    top:150px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    top:150px !important;
    bottom:16px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    gap:3px !important;
    align-content:end !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    padding:2.5px 7px 2.5px 18px !important;
    border-color:rgba(255,230,158,.12) !important;
    background:rgba(0,0,0,.18) !important;
    font-size:8.8px !important;
    line-height:1.06 !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content li{
    font-size:9.1px !important;
    line-height:1.08 !important;
  }
}

/* Triniti 20260630 mobile-pvp-assets1-final: final PvP image override after all mobile rules. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpDeskHero{
    aspect-ratio:2117 / 743 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./pvp-premium/pvp-hero-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero::before,
  html body:not(.triniti-game-page) .pvpDeskHero::after,
  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    aspect-ratio:1290 / 1219 !important;
    border:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 10px 22px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }
}

/* Triniti 20260630 mobile-pvp-assets1: user-provided PvP mobile images. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpDeskHero{
    aspect-ratio:2117 / 743 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./pvp-premium/pvp-hero-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero::before,
  html body:not(.triniti-game-page) .pvpDeskHero::after,
  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    aspect-ratio:1290 / 1219 !important;
    border:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 10px 22px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }
}

/* Triniti 20260630 mobile-vip-flat1: VIP cards as one fitted image, no double frame. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevels{
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:281px !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    outline:0 !important;
    border-radius:18px !important;
    background-color:#050608 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.38) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    background-image:url("./vip-premium/vip-card-club-mobile.png?v=20260630-mobile-vip-flat1") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{
    background-image:url("./vip-premium/vip-card-black-mobile.png?v=20260630-mobile-vip-flat1") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    background-image:url("./vip-premium/vip-card-reserve-mobile.png?v=20260630-mobile-vip-flat1") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::before,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::after,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    position:absolute !important;
    z-index:2 !important;
    left:18px !important;
    right:18px !important;
    top:150px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    align-content:end !important;
    gap:3px !important;
    list-style:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:2.5px 7px 2.5px 18px !important;
    border:1px solid rgba(255,230,158,.12) !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.18) !important;
    color:rgba(255,255,255,.92) !important;
    font-size:8.8px !important;
    line-height:1.06 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-shadow:0 2px 8px rgba(0,0,0,.82) !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content li{
    font-size:9.1px !important;
    line-height:1.08 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content li:nth-child(n+7),
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content li:nth-child(n+7){
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li::before{
    content:"" !important;
    position:absolute !important;
    left:8px !important;
    top:50% !important;
    width:5px !important;
    height:5px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#fff0aa,#d8a23d) !important;
    box-shadow:0 0 8px rgba(246,197,90,.22) !important;
  }
}

/* Triniti 20260630 pvp-banner-test1: mobile-only PvP hero replacement. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpDeskHero{
    aspect-ratio:2117 / 743 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.58) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./pvp-premium/pvp-hero-mobile-test1.png?v=20260630-pvp-banner-test1") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual{
    display:none !important;
  }
}

/* Triniti 20260630 casino-banner-test2: mobile-only casino hero replacement. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .casinoDeskHero{
    aspect-ratio:2127 / 739 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.58) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./casino-premium/casino-hero-mobile-test2.png?v=20260630-casino-banner-test2") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__copy,
  html body:not(.triniti-game-page) .casinoDeskHero__visual,
  html body:not(.triniti-game-page) .casinoDeskHero__cta{
    display:none !important;
  }
}

/* Triniti 20260630 mobile hero border1: remove only outer mobile hero borders. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .casinoDeskHero,
  html body:not(.triniti-game-page) .pvpDeskHero{
    border:0 !important;
  }
}

/* Triniti 20260630 mobile-tournament-vip-partner1: mobile-only tournament/VIP/partner cleanup. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumPageHero__copy{
    width:58% !important;
    max-width:220px !important;
    padding:11px 0 0 12px !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament h1{
    white-space:nowrap !important;
    font-size:clamp(17px,5.15vw,21px) !important;
    line-height:1 !important;
    margin:0 0 5px !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament p{
    font-size:8px !important;
    line-height:1.15 !important;
  }

  html body:not(.triniti-game-page) .tournamentTopPanel{
    display:none !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__card{
    width:min(92vw,360px) !important;
    border:1px solid rgba(255,223,143,.55) !important;
    border-radius:18px !important;
    background:
      radial-gradient(240px 140px at 84% 0%,rgba(246,197,90,.16),transparent 70%),
      linear-gradient(180deg,rgba(18,22,31,.98),rgba(5,7,12,.99)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip{
    border:1px solid rgba(255,223,143,.68) !important;
    box-shadow:0 14px 32px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevels{
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    padding:0 !important;
    border:1px solid rgba(255,223,143,.42) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(15,18,25,.96),rgba(5,7,12,.98)) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    width:100% !important;
    aspect-ratio:2.45 / 1 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background-size:cover !important;
    background-position:center center !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    padding:10px 12px 12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    margin:0 !important;
    padding-left:16px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    font-size:11.5px !important;
    line-height:1.24 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    border:1px solid rgba(255,223,143,.5) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .partnerGrid{
    gap:10px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .partnerVisualCard{
    padding:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .partnerVisualCard--stats,
  html body:not(.triniti-game-page) .desktopExtraView--partner #partnerSummary,
  html body:not(.triniti-game-page) .desktopExtraView--partner #partnerWithdrawBtn{
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumFeature__head{
    margin:0 0 10px !important;
    font-size:13px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .partnerLink{
    min-height:42px !important;
    padding:11px 12px !important;
    border:1px solid rgba(255,223,143,.24) !important;
    border-radius:12px !important;
    background:rgba(0,0,0,.42) !important;
    color:#fff3c6 !important;
    font-size:12px !important;
    line-height:1.22 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .partnerActions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }
}

/* Triniti 20260630 mobile-modal-vip-partner2: centered tournament modal and cleaner VIP/partner mobile cards. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .tournamentJoinModal[hidden]{
    display:none !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal:not([hidden]){
    position:fixed !important;
    inset:0 !important;
    z-index:320 !important;
    display:grid !important;
    place-items:center !important;
    padding:16px !important;
    pointer-events:auto !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__backdrop{
    position:absolute !important;
    inset:0 !important;
    border:0 !important;
    padding:0 !important;
    background:rgba(0,0,0,.72) !important;
    backdrop-filter:blur(12px) saturate(1.08) !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__card{
    position:relative !important;
    width:min(92vw,360px) !important;
    max-height:calc(100dvh - 32px) !important;
    overflow:auto !important;
    padding:18px !important;
    border:1px solid rgba(255,223,143,.58) !important;
    border-radius:19px !important;
    background:
      radial-gradient(260px 150px at 82% 0%,rgba(246,197,90,.18),transparent 70%),
      linear-gradient(180deg,rgba(18,22,31,.98),rgba(5,7,12,.99)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.76),0 0 34px rgba(246,197,90,.1),inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__card .desktopFeatureModal__close{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:auto !important;
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,223,143,.34) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.07) !important;
    color:#fff0bf !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__card .sectionEyebrow{
    width:max-content !important;
    max-width:calc(100% - 44px) !important;
    margin:0 0 10px !important;
    color:#ffe28a !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__card h2{
    margin:0 42px 10px 0 !important;
    color:#fff !important;
    font-size:clamp(22px,7vw,28px) !important;
    line-height:1.04 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
  }

  html body:not(.triniti-game-page) .tournamentJoinModal__card p{
    margin:0 0 14px !important;
    color:rgba(242,243,247,.74) !important;
    font-size:13px !important;
    line-height:1.34 !important;
    font-weight:850 !important;
  }

  html body:not(.triniti-game-page) #tournamentJoinConfirm{
    width:100% !important;
    min-height:44px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .premiumPageHero--vip{
    aspect-ratio:2172 / 724 !important;
    border:1px solid rgba(255,223,143,.68) !important;
    border-radius:16px !important;
    background-size:100% 100% !important;
    background-position:center center !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    padding:0 !important;
    overflow:hidden !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    aspect-ratio:2172 / 724 !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    padding:10px 12px 12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumFeature__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumFeature__head span,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumFeature__head b{
    min-width:0 !important;
    white-space:nowrap !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner #partnerSummary{
    display:block !important;
    margin:10px 0 0 !important;
    padding:9px 10px !important;
    border:1px solid rgba(255,223,143,.18) !important;
    border-radius:12px !important;
    background:rgba(0,0,0,.34) !important;
    color:rgba(255,244,210,.82) !important;
    font-size:11.5px !important;
    line-height:1.28 !important;
    font-weight:850 !important;
  }
}

/* Triniti 20260630 mobile-menu-vip3: richer mobile menu, raised tournament hero text, rebuilt VIP levels. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .premiumPageHero--tournament{
    display:block !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament .premiumPageHero__copy{
    position:absolute !important;
    left:16px !important;
    top:32px !important;
    width:64% !important;
    max-width:248px !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament h1{
    margin:0 0 7px !important;
    white-space:nowrap !important;
    font-size:clamp(20px,5.8vw,24px) !important;
    line-height:1 !important;
  }

  html body:not(.triniti-game-page) .premiumPageHero--tournament p{
    margin:0 !important;
    max-width:210px !important;
    font-size:8.6px !important;
    line-height:1.16 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__backdrop{
    background:
      radial-gradient(310px 260px at 70% 72%,rgba(246,197,90,.18),transparent 70%),
      rgba(0,0,0,.76) !important;
    backdrop-filter:blur(13px) saturate(1.18) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__sheet{
    padding:17px !important;
    border:1px solid rgba(255,229,151,.7) !important;
    border-radius:24px !important;
    background:
      linear-gradient(180deg,rgba(2,4,8,.18),rgba(2,4,8,.78)),
      url("./menu-premium/mobile-menu-bg1.png?v=20260630-menu-vip3") 62% center / cover no-repeat !important;
    box-shadow:0 30px 88px rgba(0,0,0,.82),0 0 42px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__sheet::before{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    border-radius:23px !important;
    border:1px solid rgba(255,244,192,.16) !important;
    background:
      radial-gradient(190px 160px at 84% 8%,rgba(255,214,110,.2),transparent 70%),
      linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.22) 54%,rgba(0,0,0,.04)) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__head{
    position:relative !important;
    z-index:1 !important;
    min-height:38px !important;
    margin:0 0 13px !important;
    padding:0 2px !important;
    color:#fff3c7 !important;
    text-shadow:0 8px 22px rgba(0,0,0,.72),0 0 20px rgba(246,197,90,.18) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__grid{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem{
    min-height:50px !important;
    padding:10px 12px !important;
    border:1px solid rgba(255,226,150,.35) !important;
    border-radius:16px !important;
    background:
      linear-gradient(90deg,rgba(255,228,150,.13),rgba(255,255,255,.035) 50%,rgba(39,211,116,.055)),
      rgba(7,10,15,.72) !important;
    backdrop-filter:blur(7px) saturate(1.08) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1) !important;
    color:#fff6d5 !important;
    font-size:14px !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 12px 8px 48px !important;
    height:1px !important;
    background:linear-gradient(90deg,rgba(255,225,144,.42),transparent) !important;
    opacity:.6 !important;
  }

  html body:not(.triniti-game-page) .mobileMenuItem__mark{
    width:26px !important;
    height:26px !important;
    flex-basis:26px !important;
    border-radius:10px !important;
    background:
      radial-gradient(circle at 38% 30%,#fff6c7 0 18%,transparent 19%),
      linear-gradient(145deg,#fff0a9,#e7b74d 48%,#8f5819) !important;
    box-shadow:0 0 20px rgba(246,197,90,.28),inset 0 1px 0 rgba(255,255,255,.48) !important;
  }

  html body:not(.triniti-game-page) .mobileMenuModal__separator{
    height:1px !important;
    margin:2px 0 !important;
    background:linear-gradient(90deg,transparent,rgba(255,226,150,.55),rgba(39,211,116,.24),transparent) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevels{
    gap:14px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    position:relative !important;
    min-height:254px !important;
    padding:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    overflow:hidden !important;
    border:1px solid rgba(255,224,145,.48) !important;
    border-radius:18px !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.16) 42%,rgba(0,0,0,.86)),
      var(--vip-level-cover) center center / cover no-repeat !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::before{
    content:attr(aria-label) !important;
    position:absolute !important;
    left:14px !important;
    top:14px !important;
    z-index:2 !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,230,158,.34) !important;
    background:rgba(0,0,0,.42) !important;
    color:#ffe6a0 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.72) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    position:relative !important;
    z-index:2 !important;
    width:calc(100% - 22px) !important;
    margin:88px 11px 11px !important;
    padding:11px 12px !important;
    border:1px solid rgba(255,230,158,.18) !important;
    border-radius:15px !important;
    background:rgba(3,5,9,.62) !important;
    backdrop-filter:blur(8px) saturate(1.1) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    margin:0 !important;
    padding-left:16px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    font-size:11.2px !important;
    line-height:1.22 !important;
  }
}

/* Triniti 20260630 mobile-menu-vip4: VIP levels as premium cards, not image banners. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevels{
    display:grid !important;
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    position:relative !important;
    min-height:0 !important;
    display:block !important;
    padding:16px 14px 14px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,224,145,.42) !important;
    border-radius:18px !important;
    background:
      radial-gradient(170px 120px at 84% 18%,rgba(246,197,90,.18),transparent 72%),
      radial-gradient(190px 130px at 8% 100%,rgba(34,197,111,.08),transparent 74%),
      linear-gradient(180deg,rgba(18,22,31,.96),rgba(5,7,12,.98)) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::before{
    content:attr(aria-label) !important;
    position:relative !important;
    inset:auto !important;
    z-index:2 !important;
    display:block !important;
    width:max-content !important;
    max-width:calc(100% - 88px) !important;
    margin:0 0 10px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,230,158,.36) !important;
    background:rgba(246,197,90,.1) !important;
    color:#ffe6a0 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.72) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::after{
    content:"T" !important;
    position:absolute !important;
    right:14px !important;
    top:13px !important;
    width:54px !important;
    height:54px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    border:1px solid rgba(255,237,170,.56) !important;
    background:
      radial-gradient(circle at 38% 28%,#fff7ca 0 13%,transparent 14%),
      linear-gradient(145deg,#ffe9a6,#d9a23a 54%,#7b4916) !important;
    color:#1c1206 !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    box-shadow:0 10px 26px rgba(214,160,52,.28),0 0 24px rgba(246,197,90,.18),inset 0 1px 0 rgba(255,255,255,.5) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black::after{
    background:
      radial-gradient(circle at 38% 28%,#fff1bb 0 12%,transparent 13%),
      linear-gradient(145deg,#242832,#0b0d12 54%,#d2a24b) !important;
    color:#ffe6a0 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve::after{
    background:
      radial-gradient(circle at 38% 28%,#fff7ca 0 13%,transparent 14%),
      linear-gradient(145deg,#fff2b2,#e0b14d 44%,#164a38 100%) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:6px !important;
    list-style:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    position:relative !important;
    min-height:30px !important;
    padding:7px 9px 7px 28px !important;
    border:1px solid rgba(255,230,158,.12) !important;
    border-radius:11px !important;
    background:rgba(0,0,0,.28) !important;
    color:rgba(255,255,255,.9) !important;
    font-size:11.2px !important;
    line-height:1.18 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li::before{
    content:"" !important;
    position:absolute !important;
    left:10px !important;
    top:50% !important;
    width:8px !important;
    height:8px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#fff0a8,#d6a13b) !important;
    box-shadow:0 0 12px rgba(246,197,90,.26) !important;
  }
}

/* Triniti 20260630 mobile-pvp-readability1: readable mobile PvP hero and cards. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpDeskHero{
    position:relative !important;
    display:block !important;
    height:clamp(160px,46vw,190px) !important;
    min-height:160px !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.56) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./pvp-premium/pvp-hero-mobile-test1.png?v=20260630-pvp-banner-test1") !important;
    background-size:cover !important;
    background-position:58% center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 29%,rgba(0,0,0,.42) 56%,rgba(0,0,0,.08) 100%),
      radial-gradient(210px 150px at 18% 52%,rgba(246,197,90,.1),transparent 72%) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__visual{
    display:none !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    width:min(58%,218px) !important;
    height:100% !important;
    padding:14px 0 14px 15px !important;
    border:0 !important;
    background:transparent !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy .sectionEyebrow{
    margin:0 0 5px !important;
    color:#e9bb57 !important;
    font-size:8.5px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-shadow:0 3px 12px rgba(0,0,0,.78) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy h1{
    margin:0 0 7px !important;
    color:#fff !important;
    font-size:clamp(26px,7.8vw,34px) !important;
    line-height:.96 !important;
    letter-spacing:0 !important;
    text-shadow:0 4px 16px rgba(0,0,0,.88),0 0 16px rgba(246,197,90,.16) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy p{
    display:block !important;
    max-width:190px !important;
    margin:0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero__copy p::after{
    content:"Равный или свободный банк. Победитель забирает пул." !important;
    display:block !important;
    font-size:11.5px !important;
    line-height:1.22 !important;
    text-shadow:0 3px 12px rgba(0,0,0,.86) !important;
  }

  html body:not(.triniti-game-page) .pvpModesGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    position:relative !important;
    aspect-ratio:1 / 1.14 !important;
    min-height:0 !important;
    border:1px solid rgba(246,197,90,.38) !important;
    border-radius:15px !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    box-shadow:0 12px 24px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before{
    content:"" !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    z-index:1 !important;
    display:block !important;
    height:48% !important;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.58) 34%,rgba(0,0,0,.92)) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    background:radial-gradient(130px 90px at 50% 72%,rgba(246,197,90,.12),transparent 72%) !important;
    pointer-events:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard__art{
    display:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard__copy{
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    bottom:9px !important;
    z-index:2 !important;
    display:block !important;
    margin:0 !important;
    padding:8px 7px !important;
    border:1px solid rgba(255,226,150,.16) !important;
    border-radius:12px !important;
    background:rgba(3,5,9,.58) !important;
    backdrop-filter:blur(7px) saturate(1.08) !important;
    text-align:center !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard__copy strong{
    display:block !important;
    color:#fff !important;
    font-size:clamp(16px,4.45vw,19px) !important;
    line-height:.98 !important;
    letter-spacing:0 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.86),0 0 14px rgba(246,197,90,.16) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard__copy span{
    display:block !important;
    margin-top:5px !important;
    color:rgba(255,255,255,.9) !important;
    font-size:0 !important;
    line-height:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal .pvpModeCard__copy span::after{
    content:"Одинаковая ставка, общий пул." !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free .pvpModeCard__copy span::after{
    content:"Любая сумма, шанс по доле." !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard__copy span::after{
    display:block !important;
    font-size:10px !important;
    line-height:1.12 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

/* Triniti 20260630 mobile-vip-cards1: user VIP cards as mobile backgrounds. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevels{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:18px !important;
    background-color:#050608 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 16px 34px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    aspect-ratio:1431 / 1099 !important;
    background-image:url("./vip-premium/vip-card-club-mobile.png?v=20260630-mobile-vip-cards1") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{
    aspect-ratio:1198 / 1313 !important;
    background-image:url("./vip-premium/vip-card-black-mobile.png?v=20260630-mobile-vip-cards1") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    aspect-ratio:1131 / 1391 !important;
    background-image:url("./vip-premium/vip-card-reserve-mobile.png?v=20260630-mobile-vip-cards1") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::before,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::after,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    position:absolute !important;
    z-index:2 !important;
    left:16px !important;
    right:16px !important;
    width:auto !important;
    max-width:none !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content{
    top:41% !important;
    bottom:16px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content{
    top:37% !important;
    bottom:18px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    top:35% !important;
    bottom:18px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    align-content:end !important;
    gap:4px !important;
    list-style:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    min-height:0 !important;
    padding:4px 8px 4px 21px !important;
    border:1px solid rgba(255,230,158,.14) !important;
    border-radius:9px !important;
    background:rgba(0,0,0,.34) !important;
    color:rgba(255,255,255,.9) !important;
    font-size:9.6px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-shadow:0 2px 8px rgba(0,0,0,.78) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content li{
    font-size:10px !important;
    line-height:1.1 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content li{
    font-size:9.2px !important;
    line-height:1.05 !important;
    padding-top:3.5px !important;
    padding-bottom:3.5px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li::before{
    content:"" !important;
    position:absolute !important;
    left:9px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#fff0aa,#d8a23d) !important;
    box-shadow:0 0 9px rgba(246,197,90,.24) !important;
  }
}

/* Triniti 20260630 mobile-vip-cards3: compact single-image VIP cards. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevels{
    gap:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:clamp(276px,72vw,292px) !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:18px !important;
    background-color:#050608 !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    box-shadow:0 16px 34px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    background-image:url("./vip-premium/vip-card-club-mobile.png?v=20260630-mobile-vip-cards3") !important;
    background-position:center center !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{
    background-image:url("./vip-premium/vip-card-black-mobile.png?v=20260630-mobile-vip-cards3") !important;
    background-position:center top !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    background-image:url("./vip-premium/vip-card-reserve-mobile.png?v=20260630-mobile-vip-cards3") !important;
    background-position:center top !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::before,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::after,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content{
    position:absolute !important;
    z-index:2 !important;
    left:17px !important;
    right:17px !important;
    top:43% !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content{
    top:42% !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    top:44% !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    align-content:end !important;
    gap:3px !important;
    list-style:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:2.5px 7px 2.5px 18px !important;
    border:1px solid rgba(255,230,158,.12) !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.22) !important;
    color:rgba(255,255,255,.92) !important;
    font-size:8.9px !important;
    line-height:1.06 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-shadow:0 2px 8px rgba(0,0,0,.78) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content li{
    font-size:9.2px !important;
    line-height:1.08 !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content li:nth-child(n+7),
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content li:nth-child(n+7){
    display:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li::before{
    content:"" !important;
    position:absolute !important;
    left:8px !important;
    top:50% !important;
    width:5px !important;
    height:5px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#fff0aa,#d8a23d) !important;
    box-shadow:0 0 8px rgba(246,197,90,.22) !important;
  }
}

/* Triniti 20260630 vip-border-pvp-old1: complete VIP outlines and previous mobile PvP layout. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    border:1px solid rgba(255,224,145,.72) !important;
    border-radius:18px !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.42),
      inset 0 0 0 1px rgba(255,245,198,.08) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    background-position:center center !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    background-position:center top !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:2117 / 743 !important;
    padding:0 !important;
    border:1px solid rgba(246,197,90,.58) !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./pvp-premium/pvp-hero-mobile-test1.png?v=20260630-pvp-banner-test1") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero::before,
  html body:not(.triniti-game-page) .pvpDeskHero::after,
  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .pvpModesGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:start !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:912 / 862 !important;
    margin:0 !important;
    border:1px solid rgba(246,197,90,.38) !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 10px 22px rgba(0,0,0,.32) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-bank-sharp.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-bank-sharp.png?v=20260628-hero18") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }
}

/* Triniti 20260630 mobile-vip-flat2-final: final VIP fit override after all mobile rules. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    width:100% !important;
    height:281px !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    outline:0 !important;
    border-radius:18px !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.38) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    background-image:url("./vip-premium/vip-card-club-mobile.png?v=20260630-mobile-vip-flat2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{
    background-image:url("./vip-premium/vip-card-black-mobile.png?v=20260630-mobile-vip-flat2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    background-image:url("./vip-premium/vip-card-reserve-mobile.png?v=20260630-mobile-vip-flat2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    left:18px !important;
    right:18px !important;
    top:150px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    gap:3px !important;
    align-content:end !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    padding:2.5px 7px 2.5px 18px !important;
    border-color:rgba(255,230,158,.12) !important;
    background:rgba(0,0,0,.18) !important;
    font-size:8.8px !important;
    line-height:1.06 !important;
    box-shadow:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content li{
    font-size:9.1px !important;
    line-height:1.08 !important;
  }
}

/* Triniti 20260630 mobile-pvp-assets1-after-vip: final PvP image override. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpDeskHero{
    aspect-ratio:2117 / 743 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./pvp-premium/pvp-hero-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .pvpDeskHero::before,
  html body:not(.triniti-game-page) .pvpDeskHero::after,
  html body:not(.triniti-game-page) .pvpDeskHero__copy,
  html body:not(.triniti-game-page) .pvpDeskHero__visual{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard{
    aspect-ratio:1290 / 1219 !important;
    border:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 10px 22px rgba(0,0,0,.34) !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--equal{
    background-image:url("./pvp-premium/pvp-equal-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard--free{
    background-image:url("./pvp-premium/pvp-free-mobile-final.png?v=20260630-mobile-pvp-assets1") !important;
  }

  html body:not(.triniti-game-page) .pvpModeCard::before,
  html body:not(.triniti-game-page) .pvpModeCard::after,
  html body:not(.triniti-game-page) .pvpModeCard__art,
  html body:not(.triniti-game-page) .pvpModeCard__copy{
    display:none !important;
    content:none !important;
  }
}

/* Triniti 20260630 mobile-vip-pvp-fix2-final: active after final PvP override. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .pvpModeCard--equal{
    border:1px solid rgba(255,224,145,.78) !important;
    box-shadow:
      0 10px 22px rgba(0,0,0,.34),
      inset 0 0 0 1px rgba(255,245,198,.08) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    top:108px !important;
    bottom:12px !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    align-content:start !important;
    gap:3px !important;
  }
}

/* Triniti 20260630 mobile-banners-vip2: user mobile casino/partner/VIP assets. */
@media (max-width:700px){
  html body:not(.triniti-game-page) .casinoDeskHero{
    aspect-ratio:2123 / 741 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./casino-premium/casino-hero-mobile-final.png?v=20260630-mobile-banners-vip2") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .casinoDeskHero__copy,
  html body:not(.triniti-game-page) .casinoDeskHero__visual,
  html body:not(.triniti-game-page) .casinoDeskHero__cta{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner{
    aspect-ratio:2117 / 743 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background-color:#050608 !important;
    background-image:url("./partner-premium/partner-hero-mobile-final.png?v=20260630-mobile-banners-vip2") !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner .premiumPageHero__copy,
  html body:not(.triniti-game-page) .desktopExtraView--partner .premiumPageHero--partner .premiumPageHero__scene{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1131 / 1391 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    outline:0 !important;
    border-radius:18px !important;
    background-color:#050608 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-shadow:0 16px 34px rgba(0,0,0,.42) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club{
    background-image:url("./vip-premium/vip-card-club-mobile-final.png?v=20260630-mobile-banners-vip2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black{
    background-image:url("./vip-premium/vip-card-black-mobile-final.png?v=20260630-mobile-banners-vip2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve{
    background-image:url("./vip-premium/vip-card-crown-mobile-final.png?v=20260630-mobile-banners-vip2") !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::before,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel::after,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__media{
    display:none !important;
    content:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--club .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content,
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content{
    position:absolute !important;
    z-index:2 !important;
    left:18px !important;
    right:18px !important;
    top:46% !important;
    bottom:18px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    box-sizing:border-box !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content ul{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    align-content:start !important;
    gap:5px !important;
    list-style:none !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:5px 9px 5px 22px !important;
    border:1px solid rgba(255,230,158,.13) !important;
    border-radius:10px !important;
    background:rgba(0,0,0,.22) !important;
    color:rgba(255,255,255,.93) !important;
    font-size:10.5px !important;
    line-height:1.13 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-shadow:0 2px 8px rgba(0,0,0,.82) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel__content li::before{
    content:"" !important;
    position:absolute !important;
    left:10px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#fff0aa,#d8a23d) !important;
    box-shadow:0 0 8px rgba(246,197,90,.24) !important;
  }

  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--black .vipLevel__content li:nth-child(n+7),
  html body:not(.triniti-game-page) .desktopExtraView--vip .vipLevel--reserve .vipLevel__content li:nth-child(n+7){
    display:none !important;
  }
}