/* KINOJO shared sanctuary card resources
   PC home and mobile home must reference the same asset variables.
   Replace these variables when final sanctuary card images are prepared. */
:root{
  --kinojo-sanctuary-rudra-bg:url("/assets/images/sanctuary/sanctuary-1-rudra/background.webp");
  --kinojo-sanctuary-rudra-boss:url("/assets/images/sanctuary/sanctuary-1-rudra/boss.webp");
  --kinojo-sanctuary-rudra-lightning:url("/assets/images/sanctuary/rudra/rudra-lightning.png");
  --kinojo-sanctuary-rudra-lightning-right:url("/assets/images/sanctuary/rudra/rudra-lightning-right.png");
  --kinojo-sanctuary-bagot-bg:radial-gradient(circle at 56% 24%,rgba(205,255,244,.82),rgba(65,144,131,.66) 38%,rgba(22,48,58,.96) 100%);
  --kinojo-sanctuary-kaldrix-bg:radial-gradient(circle at 67% 24%,rgba(255,229,178,.86),rgba(167,111,54,.72) 42%,rgba(54,36,42,.98) 100%);
}

/* 20260713 STEP 1: sanctuary_master 공통 반복 렌더링 */
.sanctuary-row[data-sanctuary-master-list="desktop"]{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.sanctuary-master-loading,
.sanctuary-master-error{
  min-height:120px;
  display:grid;
  place-items:center;
  grid-column:1/-1;
  padding:18px;
  border:1px dashed rgba(120,145,180,.32);
  border-radius:12px;
  background:rgba(255,255,255,.78);
  color:#64748b;
  font-size:13px;
  font-weight:900;
  text-align:center;
}
.sanctuary-master-card{
  position:relative;
  min-width:0;
  background:var(--sanctuary-master-bg,#101827);
  border-color:color-mix(in srgb,var(--sanctuary-master-accent,#64748b) 36%,transparent);
}
.sanctuary-master-card-layered{isolation:isolate;overflow:visible}
.sanctuary-master-layer{position:absolute;inset:0;display:block;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.sanctuary-master-card-symbol{overflow:hidden;color:#fff}
.sanctuary-master-card-symbol::before{content:"";position:absolute;inset:0;background:var(--sanctuary-master-bg,linear-gradient(135deg,#1e293b,#0f172a));z-index:1;transition:transform .35s ease,filter .35s ease}
.sanctuary-master-card-symbol::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(8,10,18,0) 38%,rgba(4,9,18,.75) 76%,rgba(3,6,12,.95) 100%)}
.sanctuary-master-card-symbol:hover::before{transform:scale(1.06);filter:saturate(1.1) brightness(1.08)}
.sanctuary-master-content{position:absolute;z-index:12}

.mobile-sanctuary-track>.sanctuary-master-loading,
.mobile-sanctuary-track>.sanctuary-master-error{
  position:absolute;
  inset:0;
  min-height:0;
  z-index:2;
  border:0;
  border-radius:inherit;
  background:linear-gradient(135deg,#172033,#0b1220);
  color:rgba(255,255,255,.82);
}
.sanctuary-master-mobile-slide{background:var(--sanctuary-master-bg,linear-gradient(135deg,#172033,#0b1220))}
.sanctuary-master-mobile-bg{background:var(--sanctuary-master-bg,linear-gradient(135deg,#172033,#0b1220));background-position:center;background-size:cover;background-repeat:no-repeat}

/* HOME sanctuary assets and interaction 320 */
.sanctuary-row[data-sanctuary-master-list="desktop"]{position:relative;display:flex!important;gap:14px!important;align-items:stretch!important;min-height:243px;padding-top:26px!important;overflow:visible!important}
.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-master-loading,
.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-master-error{align-self:stretch;min-height:217px}
.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-home-card{--sanctuary-boss-x:27%;--sanctuary-boss-w:76%;--sanctuary-boss-rest-y:0%;--sanctuary-boss-hover-y:-11%;flex:1 1 0;min-width:0;overflow:visible!important;isolation:isolate;transform:translateZ(0);transition:flex-grow .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),filter .3s ease!important}
.sanctuary-home-card.sanctuary-home-rudra{--sanctuary-boss-x:28%;--sanctuary-boss-w:72%}
.sanctuary-home-card.sanctuary-home-bagot{--sanctuary-boss-x:24%;--sanctuary-boss-w:78%}
.sanctuary-home-card.sanctuary-home-kaldrix{--sanctuary-boss-x:23%;--sanctuary-boss-w:80%}
.sanctuary-home-background,.sanctuary-home-boss,.sanctuary-home-vignette{position:absolute;border-radius:inherit;pointer-events:none;background-position:center;background-repeat:no-repeat}
.sanctuary-home-background{z-index:1;inset:0;background-size:cover;filter:saturate(.92) brightness(.72);clip-path:inset(0 round 14px);transition:filter .35s ease,transform .5s ease}
.sanctuary-home-boss{z-index:5;left:var(--sanctuary-boss-x);right:auto;top:auto;bottom:0;width:var(--sanctuary-boss-w);height:100%;background-size:contain;background-position:center bottom;opacity:.98;filter:drop-shadow(0 16px 18px rgba(0,0,0,.38));transform:translate3d(0,var(--sanctuary-boss-rest-y),0) scale(.96);transform-origin:center bottom;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s ease}
.sanctuary-home-vignette{z-index:6;inset:0;background:linear-gradient(90deg,rgba(3,8,18,.92),rgba(3,8,18,.16) 58%,rgba(3,8,18,.34)),linear-gradient(0deg,rgba(2,6,14,.94),transparent 65%);clip-path:inset(0 round 14px)}
.sanctuary-home-card .sanctuary-symbol,.sanctuary-home-card .sanctuary-master-layer{display:none!important}.sanctuary-home-card .sanctuary-master-content{left:18px;right:18px;bottom:18px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}
@media(hover:hover) and (pointer:fine){.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-home-card:hover,.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-home-card:focus-visible{flex-grow:1.42;z-index:20;transform:translateY(-8px);outline:none}.sanctuary-row[data-sanctuary-master-list="desktop"]:has(>.sanctuary-home-card:hover)>.sanctuary-home-card:not(:hover){filter:saturate(.65) brightness(.78)}.sanctuary-home-card:hover .sanctuary-home-background,.sanctuary-home-card:focus-visible .sanctuary-home-background{filter:saturate(1.08) brightness(.9);transform:scale(1.035)}.sanctuary-home-card:hover .sanctuary-home-boss,.sanctuary-home-card:focus-visible .sanctuary-home-boss{transform:translate3d(0,var(--sanctuary-boss-hover-y),0) scale(1.12);filter:drop-shadow(0 25px 22px rgba(0,0,0,.5))}}
.mobile-sanctuary-boss{position:absolute;z-index:2;left:25%;right:-4%;top:-4%;bottom:0;background-position:center bottom;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 18px 18px rgba(0,0,0,.38));transform:translateY(5%) scale(.94);transform-origin:center bottom;transition:transform .34s cubic-bezier(.16,1,.3,1)}
.sanctuary-master-mobile-slide.is-activating .mobile-sanctuary-boss{transform:translateY(-7%) scale(1.1)}
@media(max-width:720px){.sanctuary-row[data-sanctuary-master-list="desktop"]{display:grid!important;grid-template-columns:1fr!important;min-height:calc(225vw - 68px);padding-top:12px!important}.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-master-loading,.sanctuary-row[data-sanctuary-master-list="desktop"]>.sanctuary-master-error{min-height:calc(225vw - 80px)}.sanctuary-home-boss{height:100%}}