/* Le sanctuaire de l'onglet Invocation. La cinématique garde son décor propre. */
#screen-summon {
  position: relative;
  isolation: isolate;
  --muted: #c2bbcf;
}
#screen-summon::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: #0c1020 url('../assets/art/summon/sanctuary-hall-v1.jpg') center 38% / cover no-repeat;
}
#screen-summon::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, #060914ad, #080a181a 24%, #080a1838 62%, #060914cc),
    radial-gradient(ellipse at 50% 38%, transparent 20%, #04071066 100%);
}
#screen-summon > .page-header {
  flex: 0 0 auto;
  background: linear-gradient(#080b15d9, #080b1566);
  border-bottom: 1px solid #c4a97345;
  margin-bottom: 8px;
}
#screen-summon > .page-header h2 { color: #f0dbad; text-shadow: 0 2px 6px #000; }
#screen-summon > .page-header .btn { background: #111525e8; border-color: #88724e; }
#screen-summon .summon-tabs { flex: 0 0 auto; }
#screen-summon .summon-tabs button { background: #101426e8; color: #dcd4e6; border-color: #685b78; }
#screen-summon .summon-tabs button.active {
  color: #ffe4ac;
  border-color: #d4af66;
  background: linear-gradient(145deg, #57426bd9, #34293ced);
  box-shadow: 0 0 13px #c5a07533, inset 0 1px 0 #f6dfae33;
}
#screen-summon .summon-tabs .tab-celestial { color: #e0caff; }
#screen-summon .summon-tabs .tab-celestial.active { border-color: #c7adff; }
#summon-body { min-height: 0; }
#screen-summon .summon-showcase {
  background: linear-gradient(130deg, #171c32a6, #101322d9 70%);
  border-color: #c3a26988;
  box-shadow: 0 8px 24px #03040b55, inset 0 1px 0 #ead2ad18;
  margin-bottom: 12px;
}
#screen-summon .summon-showcase-copy > small { color: #d9c9e8; }
#screen-summon .summon-showcase-copy p { opacity: 1; color: #e0dbe7; }
#screen-summon .event-panel {
  background: #0c1120e8;
  border-color: #a48a625c;
  box-shadow: 0 6px 22px #03040b55;
}
#screen-summon .rate { background: #080d19d9; }
#screen-summon .summon-buttons .btn-primary { box-shadow: 0 3px 20px #d1a65535; }
#screen-summon .wish-grid > button { background-color: #0c1120ed; }
#screen-summon .forge-empty { display: block; margin-top: 8px; padding: 10px; background: #090e1ccc; border-radius: 8px; }
@media (min-width: 1100px) {
  #screen-summon::before { background-position: center 32%; }
}
@media (max-width: 600px) {
  #screen-summon::before { background-position: center 30%; }
}