:root{--bg:#1c1a21;--glass:rgba(28,26,33,.66);--glass2:rgba(28,26,33,.52);--stroke:rgba(255,255,255,.14);--stroke2:rgba(255,255,255,.2);--panel:rgba(0,0,0,.18);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.76);--muted2:rgba(255,255,255,.64);--accent:#d0a385;--focus:#8fd3ff;--shadow:0 18px 60px rgba(0,0,0,.62);--shadow2:0 12px 40px rgba(0,0,0,.44);--radius:18px;--radius-lg:18px;--radius2:14px;--max:1480px;--dropdown-gap:10px;--scrollbar-size:12px;--scrollbar-track:rgba(13,14,18,.72);--scrollbar-track-hover:rgba(255,255,255,.08);--scrollbar-thumb:rgba(208,163,133,.58);--scrollbar-thumb-hover:rgba(228,188,160,.82);--scrollbar-thumb-border:rgba(14,15,19,.92);--scrollbar-corner:rgba(12,12,16,.42)}
*{box-sizing:border-box} html,body{height:100%} html{scrollbar-gutter:stable both-edges;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden;scrollbar-gutter:stable both-edges;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin} img{max-width:100%} button,input,select,textarea{font:inherit} [hidden]{display:none!important}
.skiplink{position:absolute;left:12px;top:12px;padding:10px 14px;border-radius:999px;background:rgba(12,12,16,.92);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);transform:translateY(-140%);transition:transform .16s ease;z-index:999999}.skiplink:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#000}.bg::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 750px at 18% 10%,rgba(208,163,133,.18),transparent 60%),radial-gradient(900px 650px at 82% 22%,rgba(132,100,92,.14),transparent 58%),radial-gradient(800px 650px at 50% 95%,rgba(100,83,94,.14),transparent 62%),linear-gradient(to bottom,rgba(0,0,0,.16),rgba(0,0,0,.8));z-index:2;pointer-events:none}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);filter:saturate(1.06) contrast(1.03);animation:slowfade 55s infinite;z-index:1}
@keyframes slowfade{0%{opacity:0;transform:scale(1.04)}10%{opacity:.92;transform:scale(1.06)}30%{opacity:.92;transform:scale(1.075)}40%{opacity:0;transform:scale(1.08)}100%{opacity:0;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.slide{animation:none;opacity:.65;transform:none}}
@supports not (scrollbar-gutter:stable){body{overflow-y:scroll}}
.nav,.formControl--textarea{scrollbar-gutter:stable;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}
html::-webkit-scrollbar,body::-webkit-scrollbar,.nav::-webkit-scrollbar,.formControl--textarea::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.nav::-webkit-scrollbar-track,.formControl--textarea::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--scrollbar-track-hover),var(--scrollbar-track));border-radius:999px}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.nav::-webkit-scrollbar-thumb,.formControl--textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-hover),var(--scrollbar-thumb));border:2px solid var(--scrollbar-thumb-border);border-radius:999px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.nav::-webkit-scrollbar-thumb:hover,.formControl--textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(240,206,181,.92),rgba(208,163,133,.72))}
html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,.nav::-webkit-scrollbar-corner,.formControl--textarea::-webkit-scrollbar-corner{background:var(--scrollbar-corner)}
.wrap{width:min(var(--max),calc(100% - clamp(32px,5vw,88px)));margin:0 auto;padding:clamp(28px,4vw,46px) 0 56px;display:grid;gap:22px}.wrap--map{width:min(1660px,calc(100% - clamp(32px,4vw,88px)))}
.siteTopbar{position:sticky;top:18px;z-index:75;display:grid;gap:14px;padding:14px 18px;background:rgba(28,26,33,.76);border:1px solid rgba(255,255,255,.14);border-radius:calc(var(--radius) + 4px);box-shadow:0 16px 44px rgba(0,0,0,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible}.siteTopbar::after{content:"";position:absolute;inset:-2px;background:radial-gradient(920px 200px at 26% 0%,rgba(208,163,133,.18),transparent 58%);pointer-events:none}.siteTopbar .nav{margin:0}.siteTopbar .navmenu{z-index:120}
.pageHero{position:relative;overflow:hidden;display:grid;gap:22px;padding:32px clamp(22px,3vw,40px);background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pageHero::after{content:"";position:absolute;inset:-2px;background:radial-gradient(900px 240px at 30% 0%,rgba(208,163,133,.18),transparent 60%);pointer-events:none}
.pageContent{position:relative;z-index:2;display:grid;gap:18px}.pageHero--narrow,.pageContent--narrow{width:min(960px,100%);margin:0 auto}.pageHero--standard,.pageContent--standard{width:min(1180px,100%);margin:0 auto}.pageHero--form,.pageContent--form{width:min(1100px,100%);margin:0 auto}.pageContent--form .formCard{max-width:none;margin:0}.pageHero--home .logoWrap{width:min(1080px,100%)}.pageContent--home{gap:20px}.homeJoinRow,.homeInfoRow{display:grid;gap:18px}
h1{margin:0;text-align:center;font-size:32px;letter-spacing:.5px;position:relative;z-index:2}.pageTitle{margin:6px 0 0;text-align:center;font-size:30px;font-weight:950;letter-spacing:.2px;position:relative;z-index:2}.subtitle,.tagline{margin:0 auto;max-width:860px;text-align:center;color:var(--muted);line-height:1.6;position:relative;z-index:2}.tagline{margin-top:6px}.muted{color:var(--muted);line-height:1.65;margin:0 0 12px}.bullet{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.bullet li{margin:6px 0}code{display:inline-block;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.28);color:rgba(240,220,205,.96);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.95em;line-height:1.2;white-space:nowrap}
.nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:4;margin-bottom:4px}.navlink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.92);font-weight:950;font-size:14px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease}.navlink:hover{transform:translateY(-2px);filter:brightness(1.06);border-color:rgba(208,163,133,.6)}.navlink.active{border-color:rgba(208,163,133,.75);background:linear-gradient(180deg,rgba(208,163,133,.18),rgba(255,255,255,.06))}
.navdropdown{position:relative;z-index:1}.navdropdown.is-active{z-index:12}.navsummary{list-style:none;cursor:pointer;user-select:none;position:relative;z-index:2}.navsummary::-webkit-details-marker{display:none}.navsummary::after{content:" \25BE";font-size:12px;opacity:.9}.navdropdown.is-open .navsummary{transform:translateY(-2px);filter:brightness(1.06);border-color:rgba(208,163,133,.55);background:linear-gradient(180deg,rgba(208,163,133,.18),rgba(255,255,255,.06))}
.navmenu{position:absolute;top:calc(100% + var(--dropdown-gap));right:0;min-width:240px;padding:10px;display:grid;grid-template-rows:0fr;gap:0;overflow:hidden;border-radius:16px;background:rgba(28,26,33,.94);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:120;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.96);transform-origin:top right;transition:grid-template-rows .24s ease,opacity .18s ease,transform .24s ease,visibility 0s linear .24s}.navdropdown>.navmenu{display:grid}.navdropdown.is-active>.navmenu{visibility:visible}.navdropdown.is-open>.navmenu{grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.navmenuInner{min-width:0;overflow:hidden;display:grid;gap:8px}.navmenu-link{text-decoration:none;color:rgba(255,255,255,.92);padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:14px;font-weight:700}.navmenu-link:hover{background:rgba(255,255,255,.08);border-color:rgba(208,163,133,.35)}
.cardwide{position:relative;z-index:2;border-radius:var(--radius);background:var(--glass2);border:1px solid var(--stroke);box-shadow:var(--shadow2);backdrop-filter:blur(10px);padding:18px}.cardwide--stacked{display:flex;flex-direction:column}.sectiontitle{margin:0 0 10px;font-size:18px;font-weight:950;letter-spacing:.2px}.pageIntro{display:grid;gap:12px}.pageIntro .sectiontitle,.rules .sectiontitle{margin-bottom:0}.pageIntro .muted:last-child{margin-bottom:0}
.btn,.copybtn,.ctabtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;color:rgba(255,255,255,.94);transition:transform .15s ease,filter .15s ease,border-color .15s ease}.btn,.copybtn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1)}.btn{padding:10px 14px;border-radius:999px;font-weight:900;color:rgba(255,255,255,.92)}.copybtn{padding:8px 10px;border-radius:10px;font-weight:850;white-space:nowrap;background:linear-gradient(180deg,rgba(208,163,133,.22),rgba(255,255,255,.08))}.ctabtn{padding:10px 14px;border-radius:12px;font-weight:950;white-space:nowrap;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(208,163,133,.22),rgba(255,255,255,.08))}.btn:hover,.copybtn:hover,.ctabtn:hover{transform:translateY(-1px);filter:brightness(1.06)}
footer{position:relative;z-index:2;display:grid;gap:12px;justify-items:center;text-align:center;color:rgba(255,255,255,.58);font-size:13px}.footerNav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1080px}.footerNav a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.82);font-size:13px;font-weight:800;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.footerNav a:hover{transform:translateY(-1px);filter:brightness(1.05);border-color:rgba(208,163,133,.52)}.footerMeta{color:rgba(255,255,255,.58)}.footerDisclaimer{max-width:960px;padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(0,0,0,.28);color:#fff;font-size:14px;font-weight:900;letter-spacing:.02em;line-height:1.45;text-transform:uppercase}.footerDisclaimer{box-shadow:0 0 0 2px rgba(255,255,255,.08) inset}body.noScroll{overflow:hidden;scrollbar-gutter:stable both-edges}

.logoWrap{position:relative;width:min(820px,96%);margin:0 auto;padding:8px 0 0;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:var(--radius-lg);overflow:hidden;background:var(--panel);box-shadow:0 22px 60px rgba(0,0,0,.7)}.logoButton{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:inherit}.logoButton img{width:100%;height:auto;display:block;border-radius:inherit;filter:none!important}.logoButton:focus-visible{outline:2px solid rgba(143,211,255,.9);outline-offset:6px}.logoHint,.videoHint{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;letter-spacing:.2px;color:rgba(255,255,255,.92);background:rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none}.logoHint{position:absolute;right:12px;bottom:10px}
.overview p{margin:0 0 14px;color:var(--muted);line-height:1.65}
.serverStatusPanel{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.serverStatusSummary{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 1 auto;flex-wrap:wrap;min-width:0}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.86);font-size:12px;white-space:nowrap}.serverStatusBadge--motd{flex:0 1 auto;max-width:min(360px,calc(100vw - 56px));min-width:0;justify-content:flex-start}.serverStatusText{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.dot.on{background:rgba(140,220,170,.95);box-shadow:0 0 0 3px rgba(140,220,170,.14)}.dot.off{background:rgba(255,120,120,.92);box-shadow:0 0 0 3px rgba(255,120,120,.14)}
.serverStatusDropdown{position:relative;flex:0 0 auto;--server-status-trigger-width:auto;--server-status-target-width:auto;--server-status-max-width:999px}.serverStatusToggle{list-style:none;cursor:pointer;user-select:none;position:relative;z-index:2}.serverStatusToggle::-webkit-details-marker{display:none}.serverStatusToggle::after{content:" \25BE";font-size:11px;opacity:.9}.serverStatusDropdown.is-open .serverStatusToggle{transform:translateY(-1px);filter:brightness(1.06);border-color:rgba(208,163,133,.45);background:linear-gradient(180deg,rgba(208,163,133,.18),rgba(255,255,255,.08))}.serverStatusDropdownMenu{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:var(--server-status-trigger-width);max-width:min(var(--server-status-max-width),calc(100vw - 56px));padding:10px;display:grid;grid-template-rows:0fr;gap:0;overflow:hidden;border-radius:16px;background:rgba(28,26,33,.96);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:40;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.96);transform-origin:top left;transition:width .24s ease,grid-template-rows .24s ease,opacity .18s ease,transform .24s ease,visibility 0s linear .24s;will-change:width,transform,opacity}.serverStatusDropdown>.serverStatusDropdownMenu{display:grid}.serverStatusDropdown.is-active>.serverStatusDropdownMenu{visibility:visible}.serverStatusDropdown.is-open>.serverStatusDropdownMenu{width:var(--server-status-target-width);grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.serverStatusDropdownInner{min-width:0;overflow:hidden;display:grid;gap:8px}.serverStatusState{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.serverStatusPills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.9)}
.joingrid,.linkgrid,.gallery,.votegrid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.joincard,.linkcard,.votecard{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--stroke2);background:var(--glass2);box-shadow:var(--shadow2);transition:transform .18s ease,border-color .18s ease,filter .18s ease}.joincard:hover,.linkcard:hover,.votecard:hover,.tile:hover{transform:translateY(-3px);border-color:rgba(208,163,133,.55);filter:brightness(1.03)}
.joincard{grid-column:span 6;min-height:230px}.joinbg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transform:scale(1.02);opacity:.98}.joinbg::after,.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.86))}.joincardTrigger{position:absolute;inset:0;z-index:1;padding:0;border:0;background:transparent;cursor:pointer;border-radius:inherit}.joincardTrigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(143,211,255,.92)}
.joincontent,.lc{position:relative;padding:18px;display:flex;flex-direction:column;height:100%;gap:10px}.joincontent{z-index:2;pointer-events:none}.jointitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.jointitle{font-size:20px;font-weight:950;letter-spacing:.2px;text-shadow:0 10px 24px rgba(0,0,0,.45)}.joinmeta{margin-top:auto;display:grid;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field{display:flex;gap:10px;align-items:center;justify-content:space-between;flex:1 1 260px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.fieldPrimary{min-width:0;flex:1 1 auto}.fieldActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;pointer-events:auto;position:relative;z-index:3}.field--stackable{flex-wrap:wrap;align-items:flex-start}.field--stackable .fieldPrimary{flex:1 1 240px}.label{color:var(--muted2);font-size:12px;letter-spacing:.25px;text-transform:uppercase}.value,.caption{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.value{font-size:14px;color:rgba(255,255,255,.92);overflow-wrap:anywhere}.joincontent .copybtn{pointer-events:auto;position:relative;z-index:3}
.linkcard{grid-column:span 4;min-height:160px;text-decoration:none;color:var(--text)}.thumb{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}
.thumb.pan{overflow:hidden;background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.86)),var(--pan-img,url("buttons/mapbutton.png"));background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-position:center,center}.mapthumb{--pan-img:url("buttons/mapbutton.png")}
.thumb.pan::before,.thumb.pan::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.86)),var(--pan-img,url("buttons/mapbutton.png"));background-repeat:no-repeat,no-repeat;background-size:cover,320%;background-position:center,8% 12%;will-change:background-position,opacity}.thumb.pan::before{animation:mapDrift 180s linear infinite,mapOpacity 180s linear infinite}.thumb.pan::after{animation:mapDrift 180s linear infinite -90s,mapOpacity 180s linear infinite -90s}
@keyframes mapDrift{0%{background-position:center,8% 12%}100%{background-position:center,92% 88%}} @keyframes mapOpacity{0%{opacity:0}12%{opacity:1}88%{opacity:1}96%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.thumb.pan::before,.thumb.pan::after{animation:none;opacity:1;background-position:center,center;background-size:cover,cover}.thumb.pan::after{display:none}}
.lc h3,.vtext h3{margin:0;font-size:18px;font-weight:950;letter-spacing:.2px}.lc p,.vtext p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.lc span,.vtext span{margin-top:auto;font-weight:950;letter-spacing:.25px;color:rgba(240,220,205,.96)}
.newhere{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.newhere p,.supportcard p{margin:0;color:var(--muted);line-height:1.55}.newhere p{flex:1 1 520px}.supportcard{display:flex;flex:1 1 auto;flex-direction:column;gap:12px}.supportcard .quicklinks{margin-top:auto;align-self:flex-start}.quicklinks{display:flex;gap:10px;flex-wrap:wrap}.quicklinks a{text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-weight:950;color:rgba(255,255,255,.94);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:transform .15s ease,filter .15s ease,border-color .15s ease}.quicklinks a:hover{transform:translateY(-1px);filter:brightness(1.06);border-color:rgba(208,163,133,.6)}
.gallery{gap:12px}.shot{grid-column:span 4;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.14);overflow:hidden;background:rgba(0,0,0,.25);min-height:150px;box-shadow:0 10px 30px rgba(0,0,0,.38)}.shot img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);filter:saturate(1.05) contrast(1.02)}
.trailerModal{position:fixed;inset:0;z-index:999999;display:none}.trailerModal.open{display:block}.trailerOverlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}.trailerDialog{position:relative;width:min(900px,calc(100% - 32px));margin:clamp(18px,6vh,54px) auto 0;border-radius:22px;background:rgba(16,18,22,.88);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.trailerClose{position:absolute;top:10px;right:10px;width:42px;height:42px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.trailerClose:hover{background:rgba(0,0,0,.5)}.trailerFrame{width:100%;aspect-ratio:16/9;background:rgba(0,0,0,.35)}.trailerFrame iframe{width:100%;height:100%;display:block}

.faq{display:grid;gap:14px}.item,.rules,.galleryWrap{position:relative;z-index:2;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}.item{overflow:hidden}.q{width:100%;text-align:left;cursor:pointer;background:none;border:0;padding:16px;color:var(--text);font-weight:900;display:flex;justify-content:space-between;align-items:center}.chev{transition:transform .2s ease}.a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 16px}.acontent{padding-bottom:16px;color:var(--muted);line-height:1.6}.item.open .a{max-height:900px}.item.open .chev{transform:rotate(180deg)}
.rules{padding:18px 18px 10px}.rules ol{margin:0;padding-left:22px}.rules li{margin:0 0 16px;line-height:1.6}.rtitle{font-weight:950;color:rgba(255,255,255,.92)}.rdesc{color:var(--muted);margin-top:6px}.note{margin-top:10px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.5}
.galleryWrap{padding:16px}.galleryCta{display:flex;justify-content:center;margin-top:14px}.galleryCta--top{margin-top:0;margin-bottom:14px}.grid{display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}.tile{grid-column:span 4;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.14);overflow:hidden;background:rgba(0,0,0,.25);cursor:pointer;position:relative;min-height:150px;transition:transform .15s ease,border-color .15s ease,filter .15s ease;appearance:none;padding:0;text-align:left}.tile img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);filter:saturate(1.05) contrast(1.02)}.smallnote{margin-top:10px;color:rgba(255,255,255,.68);font-size:13px;text-align:center}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:22px}.lightbox.open{display:flex}.viewer{width:min(1200px,96vw);max-height:86vh;display:grid;gap:12px;justify-items:center}.imgwrap{width:100%;max-height:78vh;border-radius:16px;border:1px solid rgba(255,255,255,.18);overflow:hidden;background:rgba(0,0,0,.25);box-shadow:0 30px 80px rgba(0,0,0,.65)}.imgwrap img{width:100%;height:100%;max-height:78vh;object-fit:contain;display:block;background:#000}.controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.btnrow{display:flex;gap:10px;flex-wrap:wrap}.caption{color:rgba(255,255,255,.72);font-size:13px;overflow-wrap:anywhere}

.votecard{grid-column:span 6;min-height:120px;text-decoration:none;color:var(--text);display:flex;align-items:center}.vc{width:100%;padding:16px 18px}.vrow{display:flex;align-items:center;gap:16px}.vlogo{height:46px;width:auto;flex:0 0 auto;opacity:.96;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.vtext{display:flex;flex-direction:column;gap:6px;min-width:0}
.roles-columns{display:flex;gap:18px;align-items:flex-start}.roles-col{flex:1 1 0;min-width:0}.cardwide--support{margin-top:14px;padding:16px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}.cardwide--support .role-list{padding-left:16px}.cardwide--support .role-list li{margin:4px 0}.role-block{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.35);box-shadow:0 10px 24px rgba(0,0,0,.25)}.role-block h3{margin:0 0 6px;font-size:1.05rem}.role-meta{margin:0 0 10px;color:rgba(255,255,255,.82);font-size:.95rem}.role-list{margin:0;padding-left:18px}.role-list li{margin:6px 0}.role-cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.role-note{margin-bottom:0}.role-accordion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.role-accordion{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.28);box-shadow:0 10px 24px rgba(0,0,0,.18);overflow:hidden}.role-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:900;color:rgba(255,255,255,.94)}.role-accordion summary::-webkit-details-marker{display:none}.role-accordion summary::after{content:"+";flex:0 0 auto;font-size:18px;line-height:1;color:rgba(240,220,205,.92)}.role-accordion[open]{border-color:rgba(208,163,133,.45);background:rgba(255,255,255,.06)}.role-accordion[open] summary::after{content:"-"}.role-accordion summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.role-accordion-meta{margin-right:auto;padding-left:10px;color:var(--muted2);font-size:12px;font-weight:700;letter-spacing:.15px}.role-accordion-list{padding:0 18px 16px 34px;color:var(--muted)}.enchantment-accordion-grid{grid-template-columns:1fr;gap:14px}.enchantment-directory{padding:0 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.enchantment-directory .role-block{height:100%;margin-top:0}.enchantment-entry{margin-top:0}.enchantment-entry h3{margin:0 0 10px}.enchantment-entry p{margin:0 0 8px}.enchantment-entry p:last-child{margin-bottom:0}.enchantment-entry-last{margin-bottom:0}.enchantment-legacy-note{font-size:12px;opacity:.82}@media (max-width:920px){.enchantment-directory{grid-template-columns:1fr}}
.aboutGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.aboutGrid>.cardwide{grid-column:span 6}.aboutFull{margin-top:0}.kv{display:grid;gap:10px}.kvrow{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.kvrow span{color:var(--muted);font-weight:700}.kvrow strong{color:rgba(255,255,255,.96);text-align:right}.aboutNote{margin-top:12px;margin-bottom:0}.pluginGrid{display:flex;gap:10px;flex-wrap:wrap}.pluginChip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.92);font-size:13px;font-weight:800;letter-spacing:.15px;text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease}.pluginChip:hover{transform:translateY(-1px);filter:brightness(1.04);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}.pluginChip:active{transform:translateY(0)}
.clanDescriptionSpotlight{display:grid;gap:16px;scroll-margin-top:120px}
.clanDescriptionSpotlightHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.clanDescriptionSpotlightEyebrow{margin:0 0 6px;color:var(--muted2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.clanDescriptionSpotlightClose{align-self:flex-start}
.clanDescriptionSpotlightText{margin:0;color:rgba(255,255,255,.92);line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.clansPanel{display:grid;gap:18px;overflow:visible}
.clansPanelHeader{display:grid;gap:6px}
.clansStatusText,.clansLastUpdated{margin:0}
.clansLastUpdated{color:var(--muted2);font-size:13px}
.clansList{display:grid;gap:18px;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));align-items:stretch}
.clansList>.clanCard,.clansList>.clanEmptyCard{width:100%;margin:0}
.clanCard,.clanEmptyCard{position:relative;overflow:visible;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(12,12,16,.32);box-shadow:0 16px 42px rgba(0,0,0,.26)}
.clanCard{display:grid;gap:20px;height:100%;--clan-name-color:rgba(255,255,255,.96)}
.clanCardHeader{display:grid;gap:6px;text-align:center}
.clanCardName{margin:0;font-size:28px;font-weight:950;letter-spacing:.2px;color:var(--clan-name-color)}
.clanCard--hasAccent .clanCardName{text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.22)}
.clanCardBody{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:stretch}
.clanBannerWrap{display:grid;place-items:center;min-height:360px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top,rgba(208,163,133,.16),rgba(255,255,255,.04) 45%,rgba(0,0,0,.2) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.clanBannerSvg,.clanBannerCanvas{display:block;width:min(256px,100%);height:auto;overflow:visible;image-rendering:pixelated;filter:none}
.clanBannerPlaceholder{display:grid;gap:8px;place-items:center;text-align:center;max-width:250px;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.clanBannerPlaceholderTitle{font-size:18px;font-weight:900;color:rgba(255,255,255,.94)}
.clanBannerPlaceholderText{color:var(--muted);line-height:1.5}
.clanInfoList{display:flex;flex-direction:column;gap:10px;min-width:0;height:100%}
.clanInfoRow{display:grid;gap:5px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.clanInfoLabel{color:var(--muted2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.clanInfoValue{color:rgba(255,255,255,.95);font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.clanTagValue{display:inline-block}
.clanTagValue--accent{text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 8px rgba(0,0,0,.2)}
.clanInfoRow--description .clanInfoValue{font-weight:600;color:var(--muted);min-width:0}
.clanInfoRow--description.is-expandable{border-color:rgba(208,163,133,.28);background:linear-gradient(180deg,rgba(208,163,133,.1),rgba(255,255,255,.04))}
.clanDescriptionButton{appearance:none;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;display:grid;gap:10px}
.clanDescriptionButton:disabled{cursor:default;opacity:1}
.clanDescriptionButton.is-truncated{cursor:pointer}
.clanDescriptionButton.is-truncated:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:10px}
.clanDescriptionButton.is-truncated:hover .clanDescriptionMore{color:rgba(255,255,255,.96)}
.clanDescriptionText{display:-webkit-box;overflow:hidden;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.55;overflow-wrap:anywhere}
.clanDescriptionMore{display:inline-flex;align-items:center;gap:8px;color:rgba(240,220,205,.96);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.clanDescriptionMore::after{content:"\2191";font-size:13px;line-height:1}
.clanMembersDropdown{position:relative;align-self:flex-start;margin-top:auto;--clan-members-trigger-width:auto;--clan-members-target-width:auto;--clan-members-max-width:520px;--clan-members-body-max-height:320px;--clan-members-panel-offset-x:0px;--clan-members-panel-offset-y:0px}
.clanMembersDropdown.is-active{z-index:60}
.clanMembersToggle{list-style:none;cursor:pointer;user-select:none;position:relative;z-index:2}
.clanMembersToggle::-webkit-details-marker{display:none}
.clanMembersToggle::after{content:" \25BE";font-size:11px;opacity:.9}
.clanMembersDropdown.is-open .clanMembersToggle{transform:translateY(-1px);filter:brightness(1.06);border-color:rgba(208,163,133,.52);background:linear-gradient(180deg,rgba(208,163,133,.2),rgba(255,255,255,.08))}
.clanMembersMenu{position:absolute;bottom:0;left:calc(100% + 12px);right:auto;width:var(--clan-members-trigger-width);max-width:min(var(--clan-members-max-width),calc(100vw - 32px));padding:10px;overflow:hidden;border-radius:18px;background:rgba(28,26,33,.96);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:40;opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--clan-members-panel-offset-x),calc(var(--clan-members-panel-offset-y) + 8px)) scale(.96);transform-origin:bottom left;transition:width .24s ease,opacity .18s ease,transform .24s ease,visibility 0s linear .24s}
.clanMembersDropdown.is-active>.clanMembersMenu{visibility:visible}
.clanMembersDropdown.is-open>.clanMembersMenu{width:var(--clan-members-target-width);opacity:1;visibility:visible;pointer-events:auto;transform:translate(var(--clan-members-panel-offset-x),var(--clan-members-panel-offset-y)) scale(1);transition-delay:0s}
.clanMembersMenuInner{min-width:0;display:grid;gap:10px}
.clanMembersMenuTitle{margin:0;color:rgba(255,255,255,.94);font-size:14px;font-weight:900}
.clanMembersMenuBody{overflow:auto;max-height:var(--clan-members-body-max-height);padding-right:2px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
.clanMembersMenuBody::-webkit-scrollbar{width:10px}
.clanMembersMenuBody::-webkit-scrollbar-track{background:transparent}
.clanMembersMenuBody::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-hover),var(--scrollbar-thumb));border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.clanMembersList{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.clanMembersEmpty{margin:0;color:var(--muted);line-height:1.5}
.clanMemberItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.clanMemberMeta{display:grid;gap:2px;min-width:0}
.clanMemberName{font-size:14px;font-weight:850;color:rgba(255,255,255,.95);overflow-wrap:anywhere}
.clanMemberSince{color:var(--muted2);font-size:12px;line-height:1.35}
.clanMemberRole{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.clanMemberRole--president{background:rgba(241,206,128,.16);border-color:rgba(241,206,128,.36);color:rgba(255,232,173,.96)}
.clanMemberRole--member{color:rgba(255,255,255,.84)}
.clanEmptyCard{display:grid;gap:10px;text-align:center;justify-items:center;grid-column:1/-1;max-width:960px;justify-self:center}
.clanEmptyTitle{margin:0;font-size:24px;font-weight:950}
.clanEmptyText{margin:0;max-width:620px;color:var(--muted);line-height:1.65}
.formCard{max-width:940px;margin:0 auto}.formCard--full{max-width:none;margin:0}.issueForm{display:grid;gap:14px}.formGrid{display:grid;gap:12px}.formGrid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.formGroup{display:grid;gap:8px}.formGroup--span2{grid-column:span 2}.formLabel{font-weight:800;color:rgba(255,255,255,.95)}.formHelp{margin:-2px 0 0;color:var(--muted);font-size:.92rem;line-height:1.4}.formControl{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(14,13,17,.62);color:rgba(255,255,255,.95);padding:11px 12px}.formControl--textarea{min-height:120px;resize:vertical}.formControl--select{appearance:none}.formControl:focus{outline:2px solid rgba(208,163,133,.6);outline-offset:1px;border-color:rgba(208,163,133,.72)}.formControl:disabled{opacity:.65;cursor:not-allowed}.requiredMark{color:#ff9d9d}.requiredMark.isSatisfied{color:#79d49a}.formInset{margin-top:4px;background:rgba(255,255,255,.03)}.formActions{display:flex;justify-content:flex-end;margin-top:4px}.formActions .ctabtn[disabled]{opacity:.7;cursor:wait}.formNotice{border-radius:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);font-weight:700}.formNotice.success{border-color:rgba(76,175,80,.5);background:rgba(76,175,80,.14)}.formNotice.error{border-color:rgba(239,83,80,.55);background:rgba(239,83,80,.15)}
/* Map page */
.mapPageShell{padding:24px 24px 22px;gap:18px}.mapSection{display:grid;gap:18px;padding:16px}.mapFrame{position:relative;padding:10px;border-radius:22px;background:rgba(12,12,16,.34);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px rgba(0,0,0,.36);overflow:hidden}.mapEmbed{display:block;width:100%;height:clamp(640px,78vh,1040px);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0f1014;box-shadow:0 14px 38px rgba(0,0,0,.28)}.mapLaunchBtn{position:absolute;left:28px;bottom:28px;z-index:2;max-width:calc(100% - 56px);background:rgba(12,12,16,.82);border-color:rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 32px rgba(0,0,0,.35)}
.mt-10{margin-top:10px}.mt-14{margin-top:14px}.mb-8{margin-bottom:8px}.text-strong{color:rgba(255,255,255,.92)}.joinbg-java{background-image:url("buttons/javabutton.png")}.joinbg-bedrock{background-image:url("buttons/bedrockbutton.png")}.thumb-discord{background-image:url("buttons/discordbutton.png")}.thumb-mods{background-image:url("buttons/modsbutton.png")}

.mobileBar,.navBackdrop{display:none}
@media (min-width:861px){.navdropdown{display:flex;justify-content:center;align-items:flex-start}.navsummary{width:100%;justify-content:center}.navmenu{left:50%;right:auto;width:100%;min-width:0;padding:8px;transform:translate(-50%,-8px) scale(.96);transform-origin:top center}.navdropdown.is-open>.navmenu{transform:translate(-50%,0) scale(1)}.navmenuInner{gap:6px}.navmenu-link{min-height:42px;padding:9px 10px;font-size:12px;line-height:1.25;text-align:center;justify-content:center}.pageContent--home{grid-template-columns:repeat(12,minmax(0,1fr))}.homeJoinRow,.linkgrid--home,.homeInfoRow,.pageContent--home>.cardwide{grid-column:1/-1}.homeJoinRow{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.homeJoinRow .joincard,.homeIntroCard{grid-column:span 4;min-height:230px}.homeIntroCard{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:24px}.homeIntroCard .sectiontitle{margin-bottom:12px}.homeIntroNote{margin-bottom:0}.linkgrid--home .linkcard{grid-column:span 4;min-height:160px}.homeInfoRow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.homeInfoRow>.cardwide{height:100%}}
@media (max-width:920px){.linkcard,.shot,.tile{grid-column:span 6}.roles-columns{flex-direction:column}}
@media (max-width:720px){.role-accordion-grid{grid-template-columns:1fr}}
@media (max-width:900px){.aboutGrid>.cardwide{grid-column:span 12}.kvrow{flex-direction:column}.kvrow strong{text-align:left}}
@media (max-width:980px){.clansList{grid-template-columns:1fr}.clanCardBody{grid-template-columns:1fr}.clanBannerWrap{min-height:300px}.clanMembersMenu{max-width:min(var(--clan-members-max-width),calc(100vw - 24px))}}
@media (max-width:860px){
  html{-webkit-text-size-adjust:100%} body{overscroll-behavior-y:contain} body.nav-open{overflow:hidden;scrollbar-gutter:stable both-edges}
  .wrap{width:100%;padding:18px 12px 40px}.siteTopbar{position:relative;top:auto;display:grid;gap:16px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:90}.siteTopbar::after{display:none}body.nav-open .siteTopbar{gap:0}.pageHero{padding:18px;gap:16px;border-radius:24px}
  .mobileBar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:90;margin-bottom:2px}.mobileBrand{font-size:17px;font-weight:900;letter-spacing:.15px;color:rgba(255,255,255,.96);flex:1;text-align:center;padding-right:44px}
  .mobileMenuBtn{appearance:none;width:44px;height:44px;padding:0;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(0,0,0,.28);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .mobileMenuBtn span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;margin:2px 0;transition:transform .18s ease,opacity .18s ease}
  body.nav-open .mobileMenuBtn span:nth-child(1){transform:translateY(6px) rotate(45deg)} body.nav-open .mobileMenuBtn span:nth-child(2){opacity:0} body.nav-open .mobileMenuBtn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .navBackdrop{display:block;position:fixed;inset:0;background:linear-gradient(180deg,rgba(11,15,24,.28),rgba(11,15,24,.56));backdrop-filter:blur(16px) saturate(.92);-webkit-backdrop-filter:blur(16px) saturate(.92);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s;z-index:70}
  body.nav-open .navBackdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .nav{position:fixed;left:14px;right:14px;top:calc(env(safe-area-inset-top) + 68px);z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;margin:0;background:rgba(28,26,33,.96);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.46);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-height:min(calc(100dvh - env(safe-area-inset-top) - 92px),620px);overflow:auto;transform:translateY(-8px) scale(.98);transform-origin:top center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;justify-content:stretch}
  body.nav-open .nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
  .navlink,.navsummary{width:100%;min-height:52px;font-size:16px;padding:13px 14px;border-radius:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .navdropdown{grid-column:1/-1;position:static}.navsummary::after{font-size:11px}.navmenu{position:static;transform-origin:top center;min-width:0;margin-top:10px;padding:10px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:none}.navmenu-link{min-height:50px;display:flex;align-items:center;justify-content:flex-start;font-size:15px;border-radius:14px}
  .logoWrap{margin-top:4px}.logoHint{right:10px;bottom:10px;font-size:11px;padding:7px 10px}.videoHint{font-size:11px;padding:7px 10px}.tagline,.subtitle{font-size:17px;line-height:1.55;max-width:none}
  .serverStatusPanel{justify-content:center;gap:8px}
  body.nav-open .serverStatusPanel{display:none;pointer-events:none}
  .serverStatusSummary{width:100%;flex:1 1 100%;justify-content:center;gap:8px}.badge{justify-content:center;min-height:40px;font-size:13px;padding:7px 11px}.serverStatusBadge--motd{max-width:100%;justify-content:center}.serverStatusText{white-space:normal;text-align:center}
  .serverStatusDropdown{width:auto;max-width:100%;display:flex;flex-direction:column;align-items:center}.serverStatusToggle{width:auto;justify-content:center;max-width:100%}.serverStatusDropdownMenu{position:static;max-width:min(100%,calc(100vw - 28px));margin-top:8px;border-radius:18px;background:rgba(255,255,255,.03);box-shadow:none;transform-origin:top center}.pill{font-size:12px;padding:7px 10px}
  .clanDescriptionSpotlightHeader{flex-direction:column}.clanDescriptionSpotlightClose{width:100%;justify-content:center}
  .clanCard,.clanEmptyCard{padding:16px}.clanCardName{font-size:24px}.clanCardBody{gap:16px}.clanBannerWrap{min-height:280px}.clanBannerSvg,.clanBannerCanvas{width:min(232px,100%)}.clanMembersDropdown{align-self:flex-start;margin-top:auto}.clanMembersToggle{justify-content:center}.clanMembersMenu{max-width:min(var(--clan-members-max-width),calc(100vw - 24px))}
  .homeJoinRow{grid-template-columns:1fr}
  .homeJoinRow>.joincard,.homeJoinRow>.homeIntroCard{grid-column:auto}
  .homeJoinRow>.joincard--java{order:1}.homeJoinRow>.joincard--bedrock{order:2}.homeJoinRow>.homeIntroCard{order:3;width:100%}
  .joincard,.votecard{grid-column:span 12}.joincard{min-height:220px;border-radius:22px}.joincontent,.lc,.cardwide{padding:16px}.jointitle,.sectiontitle,.lc h3,.vtext h3{font-size:18px}
  .mapPageShell{padding:16px;gap:16px}.mapSection{gap:16px;padding:14px}.mapFrame{padding:8px;border-radius:20px}.mapEmbed{height:clamp(460px,68vh,780px);border-radius:16px}
  .row{gap:8px}.field{gap:10px;border-radius:14px}.field>div{min-width:0;flex:1 1 auto}.fieldActions{justify-content:flex-start}.value{font-size:13px;line-height:1.35}
  .copybtn,.ctabtn,.quicklinks a{min-height:44px;padding:10px 14px;border-radius:14px}.linkgrid,.gallery,.votegrid,.homeJoinRow,.homeInfoRow{gap:12px}.linkcard,.shot{border-radius:22px}.linkcard{min-height:148px}.homeIntroCard{min-height:auto}
  .newhere{gap:14px}.quicklinks{width:100%;display:grid;grid-template-columns:1fr}.quicklinks a,.ctabtn{justify-content:center}.footerNav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footerNav a{min-height:44px}.vlogo{height:42px}
  footer{padding-bottom:calc(env(safe-area-inset-bottom) + 2px)}
}
@media (max-width:720px){.formGrid--two{grid-template-columns:1fr}.formActions{justify-content:stretch}.formGroup--span2{grid-column:auto}.formActions .ctabtn{width:100%}}
@media (max-width:640px){.linkcard,.shot,.tile{grid-column:span 12}}
@media (max-width:520px){
  .wrap{padding:14px 10px 28px}.pageHero{padding:14px;border-radius:22px}.nav{left:10px;right:10px;top:calc(env(safe-area-inset-top) + 58px);padding:12px}
  .navlink,.navsummary{min-height:50px;padding:12px 10px;font-size:15px}.mobileBrand{font-size:16px}.tagline,.subtitle{font-size:15px}
  .serverStatusSummary{justify-content:center}.field{flex-wrap:nowrap}.field--stackable{flex-wrap:wrap}.field--stackable .fieldActions{width:100%}.copybtn{flex:0 0 auto;font-size:13px}.value{font-size:12px}
  .clanCard,.clanEmptyCard{padding:14px}.clanCardName{font-size:21px}.clanBannerWrap{min-height:240px;padding:14px}.clanBannerSvg,.clanBannerCanvas{width:min(208px,100%)}.clanMemberItem{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.clanMemberRole{grid-column:2;justify-self:start}
  .mapPageShell{padding:14px}.mapSection{padding:12px}.mapFrame{padding:6px;border-radius:18px}.mapEmbed{height:clamp(400px,64vh,620px);border-radius:14px}.mapLaunchBtn{left:18px;bottom:18px;max-width:calc(100% - 36px)}
  .sectiontitle,.jointitle,.lc h3,.vtext h3{font-size:17px}.cardwide,.joincontent,.lc{padding:14px}
}

.recentActivityCard{display:flex;flex-direction:column;gap:10px}.recentActivityCard .sectiontitle{margin:0 0 4px;text-align:left}.recentActivityList{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1 1 auto;align-content:start}.recentActivityItem{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,255,255,.08)}.recentActivityItem[data-activity-type="player_join"]{border-left-color:rgba(140,220,170,.78)}.recentActivityItem[data-activity-type="player_quit"]{border-left-color:rgba(208,163,133,.78)}.recentActivityItem[data-activity-type="player_advancement"]{border-left-color:rgba(241,206,128,.82);border-color:rgba(241,206,128,.18);box-shadow:0 0 0 1px rgba(241,206,128,.05) inset,0 0 18px rgba(241,206,128,.1)}.recentActivityItem[data-activity-type="player_death"]{border-left-color:rgba(255,120,120,.82)}.recentActivityItem--placeholder{justify-content:flex-start;color:var(--muted);border-left-color:rgba(255,255,255,.08)}.recentActivityText{margin:0;color:rgba(255,255,255,.94);line-height:1.35}.recentActivityMeta{color:var(--muted2);font-size:12px;white-space:nowrap;display:inline-flex;align-items:center}

.playerAvatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;background:linear-gradient(180deg,rgba(208,163,133,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:rgba(255,255,255,.92);font-size:10px;font-weight:900;line-height:1}.playerAvatar::after{content:attr(data-fallback);position:absolute;inset:0;display:grid;place-items:center}.playerAvatar--loaded::after{display:none}.playerAvatar--fallback::after{display:grid}.playerAvatarImage{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.playerAvatar--sm{width:20px;height:20px;border-radius:6px}.playerAvatar--md{width:24px;height:24px;border-radius:7px}

.serverStatusPills{display:grid;gap:6px}.serverPlayerEntry,.serverPlayerMore{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);min-width:0}.serverPlayerMeta{min-width:0}.serverPlayerLabel{display:block;font-size:12px;line-height:1.2;color:rgba(255,255,255,.92);white-space:nowrap;overflow:visible;text-overflow:clip}.serverPlayerMore{grid-template-columns:1fr;color:var(--muted);font-size:11px}

.recentActivityItem{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px}.recentActivityMain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.recentActivityContent{display:grid;gap:3px;min-width:0}.recentActivityIdentity{display:grid;gap:1px;min-width:0}.recentActivityName,.recentActivityEdition{margin:0}.recentActivityName{font-size:13px;font-weight:850;line-height:1.15;color:rgba(255,255,255,.96);overflow-wrap:anywhere}.recentActivityEdition{font-size:10px;line-height:1;color:var(--muted2)}.recentActivityText{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.recentActivityMeta{justify-self:end;font-size:11px}
.recentActivityItem--new{animation:recentActivityItemRise .42s cubic-bezier(.18,.84,.28,1) both}
@keyframes recentActivityItemRise{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}

@media (max-width:900px){.recentActivityItem{grid-template-columns:1fr;gap:8px}.recentActivityMeta{justify-self:start;white-space:normal}}

.homeFeatureRow{display:grid;gap:18px}
.homeFeatureCard{display:flex;flex-direction:column;justify-content:center;min-height:230px}
.recentActivityCard--home{position:relative;height:230px;min-height:230px;max-height:230px;display:flex;flex-direction:column;overflow:hidden}
.recentActivityCard--home .sectiontitle{flex:0 0 auto}
.recentActivityCard--home .recentActivityList{margin-top:2px;flex:1 1 auto;height:158px;max-height:158px;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;padding-bottom:2px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}
.recentActivityCard--home .recentActivityList--fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 18px,rgba(0,0,0,1) 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 18px,rgba(0,0,0,1) 100%)}
.recentActivityCard--home .recentActivityList--fade-bottom{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,1) calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,1) calc(100% - 18px),transparent 100%)}
.recentActivityCard--home .recentActivityList--fade-top.recentActivityList--fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 18px,rgba(0,0,0,1) calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 18px,rgba(0,0,0,1) calc(100% - 18px),transparent 100%)}
.recentActivityCard--home .recentActivityList::-webkit-scrollbar{width:10px}
.recentActivityCard--home .recentActivityList::-webkit-scrollbar-track{background:transparent}
.recentActivityCard--home .recentActivityList::-webkit-scrollbar-thumb{background:transparent;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.recentActivityCard--home .recentActivityList.recentActivityList--scrolling{scrollbar-color:var(--scrollbar-thumb) transparent}
.recentActivityCard--home .recentActivityList.recentActivityList--scrolling::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-hover),var(--scrollbar-thumb))}

@media (min-width:861px){
  .homeFeatureRow{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}
  .homeFeatureRow>.cardwide{height:100%}
  .homeFeatureRow>.recentActivityCard--home{grid-column:span 4}
  .homeFeatureRow>.homeFeatureCard{grid-column:span 8}
  .homeFeatureRow>.recentActivityCard--home{height:230px;min-height:230px;max-height:230px}
}

@media (max-width:900px){
  .homeFeatureRow{grid-template-columns:1fr;gap:12px}
}
.griefExamples{display:grid;gap:12px}
.griefExamples .muted{margin:0}
.griefExamplesGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.griefExampleCard{grid-column:span 4;margin:0;border-radius:14px;border:1px solid rgba(120,214,162,.45);background:rgba(14,56,33,.35);overflow:hidden}
.griefExampleCard--bad{border-color:rgba(240,122,122,.55);background:rgba(64,20,20,.35)}
.griefExampleCard img{width:100%;height:100%;min-height:180px;max-height:260px;object-fit:cover;display:block}
.griefExampleCard figcaption{padding:10px 12px;color:rgba(255,255,255,.9);font-size:13px;line-height:1.4}
@media (max-width:1000px){.griefExampleCard{grid-column:span 6}}
@media (max-width:640px){.griefExampleCard{grid-column:span 12}}