@font-face{font-family:FoulFiend;src:url('assets/foul-fiend.otf') format('opentype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#0d0e10;color:#f2f1ed;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b3ee28;outline-offset:5px}::selection{background:#e90051;color:white}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:35px;border-bottom:1px solid #ffffff13;position:absolute;top:0;width:100%;z-index:5;background:#0d0e1066}.logo{width:225px;height:auto;display:block}.header nav{display:flex;gap:29px;font-size:12px;color:#c2c2c5}.header nav a:hover{color:#e90051}.button{border:1px solid #e90051;background:#e90051;color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px;font-size:11px;font-weight:800;letter-spacing:1px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#ff1769;border-color:#ff1769;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:12px 19px;font-size:10px;gap:20px}.button.secondary{background:#111315a6;border-color:#ffffff40;gap:10px}.button.secondary:hover{background:#292b2f}.button svg{width:18px;height:18px}.hero{height:790px;min-height:680px;position:relative;overflow:hidden;background:#101213}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#0d0e10 1%,#0d0e10e6 26%,#0d0e1060 59%,#0d0e1025),linear-gradient(0deg,#0d0e10 0%,transparent 35%),url('assets/forest.jpg') center right/cover no-repeat;filter:saturate(.65)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 85%,#e900510b,transparent 60%)}.hero-grid{position:absolute;inset:94px 5% 75px;border-left:1px solid #ffffff06;border-right:1px solid #ffffff06}.hero-content{position:relative;z-index:1;padding:158px 5% 90px;max-width:850px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;display:flex;align-items:center;gap:12px;line-height:1.6}.line{width:30px;height:2px;background:#e90051}.pink{color:#f6256d}h1,h2,h3,p{margin:0}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(64px,6.6vw,102px);line-height:.99;letter-spacing:-1px;font-weight:400;margin:28px 0 23px}h1>span{color:#b6ee38}h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(34px,3.3vw,49px);font-weight:400;line-height:1.13;letter-spacing:.1px}h2>span{color:#a4a5a8}.hero p{color:#b8b8bd;line-height:1.8;font-size:14px}.actions{display:flex;gap:12px;margin-top:30px}.hero-note{font-size:10px;color:#909197;margin-top:23px;letter-spacing:.4px}.hero-note span{color:#b6ee38;margin-right:8px}.hero-bottom{position:absolute;z-index:2;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#88898e}.hero-bottom a{color:#e7e7e8}.hero-bottom a span{margin-left:12px;color:#b6ee38}.server-bar{margin:0 5%;position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 30px;background:#17181b;border:1px solid #303136;border-top:2px solid #b6ee38}.server-identity{display:flex;gap:13px;align-items:center}.status-dot{background:#97999f;width:7px;height:7px;border-radius:50%}.server-identity strong{font-size:12px;letter-spacing:1px}.server-identity div>span{display:block;color:#84858c;font-size:10px;margin-top:2px}.server-item>span{font-size:8px;letter-spacing:1.8px;display:block;color:#898a93}.server-item strong{font-size:11px;font-weight:400;color:#d0d1d6}.text-button{background:none;border:0;color:#b6ee38;font-weight:700;font-size:9px;letter-spacing:1px;display:flex;gap:20px;align-items:center}.text-button span{font-size:21px}.section{padding:98px 5%;max-width:1600px;margin:auto}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:102px;padding-bottom:90px}.section-intro h2{margin-top:19px}.about-copy{padding-top:7px;color:#989ba3;font-size:14px;line-height:1.9}.about-copy p+p{margin-top:15px}.text-link{display:inline-flex;gap:35px;color:white;font-weight:700;font-size:10px;letter-spacing:1px;margin-top:25px;border-bottom:1px solid #484950;padding-bottom:9px}.text-link span{color:#b6ee38}.survival{padding-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-heading h2{margin-top:15px}.muted{color:#8a8c94;font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2b2d32}.guide-grid article{padding:26px 30px 32px;background:linear-gradient(130deg,#1b1c20,#131417);position:relative}.guide-grid article+article{border-left:1px solid #2b2d32}.guide-number{color:#7c7e85;font-family:monospace;font-size:11px;display:flex;justify-content:space-between}.guide-number>span{font-size:17px;color:#696b72}.guide-icon{font-size:37px;color:#b6ee38;line-height:1;margin:30px 0 22px}.guide-grid h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.3px;font-size:25px}.guide-grid p{color:#989ba3;font-size:12px;line-height:1.9;margin:13px 0 26px;max-width:310px}.tag{font-size:8px;letter-spacing:1.5px;color:#a5a6ad;border-top:1px solid #ffffff10;padding-top:18px;display:block}.community{margin:0 5%;min-height:445px;background:#23101b;position:relative;overflow:hidden;border:1px solid #512138;display:flex;align-items:center}.community:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 5%,#23101b44 35%,#23101b 55%);pointer-events:none}.community-art{position:absolute;bottom:-12px;left:-19%;width:86%;height:100%;display:flex;align-items:flex-end}.community-art img{width:100%;filter:saturate(.65);object-fit:contain;max-height:100%}.community-content{margin-left:51%;position:relative;z-index:1;padding:53px 35px 53px 0}.community-content>.eyebrow{color:#f73477}.community h2{font-size:clamp(30px,3.2vw,47px);margin-top:17px}.community h2 span{color:#fff}.community p{font-size:12px;max-width:350px;color:#b7a3b0;margin:22px 0}.community-stamp{position:absolute;bottom:21px;left:24px;z-index:2;color:#987786;font-size:8px;letter-spacing:2px}.rules{padding-top:0;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding-bottom:100px}.rules h2{margin-top:16px}.rules>div>p{color:#9698a0;font-size:12px;margin-top:18px}.draft-label{font-size:8px;letter-spacing:1px;color:#bdc297;margin-top:26px}.rules>div>p.rules-note{font-size:10px;max-width:300px;margin-top:6px;color:#737680}.rule-list{border-top:1px solid #383a40}.rule-list details{border-bottom:1px solid #383a40;padding:22px 0}.rule-list summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;font-size:12px}.rule-list summary::-webkit-details-marker{display:none}.rule-list summary>span{font-family:monospace;color:#e90051;font-size:10px}.rule-list summary b{margin-left:auto;font-size:19px;color:#7f8188;font-weight:400}.rule-list details[open] summary b{transform:rotate(45deg)}.rule-list p{color:#9698a0;font-size:12px;padding:14px 24px 0 31px;line-height:1.8}.final-cta{text-align:center;background:radial-gradient(ellipse at 50% 120%,#253019,transparent 70%),#151718;border-top:1px solid #2c302a;border-bottom:1px solid #2c302a;padding:66px 20px;position:relative}.final-cta>.eyebrow{justify-content:center;color:#9caa85}.final-cta h2{font-family:FoulFiend,Impact,sans-serif;font-size:clamp(45px,5vw,70px);line-height:1.2;margin:22px 0 26px}.final-cta h2 span{color:#b6ee38}.cross{position:absolute;color:#535c48;font:20px monospace}.c1{left:5%;top:30px}.c2{right:5%;bottom:30px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer img{width:170px;display:block}footer p{font-size:9px;color:#737680;line-height:1.8}footer>span,footer>a:last-child{font-size:8px;letter-spacing:1px;color:#8b8e96}dialog{color:#f2f1ed;border:1px solid #46424b;background:#17181c;padding:42px;max-width:520px;width:calc(100% - 32px)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{margin:20px 0;font-size:40px}dialog p{color:#b3b4bd;font-size:14px}.close{position:absolute;right:12px;top:7px;background:none;border:0;color:white;font-size:30px;line-height:1.3}.dialog-done{margin-top:25px}.connection-placeholder{border:1px dashed #55585e;font-size:9px;color:#8d9099;padding:16px;letter-spacing:1px;display:flex;justify-content:space-between}.connection-placeholder span{color:#d5d6db;letter-spacing:0;font-size:11px}ol{padding-left:20px;color:#aaaeb6;font-size:12px;line-height:2;margin:20px 0}.skip{position:fixed;top:-60px;left:10px;background:#b6ee38;color:black;z-index:20;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){.hero-content{padding-left:max(5%,calc((100vw - 1440px)/2))}.hero{height:850px}}@media(max-width:1000px){.header nav{gap:17px;font-size:11px}.logo{width:185px}.header{gap:20px}.server-item:nth-child(3){display:none}.community-content{margin-left:47%}.community:after{background:linear-gradient(90deg,transparent,#23101b 53%)}.guide-grid article{padding:22px}footer>span{display:none}}@media(max-width:700px){.header{height:78px;padding:0 6%;gap:15px}.logo{width:170px}.header nav{display:none}.button.small{font-size:8px;padding:10px;gap:10px}.hero{height:760px}.hero-image{background:linear-gradient(90deg,#0d0e10e6,#0d0e1099),linear-gradient(0deg,#0d0e10,transparent 50%),url('assets/forest.jpg') 62% center/cover}.hero-content{padding:143px 6% 90px}h1{font-size:clamp(58px,12vw,85px)}.hero p{font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.actions{flex-wrap:wrap;gap:10px}.button{padding:15px 18px;font-size:10px;gap:22px}.hero-bottom{left:6%;right:6%;font-size:7px}.coordinates{display:none}.server-bar{margin:0 6%;padding:20px;flex-wrap:wrap;gap:20px}.server-item{margin-left:auto}.server-identity strong{font-size:10px}.server-identity div>span{font-size:8px}.server-item strong{font-size:10px}.text-button{width:100%;justify-content:space-between;border-top:1px solid #ffffff15;padding:12px 0 0}.section{padding:65px 6%}.about{grid-template-columns:1fr;gap:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:25px}.guide-grid article+article{border-left:0;border-top:1px solid #2b2d32}.guide-icon{margin:18px 0;font-size:32px}.guide-grid p{max-width:none}.community{margin:0 6%;min-height:650px;align-items:flex-start}.community-content{margin-left:0;padding:32px 26px 300px}.community-art{left:-30%;bottom:-10px;width:140%;height:330px;opacity:.7}.community:after{background:linear-gradient(0deg,transparent 10%,#23101b 55%)}.community-content h2{font-size:36px}.community-content p{max-width:100%}.rules{grid-template-columns:1fr;gap:30px;padding-top:0}.rule-list summary{font-size:11px}.final-cta{padding:50px 22px}.final-cta>.eyebrow{font-size:8px}footer{flex-wrap:wrap;padding:30px 6%;gap:20px}footer img{width:145px}footer p{font-size:8px}footer>a:last-child{width:100%}dialog{padding:35px 25px}.section .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.final-cta h2{line-height:1.5}

/* One shared grid for every section, regardless of viewport width. */
:root {
  --content-width: 1280px;
  --gutter: clamp(20px, 4vw, 64px);
  --section-space: clamp(64px, 7vw, 104px);
  --muted: #a1a3ac;
}
.container { width: min(var(--content-width), calc(100% - var(--gutter) * 2)); margin-inline: auto; }
html { scroll-padding-top: 32px; }
.header { height: 96px; padding: 0; }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.header-inner > a { min-width: 0; }
.logo { width: 290px; max-width: 100%; }
.header nav { color: #d4d5db; text-transform: uppercase; font-weight: 700; letter-spacing: .8px; }
.header nav a { padding-block: 12px; transition: color .2s; }
.button { min-height: 54px; }
.button.small { min-height: 44px; }
.eyebrow { line-height: 1.7; letter-spacing: 2px; }
.line { flex-shrink: 0; }
h2 { line-height: 1.16; text-wrap: balance; }
.muted { color: var(--muted); font-size: 13px; }
.pink { color: #ff397d; }

.hero { height: auto; min-height: 780px; }
.hero-content { max-width: var(--content-width); padding: 166px 0 128px; }
.hero-grid { inset: 96px 0 75px; }
h1 { font-size: clamp(68px, 7vw, 104px); line-height: 1.02; margin-block: 25px; }
.hero p { color: #c0c1c8; font-size: 15px; line-height: 1.85; }
.hero-note { color: #a4a6af; font-size: 11px; }
.hero-bottom { left: 0; right: 0; bottom: 28px; font-size: 9px; letter-spacing: 1.5px; gap: 20px; color: #a1a3ac; }

.server-bar { margin-inline: auto; padding: 26px 30px; gap: 24px; }
.status-dot { flex-shrink: 0; box-shadow: 0 0 0 5px #ffffff05; }
.server-identity div > span { color: var(--muted); font-size: 11px; }
.server-item > span { color: var(--muted); font-size: 9px; margin-bottom: 3px; letter-spacing: 1.5px; }
.server-item strong { font-size: 12px; color: #dadbe1; }
.text-button { font-size: 10px; min-height: 44px; padding: 0; }
.text-button:hover { color: #d1ff75; }

.section { max-width: var(--content-width); padding: var(--section-space) 0; }
.about, .rules { grid-template-columns: 1fr 1fr; column-gap: 8%; }
.about { align-items: center; }
.about-copy { padding: 0; color: var(--muted); max-width: 56ch; line-height: 1.95; }
.text-link { align-items: center; font-size: 11px; padding-block: 8px; transition: border-color .2s; }
.text-link:hover { border-color: #b6ee38; }
.text-link span { font-size: 18px; }
.survival { padding-top: 0; }
.section-heading { margin-bottom: 32px; }
.guide-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.guide-grid article { display: flex; flex-direction: column; align-items: flex-start; padding: 28px 30px 30px; }
.guide-number { color: #93959f; font-size: 10px; letter-spacing: 1.3px; }
.guide-icon { display: block; width: 36px; height: 36px; margin: 30px 0 24px; }
.guide-grid h3 { font-size: 26px; line-height: 1.2; }
.guide-grid p { max-width: none; color: var(--muted); font-size: 13px; line-height: 1.85; margin: 14px 0 28px; }
.tag { font-size: 9px; color: #b6b8c1; width: 100%; margin-top: auto; }

.community { margin-inline: auto; min-height: 470px; }
.community-content { width: 49%; margin-left: auto; padding: 52px 36px 52px 0; }
.community h2 { font-size: clamp(32px, 3.25vw, 47px); text-wrap: initial; }
.community p { font-size: 13px; max-width: 38ch; color: #c1aebb; margin: 22px 0 26px; line-height: 1.85; }
.community-stamp { bottom: 22px; left: 26px; color: #c29aac; font-size: 9px; letter-spacing: 1.6px; }
.rules { padding-top: var(--section-space); }
.rules > div > p { color: var(--muted); font-size: 13px; }
.draft-label { font-size: 9px; color: #c2c8a1; }
.rules > div > p.rules-note { font-size: 12px; max-width: 40ch; margin-top: 8px; color: #989ba5; }
.rule-list summary { font-size: 13px; gap: 16px; }
.rule-list summary:hover { color: #b6ee38; }
.rule-list summary > span { font-size: 11px; color: #ff397d; }
.rule-list summary b { font-size: 21px; color: #a4a6b0; }
.rule-list p { color: var(--muted); font-size: 13px; line-height: 1.85; padding: 14px 28px 0 32px; }

.final-cta { border: 1px solid #30372a; padding: 58px 32px 64px; }
.final-cta > .eyebrow { color: #b2bda0; }
.final-cta h2 { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 .22em; font-family: Impact, 'Arial Narrow', sans-serif; font-size: clamp(40px, 6.3vw, 88px); line-height: 1.12; letter-spacing: .3px; margin: 22px 0 28px; }
.final-cta h2 > span { white-space: nowrap; }
.final-cta h2 > .cta-opening { color: #f2f1ed; }
.cross { color: #7b8869; }
.c1 { left: 24px; top: 24px; }
.c2 { right: 24px; bottom: 24px; }
footer { padding: 40px 0; gap: 28px; }
footer img { width: 175px; }
footer p { font-size: 11px; color: #92959f; }
footer > span, footer > a:last-child { font-size: 9px; color: #a6a9b1; }
footer > a:last-child { padding-block: 12px; white-space: nowrap; }
.close { right: 8px; top: 5px; line-height: 1; width: 44px; height: 44px; }
.connection-placeholder { font-size: 10px; color: #b0b2bc; gap: 15px; }
.connection-placeholder span { font-size: 12px; }
ol { font-size: 13px; }

@media (max-width: 1050px) {
  .logo { width: 230px; }
  .header nav { gap: 18px; font-size: 11px; }
  .header-inner { gap: 20px; }
  .server-item:nth-child(3) { display: none; }
  .guide-grid article { padding: 24px; }
  footer > span { display: none; }
}
@media (max-width: 760px) {
  :root { --gutter: 24px; --section-space: 64px; }
  .header { height: 80px; padding: 0; }
  .header nav { display: none; }
  .logo { width: 185px; }
  .header .button { flex-shrink: 0; }
  .button.small { font-size: 9px; padding: 10px 12px; gap: 12px; }
  .hero { height: auto; min-height: 730px; }
  .hero-grid { top: 80px; }
  .hero-content { padding: 142px 0 116px; }
  .hero-image { background: linear-gradient(90deg, #0d0e10e6, #0d0e1099), linear-gradient(0deg, #0d0e10, transparent 50%), url('assets/forest.jpg') 62% center / cover; }
  h1 { font-size: clamp(54px, 10.3vw, 78px); }
  .hero p { font-size: 13px; }
  .hero .eyebrow { font-size: 9px; letter-spacing: 1.2px; }
  .actions { flex-wrap: wrap; gap: 12px; }
  .button { padding: 15px 20px; font-size: 10px; gap: 24px; min-height: 52px; }
  .hero-bottom { left: 0; right: 0; font-size: 8px; letter-spacing: 1px; bottom: 26px; }
  .coordinates { display: none; }
  .server-bar { margin-inline: auto; padding: 24px; flex-wrap: wrap; gap: 20px; }
  .server-item { margin-left: auto; }
  .server-identity strong { font-size: 11px; }
  .server-identity div > span { font-size: 10px; }
  .server-item strong { font-size: 11px; }
  .server-item > span { font-size: 8px; }
  .text-button { width: 100%; justify-content: space-between; border-top: 1px solid #ffffff15; padding-top: 16px; }
  .about, .rules { grid-template-columns: 1fr; gap: 28px; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 26px; }
  .guide-grid { grid-template-columns: 1fr; }
  .guide-grid article { padding: 28px; }
  .guide-grid article + article { border-left: 0; border-top: 1px solid #2b2d32; }
  .guide-icon { margin: 24px 0 20px; }
  .guide-grid p { max-width: 55ch; }
  .community { margin-inline: auto; min-height: 660px; align-items: flex-start; }
  .community-content { width: 100%; margin: 0; padding: 32px 28px 310px; }
  .community-art { left: -30%; bottom: -10px; width: 140%; height: 330px; opacity: .8; }
  .community::after { background: linear-gradient(0deg, transparent 10%, #23101b 55%); }
  .community h2 { font-size: 35px; }
  .community-stamp { left: 28px; bottom: 20px; }
  .rules { padding-top: var(--section-space); }
  .final-cta { padding: 50px 24px; }
  .final-cta > .eyebrow { font-size: 9px; letter-spacing: 1.3px; }
  .final-cta h2 { font-size: clamp(34px, 6.5vw, 48px); }
  .c1 { left: 16px; top: 16px; }
  .c2 { right: 16px; bottom: 16px; }
  footer { flex-wrap: wrap; padding: 32px 0; gap: 22px; }
  footer img { width: 155px; }
  footer p { font-size: 10px; }
  footer > a:last-child { width: 100%; border-top: 1px solid #2b2d32; padding-top: 20px; }
  dialog { padding: 38px 24px 28px; }
}
@media (max-width: 400px) {
  :root { --gutter: 20px; }
  .logo { width: 165px; }
  .header-inner { gap: 12px; }
  .header .button { font-size: 8px; gap: 8px; padding-inline: 10px; }
  h1 { font-size: clamp(46px, 13.3vw, 53px); }
  .hero .eyebrow { font-size: 8px; letter-spacing: .9px; gap: 9px; }
  .server-bar { padding: 22px 18px; gap: 18px; }
  .server-identity { gap: 10px; }
  .server-item { margin-left: 0; }
  .community-content { padding-inline: 22px; }
  .community h2 { font-size: 31px; }
  .rule-list summary { font-size: 12px; gap: 12px; }
}

/* Full server rules keep the existing accordion layout. */
.rule-list ul { margin: 0; padding: 14px 28px 0 50px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.rule-list li + li { margin-top: 10px; }
.rule-list summary { overflow-wrap: anywhere; }