@layer ui {
  #mainMenu { box-sizing:border-box!important; inset:0!important; width:100%!important; height:100%!important; padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left)!important; overflow:auto!important; background:var(--ui-bg-00)!important; z-index:var(--ui-hud)!important; }
  #mainMenu::before,#mainMenu::after,.menuShell::before,.menuShell::after,.epicMenuFrame { display:none!important; }
  #menuShell,#menuShell.home,#menuShell.wide { width:min(100%,88rem)!important; height:auto!important; min-height:0!important; max-height:none!important; margin:auto!important; padding:var(--ui-space-6)!important; transform:none!important; zoom:1!important; border:1px solid var(--ui-border)!important; border-image:none!important; border-radius:var(--ui-radius-2)!important; background:var(--ui-bg-01)!important; box-shadow:none!important; overflow:visible!important; }
  .menuView { position:relative!important; inset:auto!important; transform:none!important; margin:0!important; border:0!important; border-image:none!important; box-shadow:none!important; grid-template-rows:none!important; width:100%!important; min-width:0!important; height:auto!important; max-height:none!important; padding:0!important; overflow:visible!important; background:none!important; }
  .menuView:not(.hidden) { display:block!important; }
  #menuShell,#menuShell.home,#menuShell.wide,.epicMenuStage.chessMenuStage { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  .menuView::before,.menuView::after { display:none!important; }
  .menuView>*,.menuView div,.menuView section,.menuView aside { min-width:0; }
  .menuTopline,.deckForgeTopbar,.menuFooter,.deckForgeFooter,.playChoiceHeader,.weeklyBonusHeader { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:var(--ui-space-4)!important; flex-wrap:wrap!important; padding:var(--ui-space-4) 0!important; border:0!important; border-bottom:1px solid var(--ui-border)!important; background:none!important; }
  .menuFooter,.deckForgeFooter { border-top:1px solid var(--ui-border)!important; border-bottom:0!important; position:static!important; }
  .epicMenuStage.chessMenuStage { display:grid!important; grid-template-columns:minmax(12rem,1fr) minmax(18rem,1.7fr) minmax(12rem,1fr)!important; align-items:start!important; gap:var(--ui-space-6)!important; min-height:0!important; height:auto!important; padding:var(--ui-space-8) 0!important; background:none!important; }
  .menuLeftRail,.menuCenterColumn,.friendsSidebar { position:static!important; width:auto!important; max-width:none!important; height:auto!important; transform:none!important; margin:0!important; }
  .menuLeftRail { display:grid!important; gap:var(--ui-space-4)!important; }
  .menuProfileCard,.friendsSidebar { padding:var(--ui-space-4)!important; }
  .menuCenterColumn { display:flex!important; flex-direction:column!important; gap:var(--ui-space-6)!important; }
  .epicPlayWrap { position:static!important; width:100%!important; margin:0!important; padding:0!important; }
  #playBtn { width:100%!important; height:auto!important; min-height:5rem!important; padding:var(--ui-space-6)!important; transform:none!important; clip-path:none!important; }
  #playBtn img,.menuActionIcon,.patchNotesGlyph { display:none!important; }
  #playBtn .fallbackPlayText { display:block!important; position:static!important; opacity:1!important; font:700 var(--ui-title) var(--ui-font)!important; color:var(--ui-text)!important; }
  .menuActionStack { display:grid!important; grid-template-columns:1fr 1fr!important; gap:var(--ui-space-3)!important; width:100%!important; }
  .menuActionBtn { width:100%!important; height:auto!important; min-height:3.5rem!important; justify-content:flex-start!important; padding:var(--ui-space-4)!important; }
  .menuProfileTextLine,.menuProfileRankName,.menuProfileIdentity strong { font-family:var(--ui-font)!important; font-size:var(--ui-section)!important; overflow-wrap:anywhere; }
  #accountPanel { grid-column:1/-1; padding:var(--ui-space-4)!important; }
  body:not(.auth-locked) #accountPanel { position:static!important; width:100%!important; max-width:none!important; transform:none!important; }
  body:not(.auth-locked) .accountLoggedIn { display:flex!important; flex-wrap:wrap; align-items:center; gap:var(--ui-space-4); }
  body:not(.auth-locked) .accountLoggedIn.hidden { display:none!important; }
  body.auth-locked #mainMenu { display:grid!important; place-items:center!important; }
  body.auth-locked #menuShell { max-width:30rem!important; padding:0!important; border:0!important; }
  body.auth-locked .epicMenuStage { display:block!important; padding:0!important; }
  body.auth-locked #accountPanel { position:static!important; transform:none!important; width:100%!important; max-width:none!important; max-height:none!important; padding:var(--ui-space-8)!important; }
  body.auth-locked .menuLeftRail,body.auth-locked .menuCenterColumn,body.auth-locked .friendsSidebar { display:none!important; }
  .accountHeader { color:var(--ui-text-secondary)!important; margin-bottom:var(--ui-space-4)!important; font-size:var(--ui-label)!important; }
  .accountLoggedOut input:not([type="checkbox"]) { width:100%!important; margin-block:var(--ui-space-1)!important; }
  .accountStatus { font-size:var(--ui-label)!important; line-height:1.5!important; min-height:2em; margin-top:var(--ui-space-3)!important; }
  .accountButtons,.deckFooterActions,.tutorialActions,.rewardActions { display:flex!important; flex-wrap:wrap; gap:var(--ui-space-2)!important; }
  .configGrid,.settingsTabbedGrid { width:100%!important; max-width:64rem!important; margin:auto!important; padding:var(--ui-space-4) 0!important; gap:var(--ui-space-4)!important; }
  .settingsPanelTab { animation:none!important; height:auto!important; max-height:none!important; overflow:visible!important; }
  .configRow { padding:var(--ui-space-4)!important; gap:var(--ui-space-4)!important; margin-bottom:var(--ui-space-3)!important; }
  .configRow strong { font-size:var(--ui-section)!important; }
  .graphicsSettingsPanel { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))!important; gap:var(--ui-space-3)!important; }
  .audioControl { display:grid!important; grid-template-columns:5rem minmax(3rem,1fr) 3rem!important; gap:var(--ui-space-3)!important; font-size:var(--ui-body)!important; }
  .graphicsControl { display:flex!important; flex-wrap:wrap; gap:var(--ui-space-2)!important; align-items:center!important; justify-content:space-between!important; }
  .deckMainTabs { display:flex!important; }
  .deckForgeLayout { grid-template-areas:none!important; grid-template-rows:auto!important; padding:0!important; align-items:start!important; justify-items:stretch!important; display:grid!important; grid-template-columns:minmax(0,1fr) 16rem!important; gap:var(--ui-space-4)!important; height:auto!important; overflow:visible!important; }
  .deckForgeSelectedPanel { grid-area:auto!important; width:100%!important; height:auto!important; max-height:none!important; max-width:none!important; min-height:0!important; margin:0!important; transform:none!important; overflow:visible!important; grid-column:1/-1!important; display:grid!important; grid-template-columns:7rem minmax(0,1fr) 15rem!important; gap:var(--ui-space-4)!important; padding:var(--ui-space-4)!important; }
  .deckForgeCollectionPanel { grid-area:auto!important; width:100%!important; height:auto!important; max-height:none!important; overflow:visible!important; display:grid!important; grid-template-columns:10rem minmax(0,1fr)!important; gap:var(--ui-space-4)!important; padding:var(--ui-space-4)!important; }
  .deckCollectionSide,.deckCountCard,.deckInspector,.deckCardDetailPanel { padding:var(--ui-space-3)!important; }
  .deckForgeLibrary,.deckGrid,.shopGrid { display:grid!important; grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr))!important; gap:var(--ui-space-3)!important; height:auto!important; max-height:none!important; overflow:visible!important; }
  .deckRightColumn { grid-area:auto!important; position:static!important; width:auto!important; }
  .deckCollectionSide strong { font-size:var(--ui-section)!important; overflow-wrap:anywhere!important; white-space:normal!important; }
  .deckCollectionTitle { font-size:var(--ui-section)!important; }
  #menuDeck.collection-mode .deckForgeCollectionPanel { grid-column:1/-1!important; }
  .deckCollectionMain,.deckCollectionControls,.deckSelectedWrap { min-width:0!important; }
  .deckSelectedWrap { display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; align-items:stretch!important; overflow:visible!important; gap:var(--ui-space-3)!important; }
  .deckTitleNav { width:100%!important; grid-template-columns:2.5rem minmax(0,1fr) 2.5rem!important; }
  .deckSelectArrow,.deckCarouselArrow { width:2.5rem!important; min-width:0!important; height:2.5rem!important; font-size:var(--ui-title)!important; }
  .deckBackGem { width:auto!important; height:auto!important; min-width:4rem!important; transform:none!important; clip-path:none!important; }
  .deckForgeName { width:100%!important; height:2.5rem!important; font-size:var(--ui-section)!important; }
  .deckCarouselShell { display:grid!important; grid-template-columns:2.5rem minmax(0,1fr) 2.5rem!important; width:100%!important; gap:var(--ui-space-2)!important; align-items:center!important; }
  #deckSummary.deckForgeStrip { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; width:100%!important; height:auto!important; min-height:0!important; padding:0!important; gap:var(--ui-space-2)!important; }
  .selectedDeckMini.deckSlotCardBig { width:100%!important; height:auto!important; min-height:0!important; padding:var(--ui-space-2)!important; }
  .selectedDeckMini .cardPreview { height:7rem!important; min-height:0!important; }
  .deckCountCard,.deckInspector { display:flex!important; flex-direction:column!important; justify-content:flex-start!important; gap:var(--ui-space-2)!important; height:auto!important; }
  #menuDeck:not(.collection-mode) .deckForgeCollectionPanel,#menuDeck:not(.collection-mode) .deckRightColumn { display:none!important; }
  #menuDeck.collection-mode .deckForgeSelectedPanel { display:none!important; }
  .deckCardDetailText p { white-space:normal!important; }
  .shopLayout { display:grid!important; grid-template-columns:12rem minmax(0,1fr)!important; gap:var(--ui-space-4)!important; }
  .menuPanel { padding:var(--ui-space-4)!important; }
  .shopList { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))!important; gap:var(--ui-space-3)!important; }
  .shopItem { display:flex!important; flex-direction:column!important; gap:var(--ui-space-2)!important; padding:var(--ui-space-4)!important; min-height:0!important; }
  .shopItem .prices { display:flex!important; flex-wrap:wrap!important; gap:var(--ui-space-2)!important; margin-top:auto!important; }
  .shopItem .cardPreview { height:6rem!important; }
  .shopItem h3 { margin:var(--ui-space-2) 0!important; }
  .shopItem .owned { color:var(--ui-text-secondary)!important; font-size:var(--ui-caption)!important; }
  .freeDeckItem { grid-column:1/-1; }
  .shopCurrency { display:flex!important; flex-wrap:wrap; gap:var(--ui-space-2)!important; margin-block:var(--ui-space-4)!important; }
  .shopCurrency .pill { font-size:var(--ui-label)!important; padding:var(--ui-space-2)!important; }
  .playChoiceGrid,.weeklyBonusTrack { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))!important; gap:var(--ui-space-3)!important; }
  .playChoiceCard { min-height:8rem!important; padding:var(--ui-space-4)!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:var(--ui-space-2)!important; text-align:left!important; }
  .playChoiceCard strong { font-size:var(--ui-section)!important; }
  .playChoiceCard.primary { background:var(--ui-surface-01)!important; border-color:var(--ui-border)!important; }
  .playChoiceCard:focus-visible,.playChoiceCard:hover { border-color:var(--ui-accent)!important; }
  :is(.patchNotesPanel,.playChoicePanel,.friendProfilePanel,.profileAvatarModalPanel,.deckCardPickerPanel,.deckCardInfoPanel,.setupPiecePickerPanel,.weeklyBonusPanel,.chestRevealPanel,.ranksPanel,.enchantPanel,.rewardCard,.devToolsCard,.deckBoardPanel,.gameOptionsModal,.exitConfirmPanel,.nickModal>div) {
    background:var(--ui-bg-01)!important; color:var(--ui-text)!important; border:1px solid var(--ui-border)!important; border-image:none!important; border-radius:var(--ui-radius-2)!important;
    padding:var(--ui-space-6)!important; box-shadow:var(--ui-shadow)!important; backdrop-filter:none!important;
    width:min(64rem,calc(100vw - var(--ui-safe-left) - var(--ui-safe-right)))!important;
    max-width:100%!important; min-width:0!important; max-height:calc(100dvh - var(--ui-safe-top) - var(--ui-safe-bottom))!important; overflow:auto!important;
    font-family:var(--ui-font)!important;
  }
  .gameOptionsModal,.nickModal>div,.exitConfirmPanel { width:min(40rem,calc(100vw - 2rem))!important; }
  :is(.patchNotesModal,.playChoiceModal,.friendProfileModal,.profileAvatarModal,.deckCardPickerModal,.deckCardInfoModal,.setupPiecePickerModal,.weeklyBonusModal,.chestRevealModal,.ranksModal,.enchantModal,.deckBoardModal,.nickModal,#rewardOverlay,#devToolsModal,#exitConfirmModal) {
    z-index:var(--ui-modal)!important; padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left)!important; background:#03070bbd!important; backdrop-filter:none!important;
  }
  .patchNotesPanel::before,.playChoicePanel::before,.rewardCard::before,.rewardCard::after { display:none!important; }
  #bootLoadingOverlay,#loadingOverlay,#mobileRotateOverlay { z-index:var(--ui-critical)!important; }
  .loginSplashContent,.loadingCard { max-width:calc(100vw - 2rem)!important; }
  .rewardGrid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:var(--ui-space-3)!important; }
  .rewardTitle { color:var(--ui-text)!important; text-shadow:none!important; }
  .rewardStat strong { color:var(--ui-accent)!important; font-size:var(--ui-title)!important; }
  .rewardLevelFlash,.rewardAnimatedStat { animation:none!important; }
  #globalChatWidget { z-index:var(--ui-context)!important; max-width:calc(100vw - 2rem)!important; }
  .globalChatPanel { width:min(28rem,calc(100vw - 2rem))!important; max-height:60dvh!important; font-size:var(--ui-label)!important; resize:none!important; }
  #globalChatMessages { max-height:35dvh!important; overflow:auto!important; }
  .globalChatForm { display:flex!important; gap:var(--ui-space-2)!important; }
  #globalChatInput { min-width:0!important; flex:1!important; }
  #tutorialOverlay { z-index:var(--ui-context)!important; }
  .tutorialBox { background:var(--ui-bg-01)!important; border:1px solid var(--ui-border)!important; padding:var(--ui-space-4)!important; border-radius:var(--ui-radius-2)!important; max-width:min(32rem,calc(100vw - 2rem))!important; max-height:45dvh!important; overflow:auto!important; box-shadow:var(--ui-shadow)!important; }
  #pieceStatusTooltip,.cardInfoPopup,#cardInfoPopup { z-index:var(--ui-tooltip)!important; background:var(--ui-bg-01)!important; color:var(--ui-text)!important; border:1px solid var(--ui-border)!important; border-radius:var(--ui-radius-2)!important; font-size:var(--ui-label)!important; line-height:1.5!important; max-width:min(25rem,calc(100vw - 2rem))!important; max-height:65dvh!important; overflow:auto!important; box-shadow:var(--ui-shadow)!important; }
  #toast { z-index:var(--ui-notice)!important; background:var(--ui-surface-02)!important; color:var(--ui-text)!important; border:1px solid var(--ui-border)!important; border-radius:var(--ui-radius-2)!important; font:500 var(--ui-body) var(--ui-font)!important; max-width:min(34rem,calc(100vw - 2rem))!important; }
  #boardActionPreview { z-index:var(--ui-context)!important; background:var(--ui-bg-01)!important; border:1px solid var(--ui-accent)!important; border-radius:var(--ui-radius-2)!important; max-width:calc(100vw - 2rem)!important; width:22rem!important; padding:var(--ui-space-4)!important; box-shadow:var(--ui-shadow)!important; }
  .preTitle { font-size:var(--ui-section)!important; color:var(--ui-text)!important; } .preText,.preHint { font-size:var(--ui-label)!important; line-height:1.5!important; }
  .preBtns { display:flex!important; justify-content:flex-end!important; gap:var(--ui-space-2)!important; margin-top:var(--ui-space-3)!important; }
  #uiStartupMessage { position:fixed; inset:0; z-index:var(--ui-critical); background:var(--ui-bg-00); padding:var(--ui-space-8); display:grid; place-content:center; gap:var(--ui-space-3); text-align:center; }
  #uiStartupMessage[hidden] { display:none!important; }
  #guidedTutorialOverlay { z-index:var(--ui-modal)!important; }
  .guidedTutorialPanel { z-index:var(--ui-modal)!important; padding:var(--ui-space-4)!important; width:min(26rem,calc(100vw - 2rem))!important; max-height:calc(100dvh - 2rem)!important; overflow:auto!important; animation:none!important; }
  .guidedTutorialSpotlight { border:2px solid var(--ui-accent)!important; border-radius:var(--ui-radius-1)!important; box-shadow:0 0 0 100vmax #0009!important; }
  .guidedTutorialKicker { color:var(--ui-accent)!important; }
  .cardEnchantScreen { background:var(--ui-bg-00)!important; padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left)!important; overflow:auto!important; z-index:var(--ui-hud)!important; }
  .enchantBgImg,.enchantCardAura::before,.enchantCardAura::after { display:none!important; }
  .enchantHudScale { width:min(100%,80rem)!important; height:auto!important; min-height:0!important; margin:auto!important; transform:none!important; zoom:1!important; }
  .enchantTopbar { position:static!important; display:flex!important; flex-wrap:wrap!important; gap:var(--ui-space-4)!important; }
  .enchantTopCurrency { position:static!important; inset:auto!important; transform:none!important; margin-left:auto!important; display:flex!important; gap:var(--ui-space-3)!important; }
  .enchantStage { position:static!important; display:grid!important; grid-template-columns:2.5rem minmax(0,1fr) 2.5rem!important; align-items:center!important; gap:var(--ui-space-4)!important; min-height:0!important; height:auto!important; flex:0 0 auto!important; padding:var(--ui-space-4)!important; }
  .enchantStage>button,.enchantCarouselPager>button { width:2.5rem!important; height:2.5rem!important; font-size:var(--ui-title)!important; }
  .enchantHeroRow { grid-column:1!important; grid-row:1 / span 7!important; display:block!important; width:100%!important; }
  .enchantCenter>:not(.enchantHeroRow) { grid-column:2!important; width:100%!important; margin:0!important; }
  .enchantCenter::before,.enchantCenter::after { display:none!important; }
  #enchantSelectedPreview { filter:none!important; width:100%!important; }
  #enchantSelectedPreview .cardPreview { width:100%!important; height:14rem!important; border-radius:var(--ui-radius-2)!important; }
  #enchantCardStatOverlayHost,.enchantCardStatOverlay { position:static!important; inset:auto!important; transform:none!important; width:100%!important; background:var(--ui-surface-01)!important; border:0!important; border-radius:0!important; padding:var(--ui-space-2)!important; }
  .enchantCarouselPager { position:static!important; width:100%!important; grid-template-columns:2.5rem minmax(0,1fr) 2.5rem!important; }
  .enchantCarousel { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:var(--ui-space-3)!important; }
  .enchantCardMini { min-width:0!important; min-height:0!important; padding:var(--ui-space-2)!important; }
  .enchantCardMini .cardPreview { width:100%!important; height:5rem!important; }
  .enchantCardMini span { font-size:var(--ui-caption)!important; }
  .rewritePanel { display:flex!important; flex-wrap:wrap!important; gap:var(--ui-space-3)!important; background:none!important; border:1px solid var(--ui-border)!important; padding:var(--ui-space-3)!important; }
  .enchantGemControls { display:flex!important; align-items:center!important; }
  .enchantGemControls input { max-width:6rem!important; }
  #enchantApplyBtn { width:auto!important; }
  .enchantTopbar { background:var(--ui-surface-01)!important; border:1px solid var(--ui-border)!important; border-radius:var(--ui-radius-2)!important; padding:var(--ui-space-4)!important; }
  .enchantCenter { display:grid!important; grid-template-columns:minmax(8rem,13rem) minmax(0,1fr)!important; align-items:start!important; align-content:start!important; gap:var(--ui-space-3) var(--ui-space-6)!important; width:100%!important; max-width:none!important; padding:0!important; }
  .enchantCardAura { background:none!important; box-shadow:none!important; }
  .enchantGemControls { flex-wrap:wrap!important; gap:var(--ui-space-2)!important; }
  .enchantCarousel { max-width:100%!important; overflow:auto!important; }
  #crowboundPatchBadge { display:none!important; }
  @media(max-width:1050px) {
    #menuShell { padding:var(--ui-space-4)!important; }
    .epicMenuStage.chessMenuStage { grid-template-columns:1fr 1.6fr!important; gap:var(--ui-space-4)!important; }
    .friendsSidebar { grid-column:1/-1!important; }
    .deckForgeLayout { grid-template-columns:minmax(0,1fr)!important; }
    .deckForgeSelectedPanel { grid-template-columns:5rem minmax(0,1fr)!important; }
    .deckInspector { grid-column:1/-1!important; }
    .deckRightColumn { grid-column:1/-1!important; }
  }
  @media(max-width:640px) {
    .epicMenuStage.chessMenuStage { grid-template-columns:1fr!important; padding:var(--ui-space-3) 0!important; }
    .menuCenterColumn { grid-row:1!important; }
    .menuLeftRail,.friendsSidebar { grid-column:1!important; }
    .deckForgeSelectedPanel,.deckForgeCollectionPanel { grid-template-columns:minmax(0,1fr)!important; }
    .enchantCenter { grid-template-columns:minmax(0,1fr)!important; }
    .enchantHeroRow,.enchantCenter>:not(.enchantHeroRow) { grid-column:1!important; grid-row:auto!important; }
    .shopLayout { grid-template-columns:1fr!important; }
    .shopCategories { display:flex!important; flex-wrap:wrap!important; gap:var(--ui-space-2)!important; }
    .deckCategoryNav { display:flex!important; flex-wrap:wrap!important; }
    .rewardGrid { grid-template-columns:1fr 1fr!important; }
    .configRow { flex-wrap:wrap!important; }
    body.auth-locked #accountPanel { padding:var(--ui-space-4)!important; }
  }
}