/* r336 ordered CSS; unchanged declarations. */
/* /assets/slow-motion-r224.css */
/* r259: tactile light without distortion and interruption-safe modal movement.
   The two Liquid Glass gesture tracks keep their own independent motion. */
@property --ht-control-scale {syntax:"<number>";inherits:false;initial-value:1}
@property --ht-sheen-position-r217 {syntax:"<percentage>";inherits:false;initial-value:-155%}
/* A temporary inert child avoids consuming the icon/loading pseudo-elements.
   Only its own rounded surface clips; host content and overflow stay intact. */
html body[data-ui-layout] .ht-control-light-r259{
 position:absolute!important;inset:0!important;display:block!important;
 width:auto!important;height:auto!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:inherit!important;overflow:hidden!important;
 pointer-events:none!important;user-select:none!important;touch-action:auto!important;
 background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),rgba(233,250,255,.18) 0%,rgba(233,250,255,.08) 32%,rgba(233,250,255,0) 72%)!important;
 opacity:0;z-index:1!important;box-shadow:none!important;
}
@keyframes ht-dialog-enter-r259{from{opacity:0;translate:0 8px;scale:.995}to{opacity:1;translate:0 0;scale:1}}
/* Both retained sheen stylesheets honor one registered position. The extra
   layout scope also wins over their historical static !important transform. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#packages .pack) .ht-sheen-beam-r217{
 transform:translate3d(var(--ht-sheen-position-r217,-155%),0,0) skewX(-18deg)!important;
}
/* r272: decorative Home ticker/search light keep moving behind open popups. */
@media(prefers-reduced-motion:no-preference){
 html body[data-ui-layout][data-ui-layout] :is(button:not(.pack):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer){
  scale:var(--ht-control-scale,1)!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease!important;
 }
 html body[data-ui-layout][data-ui-layout] :is(.member-row,.member-account-choice,.member-account-remove){scale:none!important}
 html body[data-ui-layout][data-ui-layout] :is(input,textarea,select){transition:border-color .18s ease,background-color .18s ease!important}
 html body.home-page[data-ui-layout] #catalog-scroll .game > small {transition:transform .22s cubic-bezier(.2,.7,.2,1)!important}
 html body[data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-tools-panel,.member-language-panel,.redeem-dialog,.store-dialog):not(.is-closing):not(.ht-slow-closing)::backdrop{
  animation-duration:.22s!important;animation-timing-function:ease-out!important;
 }
 html body[data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-tools-panel,.member-language-panel).is-closing::backdrop,
 html body[data-ui-layout][data-ui-layout] :is(.redeem-dialog,.store-dialog).ht-slow-closing::backdrop{
  animation:ht-menu-backdrop-out-r201 .18s ease-in both!important;
 }
 html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.redeem-dialog,.store-dialog)[open]:not(.ht-slow-closing){
  animation:ht-dialog-enter-r259 .28s cubic-bezier(.2,.7,.2,1) both!important;
 }
 html body[data-ui-layout][data-ui-layout] :is(.redeem-dialog,.store-dialog).ht-slow-closing{animation:none!important}
 html body[data-ui-layout][data-ui-layout] .ht-emoji {animation-duration:.4s!important}
 html body[data-ui-layout][data-ui-layout] .ht-emoji-error {animation-duration:.32s!important}
 html body[data-ui-layout][data-ui-layout] .ht-check-ring {animation-duration:.35s!important}
 html body[data-ui-layout][data-ui-layout] .ht-check-tick {animation-duration:.4s!important}
 html body[data-ui-layout][data-ui-layout] .ht-emoji-spark {animation-duration:.75s!important}
 html body[data-ui-layout][data-ui-layout] .page-support>.ht-emoji {animation-duration:.4s!important}
 html body[data-ui-layout][data-ui-layout] .page-support:active>.ht-emoji {scale:none!important}
 html body[data-ui-layout][data-ui-layout] .ticker-track {animation-duration:42s!important}
 html body[data-ui-layout][data-ui-layout] .member-language-chevron {transition-duration:.2s!important}
 html body[data-ui-layout][data-ui-layout] .member-language-spinner {animation-duration:1s!important}
 html body[data-ui-layout][data-ui-layout] :is(.promo-inner,#game-search-panel,.topup>.title,.topup>.account,.topup>.payment-panel,.customer-hero,.customer-card,.policy-content>h1,.policy-content>h2,.policy-content>details,.policy-content>p,.policy-content>ul,.policy-content>a)[data-ht-reveal=run]{animation-duration:.36s!important;animation-delay:0s!important}
 html body[data-ui-layout][data-ui-layout] .account #account-result:is(.success,.error):not(:empty){animation-duration:.3s!important}
 html body[data-ui-layout][data-ui-layout] .account-confirmed {animation-duration:.3s!important}
 html body[data-ui-layout][data-ui-layout] #packages .pack.pack:is(.selected,[aria-pressed=true])>.pack-flash{animation-duration:.32s!important}
 html body[data-ui-layout][data-ui-layout] #selection-feedback-r185 .selection-toast .ht-emoji {animation-duration:.3s!important}
 html body[data-ui-layout][data-ui-layout] #selection-feedback-r185 .selection-toast .ht-emoji-error {animation-duration:.28s!important}
 html body[data-ui-layout][data-ui-layout] #selection-feedback-r185 .selection-toast .ht-check-ring {animation-duration:.3s!important}
 html body[data-ui-layout][data-ui-layout] #selection-feedback-r185 .selection-toast .ht-check-tick {animation-duration:.35s!important}
 html body[data-ui-layout][data-ui-layout] #selection-feedback-r185 .selection-toast .ht-emoji-spark {animation-duration:.45s!important}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
 html body[data-ui-layout] .ht-control-light-r259{display:none!important}
}
/* A visible focus ring is retained when movement is disabled. */
@media(prefers-reduced-motion:reduce){
 html body[data-ui-layout][data-ui-layout] :is(button,a.page-support,a.footer-social,a.footer-developer,input,textarea,select){transition:none!important;scale:none!important}
 html body[data-ui-layout][data-ui-layout] :is(.member-panel,.member-menu,.member-auth,.member-language-panel,.member-tools-panel,.redeem-dialog,.store-dialog)::backdrop{animation:none!important}
 html body[data-ui-layout][data-ui-layout] :is(.ht-emoji,.ht-check-ring,.ht-check-tick,.ht-emoji-spark,.member-language-spinner,.account-confirmed,[data-ht-reveal=run],.pack-flash,.ticker-track){animation:none!important}
}

/* /assets/owner-ui-r210.css */
/* Hide only the requested Menu words, not the authenticated customer's profile name. */
html body[data-ui-layout] .member-menu > .member-panel-heading {justify-content:flex-end!important}
html body[data-ui-layout] .member-menu > .member-panel-heading > h2 {
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
html body[data-ui-layout] > header .member-trigger:not(:has(.member-avatar)) .member-trigger-name {display:none!important}
html body[data-ui-layout] > header .member-trigger:not(:has(.member-avatar)) {width:38px!important;min-width:38px!important;padding:8px!important;gap:0!important}
/* Blue diamond and gold/mint card replace the numbered round tiles. */
html body[data-ui-layout][data-ui-layout] .title > span.checkout-step-emoji {
 display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
 min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;padding:0!important;
 border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout] .checkout-step-emoji > .ht-emoji {width:32px!important;height:32px!important}

/* /assets/cool-effects-r214.css */
/* Finite decorative effects; never replace selected-state colors or hit targets. */
html body[data-ui-layout] :is(#catalog-scroll .game,#packages .pack){
 transition:box-shadow .35s ease,border-color .35s ease;
}
@media(hover:hover) and (pointer:fine){
 html body[data-ui-layout] #catalog-scroll .game:hover,
 html body[data-ui-layout] #packages .pack:not(.selected):not([aria-pressed=true]):hover{
  border-color:#64c9eb;box-shadow:0 0 0 1px #63d9ff30,0 5px 18px #009fea24,inset 0 0 16px #4ecaff0a;
 }
}
html body[data-ui-layout] :is(#catalog-scroll .game,#packages .pack):focus-visible{
 outline:2px solid #9eefff;outline-offset:2px;
}
.ht-fx-host-r214{position:relative!important}
.ht-fx-layer-r214{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:1;contain:paint}
.ht-fx-beam-r214{position:absolute;inset:-25% 0;width:45%;background:linear-gradient(110deg,transparent,#c3f6ff55,transparent);pointer-events:none;transform:translateX(-160%) skewX(-18deg)}
@media(prefers-reduced-motion:reduce){
 html body[data-ui-layout] :is(#catalog-scroll .game,#packages .pack){transition:none}
 .ht-fx-layer-r214{display:none}
}

/* /assets/surface-shine-r221.css */
/* Broad sheen animated with compositor-friendly transform/opacity on phones. */
html body[data-ui-layout] :is(#catalog-scroll .game,#packages .pack){position:relative!important}
.ht-sheen-layer-r217{display:block;position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none!important;z-index:2;contain:paint;background:transparent;border:0;padding:0;margin:0;font-style:normal}
.ht-sheen-beam-r217{display:block;position:absolute;top:-25%;bottom:-25%;left:0;width:45%;background:linear-gradient(110deg,transparent 8%,#38c9ff24 34%,#d3f4ff5c 50%,#45d4ff24 66%,transparent 92%);pointer-events:none!important;opacity:0;font-style:normal}
html body[data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#packages .pack) .ht-sheen-beam-r217{transform:translate3d(-155%,0,0) skewX(-18deg)}
html body[data-ui-layout] :is(#catalog-scroll .game,#packages .pack)[data-ht-sheen-visible="true"] .ht-sheen-beam-r217{will-change:transform,opacity!important}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
 height:auto!important;min-height:190px!important;padding:10px!important;gap:9px!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game>.app-icon-frame{
 width:min(100%,128px)!important;height:auto!important;aspect-ratio:1!important;flex:0 0 auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border-radius:12px!important;overflow:visible!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game .game-icon{
 display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:12px!important;margin:0!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game>.app-icon-frame>.app-country-flags{top:2px!important;right:2px!important}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game>b{margin:0!important;min-height:30px!important;line-height:1.4!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(max-width:1023px){
 html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game{min-height:132px!important;padding:7px!important;gap:7px!important}
 html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game>.app-icon-frame{width:min(100%,104px)!important}
 html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game>b{font-size:11px!important;min-height:30px!important}
}
/* Keep the real repeated-result fix after retiring the edge-light stylesheet. */
html body[data-ui-layout][data-ui-layout] .account #account-result:is(.success,.error):not(:empty){animation:none!important}
html body[data-ui-layout][data-ui-layout] .account #account-result:is(.success,.error):not(:empty)::before{animation:none!important}
@media(prefers-reduced-motion:reduce){.ht-sheen-layer-r217{display:none!important}}

/* /assets/warning-icon-r219.css */
/* Alternate names restart the same short warning gesture even when the text is unchanged. */
@media(prefers-reduced-motion:no-preference){
 html body[data-ui-layout][data-ui-layout] .account #account-result.error[data-icon-pulse=a]::before{animation:ht-warning-a-r219 .45s ease-in-out 1!important;transform-origin:50% 70%!important}
 html body[data-ui-layout][data-ui-layout] .account #account-result.error[data-icon-pulse=b]::before{animation:ht-warning-b-r219 .45s ease-in-out 1!important;transform-origin:50% 70%!important}
}
@keyframes ht-warning-a-r219{0%,100%{transform:rotate(0) scale(1)}20%{transform:rotate(-10deg) scale(1.12)}50%{transform:rotate(10deg) scale(1.12)}75%{transform:rotate(-6deg) scale(1.05)}}
@keyframes ht-warning-b-r219{0%,100%{transform:rotate(0) scale(1)}20%{transform:rotate(-10deg) scale(1.12)}50%{transform:rotate(10deg) scale(1.12)}75%{transform:rotate(-6deg) scale(1.05)}}
@media(prefers-reduced-motion:reduce){html body[data-ui-layout][data-ui-layout] .account #account-result.error[data-icon-pulse]::before{animation:none!important}}

/* /assets/weekly-guide-r220.css */
/* Weekly Pass reward illustration, scoped to its existing information dialog. */
html body[data-ui-layout] .store-dialog.weekly-dialog {
  width:min(410px,calc(100vw - 24px))!important;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .bonus-guide.weekly-guide {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:7px!important;
  border-color:#278dbd!important;
  background:radial-gradient(circle at 18% 0%,#16638a77,transparent 42%),radial-gradient(circle at 95% 92%,#0a47745e,transparent 45%),linear-gradient(145deg,#020b17 0%,#08263c 58%,#020d19 100%)!important;
  box-shadow:inset 0 1px 0 #9be9ff38,inset 0 0 30px #0e5a9230,0 10px 24px #0005;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 34%,#2ca9e91b 35%,#adf1ff0b 42%,transparent 43%,transparent 64%,#2094d719 65%,transparent 70%);
  transform:none;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-scene {
  position:relative;border-radius:9px;padding:7px 7px 9px;
  background:linear-gradient(155deg,#071d31e8,#030e1eeb);
  border:1px solid #23759d;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route {
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:0;background:transparent;font-size:10px;line-height:1.3;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route span {
  display:block;padding:6px 7px;border-radius:7px;text-align:center;
  color:#e1f6ff;background:linear-gradient(135deg,#0b6090,#07416b);
  border:1px solid #2d9fca;box-shadow:inset 0 1px 0 #bdeeff33;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route span:last-child {
  background:linear-gradient(135deg,#a52032,#641525);border-color:#e75568;
  color:#fff4f5;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route b {
  color:#ff6b7c;font:800 20px/1 system-ui,sans-serif;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product {
  display:flex;align-items:center;gap:10px;margin:3px 0 7px;padding:5px;
  min-width:0;border-bottom:1px solid #2b7b9a70;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product img {
  width:70px;height:70px;object-fit:contain;flex:none;
  filter:drop-shadow(0 0 9px #38bdf855);
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product > div {min-width:0}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product strong {
  font-size:17px;line-height:1.35;overflow-wrap:anywhere;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric {
  min-width:0;min-height:74px;padding:7px 9px;border-radius:9px;
  border:1px solid #258bb9;background:linear-gradient(145deg,#103e59,#041629 78%);
  box-shadow:inset 0 1px 0 #91e4ff29,inset 0 -9px 18px #00101b66;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric-day {
  background:linear-gradient(145deg,#0f5373,#082139 74%);
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric-full {
  grid-column:1/-1;min-height:68px;
  background:linear-gradient(110deg,#0d4a69,#071b31 74%);
  border-color:#47b6d6;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric small {
  display:block;font-size:10px;line-height:1.4;color:#bceaff;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric strong {
  display:flex;align-items:baseline;gap:4px;margin-top:3px;
  font:800 24px/1.12 system-ui,sans-serif;letter-spacing:.01em;
  color:#f1fcff;text-shadow:0 0 16px #62caff72;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric-full strong {
  color:#fff1b8;font-size:23px;text-shadow:0 0 17px #ffd9714a;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-diamond {
  font-size:13px;filter:drop-shadow(0 0 5px #6bd6ff99);
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-daily {
  margin-top:6px;text-align:center;font-size:10px;line-height:1.5;color:#a8e8ff;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide figcaption {
  padding:7px 5px 2px;color:#c9eafa;font-size:11px;line-height:1.55;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-summary {
  margin:7px 2px 9px!important;color:#d9f1ff;font-size:11px;line-height:1.6;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-links {
  display:flex;flex-wrap:wrap;gap:5px 12px;
}
@media(max-width:340px){
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route {gap:4px;font-size:9px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route span {padding:6px 4px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric strong {font-size:21px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric-full strong {font-size:20px}
}

/* /assets/card-graphics-r220.css */
/* Static cyan energy behind existing art. The established sheen remains the only card motion. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game {
  --ht-card-glow-x:50%;
  background:
    radial-gradient(ellipse 88% 65% at var(--ht-card-glow-x) 0%,#34c9ff35,transparent 78%),
    linear-gradient(126deg,transparent 47%,#7be3ff0e 48%,#167ca317 55%,transparent 57%),
    linear-gradient(155deg,#173b53 0%,#0d293f 58%,#081b2e 100%)!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game:nth-child(3n+2){--ht-card-glow-x:72%}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game:nth-child(3n){--ht-card-glow-x:28%}

html body[data-ui-layout][data-ui-layout] #packages .pack:not(.selected):not([aria-pressed="true"]) {
  background:
    radial-gradient(ellipse 96% 72% at 22% 0%,#2cbcff2e,transparent 72%),
    linear-gradient(130deg,transparent 45%,#7be3ff0c 46%,#167ca315 54%,transparent 56%),
    linear-gradient(155deg,#123a52 0%,#0b2b42 56%,#081c30 100%)!important;
}
html body[data-ui-layout][data-ui-layout] #packages .pack:not(.selected):not([aria-pressed="true"]) .pack-artplate {
  background:
    radial-gradient(circle at 50% 28%,#61d8ff39,transparent 68%),
    linear-gradient(150deg,#164862,#0a263e)!important;
}

/* /assets/account-found-r222.css */
/* Only a verified-account notice is compact; package notices remain unchanged. */
html body[data-ui-layout] #selection-feedback-r185.selection-toast-stack > .selection-toast.notice-account-found {
  align-self:flex-end!important;
  width:max-content!important;
  max-width:min(270px,calc(100vw - 24px))!important;
  height:auto!important;
  min-height:34px!important;
  padding:5px 8px!important;
  gap:6px!important;
  margin-left:auto!important;
  border-radius:9px!important;
  background:#123c30!important;
  border-color:#49a780!important;
  color:#e5fff1!important;
  font-size:11px!important;
  line-height:1.3!important;
  pointer-events:none!important;
}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast.notice-account-found > i {
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  font-size:12px!important;
}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast.notice-account-found > span {
  flex:0 1 auto!important;
  line-height:1.3!important;
}

/* /assets/icon-fill-r222.css */
/* Fill icon frames consistently without changing card art or motion. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame {
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#1b6c92 0%,#124665 52%,#0b2944 100%)!important;
  box-shadow:inset 0 0 0 1px #75dfff7a,0 5px 14px #00131f69!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  background:transparent!important;
}
html body[data-ui-layout][data-ui-layout] #packages .pack .pack-artplate {
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#206886 0%,#155070 52%,#0d3655 100%)!important;
  border-color:#58a6c6!important;
  box-shadow:inset 0 0 0 1px #94e2ff38!important;
}
html body[data-ui-layout][data-ui-layout] #packages .pack .pack-artplate > img.pack-icon {
  display:block!important;
  float:none!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.08)!important;
  background:transparent!important;
  border:0!important;
}

/* /assets/icon-unframed-r223.css */
/* Let existing artwork occupy its whole icon box, without the added frame. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:hidden!important;
  animation:none!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame::before,
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame::after {
  content:none!important;
  display:none!important;
  animation:none!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  animation:none!important;
}
/* The Telegram source has a white square baked behind its blue circular mark. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game img.game-icon[src*="official-telegram"] {
  clip-path:circle(41% at 50% 50%)!important;
}
/* Valorant's red mark is transparent; give it a simple blue image canvas, not a border. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game:has(img.game-icon[src*="official-valorant"]) > .app-icon-frame {
  background:linear-gradient(145deg,#1a5b7e,#0d2e49)!important;
}
html body[data-ui-layout][data-ui-layout] #packages .pack .pack-artplate {
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body[data-ui-layout][data-ui-layout] #packages .pack .pack-artplate > img.pack-icon {
  width:100%!important;
  height:100%!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  object-fit:cover!important;
}
/* The original square logo has black pixels; screen blend hides them on blue chrome. */
html body header > a.site-brand > img[src*="hourtopup-icon-r167.png-r183.png"],
html body .app-install-banner > img[src*="hourtopup-icon-r167.png-r183.png"] {
  mix-blend-mode:screen!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}