/* CoolWips SMP // VOID 2.0 — based on the official Enderman bot artwork */
:root{
  --bg:#08050f;--panel:#130d21;--panel2:#1b112d;--line:rgba(200,140,255,.19);
  --text:#fbf6ff;--muted:#b8abc9;--accent:#c27aff;--accent2:#72dbef;
}
html{scroll-padding-top:86px}
body{background:radial-gradient(ellipse 60% 900px at 65% -200px,#27103f 0%,transparent 77%),#08050f;color:var(--text)}
::selection{background:#a34eff;color:#fff}
.noise{opacity:.02}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#c771ff,#8e42ef,#64e9ec);z-index:110;box-shadow:0 0 14px #ad52ff;pointer-events:none}
.nav-shell{background:rgba(9,5,17,.89);border-bottom:1px solid #a95afb34;box-shadow:0 8px 36px #09040e7d}
.nav-shell:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#c27aff4b,transparent)}
.brand{letter-spacing:-.04em}
.brand-icon,.footer .brand-icon{clip-path:none;width:38px;height:38px;background:#160925;border:1px solid #ac62f780;border-radius:50%;overflow:hidden;box-shadow:0 0 15px #8e38da3b;padding:0}
.brand-icon img{width:100%;height:100%;object-fit:cover;display:block}
.brand span span{color:#c886ff}
.links{color:#d0c4de}
.links a:hover{color:#ddb0ff}
.mobile-menu{border-color:#8d51c358}
.btn-green,.copy-small{background:linear-gradient(135deg,#d59dff,#aa59f3);color:#160a22;box-shadow:0 8px 32px #a94dff30}
.btn-green:hover,.copy-small:hover{background:linear-gradient(135deg,#e7c5ff,#c279ff);box-shadow:0 10px 40px #a94dff60}
.btn-outline{background:#1d122e;border-color:#8040bb88;color:#f6eaff}
.btn-outline:hover{border-color:#d396ff;background:#2b1941}
.btn-ghost{color:#db9fff;background:#b96eff13;border-color:#b96eff2c}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#dc9bff}
.hero{background:radial-gradient(ellipse at 75% 41%,#351057 0%,#1b0d31 29%,#0b0616 64%,#07050d 100%);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.65;background-image:radial-gradient(circle,#d7a1ffb8 1px,transparent 1.6px),radial-gradient(circle,#8655b8 1px,transparent 1.5px),linear-gradient(90deg,#bf75ff0a 1px,transparent 1px),linear-gradient(#bf75ff0a 1px,transparent 1px);background-size:107px 97px,163px 141px,62px 62px,62px 62px;background-position:10px 20px,80px 70px,0 0,0 0;mask-image:linear-gradient(90deg,transparent 3%,black 46%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(0deg,#0a0612,transparent);pointer-events:none}
.hero-grid{grid-template-columns:1.06fr .94fr;min-height:660px}
.hero-copy{padding-top:92px;padding-bottom:98px}
.eyebrow{background:#ad5afe12;border-color:#c17bff6a;color:#e3baff;box-shadow:inset 0 0 12px #b067ef13}
.signal{background:#d3a0ff;box-shadow:0 0 0 5px #b46fff24,0 0 15px #ca6dff}
.hero h1{font-size:clamp(56px,7.4vw,103px);letter-spacing:-.081em;text-shadow:0 3px 18px #0009}
.hero h1 em{background:linear-gradient(105deg,#f4d3ff,#c681ff 42%,#934dea 72%,#e1a0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:voidText 9s ease-in-out infinite}
.hero-p{color:#c4b4d2;max-width:530px}
.micro{color:#ac9cbd}.micro svg{color:#d4a0ff}
.hero-art{min-height:530px;transform:none;position:relative;isolation:isolate}
.portal-glow{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,#bd54ff45,transparent 61%);filter:blur(27px);animation:glowPulse 5s ease-in-out infinite}
.portal-ring{position:absolute;width:min(92%,515px);aspect-ratio:1;left:50%;top:50%;border-radius:50%;border:1px solid #bc69ff77;box-shadow:0 0 30px #b767ff29,inset 0 0 32px #b767ff20;animation:portalTurn 35s linear infinite}
.portal-ring.inner{width:min(77%,425px);border:2px dashed #cd7cff50;animation-direction:reverse;animation-duration:29s}
.portal-ring.outer{border-top:2px solid #d6a2ff;border-right:2px solid #9c49df;border-bottom:2px solid #662499;border-left:2px solid #9a4ddd}
.portal-ring:after{content:"";position:absolute;top:7%;left:14%;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:#e8b8ff;box-shadow:0 0 23px 8px #b96bff}
.portal-core{position:relative;z-index:2;width:clamp(248px,30vw,390px);border-radius:50%;animation:voidFloat 7s ease-in-out infinite;filter:drop-shadow(0 23px 40px #030206c9)}
.portal-core:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 24px #be73ff55,0 0 44px #ad4bf956;pointer-events:none}
.portal-core img{display:block;aspect-ratio:1;width:100%;height:auto;border-radius:50%;border:2px solid #b05cffad;box-shadow:0 0 22px #a24cff8c}
.void-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.void-spark{position:absolute;z-index:3;left:var(--x);top:var(--y);width:5px;height:5px;background:#f0bbff;transform:rotate(45deg);box-shadow:0 0 14px 2px #bd72ff;opacity:.6;animation:sparkle 4s ease-in-out var(--d) infinite}
.void-spark:nth-child(3n){width:3px;height:3px;background:#76dcf1}
.void-spark:nth-child(4n){width:7px;height:7px}
.void-caption{position:absolute;z-index:4;bottom:6%;left:7%;right:7%;display:flex;justify-content:space-between;gap:12px;color:#ca99f2;font:700 10px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 8px #04010a}
.bar{background:#0f0818;border-bottom:1px solid var(--line)}.bar-item{border-color:var(--line)}.bar-item strong{color:#f0dcff}.bar-item span{color:#a58ab9}
.section-head h2,.closing h2{color:#f8eeff}
.kicker{color:#cb8cff}
.features .feature{background:linear-gradient(150deg,#1b102b,#0d0917 88%);border-color:#b96aff30;transition:transform .24s,border-color .24s,box-shadow .24s}
.features .feature:hover{transform:translateY(-5px);border-color:#bc73ff9a;box-shadow:0 19px 39px #5a1f9930}
.feature:after{color:#ac63fa13}
.feature-icon{background:#b86aff15;border-color:#b86aff50;color:#d79aff}
.feature p,.section-intro{color:#b3a6c5}
.staff-card{background:linear-gradient(145deg,#211331,#100a1a 80%);border-color:#be7dff32}
.staff-card:hover{border-color:#bc76ffb8;box-shadow:0 20px 40px #5c259542}
.staff-card:after{background:radial-gradient(circle at 100% 0%,#ae56f535,transparent 70%)}
.staff-card img{border-color:#a653ff88;box-shadow:0 0 22px #a24cff3d}
.staff-identity p,.staff-nickname{color:#beaacf}.staff-footnote{color:#9e87ad}
.staff-role{background:#a86cf512;border-color:#c084ff55;color:#e7c4ff}
.join-card{background:linear-gradient(125deg,#251238,#160a27 55%,#24133d);border-color:#aa60ff68;box-shadow:0 16px 70px #4f197021}
.join-left p,.join-hint{color:#bda9cc}
.join-right:before{background:radial-gradient(circle,#b56aff30,transparent 65%)}
.join-glyph{color:#d6a1ff1c;text-shadow:0 0 70px #8e48ce5c}
.edition-card{background:#0d0617cc;border-color:#b569ff55}
.edition-head strong{color:#f8e6ff}.edition-head span,.edition-port{color:#c0a6d7}
.edition-address code{color:#edcbff}
.rule{background:#130d1d;border-color:#ad73e32c;transition:border-color .2s,background .2s}
.rule:hover{border-color:#a86dfb76;background:#1a1129}
.rule span{color:#d8a0ff}.rule p{color:#b5a6c3}
.rule-group>h3{color:#cd8cfa}.punishments{background:#1c112d;border-color:#c483ff60}.punishments p{color:#d5c6e0}.rules-tagline{color:#d6a0ff}
.faq details{border-color:#ba7aff2e}.faq summary:after{color:#da99ff}.faq details p{color:#b5a9c6}
.closing{background:radial-gradient(ellipse at 50% 100%,#4f1b6e 0,transparent 62%),#10091b;border-color:var(--line);position:relative;overflow:hidden}
.closing:before{content:"";position:absolute;left:50%;bottom:-190px;width:420px;height:420px;border:1px solid #bc77ff40;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 100px #8b36e42e;pointer-events:none}
.closing p{color:#b8a5cb}.footer{background:#08050e;border-color:var(--line)}.footer small{color:#9e8baa}.footer nav{color:#bda8d3}
.toast{background:#d5a1ff;color:#170c23;box-shadow:0 12px 42px #63219e69}
.reveal-pending{opacity:0;transform:translateY(23px)}
.reveal-in{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
@keyframes portalTurn{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes voidFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes glowPulse{0%,100%{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}
@keyframes sparkle{0%,100%{opacity:.12;transform:translateY(4px) rotate(45deg) scale(.7)}40%{opacity:.95;transform:translateY(-9px) rotate(45deg) scale(1.2)}}
@keyframes voidText{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:850px){
 .hero-grid{grid-template-columns:1fr}
 .hero-copy{padding:76px 0 0}
 .hero-art{min-height:460px}
 .portal-ring.outer{width:min(86vw,470px)}.portal-ring.inner{width:min(72vw,390px)}
 .portal-core{width:min(66vw,355px)}
 .void-caption{bottom:3%}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 34px)}
 .nav-shell{background:#0b0614f2}
 .hero-copy{padding-top:62px}
 .hero h1{font-size:clamp(54px,13vw,80px)}
 .hero-p{font-size:15px}
 .hero-art{min-height:365px}
 .portal-ring.outer{width:min(94vw,345px)}.portal-ring.inner{width:min(79vw,292px)}
 .portal-core{width:min(66vw,255px)}
 .void-caption{left:4%;right:4%;font-size:8px;bottom:1%}
 .links{gap:13px}.nav .links{background:#10081d;border-color:#aa66f64a}
 .edition-address code{font-size:11px}
 .staff-card{padding:22px}
 .rule{padding:21px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
 .reveal-pending,.reveal-in{opacity:1!important;transform:none!important}
}

/* Expanded staff bios and creator achievements */
.staff-bio{font-size:13px;line-height:1.7;color:#c6b5d5;margin:0 0 16px;max-width:56ch}
.staff-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.staff-highlights span{font-size:11px;font-weight:800;letter-spacing:.02em;color:#ebc9ff;background:#ac62ff16;border:1px solid #bd7bf759;border-radius:7px;padding:7px 10px}


/* Public Minecraft/Discord account-linking and console joining guides */
.help-section{padding:90px 0 95px;scroll-margin-top:82px}
#link-account{background:linear-gradient(180deg,#160b22,#0e0819);border-top:1px solid #b16be42b;border-bottom:1px solid #b16be42b}
.console-section{background:radial-gradient(ellipse at 90% 5%,#3919515b,transparent 62%),#090511}
.help-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.help-card{background:linear-gradient(145deg,#211330,#100a1b);border:1px solid #c188ff52;border-radius:13px;padding:25px;min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s}
.help-card:hover{transform:translateY(-4px);border-color:#d199ffab;box-shadow:0 15px 32px #7935a52b}
.help-num{display:inline-flex;align-items:center;justify-content:center;color:#e6bdff;background:#8e4ec427;border:1px solid #bb75ff79;width:43px;height:39px;border-radius:8px;font:800 13px ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:20px}
.help-card h3{font-size:20px;letter-spacing:-.035em;line-height:1.3;color:#f3e9ff;margin:0 0 11px}
.help-card p{font-size:14px;line-height:1.78;color:#c9b6d7;margin:0;overflow-wrap:anywhere}
.help-card a,.faq details a{color:#e2aeff;text-decoration:underline;text-underline-offset:3px}
.help-card code{color:#ecd0ff;font:700 13px ui-monospace,monospace}
.help-card strong{color:#f6e6ff}
.help-alert{background:#271637;border:1px solid #b978f875;border-radius:12px;padding:20px 23px;margin-top:22px}
.help-alert>strong{color:#ead0ff;font-size:14px}
.help-alert p{color:#cabbda;font-size:13px;line-height:1.75;margin:6px 0 0}
.help-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.console-guide-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.77fr);gap:18px;align-items:start}
.console-help-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.console-ip-panel{min-width:0;background:linear-gradient(150deg,#29163a,#160b25);border:1px solid #bb76fb85;border-radius:13px;padding:26px;box-shadow:0 16px 55px #68218e26}
.console-ip-panel h3{font-size:13px;letter-spacing:.14em;color:#e1a8ff;margin:0 0 25px}
.console-ip-label{font-size:11px;letter-spacing:.12em;font-weight:800;color:#c1a8d7;margin:18px 0 8px}
.console-ip-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;background:#0e0719;border:1px solid #ab76dd70;border-radius:8px}
.console-ip-line code{font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#f0d8ff;overflow-wrap:anywhere;min-width:0}
.console-ip-line button{flex:none}
.console-ip-footnote{color:#c1aece;font-size:12px;line-height:1.65;border-top:1px solid #a66bd148;margin:23px 0 0;padding-top:16px}
.help-troubleshoot{margin-top:20px;background:#190e26;border:1px solid #a765db65;border-radius:11px;padding:17px 23px}
.help-troubleshoot summary{cursor:pointer;color:#edd6ff;font-weight:800}
.help-troubleshoot summary:after{content:"+";float:right;color:#d99bff;font-size:20px}
.help-troubleshoot[open] summary:after{content:"−"}
.help-troubleshoot p{color:#c4b4d0;font-size:14px;line-height:1.78;margin:12px 0 0}
@media(min-width:601px) and (max-width:960px){.nav .links{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:15px;background:#13081f;padding:22px 24px;border-bottom:1px solid #aa6aec6c}.nav .links.open{display:flex}.mobile-menu{display:block}}
@media(max-width:1090px){.console-guide-layout{grid-template-columns:1fr}}
@media(max-width:790px){.help-cards,.console-help-steps{grid-template-columns:1fr}}
@media(max-width:600px){.help-section{padding:75px 0}.help-card{padding:22px}.console-ip-panel{padding:20px}.help-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.help-card{transition:none!important}}