*{box-sizing:border-box} :root{color-scheme:dark;--bg:#111;--panel:#1c1c1c;--muted:#999;--purple:#b78be6}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.container,.nav-wrap{width:calc(100% - 48px);max-width:1060px;margin:auto}header{border-bottom:1px solid #ffffff09}.nav-wrap{height:72px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.5px}.brand img{image-rendering:pixelated}nav{display:flex;gap:6px}nav a{font-size:12px;font-weight:700;color:#aaa;padding:9px 12px;border-radius:7px}nav .active{color:#cfacf0;background:#b78be615}.store-link{margin-left:auto;background:#ad80d9;color:#17121d;padding:10px 15px;border-radius:9px;font-weight:800;font-size:12px;display:flex;align-items:center;gap:14px}.store-link svg{width:15px;height:15px}.intro{text-align:center;padding:43px 0 24px}h1{font-size:46px;font-weight:900;line-height:1.12;letter-spacing:-1.7px;margin:0 0 15px}.intro>p{font-size:14px;color:#999;margin:0 0 23px}.server-address{display:inline-flex;align-items:center;gap:13px;padding:10px 13px;background:#1c1c1c;color:#ddd;border:1px solid #ffffff15;border-radius:8px;cursor:pointer}.server-address span{font-size:8px;letter-spacing:1.2px;color:#888;font-weight:800}.server-address strong{font-size:12px;font-weight:700}.server-address svg{width:14px;height:14px;color:#b78be6}.feedback{display:block;min-height:21px;padding-top:7px;font-size:10px;color:#cfacf0}.section-label{font-size:10px;font-weight:800;letter-spacing:2px;text-align:center;color:#838383;margin:0 0 21px}.gift-banner{display:flex;align-items:center;gap:30px;padding:30px 31px;min-height:226px;border-radius:23px;border-bottom:4px solid #bd7b29;background:linear-gradient(110deg,#ffdc91,#ffb849);color:#32230e}.gift-main{flex:1}.caption{font-size:11px;font-weight:700;color:#765328}.gift-main h3{font-size:44px;font-weight:900;line-height:1.2;letter-spacing:-1.3px;margin:7px 0 9px;white-space:nowrap}.gift-main h3 span{font-size:26px;letter-spacing:-1px}.gift-main>p{font-size:11px;line-height:1.7;color:#785229;margin:0 0 19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800;min-height:43px;transition:background .15s,transform .15s}.button svg{width:16px;height:16px}.redeem{background:#302319;color:#fff7e9}.redeem:hover{background:#4a3320}.gift-details{flex:0 0 245px}.gift-details p{font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 13px}.gift-details svg{width:16px;height:16px;stroke-width:2.6}.gift-details small{display:block;font-size:9px;line-height:1.8;color:#7c562c;margin-top:20px}.gift-art{width:135px;height:152px;transform:rotate(8deg);filter:drop-shadow(6px 8px 0 #8c4a2825);image-rendering:pixelated}.community-section{padding-top:38px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:880px;margin:auto}.community-card{position:relative;background:#1c1c1c;border:1px solid #ffffff0c;border-radius:21px;padding:25px 24px 21px;text-align:center}.discord-card{border-color:#b78be62e}.card-icon{display:flex;align-items:center;justify-content:center;width:51px;height:51px;background:#b78be616;color:#bf99e3;border-radius:14px;margin:0 auto 16px}.card-icon svg{width:29px;height:29px}.guide-card .card-icon{background:#ffffff07;color:#999}.community-card h3{font-size:21px;font-weight:800;letter-spacing:-.6px;margin:0 0 12px}.community-card p{font-size:11px;line-height:1.9;color:#9c9c9c;margin:0 0 21px}.community-card .button{width:100%;max-width:285px}.discord-button{background:#ad80d9;color:#17121d}.discord-button:hover,.store-link:hover{background:#bf96e6}.guide-button{background:#262626;color:#777;cursor:not-allowed}.community-card small{display:block;font-size:8px;line-height:1.6;color:#767676;margin-top:12px}.badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#29261f;border:1px solid #4d4330;color:#c5ad80;border-radius:5px;padding:4px 8px;font-size:7px;letter-spacing:1.3px;font-weight:800}.welcome-note{text-align:center;font-size:11px;color:#777;margin:0;padding:29px 0 32px}.welcome-note strong{color:#b5b5b5;font-weight:600}footer{border-top:1px solid #ffffff09}.footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:23px;padding-bottom:26px}.footer-brand{font-size:13px;gap:7px}.footer-row p{font-size:8px;color:#666;margin:9px 0 0}.footer-links{display:flex;gap:24px;font-size:10px;font-weight:600;color:#999}a:focus-visible,button:focus-visible{outline:3px solid #e3c4ff;outline-offset:5px}nav a:hover,.footer-links a:hover{color:#fff}
@media(min-width:1500px){.intro{padding-top:53px}.community-card{padding-top:29px;padding-bottom:25px}}
@media(max-width:1000px){.gift-art{width:100px;height:120px}.gift-banner{gap:23px;padding:27px}.gift-main h3{font-size:38px}.gift-main h3 span{font-size:23px}.gift-details{flex-basis:225px}}
@media(max-width:760px){.gift-art{display:none}.gift-main{flex:1.1}.gift-details{flex:1}h1{font-size:37px}.nav-wrap{gap:15px}nav a{padding:9px} .gift-main h3{white-space:normal}}
@media(max-width:560px){.container,.nav-wrap{width:calc(100% - 32px)}.nav-wrap{height:64px}nav{display:none}.brand{font-size:16px}.store-link{padding:9px 12px;font-size:10px;gap:8px}.intro{padding:31px 0 24px}h1{font-size:34px;line-height:1.18;letter-spacing:-1px;margin-bottom:13px}h1 span{display:block;color:#c59de9}.intro>p{font-size:11px;line-height:1.8;max-width:300px;margin:0 auto 19px}.server-address{gap:10px}.server-address strong{font-size:11px}.section-label{font-size:9px;letter-spacing:1.6px;margin-bottom:18px}.gift-banner{display:block;padding:23px;border-radius:20px}.gift-main h3{font-size:43px;white-space:nowrap}.gift-main h3 span{font-size:23px}.gift-main>p{font-size:10px}.redeem{width:100%}.gift-details{margin-top:22px;padding-top:20px;border-top:1px solid #85521f28}.gift-details p{font-size:10px;margin-bottom:11px}.gift-details small{font-size:8px;margin-top:15px}.community-section{padding-top:31px}.card-grid{grid-template-columns:1fr;gap:25px}.community-card{padding:25px 22px 22px}.community-card p{font-size:11px}.community-card small{font-size:9px}.welcome-note{font-size:10px;line-height:1.8;padding:25px 8px}.footer-row{align-items:flex-start;gap:18px}.footer-row p{font-size:7px;line-height:1.8;max-width:210px}.footer-links{font-size:9px;gap:15px;margin-top:8px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Supplied PlumSMP artwork and the original DrPlum skin render. */
.brand img{image-rendering:auto;object-fit:contain}
.character-art{position:relative;flex:0 0 150px;height:158px;transform:translateY(18px)}
.character-art img{position:absolute;width:190px;height:auto;max-width:none;left:-20px;bottom:-35px;filter:drop-shadow(6px 8px 0 #8c4a2820)}
@media(max-width:1000px){.character-art{flex-basis:110px}.character-art img{width:165px;left:-25px;bottom:-22px}}
@media(max-width:760px){.character-art{display:none}}

/* Quiet Halloween details, behind the content and away from the buttons. */
body{position:relative;isolation:isolate}
body::before{content:"";position:absolute;inset:72px 0 0;z-index:-1;pointer-events:none;background-image:url("assets/cobweb.svg"),url("assets/cobweb.svg"),url("assets/cobweb.svg");background-size:610px,570px,430px;background-position:left -295px top 100px,right -270px top -115px,right -200px bottom -80px;background-repeat:no-repeat;opacity:.13}
.gift-banner{position:relative}
.gift-banner::before{content:"";position:absolute;inset:0;border-radius:20px;background:url("assets/cobweb.svg") right -94px top -105px/330px no-repeat;opacity:.16;pointer-events:none;mix-blend-mode:multiply}
.gift-banner>*{position:relative}
.gift-section .section-label{color:#d6a05c}
.community-card::after{content:"";position:absolute;inset:0;border-radius:20px;background:url("assets/cobweb.svg") left -118px top -115px/300px no-repeat;opacity:.13;pointer-events:none}
.guide-card::after{transform:scaleX(-1)}
.community-card>:not(.badge){position:relative;z-index:1}
.character-art canvas{position:absolute;width:190px!important;height:260px!important;max-width:none;left:-20px;bottom:-35px;pointer-events:none;opacity:0;filter:drop-shadow(6px 8px 0 #8c4a2820)}
.character-ready canvas{opacity:1}
.character-ready img{visibility:hidden}
@media(max-width:1000px){.character-art canvas{width:165px!important;height:226px!important;left:-25px;bottom:-22px}}
@media(max-width:760px){body::before{background-size:330px,320px,300px;background-position:left -210px top 110px,right -200px top -80px,right -180px bottom 20px;opacity:.14}}