/* Dimensional gaming marks with clear, consistent utility symbols. */
.icon { stroke-width: 1.75; }
.icon-circle {
  border-radius: 15px;
  background: linear-gradient(145deg, #f4fffa, #c6efdf);
  border: 1px solid #bfe5d5;
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 90%), 0 3px 0 #bddfce, 0 6px 12px rgb(8 64 44 / 7%);
}
.hero-trust .icon-circle { width: 32px; height: 32px; border-radius: 10px; background: linear-gradient(145deg, #f4fffa, #d1f4e4); }
.hero-trust .icon-circle .icon { width: 21px; height: 21px; }
.hero-feature-card .icon-circle { border-radius: 10px; width: 34px; height: 34px; }
.help-card > .icon-circle { color: #fff; background: linear-gradient(145deg, #139c77, #075444); border-color: #0b765b; box-shadow: inset 0 2px 0 rgb(255 255 255 / 24%), 0 3px 0 #063e33, 0 6px 12px rgb(8 64 44 / 12%); }
.category-pill .icon { width: 23px; height: 23px; }
.category-card-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; margin-bottom: 18px; }
.category-card-icon > .icon { width: 32px; height: 32px; }
.category-card-icon > img { width: 40px; height: 40px; object-fit: contain; }
.phone-apps .phone-category { display: flex; align-items: center; justify-content: center; padding: 7px; min-height: 36px; border-radius: 10px; border: 1px solid #bde7d9; background: linear-gradient(145deg, #edfff6, #b6e8d6); color: #086c52; box-shadow: inset 0 2px 0 #ffffffb3, 0 3px 0 #99cbb9; }
.phone-apps .phone-category:nth-child(2) { color: #6441a4; background: linear-gradient(145deg, #f4edff, #ddd0fb); border-color: #d7c8ef; box-shadow: inset 0 2px 0 #ffffffb3, 0 3px 0 #c4b0e7; }
.phone-apps .phone-category:nth-child(3) { color: #076c87; background: linear-gradient(145deg, #ecfcff, #bfe8f0); border-color: #b2dce5; box-shadow: inset 0 2px 0 #ffffffb3, 0 3px 0 #a7ced9; }
.phone-apps .phone-category:nth-child(4) { color: #947023; background: linear-gradient(145deg, #fffbe8, #eee0b2); border-color: #e6d8af; box-shadow: inset 0 2px 0 #ffffffb3, 0 3px 0 #dbc798; }
.phone-category .icon { width: 25px; height: 25px; }
.phone-banner > .icon { width: 48px; height: 48px; color: #fff; opacity: .36; }
.page-home .hero .gaming-decoration { width: 260px; right: -22px; bottom: 4px; opacity: .84; }
.site-footer > .gaming-decoration { width: 190px; opacity: .16; }
.site-footer > .gaming-decoration.left { transform: rotate(-16deg); }
.game-hero-visual > .gaming-decoration { opacity: .5; object-fit: contain; }
@media (max-width: 600px) {
  .page-home .hero .gaming-decoration { width: 185px; right: 0; bottom: 10px; }
  .site-footer > .gaming-decoration { width: 120px; opacity: .08; }
}