/* House artifact skin — objects rise out of the room instead of opening a website card. */
.av-veil{backdrop-filter:blur(10px) brightness(.5) saturate(.72)!important;-webkit-backdrop-filter:blur(10px) brightness(.5) saturate(.72)!important;background:radial-gradient(ellipse at 50% 46%,rgba(28,20,15,.1) 0,rgba(5,4,4,.6) 58%,rgba(3,2,3,.86) 100%)!important}.av-hold{perspective:1400px}
.art.page,.art-paper.page,.art-scroll.page{position:relative!important;width:min(88vw,470px)!important;max-height:82vh!important;overflow:auto!important;padding:clamp(2rem,5vw,3.2rem)!important;color:#eee3d0!important;border:1px solid color-mix(in srgb,var(--gold,#c9b47a) 50%,transparent)!important;border-radius:18px 18px 5px 5px!important;background:linear-gradient(145deg,rgba(31,24,19,.94),rgba(12,10,10,.97) 62%,rgba(18,13,11,.96))!important;box-shadow:0 42px 120px -24px rgba(0,0,0,.96),0 0 70px color-mix(in srgb,var(--gold,#c9b47a) 13%,transparent),inset 0 1px 0 rgba(255,245,220,.08),inset 0 0 70px rgba(0,0,0,.34)!important}
.art.page::before{content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid color-mix(in srgb,var(--gold,#c9b47a) 24%,transparent);border-radius:12px 12px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 30%)}.art.page::after{content:"☾";position:absolute;inset:18px 22px auto auto!important;color:color-mix(in srgb,var(--gold,#c9b47a) 72%,#eee3d0);font-size:1rem;opacity:.72!important;border:0!important}
.art.page .art-kind{position:relative;color:color-mix(in srgb,var(--gold,#c9b47a) 82%,#eee3d0)!important;font-size:.54rem!important;letter-spacing:.32em!important}.art.page .art-title{position:relative;color:#f2e7d4!important;font-family:var(--font-architect,var(--font-display,'Cormorant Garamond',serif))!important;font-size:clamp(1.6rem,4vw,2.35rem)!important;font-weight:400!important;line-height:1.04!important;margin:.48rem 0 1.3rem!important;text-shadow:0 2px 20px rgba(0,0,0,.72)}.art.page .art-body{position:relative;color:rgba(238,227,208,.82)!important;font-family:var(--font-narrator,Georgia,serif)!important;font-size:clamp(.98rem,2vw,1.08rem)!important;line-height:1.78!important}.art.page .art-acts{position:relative;border-top:1px solid color-mix(in srgb,var(--gold,#c9b47a) 22%,transparent)!important;margin-top:1.7rem!important;padding-top:1.1rem!important}
.av .art-act{min-height:39px!important;padding:.5rem 1rem!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--gold,#c9b47a) 48%,transparent)!important;border-radius:0!important;background:transparent!important;color:rgba(238,227,208,.68)!important;font-family:var(--font-architect,var(--font-display,'Cormorant Garamond',serif))!important;font-size:.9rem!important;letter-spacing:.13em!important;text-transform:uppercase!important;transition:color .25s,background .25s,border-color .25s!important}.av .art-act:hover,.av .art-act:focus-visible{outline:none!important;color:#fff4dd!important;border-color:var(--gold,#c9b47a)!important;background:color-mix(in srgb,var(--gold,#c9b47a) 9%,transparent)!important}.av .art-act.keep{color:color-mix(in srgb,var(--gold,#c9b47a) 88%,#fff)!important;border-color:color-mix(in srgb,var(--gold,#c9b47a) 72%,transparent)!important}.av .art-act.kept{color:#b9d4af!important;border-color:#7fa576!important;background:rgba(72,108,68,.16)!important}
.art-scroll,.collroll{background:linear-gradient(150deg,rgba(28,21,17,.96),rgba(10,8,9,.98))!important;border-color:color-mix(in srgb,var(--gold,#c9b47a) 42%,transparent)!important;color:#eadfc9!important;box-shadow:0 42px 120px -24px rgba(0,0,0,.94),0 0 60px color-mix(in srgb,var(--gold,#c9b47a) 11%,transparent),inset 0 0 70px rgba(0,0,0,.32)!important}.art-scroll .art-title,.collroll .art-title{color:#f2e7d4!important;font-weight:400!important}.art-scroll .art-body,.collroll .art-body{color:rgba(238,227,208,.8)!important}
.art.letter{background:linear-gradient(145deg,#cdbf9e,#a99878 56%,#827052)!important;border-color:#9a7940!important;color:#34291f!important;filter:sepia(.16) brightness(.88);box-shadow:0 42px 120px -24px rgba(0,0,0,.96),0 0 55px rgba(206,164,86,.13)!important}.art.letter .fold{background:linear-gradient(145deg,#ded0ae,#b9a785)!important}.av.r-rare .art.page,.av.r-legendary .art.page{box-shadow:0 42px 120px -24px rgba(0,0,0,.96),0 0 80px color-mix(in srgb,var(--gold,#c9b47a) 25%,transparent),inset 0 0 70px rgba(0,0,0,.3)!important}
@media(max-width:600px){.art.page,.art-paper.page,.art-scroll.page{width:calc(100vw - 32px)!important;max-height:78vh!important;padding:2.15rem 1.65rem 1.7rem!important;border-radius:14px 14px 4px 4px!important}.art.page .art-acts{gap:.35rem!important}.av .art-act{font-size:.76rem!important;padding:.48rem .64rem!important;letter-spacing:.09em!important}}

/* House codices — jeweled covers and illuminated reading pages */
.hb-cover{isolation:isolate;border:1px solid rgba(218,166,74,.72)!important;background:#050308;box-shadow:0 34px 90px #000,0 0 46px rgba(124,43,178,.3),inset 0 0 0 5px rgba(5,2,8,.82)!important;transform:perspective(1100px) rotateY(-3deg)}
.hb-cover::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,transparent 24%,rgba(2,0,5,.08) 52%,rgba(2,0,5,.68) 100%)}
.hb-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
.codex-title{position:absolute;z-index:2;left:14%;right:14%;top:15%;display:grid;justify-items:center;gap:.48rem;padding:1rem .75rem;color:#b9873f;text-align:center;background:radial-gradient(ellipse,rgba(5,2,8,.42),transparent 72%);filter:drop-shadow(0 5px 7px rgba(0,0,0,.8))}
.codex-title strong{max-width:15ch;font-family:var(--font-display,Georgia,serif);font-size:clamp(1.15rem,3.1vh,2rem);font-weight:600;line-height:1.04;letter-spacing:.045em;color:#b9863c;-webkit-text-stroke:.35px rgba(247,211,134,.42);text-shadow:-1px -1px 0 rgba(255,226,155,.42),1px 1px 0 #2c1204,2px 3px 3px rgba(0,0,0,.92),0 0 8px rgba(151,87,21,.25)}.codex-title small{font-size:.62rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#9f7234;text-shadow:-1px -1px 0 rgba(236,193,108,.3),1px 1px 0 #211006}.codex-mark{color:#b88339;font-size:1.15rem;line-height:1;text-shadow:-1px -1px 0 rgba(248,211,134,.38),1px 1px 0 #211006,0 2px 4px #000}
.tome-wrap{border:1px solid rgba(203,151,58,.7)!important;background:linear-gradient(145deg,#1d0b20,#07040a 58%,#2b160c)!important;box-shadow:0 28px 80px #000,0 0 32px rgba(127,47,165,.2),inset 0 0 0 6px #080409!important}.tome-wrap::before{border:1px solid rgba(233,191,99,.5)!important;box-shadow:inset 0 0 22px rgba(211,139,49,.12)!important}.tome-clasp{background:radial-gradient(circle at 36% 30%,#f0bfff 0 7%,#8d35bb 20%,#361342 54%,#d3a455 57% 67%,#281305 70%)!important;border:1px solid #e2b862!important;box-shadow:0 0 16px rgba(177,72,225,.65),0 2px 8px #000!important}.book-spread{border:1px solid rgba(156,105,38,.66)!important;box-shadow:0 18px 55px #000,inset 0 0 38px rgba(99,49,13,.16)!important}.page-left,.page-right{background-color:#e8d8b7!important;background-image:radial-gradient(circle at 50% 20%,rgba(255,255,255,.38),transparent 38%),linear-gradient(90deg,rgba(89,38,18,.12),transparent 13%,transparent 87%,rgba(89,38,18,.12))!important}.gold-corner{color:#8d581a!important;filter:drop-shadow(0 0 4px rgba(148,79,20,.25))}
@media(max-width:640px){.codex-title{top:13%;left:12%;right:12%;padding:.75rem .5rem}.codex-title strong{font-size:clamp(1rem,5vw,1.45rem)}}
