/* OWNER warm Atelier visual repair.
 * Final bounded visual owner for screenshot-confirmed regressions.
 * Presentation only: no economy, combat formula, reward or persistence changes.
 */

:root{
  --owner-popup-bg:#fff8e9;
  --owner-popup-surface:#fffdf6;
  --owner-popup-line:#d9c49b;
  --owner-popup-text:#30271d;
  --owner-popup-muted:#665b4d;
  --owner-popup-accent:#b77b20;
}

/* CURRENT overlays default to flex; closed owners set display:none or hidden.
 * Include explicit flex/block openings, and keep the six-dialog inert guard. */
body:has(.popup-overlay:not([hidden]):not([style*="display: none"]):not([style*="display:none"])) #sideIconRail,
#sideIconRail[inert]{
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}

body>header .header-title{gap:2px!important}
body>header .eyebrow{margin:0!important}
body>header h1{display:none!important}
@media(max-width:900px){
  body>header{min-height:0!important;padding:8px 58px 6px!important;margin-bottom:4px!important}
  body>header .eyebrow{font-size:10px!important;line-height:1.2!important;letter-spacing:.18em!important}
}
/* One page-title grammar across CURRENT screens. */
.menu-banner,
#viewAdventure .menu-banner,
#viewEquipements>.menu-banner,
#viewSkills>.menu-banner,
#viewComptoir>.menu-banner,
#viewFoire>.menu-banner,
#viewDonjon .menu-banner,
#viewFouille .menu-banner,
#viewHero .menu-banner,
#viewFamiliers>.menu-banner{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:64px!important;
  height:auto!important;
  margin:8px auto 12px!important;
  padding:14px 52px!important;
  border:1px solid var(--owner-popup-line)!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,var(--owner-popup-surface),var(--owner-popup-bg))!important;
  box-shadow:0 2px 0 rgba(119,79,29,.18)!important;
  clip-path:none!important;
  filter:none!important;
  overflow:visible!important;
}
/* A quiet inset rule gives the parchment its authored plaque structure. */
.menu-banner::before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  border:1px solid rgba(183,123,32,.22)!important;
  border-radius:3px!important;
  background:none!important;
  box-shadow:none!important;
  clip-path:none!important;
  pointer-events:none!important;
}
.menu-banner::after{content:none!important}
.menu-banner-title,
#viewAdventure .menu-banner-title,
#viewEquipements>.menu-banner .menu-banner-title,
#viewSkills>.menu-banner .menu-banner-title,
#viewComptoir>.menu-banner .menu-banner-title,
#viewFamiliers>.menu-banner .menu-banner-title{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--owner-popup-text)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  font-size:clamp(22px,4vw,30px)!important;
  line-height:1.1!important;
  text-align:center!important;
  text-transform:none!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px 0 #fffdf6!important;
}
@media(max-width:640px){
  .menu-banner,
  #viewAdventure .menu-banner,
  #viewEquipements>.menu-banner,
  #viewSkills>.menu-banner,
  #viewComptoir>.menu-banner,
  #viewFoire>.menu-banner,
  #viewDonjon .menu-banner,
  #viewFouille .menu-banner,
  #viewHero .menu-banner,
  #viewFamiliers>.menu-banner{
    min-height:52px!important;
    height:auto!important;
    margin:6px auto 9px!important;
    padding:12px 48px!important;
  }
  .menu-banner-title,
  #viewAdventure .menu-banner-title,
  #viewEquipements>.menu-banner .menu-banner-title,
  #viewSkills>.menu-banner .menu-banner-title,
  #viewComptoir>.menu-banner .menu-banner-title,
  #viewFamiliers>.menu-banner .menu-banner-title{
    font-size:clamp(20px,5vw,22px)!important;
  }
}
.feature-info-btn--banner,
#viewAdventure .feature-info-btn--banner{
  top:50%!important;
  right:4px!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  transform:translateY(-50%)!important;
  border:0!important;
  background:transparent!important;
  color:var(--owner-popup-text)!important;
  box-shadow:none!important;
  font-size:14px!important;
  opacity:1!important;
  isolation:isolate;
}
.feature-info-btn--banner::before{
  content:""!important;
  position:absolute!important;
  width:28px!important;height:28px!important;
  inset:8px!important;
  box-sizing:border-box;
  border:1px solid var(--owner-popup-line)!important;
  border-radius:50%!important;
  background:#fff8e9!important;
  z-index:-1;
  pointer-events:none;
}
.feature-info-btn--banner:focus-visible{outline:3px solid #1b5fd1!important;outline-offset:1px}
/* Six quick-action popups share one readable visual grammar. */
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup){
  background:rgba(39,30,20,.72)!important;
  backdrop-filter:blur(2px);
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup)>.popup-card{
  box-sizing:border-box!important;
  width:min(620px,calc(100vw - 24px))!important;
  max-width:620px!important;
  max-height:calc(100dvh - 24px)!important;
  padding:16px!important;
  overflow:auto!important;
  border:2px solid var(--owner-popup-line)!important;
  border-image:none!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,var(--owner-popup-surface),var(--owner-popup-bg))!important;
  background-image:linear-gradient(180deg,var(--owner-popup-surface),var(--owner-popup-bg))!important;
  box-shadow:0 20px 54px rgba(10,14,22,.42)!important;
  color:var(--owner-popup-text)!important;
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup)>.popup-card>.popup-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  margin:0 0 14px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:1px solid var(--owner-popup-line)!important;
  background:transparent!important;
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup)>.popup-card>.popup-header>.dungeon-log-title{
  grid-column:1!important;
  justify-self:start!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--owner-popup-text)!important;
  font-size:clamp(20px,4vw,24px)!important;
  line-height:1.08!important;
  text-align:left!important;
  white-space:normal!important;
  text-shadow:none!important;
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup)>.popup-card>.popup-header>.popup-close{
  grid-column:2!important;
  justify-self:end!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  margin:0!important;padding:0!important;
  background:#fff2d3!important;
  border:1px solid #cdb378!important;
  border-radius:12px!important;
  color:var(--owner-popup-text)!important;
  box-shadow:0 2px 6px rgba(68,50,24,.12)!important;
  font-size:0!important;
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup)>.popup-card>.popup-header>.popup-close::after{
  content:"×"!important;
  position:static!important;
  display:flex!important;
  align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;
  inset:auto!important;
  border:0!important;background:transparent!important;
  color:var(--owner-popup-text)!important;
  box-shadow:none!important;
  font:800 22px/1 system-ui,sans-serif!important;
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup) :is(p,li,span,small,.ledger-note,.dungeon-card-desc,.guide-p,.guide-progressive-info span,.guide-currency span,.quest-reward,.quest-progress-text){
  color:var(--owner-popup-muted)!important;
  text-shadow:none!important;
}
:is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup) :is(h3,h4,strong,.quest-label,.dungeon-card-title){
  color:var(--owner-popup-text)!important;
  text-shadow:none!important;
}
:is(#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup) :is(.mode-tab,.quest-claim-btn,.dungeon-btn){
  color:var(--owner-popup-text)!important;
  background:#fff8e9!important;
  background-image:none!important;
  border:1px solid #d1bc91!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
:is(#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup) .mode-tab.active{
  color:#2a1d0c!important;
  background:#f2d79a!important;
  border-color:#b9862f!important;
}
:is(#questsPopup,#achievementsPopup) .quest-row,
#settingsPopup :is(.guide-progressive-info,.guide-currency,.guide-loop,.guide-current-objective){
  color:var(--owner-popup-text)!important;
  background:#fffdf7!important;
  background-image:none!important;
  border:1px solid #dfcfac!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
#settingsPopup #apprenticeManualCurrent,
#settingsPopup #apprenticeManualCurrent *{
  color:var(--owner-popup-text)!important;
  background:#fffdf7!important;
  border-color:#dfcfac!important;
}
#shopPopup .shop-card{
  color:var(--owner-popup-text)!important;
  background:#fffdf7!important;
  background-image:none!important;
  border:1px solid #dfcfac!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
#dailyGiftPopup .bonus-popup-sub,
#energyBoltPopup .bonus-popup-sub{
  color:var(--owner-popup-muted)!important;
}
:is(#dailyGiftPopup,#energyBoltPopup) .bonus-popup-icon{
  margin:6px auto 10px!important;
  filter:none!important;
}
:is(#dailyGiftPopup,#energyBoltPopup) .bonus-popup-claim-btn{
  min-height:50px!important;
  color:#2c1d09!important;
  background:linear-gradient(180deg,#f3c763,#e7a62e)!important;
  border:1px solid #b77717!important;
  border-radius:12px!important;
  box-shadow:0 3px 8px rgba(101,66,15,.15)!important;
}
@media(max-width:640px){
  :is(#dailyGiftPopup,#energyBoltPopup,#settingsPopup,#questsPopup,#achievementsPopup,#shopPopup)>.popup-card{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    padding:14px!important;
    border-radius:16px!important;
  }
}

#viewFamiliers .inventory-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  margin:0 0 10px!important;
  border:1px solid #d8c397!important;
  border-radius:14px!important;
  background:#fffaf0!important;
  box-shadow:none!important;
}
#viewFamiliers .inventory-title{font-size:clamp(18px,4vw,22px)!important}
#viewFamiliers #autoAwakenFamiliarsBtn{
  width:max-content!important;min-width:0!important;
  min-height:44px!important;padding:7px 12px!important;
  font-size:12px!important;
}
#viewEquipements #catTabs .badge-anchor>.ping-dot{
  width:8px!important;height:8px!important;
  top:4px!important;right:4px!important;
  box-shadow:0 0 0 2px rgba(27,41,66,.88)!important;
}
#viewComptoir .altar{display:none!important}

#viewAdventure #battleSkillBar .battle-skill-btn{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"name mode" "time time"!important;
  align-items:center!important;
  gap:4px 6px!important;
  min-height:62px!important;
  padding:8px 9px!important;
  text-align:left!important;
}
#viewAdventure #battleSkillBar .battle-skill-btn>strong{
  grid-area:name!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.05!important;
}
#viewAdventure #battleSkillBar .battle-skill-btn>small{
  grid-area:mode!important;
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  padding:2px 5px!important;
  border:1px solid rgba(255,241,205,.32)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff4d8!important;
  font:700 8px/1.1 'IBM Plex Mono',monospace!important;
  letter-spacing:.04em!important;
}
#viewAdventure #battleSkillBar .battle-skill-time{
  grid-area:time!important;
  position:static!important;
  display:block!important;
  text-align:center!important;
  font-size:9px!important;
}
#viewAdventure #battleStatsRow .battle-stat strong{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
}
.current-power-feedback{
  inset:auto 12px calc(82px + env(safe-area-inset-bottom,0px)) auto!important;
  display:block!important;
  width:auto!important;
  padding:0!important;
  place-items:unset!important;
  pointer-events:none!important;
}
.current-power-feedback[hidden]{display:none!important}
.current-power-feedback-card{
  width:auto!important;
  min-width:0!important;
  max-width:min(260px,calc(100vw - 24px))!important;
  padding:9px 12px!important;
  border-radius:12px!important;
}
.current-power-feedback-card strong{font-size:14px!important}
.current-power-feedback-card span{font-size:10px!important;margin-top:3px!important}
.current-power-vfx{width:38px!important;height:38px!important}

@media(max-width:640px){
  #viewAdventure #battleSkillBar{gap:5px!important;padding:5px!important}
  #viewAdventure #battleSkillBar .battle-skill-btn{min-height:58px!important;padding:6px!important}
  #viewAdventure #battleSkillBar .battle-skill-btn>strong{font-size:12px!important}
  #viewAdventure #battleSkillBar .battle-skill-btn>small{font-size:7px!important;padding:2px 4px!important}
  #viewFamiliers .inventory-header{padding:9px 10px!important}
}

#sideIconRailToggle{
  box-sizing:border-box!important;
  padding:7px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(#fff1d0,#fff1d0) content-box!important;
  box-shadow:none!important;
  color:#30271d!important;
  font-size:12px!important;
}
#sideIconRailToggle:focus-visible{
  outline:3px solid #1b5fd1!important;
  outline-offset:2px!important;
}
#sideIconRail .badge-anchor{position:relative;display:inline-flex;overflow:visible}
#sideIconRail .ping-dot{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  top:3px!important;right:3px!important;
  box-shadow:0 0 0 2px #fff8e9!important;
}
#sideIconRail .tab-badge{
  width:auto!important;height:18px!important;
  min-width:18px!important;min-height:18px!important;
  padding:0 4px!important;
  top:0!important;right:0!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  font:700 11px/18px system-ui,sans-serif!important;
  color:#fff!important;background:#a32d26!important;
  box-shadow:0 0 0 2px #fff8e9!important;
}

/* Use a two-tone keyboard indicator so it stays visible on parchment, gold
   controls and the dark popup surfaces. The outer ink ring clears 3:1 against
   the brightest primary control; the inner paper ring separates it on dark UI. */
html body #sideIconRailToggle:focus-visible,
html body :is(button,a,[role="button"],[role="tab"],input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #10202a!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px #fffdf6!important;
}
/* Local Comptoir paint uses two-ID !important shadows; keep the global
   two-tone focus contract above that specificity for all pull controls. */
html body #viewComptoir :is(#pull10,#pull1,#pullMass):focus-visible{
  outline:3px solid #10202a!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px #fffdf6!important;
}
#sideIconRailItems .shop-icon-btn{
  position:relative!important;
  display:grid!important;place-items:center!important;
  padding:0!important;
  border:1px solid #d9c49b!important;
  border-radius:8px!important;
  background:#fffdf6!important;
  box-shadow:none!important;
  isolation:isolate;
}
#sideIconRailItems .ui-final-side-icon{
  display:block!important;
  position:relative!important;
  width:24px!important;height:24px!important;
  opacity:1!important;visibility:visible!important;
  background-size:contain!important;background-repeat:no-repeat!important;
  background-position:center!important;
  filter:none!important;z-index:1;
}

/* SPECTRA candidate replay closure — shared shell/readability residuals. */
body > .view-tabs .view-tab,
body > .view-tabs .nav-dropdown-trigger{
  opacity:1!important;
  filter:none!important;
  padding:8px 14px!important;
  border:1px solid var(--owner-popup-line)!important;
  border-image:none!important;
  border-radius:8px!important;
  background:#fff8e9!important;
  background-image:none!important;
  box-shadow:0 2px 0 rgba(119,79,29,.10)!important;
  color:var(--owner-popup-muted)!important;
  text-shadow:none!important;
}
body > .view-tabs .view-tab.active,
body > .view-tabs .nav-dropdown-trigger.group-active{
  border-color:#b77b20!important;
  background:linear-gradient(180deg,#f2d79a,#dfb35e)!important;
  color:#30271d!important;
  font-weight:800!important;
}
#viewAdventure #battleSkillBar .battle-skill-btn{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"name name" "time mode"!important;
}
#viewAdventure #battleSkillBar .battle-skill-btn>strong{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#viewAdventure #battleSkillBar .battle-skill-btn>small{
  justify-self:end!important;
}
#viewAdventure #battleSkillBar .battle-skill-time{
  justify-self:start!important;
  text-align:left!important;
}
#achievementsPopup :is(.ledger-note,.quest-progress-text,p){
  color:#5a4a37!important;
  opacity:1!important;
}
@media(max-width:900px){
  .wallet-centered{
    box-sizing:border-box!important;
    padding-right:56px!important;
  }
  #sideIconRail > .badge-anchor > .ping-dot{
    top:7px!important;
    right:7px!important;
  }
}
@media(max-width:640px){
  .view-panel{
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* Final shared navigation family: Adventure must not retain the retired cool override. */
body:has(#viewAdventure:not([style*="none"])) > .view-tabs .view-tab,
body:has(#viewAdventure:not([style*="none"])) > .view-tabs .nav-dropdown-trigger{
  opacity:1!important;
  filter:none!important;
  border:1px solid var(--owner-popup-line)!important;
  border-image:none!important;
  border-radius:8px!important;
  background:#fff8e9!important;
  background-image:none!important;
  box-shadow:0 2px 0 rgba(119,79,29,.10)!important;
  color:var(--owner-popup-muted)!important;
  text-shadow:none!important;
}
body:has(#viewAdventure:not([style*="none"])) > .view-tabs .view-tab.active,
body:has(#viewAdventure:not([style*="none"])) > .view-tabs .nav-dropdown-trigger.group-active{
  border-color:#b77b20!important;
  background:linear-gradient(180deg,#f2d79a,#dfb35e)!important;
  color:#30271d!important;
}
@media(max-width:900px){
  #sideIconRail > .badge-anchor > .ping-dot{
    top:10px!important;
    right:8px!important;
  }
}