/* Original charcoal composition, with selective glass from the second design.
   This layer is removable; glass-theme.css and the original styles remain intact. */
.theme-hybrid {
  --bg: #111015;
  --surface: rgba(29, 25, 37, .84);
  --surface-raised: rgba(42, 34, 53, .84);
  --border: rgba(217, 199, 241, .13);
  --text: #f4f0fa;
  --muted: #afa4bc;
  --purple: #b18aef;
  --primary: #9868e8;
  --glass-border: rgba(226, 215, 244, .15);
  --glass-shadow: 0 12px 36px #0003, inset 0 1px 0 #ffffff12;
  background: #111015;
  color: #f4f0fa;
}
.theme-hybrid::before {
  background:
    radial-gradient(ellipse 65% 55% at 7% 0%, rgba(105, 71, 151, .13), transparent 78%),
    radial-gradient(ellipse 45% 55% at 97% 85%, rgba(86, 70, 123, .07), transparent 84%),
    linear-gradient(140deg, #141119, #101015 70%);
}
.theme-hybrid::after { background: radial-gradient(ellipse 45% 45% at 90% 9%, rgba(153, 123, 206, .045), transparent 80%); }
.theme-hybrid ::selection { background: #7952b7; color: #fff; }
.theme-hybrid :focus-visible { outline-color: #c4a1f6; }

/* Retain the floating glass header, with a quieter edge and less height. */
.theme-hybrid .site-header {
  height: 72px;
  margin-top: 14px;
  top: 12px;
  border-radius: 17px;
  border-color: #e0cffa26;
  background: linear-gradient(115deg, #ffffff06, #ffffff01), rgba(24, 21, 31, .81);
  box-shadow: 0 10px 32px #0003, inset 0 1px 0 #ffffff14;
  -webkit-backdrop-filter: blur(22px) saturate(120%);
  backdrop-filter: blur(22px) saturate(120%);
}
.theme-hybrid .main-nav > a, .theme-hybrid .main-nav > button { color: #b6aebf; }
.theme-hybrid .main-nav .nav-active { color: #f3edfa; }
.theme-hybrid .nav-active::after { background: #ad83e7; box-shadow: 0 0 12px #ae87f13d; }
.theme-hybrid .currency { color: #bdb2c9; }
.theme-hybrid .currency span { color: #776a88; }
.theme-hybrid .cart-button, .theme-hybrid .account-link, .theme-hybrid .favorites-button {
  border-color: #d4b5fc24;
  border-radius: 10px;
  background: linear-gradient(145deg, #d7b3ff12, #ccb3ff04), #211b2b70;
  color: #d2c2e6;
  box-shadow: inset 0 1px 0 #ffffff0f;
}
.theme-hybrid .cart-button:hover, .theme-hybrid .account-link:hover, .theme-hybrid .favorites-button:hover { background: #b58ad126; border-color: #d2b3f752; }
.theme-hybrid .cart-count { color: #d3b2fb; background: #ad80ef26; border-radius: 6px; }
.theme-hybrid .welcome-line { min-height: 55px; font-size: 11px; letter-spacing: 1.4px; color: #aaa0b6; }
.theme-hybrid .welcome-right { color: #94889f; }

/* Restore the open image and compact hero; glass is reserved for its caption. */
.theme-hybrid .hero-feature {
  min-height: 312px;
  padding: 0;
  border-radius: 19px;
  border-color: #c6acd624;
  background: #22182e;
  box-shadow: 0 18px 45px #0003, inset 0 1px 0 #ffffff17;
}
.theme-hybrid .hero-art { opacity: .9; object-position: 76% 46%; }
.theme-hybrid .hero-shade { background: linear-gradient(90deg, #181122f2, #191125cf 31%, #17112045 66%, #1811240a), linear-gradient(0deg, #100c20a1, transparent 68%); }
.theme-hybrid .hero-feature::after { box-shadow: inset 0 1px 0 #ffffff1f; }
.theme-hybrid .hero-content {
  width: min(610px, 70%);
  min-height: 310px;
  padding: 28px 33px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.theme-hybrid .hero-content h1 { font-size: 41px; line-height: 1.15; font-weight: 720; letter-spacing: -1.5px; margin-top: 17px; }
.theme-hybrid .hero-content h1 em, .theme-hybrid .intro h1 em { color: #bd97fa; background: linear-gradient(110deg, #ceabff, #ad87ef); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.theme-hybrid .hero-content p { color: #c3b9d0; font-size: 14px; line-height: 1.65; margin-top: 13px; }
.theme-hybrid .hero-content .eyebrow { font-size: 11px; letter-spacing: 1px; color: #d1b7ed; }
.theme-hybrid .eyebrow > span { background: #bb98ef; box-shadow: 0 0 10px #bb98ef66; }
.theme-hybrid .hero-content .button { margin-top: 22px; padding: 11px 17px; }
.theme-hybrid .primary {
  color: #fff;
  border-radius: 10px;
  border-color: #dcc1ff40;
  background: linear-gradient(135deg, #a377f0, #8254cd);
  box-shadow: inset 0 1px 0 #ffffff45, 0 6px 19px #7847bd29;
}
.theme-hybrid .primary:hover { color: #fff; background: linear-gradient(135deg, #b38afa, #9267dc); box-shadow: inset 0 1px 0 #ffffff59, 0 8px 23px #9063cc40; }
.theme-hybrid .hero-game { right: 24px; bottom: 42px; padding: 15px 18px; border-radius: 14px; border-color: #f1dcff38; background: linear-gradient(135deg, #e7cfff14, #e7cfff03), #20152696; box-shadow: inset 0 1px 0 #ffffff24, 0 12px 25px #08000e38; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.theme-hybrid .hero-game strong { font-size: 18px; }
.theme-hybrid .hero-game-kicker, .theme-hybrid .hero-game-price { color: #dfcfe6; }
.theme-hybrid .hero-slide-index { color: #b9a8c7; right: 26px; }

/* Original catalog spacing, with glass on interactive controls. */
.theme-hybrid .benefits { background: transparent; border: 0; border-bottom: 1px solid #e4c9ff12; box-shadow: none; border-radius: 0; padding: 21px 0; margin-top: 0; margin-bottom: 28px; gap: 18px; }
.theme-hybrid .benefits > span { color: #b7acc3; border-right-color: #e3c4ff14; }
.theme-hybrid .benefits svg { color: #b79bda; }
.theme-hybrid .section-kicker { color: #9b88ad; font-size: 10px; letter-spacing: 1.8px; }
.theme-hybrid .section-heading h2 { font-size: 28px; color: #f3edf9; font-weight: 650; }
.theme-hybrid .result-count { color: #beaccd !important; background: #b28bd51a !important; border-color: #d9bbfa14; }
.theme-hybrid .search-box, .theme-hybrid .rental-periods { border-color: #ccb2e82e; border-radius: 12px; background: linear-gradient(135deg, #e0c8ff0a, #e0c8ff02), #1b1724b8; box-shadow: inset 0 1px 0 #ffffff0e; }
.theme-hybrid .search-box { padding: 12px 14px; }
.theme-hybrid .search-box:focus-within { border-color: #b28bdfa1; box-shadow: 0 0 0 3px #b482e512; }
.theme-hybrid .search-box input::placeholder, .theme-hybrid .search-box > svg { color: #a194b0; }
.theme-hybrid .search-box kbd { color: #9b8ba9; border-color: #ddc3f821; }
.theme-hybrid .catalog-toolbar { margin-top: 19px; padding-bottom: 13px; border-bottom-color: #e0c3ff12; }
.theme-hybrid .category-tabs { padding: 0; gap: 7px; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.theme-hybrid .category-tab { font-size: 13px; padding: 10px 12px; color: #b4a7c1; border-radius: 10px; }
.theme-hybrid .category-tab:hover { background: #cda7fd0c; color: #f1e7fb; }
.theme-hybrid .category-tab.active { color: #dbbaff; background: linear-gradient(135deg, #c495ff21, #b68be70d); border-color: #bd91ee33; box-shadow: inset 0 1px 0 #e3c5ff17; }
.theme-hybrid .sort-control, .theme-hybrid .sort-control select { color: #b2a3c0; }
.theme-hybrid select option { background: #211a2a; color: #e9def5; }
.theme-hybrid .filter-row { padding: 15px 0 21px; }
.theme-hybrid .filter-label { color: #9886a7; }
.theme-hybrid .platform-pill, .theme-hybrid .sale-filter { color: #b3a0c3; }
.theme-hybrid .platform-pill.selected { color: #e7dced; background: #c1a4da0d; border-color: #dbc0f22e; }
.theme-hybrid .switch-track { background: #ac8cbd33; border-color: #d5b6ee17; }
.theme-hybrid .switch-track::after { background: #b7a0c6; }
.theme-hybrid .sale-filter input:checked + .switch-track { background: #9568cd; }

/* Flush covers and dark card bodies from the first design; soft glass edges from the second. */
.theme-hybrid .product-grid { gap: 21px 19px; }
.theme-hybrid .product-card {
  padding: 0;
  border-radius: 16px;
  border-color: rgba(212, 188, 241, .14);
  background: linear-gradient(145deg, #dfc7ff08, #dfc7ff01), rgba(27, 23, 34, .86);
  box-shadow: inset 0 1px 0 #ffffff10, 0 8px 22px #0002;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.theme-hybrid .product-card:hover { transform: translateY(-3px); border-color: #b591d86b; box-shadow: inset 0 1px 0 #e5d1ff1f, 0 14px 32px #0004; }
.theme-hybrid .product-cover { border-radius: 0; background: #2a2035; box-shadow: 0 1px 0 #ffffff09; }
.theme-hybrid .card-content { padding: 15px 14px 14px; }
.theme-hybrid .card-badge { left: 10px; top: 10px; background: #1d142ab8; border-color: #e3c5ff36; color: #f1e7fb; }
.theme-hybrid .favorite-toggle { top: 10px; right: 10px; border-radius: 8px; background: #1e14299c; border-color: #e3c5ff36; color: #e8dbee; }
.theme-hybrid .favorite-toggle.saved { color: #d9b6ff; background: #6f409896; }
.theme-hybrid .product-title { font-size: 16px; font-weight: 610; color: #eee5f6; }
.theme-hybrid .product-meta { color: #a493b3; }
.theme-hybrid .product-meta svg { color: #b6a4c6; }
.theme-hybrid .meta-divider { color: #6f5a7f; }
.theme-hybrid .card-bottom { margin-top: 16px; }
.theme-hybrid .current-price { font-size: 19px; color: #f5edf9; }
.theme-hybrid .rental-caption { color: #b797d8; }
.theme-hybrid .rental-price-suffix, .theme-hybrid .old-price { color: #a18cad; }
.theme-hybrid .add-to-cart { width: 36px; height: 36px; border-radius: 10px; color: #d5b4f7; border-color: #c89ae840; background: linear-gradient(135deg, #d7b2ff1f, #b387dd0a); box-shadow: inset 0 1px 0 #ecd7ff24; }
.theme-hybrid .add-to-cart:hover { color: #fff; background: #9567ce; border-color: #d8b4f7; }
.theme-hybrid .catalog-bottom { color: #a28daf; padding-top: 22px; }
.theme-hybrid .catalog-bottom svg { color: #b99ad8; }
.theme-hybrid .category-breadcrumb, .theme-hybrid .category-breadcrumb [aria-current] { color: #cfadeb; }
.theme-hybrid .category-breadcrumb button, .theme-hybrid .rental-period-control { color: #ac97bb; }
.theme-hybrid .rental-periods button { color: #bca6cd; }
.theme-hybrid .rental-periods button.selected { color: #e2c5fc; background: #bb8ded24; box-shadow: inset 0 0 0 1px #d2a6f938, inset 0 1px 0 #fff1; }
.theme-hybrid .discovery-banner { padding: 25px 28px; border-radius: 17px; background: linear-gradient(105deg, #bc8fe90f, #b48adb03), rgba(28, 22, 36, .73); border-color: #e6c9ff21; box-shadow: var(--glass-shadow); }
.theme-hybrid .discovery-banner p { color: #b5a1c4; }
.theme-hybrid .discovery-mark { color: #c8a7e9; border-radius: 12px; border-color: #dbb4ff29; background: #b985e513; }
.theme-hybrid .secondary { color: #dcc2ee; border-radius: 10px; border-color: #d7b1f736; background: linear-gradient(135deg, #d9b4ff13, #c896fc05); box-shadow: inset 0 1px 0 #efd6ff12; }
.theme-hybrid .secondary:hover { background: #c895f725; border-color: #dfb6ff63; }
.theme-hybrid .site-footer { padding: 25px 0 20px; border: 0; border-top: 1px solid #d5b4ed1c; border-radius: 0; background: transparent; box-shadow: none; }
.theme-hybrid .footer-main > span, .theme-hybrid .footer-main > button, .theme-hybrid .footer-bottom { color: #a99ab5; }
.theme-hybrid .footer-bottom { border-top-color: #dfc2f514; }

/* Account and overlays keep the same quieter dark material. */
.theme-hybrid dialog { border-radius: 20px; border-color: #dcc2f238; background: linear-gradient(140deg, #d6b5f50a, #d6b5f501), rgba(26, 20, 34, .93); box-shadow: inset 0 1px 0 #ffffff24, 0 30px 100px #0008; }
.theme-hybrid .cart-dialog { border-radius: 20px 0 0 20px; }
.theme-hybrid .dialog-header, .theme-hybrid .cart-item, .theme-hybrid .detail-facts, .theme-hybrid .detail-footer, .theme-hybrid .summary-row.total { border-color: #dbc0f021; }
.theme-hybrid .close-button, .theme-hybrid .quantity-control button { color: #d6b9e8; background: #cba4eb14; border-color: #e2baff29; }
.theme-hybrid .detail-cover > .close-button { color: #fff; background: rgba(28, 18, 36, .84); border-color: #edcaff66; }
.theme-hybrid .detail-cover > .close-button:hover { background: #463050; }
.theme-hybrid .detail-description, .theme-hybrid .detail-note, .theme-hybrid .detail-facts dt, .theme-hybrid .info-content, .theme-hybrid .cart-item-sub, .theme-hybrid .checkout-note, .theme-hybrid .summary-row, .theme-hybrid .cart-empty p { color: #c0aecb; }
.theme-hybrid .detail-facts dd { color: #e7d9ef; }
.theme-hybrid .rental-plan { background: #d0a1ee06; border-color: #dfbff82b; }
.theme-hybrid .rental-plan.selected { background: #c78cf31a; border-color: #c597eb80; box-shadow: inset 0 1px 0 #e7c4ff26; }
.theme-hybrid .rental-plan > span, .theme-hybrid .rental-plan > small { color: #c6add5; }
.theme-hybrid .cart-summary { background: #c594e408; border-top-color: #ddb7fc29; }
.theme-hybrid .form-input { background: #140f1d80; border-color: #dab1f533; color: #efe1f6; }
.theme-hybrid .toast { background: #2b2038e8; border-color: #d3a8ef4d; color: #eee0f6; }
.theme-hybrid .account-header { height: 76px; border-radius: 17px; border-color: #e0cffa26; background: linear-gradient(115deg, #ffffff06, #ffffff01), rgba(24, 21, 31, .81); }
.theme-hybrid .account-main { padding-top: 44px; }
.theme-hybrid .back-link { color: #cab9d8; }
.theme-hybrid .intro h1 { font-weight: 650; }
.theme-hybrid .intro-copy, .theme-hybrid .intro-note { color: #b2a0c0; }
.theme-hybrid .identity-tile { background: linear-gradient(140deg, #dfb3ff26, #a277d208), #271b3b38; border-color: #dfc2ff47; box-shadow: inset 0 1px 0 #f6eaff47, 0 23px 50px #0004; border-radius: 31px; }
.theme-hybrid .art-label { background: #271d3691; border-color: #d2b2f22e; color: #cbb2df; }
.theme-hybrid .art-dot { background: #c6a1ec; box-shadow: 0 0 17px #c29aef66; }
.theme-hybrid .auth-card, .theme-hybrid .identity-card, .theme-hybrid .settings-card {
  border-color: #dac0f02b;
  border-radius: 20px;
  background: linear-gradient(140deg, #dab7ff0c, #dab7ff01), rgba(28, 22, 36, .8);
  box-shadow: inset 0 1px 0 #ffffff1a, 0 20px 55px #0003;
}
.theme-hybrid .auth-card::before { background: linear-gradient(90deg, transparent, #dfb4ff59, transparent); }
.theme-hybrid .card-topline .eyebrow, .theme-hybrid .card-symbol { color: #b99ccc; }
.theme-hybrid .card-subtitle, .theme-hybrid .section-copy, .theme-hybrid .dashboard-heading p { color: #b3a0c1; }
.theme-hybrid .tabs { background: #0f0b1678; border-color: #dbb6f522; border-radius: 11px; }
.theme-hybrid .tabs button { border-radius: 7px; color: #b9a2c9; }
.theme-hybrid .tabs button[aria-selected=true] { color: #e1c4fa; background: linear-gradient(135deg, #c998ed24, #ab7bd511); border-color: #d09af047; box-shadow: inset 0 1px 0 #e8c6ff21; }
.theme-hybrid.account-page label { color: #d8c8e4; }
.theme-hybrid.account-page input { background: #110c198c; border-color: #d1abf32b; border-radius: 10px; color: #f3e9fb; }
.theme-hybrid.account-page input::placeholder { color: #a291b1; }
.theme-hybrid.account-page input:focus { border-color: #b38ada; box-shadow: 0 0 0 3px #c997ed14; }
.theme-hybrid.account-page input:read-only { background: #d9b5ee06; color: #bba5cd; }
.theme-hybrid .field-hint, .theme-hybrid .form-switch, .theme-hybrid .card-footnote, .theme-hybrid .identity-card > p, .theme-hybrid .member-since { color: #ae99bf; }
.theme-hybrid .card-footnote, .theme-hybrid .member-since { border-top-color: #d5afee1c; }
.theme-hybrid .form-switch button { color: #d8b2fa; }
.theme-hybrid .reveal { color: #c9a6e4; }
.theme-hybrid .reveal:hover { background: #d0a1ee14; color: #eed5ff; }
.theme-hybrid .avatar { color: #e6caff; background: linear-gradient(145deg, #d3a1f72b, #b986e90a), #30213f; border-color: #dab3f547; box-shadow: inset 0 1px 0 #ebcbff2e, 0 10px 23px #0003; }
.theme-hybrid .catalog-link, .theme-hybrid .section-icon { color: #d4b3ed; background: linear-gradient(135deg, #d7aaf91a, #c193ec05); border-color: #d1a6f333; border-radius: 10px; }
.theme-hybrid .account-footer { color: #a18bad; border-top-color: #d8b6f01f; }

@media (min-width: 901px) { .theme-hybrid .hero-game { display: grid; } }
@media (max-width: 1150px) {
  .theme-hybrid .hero-content { width: 68%; padding: 28px; }
  .theme-hybrid .hero-content h1 { font-size: 38px; }
  .theme-hybrid .hero-content p { font-size: 13px; }
  .theme-hybrid .category-tab { padding: 10px; font-size: 12px; }
}
@media (max-width: 900px) {
  .theme-hybrid .hero-content { width: 80%; }
  .theme-hybrid .hero-content h1 { font-size: 36px; }
  .theme-hybrid .hero-game { display: none; }
  .theme-hybrid .benefits { gap: 12px; }
}
@media (max-width: 760px) {
  .theme-hybrid .site-header { height: 64px; margin-top: 10px; top: 8px; border-radius: 15px; }
  .theme-hybrid .welcome-line { min-height: 52px; font-size: 10px; }
  .theme-hybrid .hero-feature { min-height: 305px; border-radius: 17px; }
  .theme-hybrid .hero-content { width: 100%; min-height: 303px; padding: 26px 25px; }
  .theme-hybrid .hero-shade { background: linear-gradient(90deg, #181120eb, #18112391 60%, #19132566), linear-gradient(0deg, #100c2096, transparent 75%); }
  .theme-hybrid .hero-art { opacity: .88; object-position: 67% center; }
  .theme-hybrid .hero-content h1 { font-size: 35px; letter-spacing: -1.25px; margin-top: 17px; }
  .theme-hybrid .hero-content p { font-size: 13px; margin-top: 15px; }
  .theme-hybrid .hero-content .eyebrow { font-size: 10px; letter-spacing: .55px; }
  .theme-hybrid .hero-content .button { font-size: 13px; margin-top: 22px; }
  .theme-hybrid .benefits { margin: 0 0 25px; padding: 21px 0; gap: 14px 8px; }
  .theme-hybrid .benefits > span { font-size: 11px; gap: 6px; }
  .theme-hybrid .section-heading h2 { font-size: 26px; }
  .theme-hybrid .search-box { padding: 13px; }
  .theme-hybrid .category-tabs { gap: 6px; padding-bottom: 4px; }
  .theme-hybrid .category-tab { padding: 10px 11px; font-size: 13px; }
  .theme-hybrid .product-grid { gap: 15px 12px; }
  .theme-hybrid .product-card { padding: 0; border-radius: 13px; }
  .theme-hybrid .card-content { padding: 12px 11px; }
  .theme-hybrid .card-badge { left: 7px; top: 8px; font-size: 9px; line-height: 19px; }
  .theme-hybrid .favorite-toggle { right: 7px; top: 7px; }
  .theme-hybrid .product-title { font-size: 14px; }
  .theme-hybrid .product-meta { font-size: 11px; }
  .theme-hybrid .card-bottom { margin-top: 14px; }
  .theme-hybrid .current-price { font-size: 18px; }
  .theme-hybrid .add-to-cart { width: 32px; height: 32px; border-radius: 9px; }
  .theme-hybrid .discovery-banner { padding: 22px; border-radius: 15px; }
  .theme-hybrid .site-footer { padding: 23px 0 17px; }
  .theme-hybrid .account-header { height: 68px; border-radius: 16px; }
  .theme-hybrid .account-main { padding-top: 30px; }
  .theme-hybrid .auth-card, .theme-hybrid .identity-card, .theme-hybrid .settings-card { border-radius: 18px; }
  .theme-hybrid .cart-dialog { border-radius: 18px 0 0 18px; }
}
@media (max-width: 380px) {
  .theme-hybrid .hero-content { padding: 25px 21px; }
  .theme-hybrid .hero-content h1 { font-size: 31px; }
  .theme-hybrid .hero-content .eyebrow { font-size: 9px; }
  .theme-hybrid .hero-content p { font-size: 12px; }
  .theme-hybrid .benefits > span { font-size: 10px; }
  .theme-hybrid .card-content { padding: 11px 9px; }
  .theme-hybrid .product-title { font-size: 13px; }
  .theme-hybrid .current-price { font-size: 17px; }
  .theme-hybrid .add-to-cart { width: 29px; height: 29px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .theme-hybrid .site-header, .theme-hybrid .account-header { background-color: #201927; }
  .theme-hybrid .hero-content { background: transparent; }
  .theme-hybrid .hero-game { background-color: #2c2132; }
  .theme-hybrid .product-card, .theme-hybrid .auth-card, .theme-hybrid .settings-card, .theme-hybrid .identity-card { background-color: #211927; }
  .theme-hybrid dialog { background-color: #211927; }
}
@media (prefers-reduced-motion: reduce) {
  .theme-hybrid .product-card:hover, .theme-hybrid .primary:hover { transform: none; }
}