@font-face{font-family:Astloch;src:url('assets/fonts/astloch-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:MetalMania;src:url('assets/fonts/metal-mania-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MetalMania;src:url('assets/fonts/metal-mania-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{--sigil:Astloch,MetalMania,serif;--purple:#b18aff;--green:#c6ff2b}
body:before{background:none}
.background-system{background:#050406;overflow:hidden}
.background-system:before{content:'';position:absolute;inset:-12%;background:url('assets/images/ghost-masks.webp') 0 25%/110% auto no-repeat;filter:grayscale(1) contrast(3);opacity:.13;transform:rotate(-8deg);mix-blend-mode:screen}
.background-system:after{background:linear-gradient(95deg,#18092722,#08050abb 58%,#050406e6),repeating-linear-gradient(0deg,#c7b0ff09 0 1px,transparent 1px 4px)}
.topbar{background:#060408e8;border-color:#bb98f055;min-height:124px;position:relative;padding:17px 3vw}
.brand{font:700 clamp(3.5rem,6.9vw,7rem)/.95 var(--sigil);letter-spacing:-.045em;font-style:normal;color:#d3fd73;gap:24px;text-shadow:-1px 1px 0 #9461c5,0 0 18px #b3fc2220;transform:skew(-5deg)}
.chain-logo{width:70px;filter:brightness(2.7) contrast(1.12) drop-shadow(0 0 2px #dcc7ff99);transform:skew(5deg);mix-blend-mode:screen}
.topbar nav a{border:0;border-bottom:1px solid #a799b969;background:transparent;padding:8px 7px;font-size:13px}.topbar nav a:hover,.topbar nav .current{background:transparent;color:var(--green);border-color:var(--green)}
.system-head{border:0;color:#aca5b5;padding:9px 3vw;font-size:12px}.system-head .signal{color:#b599d6}
.opening{grid-template-columns:42% 58%;padding:32px 3vw 52px;align-items:center;min-height:calc(100svh - 160px);position:relative}
.art-stage{position:relative;margin:0 3vw 0 0;min-width:0;align-self:center;transform:rotate(-2deg)}
.art-stage-meta{display:flex;justify-content:space-between;margin:0 4% 12px;font:12px var(--mono);color:var(--purple)}
.art-window{position:relative;aspect-ratio:4/4.2;background:#120e1a;box-shadow:-8px 9px 0 #79628225,1px 0 0 #aa9abe88;clip-path:polygon(0 1%,98% 0,100% 94%,94% 100%,1% 97%);overflow:hidden}
.art-primary{width:100%;height:100%;object-fit:cover;filter:contrast(1.2) saturate(.55);opacity:.94}
.art-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#12002344 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.art-detail{position:absolute;width:36%;height:30%;right:-5%;bottom:14%;overflow:hidden;background:#ac73ff;transform:rotate(7deg);box-shadow:0 0 0 1px #a3a09b,7px 7px 0 #060408aa}
.art-detail img{width:100%;height:100%;object-fit:cover;object-position:70% 25%;transform:scale(2.7);filter:grayscale(1) contrast(1.8);mix-blend-mode:multiply}
.art-stage figcaption{display:flex;flex-direction:column;gap:7px;margin:20px 4% 0;font:12px/1.4 var(--mono);max-width:90%;color:#c0b5ce;transform:rotate(2deg)}
.art-stage figcaption span:first-child{color:var(--green)}
.index-panel{margin-left:3vw}.panel-head{padding-bottom:16px;color:#aca6b1}.index-row{border:0;padding:10px 0 12px;gap:11px;grid-template-columns:29px minmax(0,1fr) 20px;align-items:center;transition:color .2s,transform .2s;background:transparent}
.index-row>span:nth-child(2){font:700 clamp(1.8rem,3.5vw,3.5rem)/1.05 var(--sigil);letter-spacing:-.025em;overflow-wrap:anywhere}
.index-row:nth-child(3n+2){padding-left:19px}.index-row:nth-child(3n){padding-left:6px}.index-row:nth-child(2n)>span:nth-child(2){color:#c6b6d9}
.row-no{color:#b7b4b7;font-size:12px;padding-top:6px}.row-arrow{font:17px var(--mono);color:#847190;opacity:.5}.index-row:hover,.index-row:focus-visible{background:transparent;color:var(--green);padding-left:0;transform:translateX(5px)}
.index-row:hover>span:nth-child(2),.index-row:focus-visible>span:nth-child(2),.index-row.is-previewed>span:nth-child(2){color:var(--green);text-shadow:1px 0 #70458e,0 0 18px #adff1622}
.index-row:hover .row-no,.index-row:focus-visible .row-no,.index-row.is-previewed .row-no{color:var(--purple)}.index-row:hover .row-arrow,.index-row:focus-visible .row-arrow{color:var(--green);opacity:1}
.tiny-link{margin-top:22px;color:#b8aaC9;border-color:#807487;font-size:12px}
.below-section{background:#08050be8;border-color:#9a79af55}.below-section h2{font:700 clamp(3rem,6vw,6rem)/1.03 var(--sigil);text-transform:none;letter-spacing:-.03em;color:#c5b4d8}.section-number{color:var(--green)}
.detail-header>a,.site-name{font:700 36px/1 var(--sigil);font-style:normal}.detail-header .chain-logo,.site-name .chain-logo{width:42px}.detail-hero h1,.review-dialog h2{font-family:var(--sigil);text-transform:none;font-weight:700;line-height:.97;letter-spacing:-.025em}.detail-lead,.review-lead{font-family:ArchiveNarrow,Arial,sans-serif}.archive-intro h1{font-family:var(--sigil);text-transform:none;line-height:1.05}.archive-item h2{font-family:var(--sigil);font-weight:700;line-height:1.15}
@media(min-width:1700px){.art-window{max-height:680px}.opening{padding-top:50px}}
@media(max-width:1050px){.brand{font-size:70px}.chain-logo{width:60px}.topbar nav{gap:3px}.topbar nav a{font-size:12px}.opening{grid-template-columns:40% 60%}.index-row>span:nth-child(2){font-size:clamp(1.9rem,3.7vw,2.7rem)}.index-row{padding-top:8px;padding-bottom:9px;grid-template-columns:23px minmax(0,1fr) 16px;gap:7px}.art-stage{margin-right:1vw}.art-detail{right:0}.art-stage figcaption{font-size:12px}.index-row:nth-child(3n+2){padding-left:9px}}
@media(max-width:660px){.topbar{padding:17px 4vw 12px;min-height:0;gap:15px}.brand{font-size:clamp(3.2rem,14vw,4.5rem);gap:20px}.chain-logo{width:57px}.topbar nav a{font-size:12px;padding:8px 6px}.system-head{padding:10px 4vw;gap:5px}.system-head span:last-child{font-size:12px}.opening{padding:18px 4vw 45px;gap:32px;display:flex;flex-direction:column}.art-stage{width:92%;margin:0 3% 0 0;align-self:center}.art-window{aspect-ratio:1.6}.art-primary{object-position:50% 35%}.art-detail{width:24%;height:39%;right:-3%;bottom:23%}.art-stage figcaption{margin-top:16px;font-size:12px}.art-stage figcaption span:last-child{max-width:85%}.art-stage-meta{margin-bottom:6px}.index-panel{margin:0;width:100%}.index-row{padding:10px 0 13px;grid-template-columns:23px minmax(0,1fr) 15px;gap:7px}.index-row>span:nth-child(2){font-size:clamp(1.85rem,7.7vw,2.4rem);line-height:1.12}.index-row:nth-child(3n+2){padding-left:9px}.panel-head{font-size:12px}.below-section h2{font-size:3.5rem}.detail-header>a{font-size:32px}.detail-header .chain-logo{width:36px}.detail-hero h1{font-size:clamp(3.3rem,14vw,6rem)}.detail-header{position:absolute}.background-system:before{inset:0;background-size:auto 100vh;background-position:45% 0;opacity:.1}.background-system:after{background:linear-gradient(#05040666,#08040bbf),repeating-linear-gradient(0deg,#c7b0ff08 0 1px,transparent 1px 4px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.chain-logo{filter:none}.chain-logo img{filter:brightness(2.65) contrast(1.08)}
@media(max-width:660px){.brand{font-size:clamp(2.4rem,10.6vw,3.2rem);gap:15px}.chain-logo{width:55px}}
.brand{max-width:100%;white-space:normal}
@media(max-width:660px){.brand{transform:none}.chain-logo{transform:none}}