/* Mobile layer overrides legacy unlayered theme rules without changing desktop. */
@layer blackspigot-mobile {
.bsm-header, .bsm-bottomNav, .bsm-menuExtras, .mobile-drawerHeader { display: none !important; }
@media (max-width: 900px) {
  html { scroll-padding-top: 84px !important; }
  body { color: rgb(233, 233, 236) !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 15px !important; line-height: 1.55 !important; background: rgb(16, 18, 22) !important; }
  html::before, html::after, body::before, body::after, .p-pageWrapper::before, .p-pageWrapper::after, #cyber-particles, #bs-particle-network, .p-pageWrapper--helper, .xb-page-wrapper--helper { display: none !important; }
  body * { text-shadow: none !important; }
  .mobile-drawerHeader { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 58px !important; padding: 6px 12px 6px 22px !important; border-bottom: 1px solid rgb(60, 53, 64) !important; color: rgb(233, 217, 210) !important; font-size: 15px !important; font-weight: 600 !important; }
  .mobile-drawerClose { display: grid !important; place-items: center !important; width: 44px !important; height: 44px !important; font-size: 26px !important; color: rgb(220, 177, 159) !important; background: none !important; border: 0px !important; }
  body .offCanvasMenu .categoryList li { padding: 8px 12px !important; margin: 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(56, 51, 59) !important; border-image: none !important; background: none !important; border-radius: 0px !important; box-shadow: none !important; min-height: 0px !important; }
  .offCanvasMenu .categoryList li::before, .offCanvasMenu .categoryList li::after { display: none !important; }
  .offCanvasMenu .categoryList-link { display: block !important; min-height: 38px !important; padding: 8px 0px !important; font-size: 13px !important; line-height: 1.5 !important; background: none !important; box-shadow: none !important; }
  .offCanvasMenu .categoryList { padding: 0px !important; }
  body .p-pageWrapper, body .xb-page-wrapper, body .xb-content-wrapper { min-width: 0px !important; width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; box-shadow: none !important; background: none !important; }
  body .p-pageWrapper { padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important; min-height: 100vh !important; }
  body .p-header, body .p-navSticky, body .p-nav--wrapper, body .p-sectionLinks--wrapper, .navigation-helper { display: none !important; }
  .bsm-header { display: flex !important; align-items: center !important; gap: 6px !important; position: sticky !important; top: 0px !important; z-index: 500 !important; min-height: 58px !important; background: rgba(21, 23, 29, 0.96) !important; border-bottom: 1px solid rgb(48, 51, 60) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 18px !important; }
  .bsm-header .bsm-brand { flex: 1 1 0% !important; min-width: 0px !important; display: flex !important; align-items: center !important; height: 52px !important; margin-left: 4px !important; }
  .bsm-brand img { display: block !important; max-width: 145px !important; width: 100% !important; max-height: 38px !important; object-fit: contain !important; object-position: left center !important; }
  .bsm-header .bsm-icon { position: relative !important; display: grid !important; place-items: center !important; flex: 0 0 auto !important; width: 42px !important; height: 44px !important; padding: 0px !important; border: 0px !important; border-radius: 10px !important; background: transparent !important; color: rgb(227, 225, 226) !important; font-size: 19px !important; text-decoration: none !important; }
  .bsm-icon:hover, .bsm-icon:focus-visible { background: rgb(44, 39, 41) !important; color: rgb(255, 181, 159) !important; }
  .bsm-unread { position: absolute !important; right: 8px !important; top: 8px !important; width: 7px !important; height: 7px !important; background: rgb(244, 156, 130) !important; border: 2px solid rgb(21, 23, 29) !important; border-radius: 50% !important; }
  .bsm-bottomNav { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; position: fixed !important; z-index: 500 !important; bottom: 0px !important; left: 0px !important; right: 0px !important; border-top: 1px solid rgb(52, 53, 62) !important; background: rgba(23, 25, 31, 0.97) !important; box-shadow: rgba(0, 0, 0, 0.267) 0px -4px 24px !important; }
  .bsm-bottomNav a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-height: 48px !important; border-radius: 9px !important; font-size: 10px !important; font-weight: 650 !important; line-height: 1.3 !important; text-decoration: none !important; color: rgb(179, 178, 187) !important; }
  .bsm-bottomNav .fa--xf { font-size: 19px !important; }
  .bsm-bottomNav a[aria-current="page"] { background: rgba(181, 103, 71, 0.133) !important; color: rgb(255, 197, 174) !important; }
  .bsm-header a:focus-visible, .bsm-header button:focus-visible, .bsm-bottomNav a:focus-visible { outline: rgb(245, 173, 145) solid 2px !important; outline-offset: -2px !important; }
  body:has(.overlay-container.is-active) .bsm-bottomNav, body:has(.offCanvasMenu.is-active) .bsm-bottomNav { visibility: hidden !important; }
  body .p-body { margin: 0px !important; padding: 0px !important; box-shadow: none !important; border: 0px !important; background: none !important; }
  body .p-body-inner { width: 100% !important; max-width: none !important; padding: 14px 12px 20px !important; background: none !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; }
  body h1, body h2, body h3, body h4, body h5, body h6 { font-family: inherit !important; }
  body .p-body-main, body .p-body-content, body .p-body-pageContent, body .p-body-main--withSideNav .p-body-content { display: block !important; width: 100% !important; min-width: 0px !important; max-width: none !important; padding: 0px !important; margin: 0px !important; border: 0px !important; box-shadow: none !important; background: none !important; }
  body .p-breadcrumbs { padding: 0px !important; margin: 0px 0px 14px !important; display: flex !important; align-items: center !important; gap: 4px !important; min-height: 24px !important; overflow: hidden !important; background: none !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; }
  body .p-breadcrumbs > li { min-width: 0px !important; font-size: 12px !important; }
  .p-breadcrumbs a { color: rgb(191, 166, 158) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; max-width: 100% !important; }
  body .p-body-header { display: block !important; padding: 0px !important; margin: 0px 0px 14px !important; border-radius: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; }
  body .p-title { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; }
  body .p-title-value { min-width: 0px !important; flex: 1 1 100% !important; font-size: 21px !important; font-weight: 650 !important; line-height: 1.3 !important; letter-spacing: -0.4px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; box-shadow: none !important; overflow-wrap: anywhere !important; background: none !important; }
  body .p-title-value::before, body .p-title-value::after { display: none !important; }
  body .p-title-pageAction { margin: 0px !important; width: 100% !important; float: none !important; }
  body .p-description { margin: 10px 0px 0px !important; font-size: 12px !important; line-height: 1.6 !important; color: rgb(165, 164, 174) !important; }
  body .contentRow { min-width: 0px !important; }
  .contentRow-main { min-width: 0px !important; overflow-wrap: anywhere !important; }
  body .p-body-sidebar, body .p-body-sideNav { width: 100% !important; max-width: none !important; margin: 20px 0px 0px !important; padding: 0px !important; }
  body .p-body-sideNavTrigger { margin: 0px 0px 14px !important; padding: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; }
  body .p-body-sideNavTrigger .button { width: 100% !important; justify-content: space-between !important; text-align: left !important; }
  body .block { margin: 0px 0px 18px !important; }
  .blockMessage { font-size: 14px !important; line-height: 1.6 !important; overflow-wrap: anywhere !important; }
  body .block-container { border: 1px solid rgb(52, 52, 62) !important; border-radius: 12px !important; margin: 0px !important; overflow: hidden !important; background: rgb(26, 29, 36) !important; box-shadow: none !important; }
  body .block-header, body .block-minorHeader { padding: 14px 16px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(57, 54, 64) !important; border-image: none !important; color: rgb(234, 222, 216) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.5 !important; text-transform: none !important; letter-spacing: 0px !important; box-shadow: none !important; background: rgb(35, 36, 45) !important; }
  body .block-header a, body .block-minorHeader a { color: inherit !important; }
  body .block-body { background: none !important; }
  .block-row { padding: 14px 16px !important; }
  body .block-footer { padding: 12px 16px !important; border-top: 1px solid rgb(51, 51, 60) !important; background: rgb(29, 32, 39) !important; color: rgb(170, 168, 178) !important; line-height: 1.5 !important; }
  body .block-outer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin: 0px 0px 14px !important; padding: 0px !important; border-radius: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; }
  body .block-outer::before, body .block-outer::after { display: none !important; }
  body .block-outer-main, body .block-outer-opposite { float: none !important; min-width: 0px !important; max-width: 100% !important; margin: 0px !important; padding: 0px !important; }
  body .block-outer-opposite { flex: 1 1 0% !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }
  body .block-outer--after { margin: 14px 0px 20px !important; }
  body .pageNavSimple { display: flex !important; gap: 7px !important; }
  .pageNavSimple-el { min-height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; padding: 8px 12px !important; box-shadow: none !important; font-size: 13px !important; }
  body .filterBar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; padding: 12px 14px !important; background: rgb(34, 35, 43) !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(56, 52, 61) !important; border-image: none !important; font-size: 13px !important; }
  body .filterBar-menuTrigger { float: none !important; margin-left: auto !important; min-height: 36px !important; display: inline-flex !important; align-items: center !important; }
  body .filterBar-filterToggle { margin: 0px !important; min-height: 36px !important; }
  body .button, body a.button { min-height: 44px !important; padding: 10px 14px !important; border-radius: 9px !important; font-family: inherit !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.4 !important; box-shadow: none !important; }
  body .button--primary, body .button--cta { background: rgb(163, 72, 56) !important; border-color: rgb(197, 108, 83) !important; color: rgb(255, 244, 238) !important; }
  body .input, body input.input, body select.input, body textarea.input { font-family: inherit !important; font-size: 16px !important; line-height: 1.5 !important; min-height: 46px !important; border: 1px solid rgb(81, 80, 91) !important; border-radius: 8px !important; background: rgb(19, 22, 28) !important; color: rgb(242, 237, 239) !important; box-shadow: none !important; padding: 10px 12px !important; max-width: 100% !important; }
  body .input::placeholder { color: rgb(143, 141, 154) !important; }
  .input:focus { outline: rgb(216, 143, 115) solid 2px !important; outline-offset: 2px !important; }
  body .formRow { display: block !important; margin: 0px !important; padding: 16px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(52, 51, 61) !important; border-image: none !important; background: none !important; min-width: 0px !important; }
  body .formRow > dt, body .formRow > dd { display: block !important; float: none !important; width: auto !important; max-width: none !important; padding: 0px !important; margin: 0px !important; text-align: left !important; background: none !important; border: 0px !important; }
  body .formRow > dt { margin-bottom: 9px !important; }
  .formRow-label { font-size: 14px !important; color: rgb(226, 219, 225) !important; font-weight: 600 !important; }
  .formRow-explain { font-size: 12px !important; line-height: 1.6 !important; color: rgb(165, 162, 175) !important; }
  body .formRowSep { margin: 0px !important; border-color: rgb(56, 52, 63) !important; }
  .formInfoRow { padding: 14px 16px !important; font-size: 13px !important; line-height: 1.65 !important; }
  body .inputGroup { min-width: 0px !important; max-width: 100% !important; flex-wrap: wrap !important; gap: 6px !important; }
  .inputGroup > .input { min-width: 0px !important; flex: 1 1 120px !important; }
  .inputGroup--joined { gap: 0px !important; flex-wrap: nowrap !important; }
  body .inputGroup-text { font-size: 13px !important; padding: 10px !important; }
  .inputGroup--joined .input { min-width: 0px !important; }
  body .inputChoices > li { margin: 0px !important; padding: 6px 0px !important; }
  .iconic { position: relative !important; padding-left: 25px !important; min-height: 28px !important; line-height: 1.6 !important; }
  .iconic > input + i { margin-top: 3px !important; }
  body .formSubmitRow { padding: 0px !important; border: 0px !important; }
  .formSubmitRow-main { padding: 14px 16px !important; background: rgb(34, 35, 43) !important; }
  .formSubmitRow-controls { padding: 0px !important; margin: 0px !important; display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
  .formSubmitRow-controls > .button { flex: 1 1 0% !important; }
  body .formSubmitRow.is-sticky .formSubmitRow-bar { box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 16px !important; bottom: calc(66px + env(safe-area-inset-bottom)) !important; }
  body .block--login { width: 100% !important; max-width: 480px !important; margin: auto !important; }
  .block--login .block-container { border-radius: 12px !important; }
  body .tabs { display: flex !important; white-space: nowrap !important; max-width: 100% !important; overflow-x: auto !important; scrollbar-width: thin !important; box-shadow: none !important; border-radius: 0px !important; border-bottom: 1px solid rgb(69, 65, 75) !important; background: none !important; }
  body .tabs-tab { flex: 0 0 auto !important; min-height: 44px !important; padding: 12px 14px !important; font-size: 13px !important; line-height: 1.5 !important; border-radius: 8px 8px 0px 0px !important; text-transform: none !important; }
  body .tabs-tab.is-active { background: rgb(58, 41, 39) !important; color: rgb(255, 208, 185) !important; border-color: rgb(227, 158, 127) !important; }
  body .hScroller { max-width: 100% !important; min-width: 0px !important; }
  .hScroller-scroll { max-width: 100% !important; }
  body .tabs > .hScroller { width: 100% !important; min-height: 46px !important; overflow: visible !important; }
  .tabs .hScroller-scroll { display: flex !important; overflow: auto hidden !important; margin-bottom: 0px !important; padding-bottom: 0px !important; height: auto !important; }
  .tabs .hScroller-action { display: none !important; }
  body .node-body { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 16px !important; border-bottom: 1px solid rgb(54, 52, 62) !important; background: none !important; }
  body .node-icon { width: 36px !important; flex: 0 0 36px !important; padding: 3px 0px !important; font-size: 22px !important; opacity: 0.8 !important; }
  .node-icon i { font-size: 22px !important; }
  body .node-main { flex: 1 1 0% !important; min-width: 0px !important; padding: 0px !important; display: block !important; }
  .node-title { font-size: 15px !important; line-height: 1.45 !important; font-weight: 650 !important; }
  .node-description { font-size: 12px !important; line-height: 1.65 !important; color: rgb(170, 165, 175) !important; }
  body .node-stats { display: none !important; }
  .node-statsMeta { font-size: 11px !important; color: rgb(142, 138, 152) !important; margin-top: 7px !important; }
  body .node-extra { width: 100% !important; flex-basis: 100% !important; padding: 9px 0px 0px 46px !important; border: 0px !important; background: none !important; line-height: 1.5 !important; min-height: 0px !important; font-size: 12px !important; }
  .node-extra-title { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; }
  body .structItemContainer { display: block !important; width: 100% !important; }
  .structItem { max-width: 100% !important; min-width: 0px !important; box-shadow: none !important; }
  body .structItem--resource { display: grid !important; grid-template-columns: 58px minmax(0px, 1fr) !important; gap: 0px 12px !important; width: 100% !important; padding: 15px !important; margin: 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(56, 53, 62) !important; border-image: none !important; border-radius: 0px !important; background: none !important; }
  body .structItem--resource .structItem-cell { display: block !important; padding: 0px !important; min-width: 0px !important; width: auto !important; float: none !important; }
  .structItem--resource .structItem-cell--icon { grid-area: 1 / 1 / 3 !important; }
  body .structItem--resource .structItem-cell--main { grid-column: 2 !important; }
  .structItem--resource .structItem-cell--resourceMeta { grid-column: 2 !important; margin-top: 8px !important; font-size: 11px !important; line-height: 1.6 !important; color: rgb(170, 165, 175) !important; }
  body .structItem--resource .avatar { width: 58px !important; height: 58px !important; border-radius: 10px !important; }
  .structItem--resource .structItem-iconContainer { margin: 0px !important; }
  body .structItem-title { font-size: 15px !important; line-height: 1.5 !important; font-weight: 650 !important; overflow-wrap: anywhere !important; }
  .structItem-minor { font-size: 12px !important; line-height: 1.7 !important; color: rgb(163, 156, 169) !important; }
  .structItem--resource .structItem-description { font-size: 13px !important; line-height: 1.65 !important; margin-top: 6px !important; }
  body .structItem--thread { padding: 12px 8px !important; background: none !important; }
  .structItem-cell--main { min-width: 0px !important; }
  .structItem-cell--latest { font-size: 11px !important; }
  .structItem-cell--meta { font-size: 12px !important; }
  body .resourceBody { display: flex !important; flex-direction: column !important; gap: 18px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; box-shadow: none !important; background: none !important; }
  body .resourceBody-main, body .resourceBody-sidebar { float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; background: none !important; }
  body .resourceSidebarGroup { margin: 0px 0px 16px !important; padding: 16px !important; border: 1px solid rgb(57, 52, 62) !important; border-radius: 12px !important; background: rgb(26, 29, 36) !important; }
  body .resourceHeader-actions, body .resourceHeader-actionsSecondary { display: block !important; max-width: 100% !important; margin: 0px !important; }
  .resourceHeader-actionsTertiary { margin-top: 8px !important; }
  body .bsUpgradeDownloadPrompt { padding: 13px 16px !important; margin: 0px !important; border-radius: 10px !important; min-height: 60px !important; background: linear-gradient(115deg, rgb(169, 79, 62), rgb(125, 52, 47)) !important; box-shadow: none !important; }
  .bsUpgradeDownloadPrompt-title { font-size: 14px !important; line-height: 1.4 !important; }
  .bsUpgradeDownloadPrompt-eyebrow { font-size: 9px !important; letter-spacing: 1px !important; }
  body .nfModelPreview { margin: 0px 0px 18px !important; border: 1px solid rgb(73, 59, 54) !important; border-radius: 12px !important; overflow: hidden !important; }
  .nfModelPreview-stage { min-height: 320px !important; max-width: 100% !important; }
  body .nfModelPreview-toolbar { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 12px !important; margin: 0px !important; }
  .nfModelPreview-field { min-width: 0px !important; flex: 1 1 120px !important; }
  .nfModelPreview-field:first-child { flex-basis: 100% !important; }
  body .nfModelPreview-field select { width: 100% !important; font-size: 16px !important; min-height: 42px !important; }
  .nfModelPreview-button { min-height: 40px !important; padding: 8px 12px !important; font-size: 12px !important; flex: 1 1 auto !important; }
  body .message { margin: 0px 0px 16px !important; border: 1px solid rgb(56, 52, 61) !important; border-radius: 12px !important; overflow: hidden !important; background: rgb(26, 29, 36) !important; box-shadow: none !important; }
  body .message-inner { display: block !important; }
  .message-cell { min-width: 0px !important; max-width: 100% !important; }
  body .message-cell--user { padding: 12px 16px !important; background: rgb(34, 36, 44) !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(57, 52, 62) !important; border-image: none !important; }
  .message-user { display: flex !important; align-items: center !important; gap: 12px !important; }
  .message-avatar { margin: 0px !important; width: auto !important; }
  .message-avatar .avatar { width: 42px !important; height: 42px !important; }
  .message-userDetails { min-width: 0px !important; flex: 1 1 0% !important; }
  .message-name { font-size: 14px !important; margin: 0px 0px 4px !important; }
  .message-userArrow { display: none !important; }
  .message-userExtras { display: none !important; }
  body .message-cell--main { padding: 14px 16px !important; background: none !important; }
  .message-attribution { padding: 0px 0px 12px !important; background: none !important; border: 0px !important; font-size: 11px !important; }
  .message-body { font-size: 15px !important; line-height: 1.75 !important; overflow-wrap: anywhere !important; }
  .message-footer { margin-top: 16px !important; }
  body .bbWrapper img, body .bbWrapper video { max-width: 100% !important; height: auto !important; }
  .bbCodeBlock { max-width: 100% !important; margin: 12px 0px !important; border-radius: 8px !important; overflow: auto !important; }
  .bbCodeBlock-content { padding: 12px !important; font-size: 13px !important; }
  body .memberHeader { border: 1px solid rgb(69, 60, 65) !important; border-radius: 12px !important; overflow: hidden !important; background: rgb(26, 29, 36) !important; box-shadow: none !important; }
  .memberHeader-main { background: linear-gradient(135deg, rgb(66, 48, 49), rgb(40, 36, 43)) !important; padding: 22px 16px !important; }
  .memberHeader-name { font-size: 24px !important; text-transform: none !important; }
  .memberHeader-content { padding: 16px !important; }
  .memberHeader .avatar { width: 80px !important; height: 80px !important; }
  body .memberHeader-stats { gap: 12px !important; flex-wrap: wrap !important; }
  .memberHeader-buttons { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
  .memberHeader-buttons .button { flex: 1 1 0% !important; }
  body .p-body-sidebar .block-container { border-radius: 12px !important; }
  .p-body-sidebar .contentRow-main { font-size: 13px !important; }
  .listPlain > li { max-width: 100% !important; }
  body .overlay-container { padding-right: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; padding-top: max(12px,env(safe-area-inset-top)) !important; background: rgba(8, 10, 13, 0.85) !important; backdrop-filter: blur(3px) !important; }
  body .overlay { width: 100% !important; max-width: 560px !important; margin: 0px auto !important; border: 1px solid rgb(81, 64, 74) !important; border-radius: 14px !important; box-shadow: rgba(0, 0, 0, 0.533) 0px 22px 70px !important; overflow: hidden !important; }
  body .overlay-title { padding: 16px 52px 16px 18px !important; min-height: 54px !important; background: rgb(39, 36, 44) !important; color: rgb(243, 231, 224) !important; font-size: 16px !important; line-height: 1.5 !important; border-bottom: 1px solid rgb(65, 52, 61) !important; }
  body .overlay-titleCloser { top: 5px !important; right: 6px !important; width: 44px !important; height: 44px !important; line-height: 44px !important; }
  .overlay-content { max-height: calc(100dvh - 98px) !important; overflow: auto !important; background: rgb(26, 29, 36) !important; }
  body .menu { max-width: calc(-24px + 100vw) !important; }
  .menu-content { max-height: 75dvh !important; overflow: auto !important; border-radius: 12px !important; }
  .menu-linkRow { min-height: 42px !important; padding: 10px 16px !important; }
  body .offCanvasMenu-content { width: min(360px, -36px + 100vw) !important; max-width: calc(-36px + 100vw) !important; height: 100% !important; border-radius: 0px 16px 16px 0px !important; border: 0px !important; box-shadow: rgba(0, 0, 0, 0.333) 12px 0px 40px !important; background: rgb(24, 27, 34) !important; }
  body .offCanvasMenu-content--inner { padding-bottom: env(safe-area-inset-bottom) !important; }
  body .offCanvasMenu-header { min-height: 64px !important; padding: 20px 58px 18px 20px !important; background: rgb(35, 37, 46) !important; border-bottom: 1px solid rgb(59, 53, 65) !important; font-size: 17px !important; font-weight: 700 !important; }
  .offCanvasMenu-closer { width: 44px !important; height: 44px !important; top: 9px !important; right: 8px !important; }
  body .offCanvasMenu-linkHolder { display: flex !important; align-items: center !important; margin: 2px 12px !important; background: none !important; border: 0px !important; border-radius: 8px !important; box-shadow: none !important; }
  .offCanvasMenu-link { display: flex !important; align-items: center !important; flex: 1 1 0% !important; min-height: 46px !important; padding: 11px 14px !important; font-size: 14px !important; font-weight: 500 !important; text-transform: none !important; color: rgb(212, 212, 220) !important; background: none !important; border: 0px !important; border-radius: 8px !important; box-shadow: none !important; }
  body .offCanvasMenu-linkHolder::before, body .offCanvasMenu-linkHolder::after { display: none !important; }
  .offCanvasMenu-link--splitToggle { flex: 0 0 44px !important; width: 44px !important; justify-content: center !important; padding: 10px !important; }
  .offCanvasMenu-subList { margin: 0px 22px 10px !important; padding: 0px 0px 0px 14px !important; border-left: 1px solid rgb(71, 64, 74) !important; background: none !important; }
  .offCanvasMenu-subList .offCanvasMenu-link { font-size: 13px !important; color: rgb(168, 163, 177) !important; }
  .p-offCanvasRegisterLink { display: flex !important; gap: 4px !important; padding: 10px 12px !important; border-bottom: 1px solid rgb(52, 50, 59) !important; margin-bottom: 10px !important; }
  .p-offCanvasRegisterLink .offCanvasMenu-linkHolder { flex: 1 1 0% !important; margin: 0px !important; }
  .p-offCanvasRegisterLink .offCanvasMenu-separator { display: none !important; }
  body .offCanvasMenu-linkHolder.is-selected > .offCanvasMenu-link { background: rgba(172, 93, 69, 0.17) !important; color: rgb(255, 201, 177) !important; }
  .offCanvasMenu-subHeader { padding: 16px 24px 8px !important; color: rgb(145, 136, 149) !important; font-size: 10px !important; letter-spacing: 1.3px !important; text-transform: uppercase !important; }
  .offCanvasMenu-separator { margin: 12px 24px !important; border-color: rgb(51, 50, 60) !important; }
  .bsm-menuExtras { display: block !important; padding: 8px 24px !important; }
  .bsm-menuAccount { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }
  .bsm-menuAccount > a { display: flex !important; align-items: center !important; gap: 8px !important; min-height: 44px !important; padding: 10px 12px !important; border: 1px solid rgb(64, 54, 62) !important; border-radius: 8px !important; background: rgb(38, 35, 43) !important; color: rgb(228, 209, 201) !important; font-size: 12px !important; }
  .bsm-menuAccount b { margin-left: auto !important; font-size: 10px !important; color: rgb(255, 185, 152) !important; }
  .bsm-languageSlot { padding-top: 12px !important; }
  .bsm-languageSlot .languages-block { display: block !important; float: none !important; position: static !important; width: 100% !important; margin: 0px !important; padding: 0px !important; }
  .bsm-languageSlot .fox-translator-picker { max-width: 100% !important; }
  body .bsShop { margin: 0px !important; padding: 0px !important; }
  .bsShop-catalogNav { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; padding: 0px 0px 12px !important; margin: 0px 0px 10px !important; scrollbar-width: thin !important; }
  .bsShop-catalogNav a { flex: 0 0 auto !important; min-height: 38px !important; display: flex !important; align-items: center !important; padding: 8px 12px !important; border: 1px solid rgb(68, 52, 58) !important; border-radius: 20px !important; background: rgb(37, 31, 36) !important; font-size: 11px !important; color: rgb(230, 182, 162) !important; white-space: nowrap !important; }
  body .bsShop-latest { padding: 10px 0px !important; margin: 0px 0px 8px !important; border: 0px !important; background: none !important; }
  .bsShop-latest summary { min-height: 34px !important; font-size: 12px !important; }
  .bsShop-latestGrid { grid-template-columns: 1fr !important; gap: 8px !important; }
  body .bsShop-controls { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0px 0px 14px !important; margin: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; }
  .bsShop-search { flex: 1 1 100% !important; min-width: 0px !important; }
  .bsShop-search input { width: 100% !important; min-height: 46px !important; padding: 12px 14px !important; border: 1px solid rgb(89, 80, 90) !important; border-radius: 10px !important; background: rgb(29, 32, 40) !important; color: rgb(244, 236, 236) !important; font-size: 16px !important; }
  body .bsShop-results { font-size: 11px !important; color: rgb(163, 149, 163) !important; order: 3 !important; }
  .bsShop-filters { display: flex !important; flex-wrap: nowrap !important; width: 100% !important; gap: 7px !important; overflow-x: auto !important; scrollbar-width: thin !important; margin: 0px !important; padding: 0px 0px 5px !important; }
  .bsShop-filters button { flex: 0 0 auto !important; min-height: 38px !important; padding: 9px 12px !important; font-size: 11px !important; white-space: nowrap !important; border-radius: 8px !important; border: 1px solid rgb(64, 54, 61) !important; background: rgb(33, 30, 37) !important; color: rgb(188, 174, 185) !important; }
  .bsShop-filters button.is-active { background: rgb(74, 45, 40) !important; border-color: rgb(180, 113, 87) !important; color: rgb(255, 209, 189) !important; }
  body .bsShop-bossGrid { display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; gap: 16px !important; }
  .bsMosaic-tile, .bsShop-bossCard { min-width: 0px !important; max-width: 100% !important; grid-area: auto !important; border-radius: 13px !important; box-shadow: none !important; }
  body .bsMosaic-intro { display: block !important; padding: 18px !important; min-height: 0px !important; gap: 12px !important; }
  .bsMosaic-intro h2 { font-size: 24px !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; margin: 8px 0px !important; }
  .bsMosaic-intro p { font-size: 13px !important; line-height: 1.6 !important; margin: 8px 0px !important; }
  .bsMosaic-introArt, .bsMosaic-copy > small, .bsMosaic-intro .bsMosaic-related { display: none !important; }
  .bsMosaic-kicker { margin-bottom: 12px !important; }
  .bsMosaic-intro .bsMosaic-bottom { margin-top: 12px !important; padding-top: 12px !important; }
  .bsShop-results { width: auto !important; flex-basis: 100% !important; text-align: left !important; margin: 0px !important; padding: 0px !important; }
  .bsShop-latest { padding: 4px 0px !important; margin: 0px 0px 6px !important; }
  body .block-filterBar { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0px !important; margin: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; }
  .bsResourceSearchAssist { width: 100% !important; min-width: 0px !important; padding: 8px 12px !important; overflow-x: auto !important; flex-wrap: nowrap !important; }
  .bsResourceSearchAssist a { flex: 0 0 auto !important; white-space: nowrap !important; }
  body .filterBar { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; padding: 12px !important; gap: 10px !important; box-sizing: border-box !important; border-radius: 10px !important; background: rgb(29, 32, 39) !important; }
  body .offCanvasMenu-header { position: relative !important; }
  .offCanvasMenu-closer { display: grid !important; place-items: center !important; position: absolute !important; right: 8px !important; top: 9px !important; color: rgb(223, 182, 165) !important; opacity: 1 !important; }
  .offCanvasMenu-closer::before { display: none !important; }
  .offCanvasMenu-closer::after { content: "×" !important; font: 26px / 1 system-ui !important; position: static !important; background: none !important; width: auto !important; height: auto !important; }
  body .p-body-header::before, body .p-title::before { display: none !important; }
  .offCanvasMenu-list > li { border: 0px !important; }
  .bsm-languageSlot { padding-top: 0px !important; padding-bottom: 8px !important; }
  .bsm-languageSlot img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; }
  .xfrm-filterBarLead { width: 100% !important; min-width: 0px !important; }
  .xfrm-filterBarCenter { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0px !important; width: 100% !important; flex-wrap: wrap !important; }
  .xfrm-quickSearchBar { flex: 1 1 0% !important; min-width: 120px !important; margin: 0px !important; }
  .xfrm-quickSearchBar .input { width: 100% !important; min-height: 44px !important; font-size: 16px !important; }
  .filterBar-menuTrigger { flex: 0 0 auto !important; }
  body .structItemContainer { padding: 0px !important; background: none !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; }
  .structItemContainer .structItem--resource { padding: 14px 12px !important; border-radius: 0px !important; background: none !important; }
  .structItem-title { font-weight: 600 !important; }
  .structItem-resourceTagLine { font-size: 13px !important; line-height: 1.5 !important; }
  .structItem-minor { font-size: 11px !important; }
  body .bsShop-media { min-width: 0px !important; max-width: 100% !important; min-height: 220px !important; }
  .bsShop-mediaControls button, .bsShop-variants button { min-width: 36px !important; min-height: 36px !important; }
  body .bsShop-bossBody { padding: 17px !important; }
  .bsShop-bossBody h3 { font-size: 20px !important; line-height: 1.3 !important; }
  .bsShop-bossCaption { font-size: 13px !important; line-height: 1.65 !important; }
  .bsShop-cardLink { min-height: 42px !important; display: flex !important; align-items: center !important; }
  body .p-footer { background: rgb(21, 23, 29) !important; border-top: 1px solid rgb(52, 49, 59) !important; margin-top: 26px !important; padding: 20px 14px !important; color: rgb(151, 145, 158) !important; font-size: 12px !important; }
  .p-footer-inner { padding: 0px !important; }
  .p-footer-row { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
  .p-footer-linkList { display: flex !important; flex-wrap: wrap !important; gap: 4px 14px !important; }
  .p-footer-linkList > li { float: none !important; padding: 0px !important; }
  .p-footer-linkList a { display: inline-flex !important; align-items: center !important; min-height: 38px !important; font-size: 12px !important; }
  .p-footer-copyright { font-size: 10px !important; line-height: 1.8 !important; padding-top: 16px !important; }
  body .shareButtons { overflow: hidden !important; }
  .shareButtons-buttons { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; }
  .shareButtons-button { min-width: 36px !important; min-height: 36px !important; }
  .scrollButtons { bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
}
@media (min-width: 600px) and (max-width: 900px) {
  body .p-body-inner { padding: 24px !important; }
  .bsShop-bossGrid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .bsMosaic-intro { grid-column: 1 / -1 !important; }
  .bsm-header { padding-left: 24px !important; padding-right: 24px !important; }
  .bsm-bottomNav { padding-left: 12% !important; padding-right: 12% !important; }
}
@media (max-width: 360px) {
  .bsm-header { padding-left: 8px !important; padding-right: 8px !important; gap: 2px !important; }
  .bsm-brand img { max-width: 124px !important; }
  .bsm-header .bsm-icon { width: 40px !important; }
  body .p-body-inner { padding-left: 10px !important; padding-right: 10px !important; }
  .bsu-card { padding: 20px !important; }
  .bsu-card h2 { gap: 10px !important; }
  .bsu-price { font-size: 36px !important; }
}
}