@font-face{font-family:Mojangles;src:url('mojangles.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:rgb(10,10,10);color:#fff;font-family:Mojangles,monospace;font-size:16px;line-height:1.55;word-spacing:0.2em}a{color:inherit;text-decoration:none}button{font:inherit;word-spacing:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffdc89;outline-offset:6px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:rgb(20,20,20);border-bottom:1px solid #ffffff13}.brand{font-size:23px;letter-spacing:1px;white-space:nowrap}.brand span{color:#ee5052}nav{display:flex;gap:40px;align-items:center}nav a{font-size:16px}.active{position:relative}.active:after{content:"";position:absolute;background:#ed5051;height:3px;left:0;right:0;bottom:-31px}.nav-join{border:1px solid #ffffff33;padding:10px 17px}.nav-join span{padding-left:20px;color:#ef6664}.nav-join:hover{background:#ffffff0d}.hero{position:relative;min-height:760px;height:calc(100svh - 90px);max-height:1100px;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;overflow:hidden}.hero-content{padding:45px 20px 95px;max-width:900px;width:100%}.eyebrow{font-size:14px;letter-spacing:2px;color:#dddcd0;margin:0 0 28px;text-shadow:2px 2px #0005}h1{font-weight:400;margin:0;line-height:1.03;filter:drop-shadow(0 8px 0 #141714) drop-shadow(0 2px 1px #000)}h1 span{display:block;font-size:clamp(48px,7.5vw,104px);letter-spacing:4px;color:#fffbed}h1 strong{display:block;font-weight:400;font-size:clamp(104px,14.4vw,194px);letter-spacing:8px;color:#ee4b4f;text-shadow:0 5px 0 #a52731;margin-top:5px}.intro{font-size:22px;line-height:1.65;margin:24px 0 30px;text-shadow:2px 2px 2px #000}.copy-button{display:inline-flex;align-items:center;gap:17px;max-width:100%;background:#d73b40;color:white;border:2px solid #fc7775;box-shadow:inset 0 -5px #a0222c,0 5px 0 #261418;padding:18px 24px 22px;font-size:21px;text-shadow:2px 2px #932832;transition:background .15s,transform .15s}.copy-button:hover{background:#eb4d50;transform:translateY(-2px)}.copy-button:active{transform:translateY(3px)}.copy-label{font-size:12px;padding-left:20px;border-left:1px solid #fff5;letter-spacing:1px}.hint{font-size:14px;color:#dfdfd6;margin-top:19px;min-height:22px;text-shadow:1px 1px #000}.scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:grid;gap:3px;color:#deded3;font-size:12px;letter-spacing:2px;white-space:nowrap}.scroll span:last-child{font-size:25px;line-height:1}.scene-note{position:absolute;left:5.5%;bottom:40px;font-size:12px;color:#dddccd;text-align:left;line-height:1.7}.join{max-width:1230px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:95px 50px 100px}.join .eyebrow{color:#ed6764;font-size:13px;margin-bottom:15px}.join h2{font-weight:400;font-size:38px;line-height:1.3;margin:0 0 16px}.join p{color:#aeb5a8;margin:0}.join-instructions{display:grid;grid-template-columns:40px 1fr;gap:28px 20px}.step{color:#e46a61;font-size:17px;border-top:1px solid #455042;padding-top:5px}h3{font-weight:400;font-size:18px;margin:0 0 5px}.join-instructions p{font-size:15px}.inline-copy{background:none;color:#ded8be;border:0;padding:0;text-align:left;font-size:17px}.inline-copy:hover{color:#ff7778}.inline-copy span{margin-left:14px}footer{background:rgb(20,20,20);border-top:1px solid #ffffff15;padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:17px}footer p,.footer-address{font-size:12px;color:#939b8e;margin:0}@media(min-width:1600px){.hero-content{padding-bottom:110px}}@media(max-width:700px){.header{height:76px;padding:0 22px}.brand{font-size:18px}nav{gap:20px}nav .active{display:none}.nav-join{font-size:14px;padding:8px 12px}.nav-join span{padding-left:6px}.hero{min-height:680px;height:calc(100svh - 76px)}.hero-content{padding:35px 18px 100px}.eyebrow{font-size:12px;letter-spacing:1px}.intro{font-size:19px}.copy-button{font-size:17px;padding:16px 16px 21px;gap:12px}.copy-label{display:none}.scene-note{display:none}.join{grid-template-columns:1fr;padding:65px 25px;gap:40px}.join h2{font-size:32px}footer{flex-wrap:wrap;padding:25px;gap:15px}footer p{width:100%;order:3}.footer-address{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied logo: frame the transparent padding without altering the asset. */
.logo-frame{display:block;position:relative;aspect-ratio:1000/381;overflow:hidden}.logo-frame img{position:absolute;display:block;top:-83.464567%;left:0;width:100%;height:auto}.brand .logo-frame{width:140px}.hero-logo{filter:drop-shadow(0 5px 6px rgba(0,0,0,.45));width:min(700px,100%);margin:0 auto}.hero-logo .logo-frame{font-size:inherit;letter-spacing:normal}footer .brand .logo-frame{width:120px}@media(max-width:700px){.brand .logo-frame{width:112px}.hero-logo{width:100%}}

.brand{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}

.hero-background,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-background{object-fit:cover;object-position:center;z-index:-2}.hero-overlay{z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.22),rgba(10,10,10,.32) 65%,rgb(10,10,10))}@media(max-width:700px){.hero-background{object-position:65% center}}

.discord-section{align-items:center}.discord-action{display:flex;justify-content:flex-end}.discord-button{text-align:center;justify-content:center;word-spacing:inherit}@media(max-width:700px){.discord-action{justify-content:flex-start}}

/* Joining guide and shared navigation */
.header nav a{display:inline-block;padding:10px 0}.header nav .active:after{bottom:-21px}.guide-page{max-width:1100px;margin:auto;padding:0 40px}.device-picker{padding:85px 0 80px;text-align:center}.device-picker .eyebrow,.guide-section .eyebrow{color:#ed6764}.device-picker h1{font-size:clamp(38px,6vw,64px);line-height:1.2;filter:none}.device-question{font-size:21px;margin:24px 0 35px}.device-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.device-option{background:rgb(20,20,20);border:1px solid #444;padding:30px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,background .15s}.device-option:hover{background:#211719;border-color:#ed5051}.device-option strong{font-size:30px;font-weight:400}.device-option>span{color:#c2c2c2}.device-option .device-number,.device-option .device-go{color:#f07979}.device-go{margin-top:14px}.guide-note{font-size:14px;color:#aaa;line-height:1.7}.device-picker>.guide-note{margin-top:25px}.guide-section{padding:65px 0;border-top:1px solid #333;scroll-margin-top:30px}.guide-section:target{border-top-color:#ed5051}.guide-section h2,.guide-help h2{font-size:32px;font-weight:400;line-height:1.4;margin:0 0 18px}.guide-section>p{max-width:800px;color:#c2c2c2}.guide-section .eyebrow{color:#ed6764}.guide-steps{padding-left:32px;margin-top:38px}.guide-steps li{padding:0 0 25px 14px}.guide-steps li::marker{color:#ed6764}.guide-steps h3{font-size:21px}.guide-steps p{color:#c2c2c2;margin:10px 0;line-height:1.8}.guide-steps strong{font-weight:400;color:white;overflow-wrap:anywhere}.server-details{background:rgb(20,20,20);border:1px solid #333;padding:22px;margin:20px 0;max-width:680px}.server-details div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:8px 0}.server-details dt{color:#aaa}.server-details dd{margin:0;overflow-wrap:anywhere}.server-details dd span{color:#aaa;font-size:14px}.table-scroll{overflow-x:auto;margin:20px 0}table{width:100%;border-collapse:collapse;background:rgb(20,20,20);font-size:16px}th,td{text-align:left;padding:16px;border:1px solid #333}th{font-weight:400;color:#ed9393}.guide-back,.guide-source{display:block;width:fit-content;margin-top:24px;color:#ed9393;text-decoration:underline;text-underline-offset:5px}.guide-help{border-top:1px solid #333;padding:55px 0 75px;display:flex;align-items:center;justify-content:space-between;gap:30px}.guide-help p{color:#aaa}.guide-help h2{font-size:27px}@media(max-width:700px){.header{padding:0 16px}.header nav{gap:18px}.header nav a{font-size:14px}.header nav .active:after{bottom:-14px}.header .brand .logo-frame{width:90px}.guide-page{padding:0 22px}.device-picker{padding:55px 0}.device-options{grid-template-columns:1fr;gap:16px}.device-option{padding:22px;gap:8px}.device-option strong{font-size:25px}.device-go{margin-top:6px}.guide-section{padding:45px 0}.guide-section h2{font-size:28px}.server-details div{grid-template-columns:1fr;gap:3px}.guide-steps{padding-left:22px}.guide-steps li{padding-left:5px}.guide-help{flex-direction:column;align-items:flex-start}th,td{padding:12px;font-size:14px}}

.join .eyebrow,.device-picker .eyebrow,.guide-section .eyebrow{text-transform:uppercase}

/* Discord community section accent. */
.discord-section .eyebrow{color:#447fff}.discord-section .discord-button{background:#447fff;border-color:#7da6ff;box-shadow:inset 0 -5px #2855b9,0 5px 0 #131d36;text-shadow:2px 2px #2855b9}.discord-section .discord-button:hover{background:#5a8eff}

.home-join-section{align-items:center;border-bottom:1px solid #ffffff15}.home-join-action{display:flex;justify-content:flex-end}.home-join-action .copy-button{text-align:center;justify-content:center}@media(max-width:700px){.home-join-action{justify-content:flex-start}}

/* Shared fluid layout: phones, tablets, and wide desktop screens. */
.header{height:auto;min-height:90px;gap:20px;padding:18px max(5.5%,calc((100% - 1440px)/2))}
.header .brand{flex-shrink:0}
.header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px clamp(18px,3vw,40px)}
.header nav a{min-height:44px;display:inline-flex;align-items:center}
.header nav .active:after{bottom:0}
.hero{height:auto;min-height:clamp(560px,calc(100svh - 90px),960px);max-height:none;overflow:visible;flex-direction:column;gap:28px;padding:clamp(48px,7vw,100px) 0 28px}
.hero-content{padding:0 clamp(16px,4vw,40px);margin:auto 0;min-width:0}
.hero-logo{width:min(700px,100%)}
.intro{font-size:clamp(1.125rem,2vw,1.375rem)}
.copy-button{min-height:48px;min-width:0;font-size:clamp(1rem,1.8vw,1.3125rem);padding:16px clamp(12px,2vw,24px) 21px;gap:12px;line-height:1.5;overflow-wrap:anywhere}
.copy-button svg{flex-shrink:0}
.copy-button>span{min-width:0}
.copy-label{flex-shrink:0;font-size:.875rem;padding-left:12px}
.hint{min-height:0;overflow-wrap:anywhere}
.scroll{position:static;transform:none;order:2;font-size:.875rem;min-height:44px}
.scene-note{position:static;text-align:center;order:3;padding:0 20px;font-size:.875rem}
.join{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);padding:clamp(48px,7vw,95px) clamp(20px,5vw,50px)}
.join>*,.device-options>*,.guide-help>*{min-width:0}
.join h2{font-size:clamp(1.75rem,3.5vw,2.375rem)}
.join .eyebrow{font-size:.875rem}
.guide-page{width:100%;padding:0 clamp(20px,4vw,40px)}
.device-picker{padding:clamp(48px,7vw,85px) 0 clamp(48px,7vw,80px)}
.device-picker h1{font-size:clamp(2rem,6vw,4rem)}
.device-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,24px)}
.device-option{padding:clamp(20px,3vw,30px)}
.device-option strong{font-size:clamp(1.5rem,3vw,1.875rem)}
.guide-section h2{font-size:clamp(1.5rem,3vw,2rem)}
.guide-section h2,.guide-steps h3,.device-option,.guide-source,.guide-back,.guide-help,.join-heading{overflow-wrap:anywhere}
.server-details{padding:clamp(12px,3vw,22px)}
.server-details div{grid-template-columns:minmax(100px,150px) minmax(0,1fr)}
.guide-help .copy-button{flex-shrink:0}
.guide-source,.guide-back{max-width:100%;min-height:44px;padding:8px 0}
footer{flex-wrap:wrap}
footer p,.footer-address{font-size:.875rem;overflow-wrap:anywhere}

@media(max-width:960px){
  .join{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:28px}
  .guide-help{flex-wrap:wrap}
  .guide-help .copy-button{flex-shrink:1}
}
@media(max-width:700px){
  .header{min-height:76px;padding:12px 20px;gap:12px}
  .header nav{gap:4px 18px}
  .header nav .active{display:inline-flex}
  .header nav .active:after{bottom:0}
  .hero{min-height:calc(100svh - 76px);padding-top:48px}
  .hero-content{padding:0 20px}
  .eyebrow{font-size:.875rem}
  .scene-note{display:block}
  .copy-label{display:none}
  .join{grid-template-columns:minmax(0,1fr);gap:28px}
  .home-join-action,.discord-action{justify-content:flex-start}
  .device-options{grid-template-columns:minmax(0,1fr)}
  .server-details div{grid-template-columns:minmax(0,1fr);gap:3px}
  .guide-steps{padding-left:22px}
  .guide-steps li{padding-left:5px}
  .guide-help{gap:20px}
  footer{padding:25px 20px}
}
@media(max-width:380px){
  .header{flex-direction:column;gap:4px}
  .header nav{width:100%;justify-content:center;column-gap:24px}
  .hero{min-height:560px}
  .home-join-action .copy-button,.discord-action .copy-button,.guide-help .copy-button{width:100%}
}

/* Home page: let content set the minimum size, including short screens and zoom. */
.home-page .header{flex-wrap:wrap;min-height:0;padding-block:16px}
.home-page .header nav{min-width:0;max-width:100%;margin-left:auto}
.home-page .header nav a{overflow-wrap:anywhere}
.home-page .hero{
  min-height:0;
  min-height:max(0px,calc(100svh - 90px));
  padding:clamp(24px,5svh,64px) 0 clamp(16px,3svh,28px);
  gap:clamp(16px,3svh,28px);
}
.home-page .hero-content{flex-shrink:0;padding-inline:clamp(16px,4vw,40px)}
.home-page .hero-logo{width:min(700px,100%,64svh)}
.home-page .hero-content .eyebrow{margin-bottom:clamp(12px,2.5svh,28px);overflow-wrap:anywhere}
.home-page .intro{margin:clamp(16px,3svh,24px) 0 clamp(18px,3svh,30px);overflow-wrap:anywhere}
.home-page .hint{margin-bottom:0;font-size:.875rem}
.home-page .scroll{max-width:100%;padding-inline:16px;white-space:normal;overflow-wrap:anywhere}
.home-page .scene-note{max-width:100%;overflow-wrap:anywhere}
.home-page .join,.home-page footer{overflow-wrap:anywhere}
.home-page footer>*{min-width:0;max-width:100%}
@media(max-width:700px){
  .home-page .header{padding:12px 20px}
  .home-page .hero{min-height:max(0px,calc(100svh - 76px))}
}
@media(max-width:380px){
  .home-page .header{flex-direction:column}
  .home-page .header nav{margin-left:0}
  .home-page .hero{min-height:max(0px,calc(100svh - 110px))}
}
@media(max-height:600px) and (min-width:701px){
  .home-page .header{padding-block:10px}
  .home-page .hero{min-height:max(0px,calc(100svh - 76px))}
  .home-page .hero-logo{width:min(480px,100%,46svh)}
  .home-page .hero-content .eyebrow{margin-bottom:12px}
  .home-page .intro{margin-block:12px 16px}
  .home-page .hint{margin-top:12px}
}

/* One community section, with each action beneath its description. */
.home-page .community-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.community-section .community-option{display:flex;flex-direction:column;align-items:stretch;gap:24px;border:0}
.community-section .home-join-action,.community-section .discord-action{justify-content:flex-start}
@media(max-width:700px){.home-page .community-section{grid-template-columns:minmax(0,1fr);gap:48px}}