@scope (#page-resources){
.resource-layout{width:min(960px,calc(100% - 36px));margin:36px auto 70px}
.feature{padding:clamp(26px,5vw,58px) 20px;border:1px solid #c9bdac;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#241b2a 0,#0d0a10 52%,#050405 100%);box-shadow:inset 0 0 0 5px #0e0b10}
.feature-mark{font-size:52px;color:#ede0bd;line-height:1;margin-bottom:12px}.eyebrow{color:#d0b9d6;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
h2,h3{font-family:"Noto Serif",serif;font-weight:400}.feature h2{font-size:clamp(27px,4vw,40px);margin:8px 0 10px}.feature p{color:#ded8df}
.join{display:inline-flex;margin-top:22px;border:1px solid #a68caf;background:#302334;color:#fff4ff;border-radius:999px;padding:10px 22px;text-decoration:none}
.links-title{margin:34px 0 16px;font-size:24px}.links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.resource{display:block;padding:20px 14px;border:1px solid #62536a;border-radius:12px;background:#0d0a10;color:#f5f1e8;text-decoration:none}
.resource h3{margin:6px 0;font-size:20px}.resource span{color:#cbb7d1;font-size:13px}.join:hover,.resource:hover{border-color:#e1c8e8}a:focus-visible{outline:2px solid #e1c8e8;outline-offset:3px}
@media(max-width:650px){.links{grid-template-columns:1fr}}

.feature,.resource{position:relative;border:0;border-radius:0;box-shadow:none;background:#080709}
.feature{padding-block:40px}.feature-mark{font-size:44px;color:#f2ead6}
.card-frame{position:absolute;inset:0;width:100%;height:100%;color:#bdb3a4;pointer-events:none}
.resource:hover .card-frame,.resource:focus-visible .card-frame{color:#dbc1e3}
.resource>span:first-of-type{color:#efe5ce;font-size:24px}
.resource>span:last-child{color:#ccb4d4}
.links-title{display:flex;align-items:center;justify-content:center;gap:16px}
.links-title::before,.links-title::after{content:"";flex:1;max-width:160px;height:1px;background:#797167}
.phases{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px auto 16px;color:#e4dbc6}
.phases svg{width:14px;height:14px;flex:none}
.phases::before,.phases::after{content:"";width:60px;height:1px;background:#a49c86}

.feature,.resource{background:#080808;border:1px solid #bdb3a4;border-radius:8px}
.feature::before,.feature::after,.resource::before,.resource::after{position:absolute;top:9px;color:#ded4c1;font-size:13px;line-height:1;pointer-events:none}
.feature::before,.resource::before{content:"☾";left:10px}
.feature::after,.resource::after{content:"✧";right:10px}
.resource{padding-top:25px}.join{background:#141218;border:1px solid #c9bdac;border-radius:8px;box-shadow:inset 0 -1px #9f83a8}
.resource>span:last-child,.eyebrow{color:#bbb1a6}
.community-invite-wrap{margin:14px 0 22px!important}
.community-invite-card{display:flex;align-items:center;gap:13px;max-width:570px;min-height:77px;padding:12px 16px;border:1px solid rgba(185,173,202,.23);border-radius:13px;background:linear-gradient(105deg,rgba(119,99,151,.11),rgba(20,19,27,.35));color:#e7e2e8!important;text-decoration:none!important;box-shadow:0 3px 14px rgba(0,0,0,.10);transition:border-color .2s,background .2s,transform .2s}
.community-invite-card:hover,.community-invite-card:focus-visible{border-color:rgba(181,157,211,.60);background:linear-gradient(105deg,rgba(119,99,151,.19),rgba(20,19,27,.42));transform:translateY(-1px)}
.community-invite-emblem{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid rgba(184,171,205,.32);border-radius:12px;background:radial-gradient(circle at 50% 35%,rgba(130,107,162,.25),rgba(31,28,40,.45));font-size:25px;font-weight:400;color:#c8bdd8}
.community-invite-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.community-invite-copy strong{font-size:15px;line-height:1.25;color:#e7e2e8}
.community-invite-copy small{font-size:12px;line-height:1.35;color:#b9b1c2}
.community-invite-cta{font-size:12px;white-space:nowrap;color:#c6b5dd;border-left:1px solid rgba(185,173,202,.20);padding-left:14px}
@media(max-width:560px){.community-invite-card{gap:10px;padding:11px}.community-invite-emblem{width:39px;height:39px;flex-basis:39px;font-size:22px}.community-invite-cta{font-size:11px;padding-left:8px}}
.invites{display:grid;gap:12px;text-align:left}.invites .community-invite-card{max-width:none;width:100%;box-sizing:border-box}.invites .featured-invite{min-height:126px;border-color:#96819e;padding:18px 22px}.featured-invite .community-invite-copy strong{font:400 clamp(23px,4vw,34px) "Noto Serif",serif}.featured-invite .community-invite-emblem{width:56px;height:56px;flex-basis:56px}.featured-invite .community-invite-cta{font-size:14px}
@media(max-width:480px){.invites .featured-invite{padding:12px}.featured-invite .community-invite-emblem{width:40px;height:40px;flex-basis:40px}.featured-invite .community-invite-cta{font-size:11px}}

.credits-layout{position:relative}.view-choice{position:absolute;width:1px;height:1px;opacity:0}.resource-switch{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;color:#ded4c1}.resource-switch label{cursor:pointer;padding:9px 20px;border:1px solid #79736a;border-radius:8px;color:#f5f1e8;background:#080808}
#view-resources:checked~.resource-switch label[for=view-resources],#view-credits:checked~.resource-switch label[for=view-credits]{background:#141218;border-color:#c9bdac;box-shadow:inset 0 -1px #9f83a8}
#view-resources:focus-visible~.resource-switch label[for=view-resources],#view-credits:focus-visible~.resource-switch label[for=view-credits]{outline:2px solid #e1c8e8;outline-offset:3px}
#view-resources:checked~.credits-panel,#view-credits:checked~.resource-panel{display:none}
.eclipse-feature,.credits-panel{border:1px solid #bdb3a4;border-radius:8px;background:#080808;padding:clamp(24px,5vw,46px) 16px;text-align:center}.eclipse-feature .eyebrow{margin-top:10px}.eclipse-feature h2,.credits-panel h2{font-size:clamp(25px,4vw,38px);margin:8px 0 12px}.eclipse-feature .join{background:#141218;border-color:#c9bdac;border-radius:8px;box-shadow:inset 0 -1px #9f83a8}.credits-panel .credit-note{color:#bbb1a6;margin-top:14px}

.eclipse-feature{--moonlit-art:url("/assets/resources/eclipse.webp");position:relative;overflow:hidden;text-align:left;padding:clamp(24px,5vw,46px) 24px clamp(24px,5vw,46px) 43%;background:linear-gradient(90deg,transparent 17%,#080808 56%),var(--moonlit-art) center left/cover no-repeat #080808}
.eclipse-feature .eyebrow{margin-top:0}.eclipse-feature p{margin:0;color:#ded8df}
.eclipse-feature .join{display:inline-flex;align-items:center;gap:9px;color:#f5f1e8}.invite-discord{width:18px;height:18px;flex:none}
@media(max-width:600px){.eclipse-feature{padding:110px 20px 24px;background:linear-gradient(180deg,transparent 0,#080808 135px),var(--moonlit-art) top center/100% auto no-repeat #080808}}

.eclipse-feature{max-width:760px;margin-inline:auto;background:#000;isolation:isolate;padding:34px 22px 34px 40%}
.eclipse-feature::before{content:"";position:absolute;inset:0 auto 0 0;width:46%;z-index:-1;background:var(--moonlit-art) left center/auto min(95%, 270px) no-repeat;mask-image:linear-gradient(90deg,#000 73%,transparent);filter:grayscale(1) contrast(1.12)}
.eclipse-feature .join{background:#000}
.invites{max-width:760px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:center}
.invites .community-invite-card{position:relative;flex-direction:column;gap:8px;padding:16px 10px;border:1px solid #bdb3a4;border-radius:8px;background:#080808}
.community-invite-card::before,.community-invite-card::after{position:absolute;top:7px;color:#ded4c1;font-size:13px}
.community-invite-card::before{content:"☾";left:9px}
.community-invite-card::after{content:"✧";right:9px}
.community-invite-copy strong{font:400 20px "Noto Serif",serif}
.community-invite-cta{border:0;padding:0}
@media(max-width:650px){.invites{grid-template-columns:1fr;max-width:360px}}
@media(max-width:600px){
 .eclipse-feature{padding:160px 18px 24px;text-align:center}
 .eclipse-feature::before{inset:0 auto auto 50%;transform:translateX(-50%);width:min(100%, 198px);height:162px;background-size:auto 100%;background-position:18px center;mask-image:linear-gradient(#000 77%,transparent)}
}

.invites .community-invite-card{background:#000}
.invites .community-invite-card:is(:hover,:focus-visible){border-color:#eee7d9}
.invites .community-invite-emblem{width:54px;height:54px;flex:0 0 54px;border:0;background:none}
.community-invite-emblem svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px #e9e4d050)}

.eclipse-feature::before{background-size:contain;background-position:center;mask-image:none;mix-blend-mode:screen}
.invites .community-invite-emblem{width:120px;height:120px;flex-basis:120px}
.community-invite-emblem img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}

}
@scope (#page-resources){
.discord-credits{display:grid;grid-template-columns:72px minmax(0,1fr);text-align:left;background:#000}
#view-resources:checked~.discord-credits{display:none}
.server-rail{border-right:1px solid #343039;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:14px}
.server-rail a{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#000}
.server-rail a:first-child{outline:1px solid #a68caf}
.server-icon{display:block;width:42px;height:42px;object-fit:cover;mix-blend-mode:lighten}
.icon-203612{object-fit:none;object-position:center;clip-path:inset(0 round 10px)}
.icon-203638,.icon-203722{object-fit:contain;clip-path:inset(4% round 12px)}
.icon-203802{object-fit:none;object-position:center;clip-path:inset(0 round 12px)}
.rail-profile{margin-top:auto;display:grid;justify-items:center;gap:5px;font-size:12px}
.jade-avatar{width:42px;height:42px;object-fit:cover;object-position:50% 42%;clip-path:circle(48%);display:block}
.channel-heading{border-bottom:1px solid #343039;padding:14px clamp(12px,4vw,32px)}
.discord-credits .channel-heading h2{margin:0;font-size:clamp(19px,3vw,27px)}
.channel-heading h2 span,.guest-avatar{color:#ded4c1}
.channel-heading small,.chat-message small,.chat-embed small{color:#beb3c1;font-size:11px;letter-spacing:.06em}
.chat-feed{padding:18px clamp(12px,4vw,32px) 24px}
.chat-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;margin:0 0 20px}
.chat-message strong{color:#f5f1e8}.chat-message small{margin-left:5px}
.chat-body{margin-top:3px;line-height:1.6;overflow-wrap:anywhere}
.guest-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid #61576a;border-radius:50%}
.chat-embed{display:grid;gap:4px;max-width:460px;margin-top:8px;border:1px solid #38313d;border-left:3px solid #a68caf;border-radius:6px;padding:9px 12px;color:inherit;text-decoration:none;background:#000}
.chat-embed strong{color:#e3c9eb}.chat-embed small{margin:0}.chat-embed span{font-size:14px}
.chat-embed:hover{border-color:#a68caf}
@media(max-width:500px){.discord-credits{grid-template-columns:52px minmax(0,1fr)}.server-rail{padding-inline:3px}.server-rail a{width:37px;height:37px}.server-icon{width:34px;height:34px}.chat-message{grid-template-columns:32px minmax(0,1fr);gap:8px}.jade-avatar,.guest-avatar{width:32px;height:32px}}

.discord-credits{grid-template-columns:66px 220px minmax(0,1fr);grid-template-rows:32px minmax(0,1fr) auto;height:min(760px,85vh);min-height:500px}
.dm-titlebar{grid-column:1/-1;display:grid;place-items:center;border-bottom:1px solid #2b272e;font-size:13px}
.server-rail{grid-column:1;grid-row:2;overflow:auto}
.server-icon,.icon-203612,.icon-203638,.icon-203722,.icon-203802{object-fit:contain;object-position:center;clip-path:inset(0 round 10px);width:42px;height:42px}
.dm-sidebar{grid-column:2;grid-row:2;border-right:1px solid #2b272e;padding:10px;overflow:auto}
.dm-find,.dm-toolbar input,.dm-compose,.dm-active,.dm-account{border:1px solid #302b34;border-radius:8px;background:#000}
.dm-find{padding:9px;font-size:12px;color:#ddd2df}
.dm-nav{padding:12px 0;border-bottom:1px solid #302b34}
.dm-nav-item,.dm-active,.dm-account,.dm-toolbar,.dm-compose{display:flex;align-items:center;gap:10px}
.dm-nav-item{padding:8px 4px}
.dm-control{display:inline-grid;place-items:center;min-width:19px;color:#c4b8c8;font:600 15px system-ui}
.dm-list-title{display:flex;justify-content:space-between;margin:14px 0 9px;font-size:12px;color:#c4b8c8}
.dm-active{padding:6px;border-color:#806d88}.dm-active strong{flex:1}
.dm-account{grid-column:1/3;grid-row:3;margin:7px;padding:8px;border-color:#514458;background:linear-gradient(115deg,#000 40%,#1b1420)}
.dm-account div{flex:1;min-width:0}.dm-account small{display:block;color:#c4b8c8;font-size:10px}
.chat-channel{grid-column:3;grid-row:2/4;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
.dm-toolbar{padding:9px 12px;border-bottom:1px solid #302b34}
.dm-toolbar .guest-avatar,.dm-active .guest-avatar{width:28px;height:28px;flex:none}
.dm-tools{display:flex;gap:7px;margin-left:auto}.dm-toolbar input{width:clamp(80px,15vw,144px);min-width:0;padding:7px;color:inherit;font:inherit;font-size:12px}
.chat-feed{overflow:auto;scrollbar-color:#514458 #000}
.dm-compose{margin:8px 12px 12px;padding:9px;gap:7px}
.dm-placeholder{flex:1;min-width:0;color:#b5aab9;font-size:13px}
@media(max-width:760px){.discord-credits{grid-template-columns:52px 145px minmax(0,1fr)}.dm-toolbar,.dm-compose{flex-wrap:wrap}.dm-toolbar input{flex:1}.dm-account{gap:4px}}
@media(max-width:540px){.discord-credits{grid-template-columns:45px minmax(0,1fr)}.dm-sidebar{display:none}.chat-channel{grid-column:2;grid-row:2}.dm-account{grid-column:1/-1}.server-icon,.icon-203612,.icon-203638,.icon-203722,.icon-203802{width:32px;height:32px}}

.discord-credits{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;grid-template-columns:76px 210px minmax(0,1fr);grid-template-rows:40px minmax(0,1fr) auto}
.dm-titlebar{font-size:14px}
.server-rail{gap:12px;padding:12px 0;scrollbar-width:thin}
.server-rail a{width:50px;height:50px;flex:none}
.server-rail .server-icon{width:46px;height:46px}
.dm-sidebar{padding:10px}
.dm-find{height:40px;display:flex;align-items:center;padding-inline:12px}
.dm-nav-item{min-height:50px;padding-inline:14px;gap:14px}
.dm-active{min-height:58px;padding-inline:12px}
.dm-toolbar{min-height:62px;padding-inline:24px;gap:12px}
.dm-tools{gap:20px}
.dm-toolbar input{width:clamp(130px,19vw,305px);height:38px;padding-inline:12px}
.chat-feed{padding:22px 24px 28px}
.chat-message{grid-template-columns:52px minmax(0,1fr);gap:18px}
.chat-message .jade-avatar,.chat-message .guest-avatar{width:52px;height:52px}
.chat-body{max-width:76ch}
.dm-compose{min-height:64px;padding-inline:18px;gap:14px}
.dm-account{min-height:64px}
@media(max-width:900px){.discord-credits{grid-template-columns:56px 160px minmax(0,1fr)}.dm-tools{gap:8px}.dm-toolbar{padding-inline:12px}}
@media(max-width:640px){.discord-credits{grid-template-columns:48px minmax(0,1fr)}.dm-sidebar{display:none}.chat-channel{grid-column:2;grid-row:2}.dm-account{grid-column:1/-1}.server-rail a{width:38px;height:38px}.server-rail .server-icon{width:34px;height:34px}.chat-feed{padding:12px}.chat-message{grid-template-columns:32px minmax(0,1fr);gap:8px}.chat-message .jade-avatar,.chat-message .guest-avatar{width:32px;height:32px}.dm-compose{min-height:44px;padding:8px;gap:6px}}

.chat-feed{padding-block:15px 18px}
.chat-message{grid-template-columns:36px minmax(0,1fr);gap:10px;margin-bottom:12px;font-size:14px}
.chat-message .jade-avatar,.chat-message .guest-avatar{width:36px;height:36px}
.chat-body{margin-top:2px;line-height:1.45}
.chat-embed{max-width:390px;gap:1px;margin-top:5px;padding:5px 9px}
.chat-embed small{display:none}
.chat-embed span{font-size:12px}
@media(max-width:640px){.chat-message{grid-template-columns:30px minmax(0,1fr);gap:7px}.chat-message .jade-avatar,.chat-message .guest-avatar{width:30px;height:30px}}
.chat-feed > .creator-note{margin:0 0 16px;padding:9px 12px;border:1px solid #38313d;border-radius:6px}
.server-rail a{overflow:hidden}
.server-rail a:first-child{outline:none}
.server-rail .server-icon{clip-path:none;object-fit:contain;object-position:center;mix-blend-mode:normal;mask-image:radial-gradient(ellipse closest-side,#000 78%,transparent 100%)}
.server-rail .icon-203612{filter:contrast(1.32) brightness(1.08);mask-image:radial-gradient(circle closest-side,#000 64%,transparent 100%)}
.server-rail .icon-203638,.server-rail .icon-203722{mask-image:radial-gradient(ellipse closest-side,#000 96%,transparent 116%);filter:contrast(1.15)}
.server-rail .icon-203802{mask-image:radial-gradient(ellipse closest-side,#000 73%,transparent 100%)}

.credits-panel.credits-inbox{display:grid;grid-template-columns:3fr 2fr;align-items:start;gap:16px;padding:0;background:transparent;border:0;text-align:left}
.credits-inbox-box,.credits-reference-cards details{min-width:0;border:1px solid #79736a;border-radius:8px;background:#080808}
.credits-inbox-box h2{margin:0;padding:10px 16px;border-bottom:1px solid #38313d;background:#171419;border-radius:7px 7px 0 0;font-size:21px}
.credits-inbox-box h2 span{margin-right:7px}
.credits-inbox-message{padding:4px 16px 16px}
.credits-reference-cards{display:grid;gap:10px}
.credits-reference-cards summary{padding:12px 14px;cursor:pointer;font:19px "Noto Serif",serif}
.credits-reference-cards p{margin:0;padding:0 14px 14px;font-size:14px;line-height:1.5}
.credits-reference-cards a{color:#e3c9eb}
@media(max-width:670px){.credits-panel.credits-inbox{grid-template-columns:1fr}}
#open-credits-chat{display:inline-flex;align-items:center;gap:16px;margin-top:12px;padding:12px 18px;border:1px solid #a08da5;border-radius:12px;background:#000;color:inherit;text-align:left;font:inherit;cursor:pointer}
#open-credits-chat:hover,#open-credits-chat:focus-visible{border-color:#ebd7ef}
#open-credits-chat small{display:block;margin-top:3px;color:#d3b9dc}
.credits-discord-badge{display:grid;place-items:center;position:relative;width:46px;height:46px;border:1px solid #eee;border-radius:50%}
.credits-discord-badge svg{width:24px;height:24px}
.credits-unread{position:absolute;right:-4px;top:-4px;border:1px solid #000;border-radius:999px;background:#fff;color:#000;min-width:17px;text-align:center;font-size:11px}
#credits-chat{width:min(1120px,calc(100% - 24px));max-width:none;max-height:none;padding:0;border:1px solid #6e6173;border-radius:12px;background:#000;color:#f5f1e8;overflow:hidden}
#credits-chat::backdrop{background:#000b}
body:has(#credits-chat[open]){overflow:hidden}
#credits-chat .discord-credits{height:min(760px,calc(100dvh - 26px))}
#credits-chat .dm-titlebar{position:relative}
#close-credits-chat{position:absolute;right:6px;top:3px;width:34px;height:34px;border:0;background:#000;color:inherit;font-size:24px;cursor:pointer}
.credits-inbox-label{font:inherit;font-size:.75em;color:#c8bdc9}
}
body:has(#credits-chat[open]){overflow:hidden}

/* Keep the Resources and Credits palette above the shared page defaults. */
body #page-resources .resource-layout,
body #page-resources .resource-layout :is(h2,h3,p,label,summary,a,button,strong,.resource-switch>span){
  color:#f5f1e8!important;
}
body #page-resources .resource-layout :is(.eyebrow,.community-invite-copy small,.community-invite-cta,.credits-inbox-label){
  color:#d6c9db!important;
}
body #page-resources .resource-layout .chat-embed strong,
body #page-resources .credits-reference-cards a{color:#e3c9eb!important}
#page-resources .eclipse-feature::before{content:none!important}
body #page-resources .eclipse-feature>.resources-eclipse-art{
  position:absolute;inset:0 auto 0 0;width:40%;height:100%;max-width:none;object-fit:contain;pointer-events:none;
}
@media(max-width:600px){
  body #page-resources .eclipse-feature>.resources-eclipse-art{
    inset:0 0 auto;margin-inline:auto;width:min(100%,198px);height:152px;
  }
}
body #page-resources .resource-layout :is(section,aside,div,article,details,input){
  color:#f5f1e8!important;
}
body #page-resources .resource-layout :is(#open-credits-chat,#close-credits-chat,#dm-search,.server-rail,.dm-sidebar,.dm-active,.dm-find,.dm-compose,.dm-account,.credits-reference-cards details){
  background:#000!important;border-color:#514458!important;
}
body #page-resources .resource-layout :is(.dm-control,.dm-placeholder,.dm-list-title,.chat-message small,#open-credits-chat small){
  color:#c8bdc9!important;
}
body #page-resources .resource-layout .credits-unread{color:#000!important}
body #page-resources .resource-layout .eclipse-feature .eyebrow{display:block!important}
body #page-resources .resource-layout .credits-inbox-box h2{background:#171419!important}