@font-face{font-family:Vampire Wars;src:url(/assets/VampireWars.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111f;--bg-deep:#050c16;--surface:#0b192b;--surface-raised:#10243a;--surface-soft:#0d2034;--text:#f2f7ff;--text-soft:#c4d2e5;--text-muted:#93a9c2;--line:#243b56;--line-strong:#315578;--blue:#4ba3f7;--blue-strong:#1e8ff3;--blue-ink:#04111f;--orange:#f2a33a;--danger:#ff7c7c;--success:#58cf91;--radius:16px;--radius-small:12px;--shell:min(100% - 2rem, 82rem);--shadow:0 24px 70px #001d3c57;--ease:cubic-bezier(.16, 1, .3, 1);font-family:Segoe UI,Aptos,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:100px}body{background:var(--bg);min-width:320px;min-height:100dvh;color:var(--text);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}em{font-style:normal}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}::selection{background:var(--blue);color:var(--blue-ink)}.shell{width:var(--shell);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-small);background:var(--text);color:var(--bg);transition:transform .18s var(--ease);padding:.75rem 1rem;font-weight:800;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.button{border-radius:var(--radius-small);min-height:48px;color:var(--text);white-space:nowrap;cursor:pointer;transition:transform .22s var(--ease), background-color .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.65rem;padding:.78rem 1.05rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.button svg{flex:none;width:1.2rem;height:1.2rem}.discord-logo-img{object-fit:contain;flex:none;width:1.2rem;height:1.2rem}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)scale(.98)}.button--primary,.button--copy{background:var(--blue);color:var(--blue-ink)}.button--primary:hover,.button--copy:hover{background:#78bbfa}.button--secondary{border-color:var(--line-strong);color:var(--text);background:#07111fbf}.button--secondary:hover{border-color:var(--blue);background:var(--surface-raised)}.button--store{background:var(--orange);color:#1c1002}.button--store:hover{background:#ffc26f}.button--small{min-height:42px;padding:.65rem .9rem}.desktop-nav .button--store{border-radius:999px;min-height:48px;padding-inline:1.05rem}.text-link{color:var(--blue);text-underline-offset:.28rem;align-items:center;gap:.45rem;font-weight:800;display:inline-flex}.text-link:hover{color:#82c5ff}.text-link svg{width:1.1rem;height:1.1rem}.eyebrow{color:var(--orange);letter-spacing:.13em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem;font-weight:900;line-height:1.4}.site-header{z-index:40;pointer-events:none;background:linear-gradient(#050c16eb,#050c1600);border-bottom:0;min-height:84px;position:sticky;top:0}.site-header__inner{pointer-events:none;justify-content:space-between;align-items:center;gap:2rem;height:84px;display:flex}.brand{min-height:44px;color:var(--text);box-shadow:none;-webkit-backdrop-filter:none;pointer-events:auto;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:0;padding:0;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:44px;height:44px}.brand span{letter-spacing:-.055em;color:var(--text);text-transform:uppercase;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;filter:none;background:0 0;font-family:Segoe UI,Aptos,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.12rem;font-weight:900;display:inline-block;transform:none}.desktop-nav{min-height:58px;box-shadow:none;-webkit-backdrop-filter:none;pointer-events:auto;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:clamp(1.4rem,2.8vw,2.25rem);padding:0;display:flex}.desktop-nav>a:not(.button){min-height:44px;color:var(--text-soft);border-radius:0;align-items:center;padding-inline:0;font-size:.92rem;font-weight:750;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex}.desktop-nav>a:not(.button):hover{color:var(--text);background:0 0}.menu-button{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;pointer-events:auto;place-items:center;display:none}.menu-button svg{width:1.5rem;height:1.5rem}.mobile-nav{border-bottom:1px solid var(--line);background:var(--bg-deep);pointer-events:auto}.mobile-nav[hidden]{display:none}.mobile-nav__inner{gap:.25rem;padding-block:.75rem 1rem;display:grid}.mobile-nav__inner>a:not(.button){border-bottom:1px solid var(--line);min-height:48px;color:var(--text-soft);justify-content:space-between;align-items:center;font-weight:750;text-decoration:none;display:flex}.hero{isolation:isolate;border-bottom:1px solid var(--line);background:var(--bg-deep);min-height:calc(100dvh - 84px);position:relative;overflow:hidden}.hero__background,.hero__scrim{width:100%;height:100%;position:absolute;inset:0}.hero__background{z-index:-3;object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.03)}.hero__scrim{z-index:-2;background:linear-gradient(90deg,#050c16f5 0%,#050c16c7 49%,#050c168a 100%),linear-gradient(#0000 55%,#050c16cc 100%)}.hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);min-height:calc(100dvh - 84px);padding-block:clamp(2.5rem,7vh,5.5rem) 3rem;display:grid}.hero__copy{max-width:44rem;animation:hero-enter .72s var(--ease) both}.hero h1{letter-spacing:-.065em;max-width:11ch;margin-bottom:1.35rem;font-size:clamp(3.2rem,6.5vw,6.5rem);font-weight:900;line-height:.92}.hero__intro{max-width:38rem;color:var(--text-soft);margin-bottom:1.8rem;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.hero__actions,.status-actions,.final-cta__actions,.discord-section__actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero__control{width:min(100%,31rem);animation:hero-enter .82s .11s var(--ease) both;justify-self:end;padding-top:clamp(5.5rem,14vh,8rem);position:relative}.hero__logo{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 24px #00254c66);width:clamp(7rem,13vw,10.5rem);height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.status-panel{border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(18px);background:#07111feb;border:1px solid #74aee147;padding:1.35rem;position:relative}.status-panel__topline{color:var(--text-soft);align-items:center;gap:.55rem;margin-bottom:1.15rem;font-size:.82rem;font-weight:800;display:flex}.status-indicator{width:.68rem;height:.68rem;color:var(--text-muted);border:2px solid;border-radius:50%;flex:none}.status-indicator[data-state=online]{border-color:var(--success);background:var(--success)}.status-indicator[data-state=offline],.status-indicator[data-state=error]{border-color:var(--danger);background:var(--danger)}.status-indicator[data-state=loading]{animation:1.2s ease-in-out infinite status-pulse}.server-address{border-bottom:1px solid var(--line);gap:.35rem;padding-bottom:1.1rem;display:grid}.server-address span,.status-facts span,.access-facts dt{color:var(--text-muted);letter-spacing:.075em;text-transform:uppercase;font-size:.75rem;font-weight:800}.server-address strong{overflow-wrap:anywhere;letter-spacing:-.04em;font-family:ui-monospace,Cascadia Code,monospace;font-size:clamp(1.35rem,3vw,2rem)}.status-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-block:1rem;display:grid}.status-facts>div{align-content:start;gap:.35rem;display:grid}.status-facts strong{color:var(--text-soft);font-size:.9rem;line-height:1.4}.status-note{border-radius:var(--radius-small);color:#ffd1d1;background:#ff7c7c17;align-items:flex-start;gap:.6rem;min-height:3.2rem;margin-bottom:1rem;padding:.78rem;font-size:.82rem;line-height:1.45;display:flex}.status-note--online{color:#c5f5da;background:#58cf9117}.status-note svg{flex:none;width:1.1rem;height:1.1rem;margin-top:.1rem}.status-skeleton{align-content:center;gap:.5rem;min-height:3.2rem;margin-bottom:1rem;display:grid}.status-skeleton span{background:var(--surface-raised);border-radius:4px;height:.65rem;animation:1.3s ease-in-out infinite skeleton}.status-skeleton span:last-child{width:68%}.status-actions .button{flex:9rem}.retry-button{min-height:44px;color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;margin-top:.75rem;padding:.35rem 0;font-weight:800;display:inline-flex}.retry-button svg{width:1rem;height:1rem}.section{padding-block:clamp(4.75rem,10vw,8.5rem)}.section h2{letter-spacing:-.055em;margin-bottom:1.15rem;font-size:clamp(2.35rem,5.4vw,4.9rem);font-weight:900;line-height:.98}.section h3{letter-spacing:-.025em;margin-bottom:.65rem;font-size:clamp(1.15rem,2vw,1.5rem)}.section p{color:var(--text-soft);line-height:1.7}.principles{border-bottom:1px solid var(--line);background:var(--bg);position:relative}.principles__intro{max-width:48rem;margin-bottom:clamp(3rem,6vw,5rem)}.principles__intro h2{max-width:12ch}.principles__intro p{max-width:42rem;margin-bottom:0;font-size:1.08rem}.principles__grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:1.3fr .7fr;grid-template-areas:"one two""one three";gap:1px;display:grid;overflow:hidden}.principle{background:var(--surface);min-height:14rem;padding:clamp(1.5rem,3vw,2.5rem)}.principle--1{background:linear-gradient(145deg, #4ba3f72e, transparent 55%), var(--surface);flex-direction:column;grid-area:one;justify-content:flex-end;min-height:29rem;display:flex}.principle--2{background:var(--surface-raised);grid-area:two}.principle--3{background:linear-gradient(135deg, #f2a33a17, transparent 60%), var(--surface-soft);grid-area:three}.principle>svg{width:2.25rem;height:2.25rem;color:var(--blue);margin-bottom:2rem}.principle--1>svg{width:3.25rem;height:3.25rem;margin-bottom:auto}.principle p{max-width:34rem;margin-bottom:0}.survival{border-bottom:1px solid var(--line);background:var(--bg-deep)}.survival__media{border:1px solid var(--line);border-radius:var(--radius);min-height:clamp(32rem,66vw,48rem);box-shadow:var(--shadow);position:relative;overflow:hidden}.survival__media:after{content:"";pointer-events:none;background:linear-gradient(#0000 38%,#050c16f0 100%);position:absolute;inset:0}.survival__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.survival__caption{z-index:1;max-width:47rem;position:absolute;bottom:clamp(1.5rem,5vw,4.5rem);left:clamp(1.5rem,5vw,4.5rem);right:clamp(1.5rem,5vw,4.5rem)}.survival__caption h2{max-width:11ch}.survival__caption p{color:#e0ebf9;max-width:37rem;margin-bottom:0;font-size:1.08rem}.java-access{border-bottom:1px solid var(--line);background:var(--surface)}.java-access__grid{grid-template-columns:minmax(0,.85fr) minmax(20rem,1.15fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.java-access__copy h2{max-width:10ch}.java-access__copy>p{max-width:36rem}.access-facts{gap:0;margin-block:2rem;display:grid}.access-facts>div{border-bottom:1px solid var(--line);grid-template-columns:8rem minmax(0,1fr);gap:1.25rem;padding-block:.9rem;display:grid}.access-facts dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:750}.compatibility-list{flex-wrap:wrap;gap:.45rem;display:flex}.compatibility-list span{min-height:2rem;color:var(--text);background:#4ba3f71a;border:1px solid #4ba3f757;border-radius:999px;align-items:center;padding-inline:.72rem;font-size:.9rem;display:inline-flex}.java-access__image{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(145deg, #4ba3f726, transparent 60%), var(--bg-deep);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2.25rem);position:relative}.java-access__image img{border-radius:var(--radius-small);width:100%}.how-to{border-bottom:1px solid var(--line);background:var(--bg)}.section-heading{max-width:48rem;margin-bottom:clamp(3rem,6vw,5rem)}.section-heading p{margin-bottom:0;font-size:1.08rem}.join-grid{grid-template-columns:1.15fr .85fr;grid-template-areas:"one two""one three";gap:1rem;display:grid}.join-action{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-content:center;gap:1.15rem;min-height:13rem;padding:clamp(1.3rem,3vw,2rem);display:grid}.join-action--1{background:linear-gradient(155deg, #4ba3f733, transparent 60%), var(--surface);grid-area:one;grid-template-columns:1fr;align-content:end;min-height:27rem}.join-action--2{grid-area:two}.join-action--3{grid-area:three}.join-action>svg{width:2.3rem;height:2.3rem;color:var(--blue)}.join-action--1>svg{width:4rem;height:4rem;margin-bottom:auto}.join-action p{max-width:32rem;margin-bottom:0}.how-to__action{text-align:right;margin-top:1rem}.rules{border-bottom:1px solid var(--line);background:var(--bg-deep)}.rules__layout{display:block}.rules__intro{max-width:44rem}.rules__intro>svg{width:3.25rem;height:3.25rem;color:var(--blue);margin-bottom:2rem}.rules__intro h2{max-width:10ch}.rules__intro p{max-width:31rem}.rule-groups{gap:.75rem;display:grid}.rule-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.rule-group[open]{border-color:var(--line-strong);background:var(--surface-soft)}.rule-group summary{min-height:64px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1.05rem;font-weight:850;display:flex}.rule-group summary:after{content:"+";width:1.5rem;color:var(--blue);text-align:center;font-size:1.45rem}.rule-group[open] summary:after{content:"-"}.rule-group summary::-webkit-details-marker{display:none}.rule-group ul{color:var(--text-soft);gap:.8rem;margin:0;padding:0 1.25rem 1.35rem 2.7rem;line-height:1.6;display:grid}.rule-group li::marker{color:var(--blue)}.discord-section{border-bottom:1px solid var(--line);background:linear-gradient(115deg, #4ba3f71f, transparent 52%), var(--surface)}.discord-section__inner{grid-template-columns:.42fr 1.58fr;align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.discord-section__mark{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-deep);place-items:center;display:grid}.discord-section__mark svg{width:46%;height:46%;color:var(--blue)}.discord-section__mark img{object-fit:contain;width:46%;height:46%}.discord-section__copy h2{max-width:15ch}.discord-section__copy>p{max-width:39rem;margin-bottom:1.75rem;font-size:1.08rem}.discord-section__actions{align-items:center}.final-cta{isolation:isolate;background:var(--bg-deep);align-items:end;min-height:42rem;display:grid;position:relative;overflow:hidden}.final-cta__background,.final-cta__scrim{width:100%;height:100%;position:absolute;inset:0}.final-cta__background{z-index:-3;object-fit:cover;object-position:center}.final-cta__scrim{z-index:-2;background:linear-gradient(90deg,#050c16f0 0%,#050c16a8 60%,#050c166b 100%),linear-gradient(#0000 30%,#050c16eb)}.final-cta__inner{padding-block:clamp(4rem,9vw,7rem)}.final-cta__inner .reveal{max-width:46rem}.final-cta h2{max-width:11ch}.final-cta p:not(.eyebrow){color:#e0ebf9;max-width:39rem;margin-bottom:1.8rem;font-size:1.08rem}.site-footer{border-top:1px solid var(--line);background:var(--bg-deep)}.site-footer__top{grid-template-columns:1fr auto auto;align-items:center;gap:3rem;padding-block:3rem;display:grid}.brand--footer img{width:52px;height:52px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.3rem;display:flex}.footer-nav a,.site-footer__bottom a{color:var(--text-soft);font-size:.88rem;font-weight:700;text-decoration:none}.footer-nav a:hover,.site-footer__bottom a:hover{color:var(--blue)}.social-links{gap:.55rem;display:flex}.social-links a{border:1px solid var(--line);border-radius:var(--radius-small);width:44px;height:44px;color:var(--text-soft);transition:transform .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);place-items:center;display:grid}.social-links a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.social-links svg{width:1.25rem;height:1.25rem}.site-footer__bottom{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;gap:2rem;padding-block:1.25rem 2rem;display:grid}.site-footer__bottom p,.site-footer__bottom a{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.6}.reveal{opacity:0;transition:opacity .65s var(--ease) var(--reveal-delay,0s), transform .65s var(--ease) var(--reveal-delay,0s);transform:translateY(26px)}.reveal[data-visible=true]{opacity:1;transform:translateY(0)}noscript{background:var(--orange);color:#1c1002;text-align:center;padding:1rem;font-weight:800;display:block}@keyframes hero-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{50%{opacity:.4;transform:scale(.75)}}@keyframes skeleton{50%{opacity:.42}}@media (width<=1023px){.desktop-nav{display:none}.menu-button{display:grid}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(20rem,.75fr);gap:2.25rem}.hero h1{font-size:clamp(3.25rem,7vw,5.5rem)}.status-panel{padding:1.1rem}.site-footer__top{grid-template-columns:1fr auto}.footer-nav{grid-area:2/1/auto/-1;justify-content:flex-start}}@media (width>=1024px){.mobile-nav{display:none!important}}@media (width<=767px){:root{--shell:min(100% - 2rem, 42rem)}html{scroll-padding-top:76px}.site-header,.site-header__inner{height:64px;min-height:64px}.brand img{width:40px;height:40px}.brand span{font-size:.92rem}.hero,.hero__inner{min-height:calc(100dvh - 64px)}.hero__scrim{background:linear-gradient(#050c16e6 0%,#050c16f0 62%,#050c16fc 100%),linear-gradient(90deg,#050c1680,#0000)}.hero__inner{grid-template-columns:1fr;align-content:start;gap:2rem;padding-block:2.5rem}.hero h1{max-width:9ch;margin-bottom:1rem;font-size:clamp(3rem,14.6vw,4.65rem);line-height:.94}.hero__intro{margin-bottom:1.35rem;font-size:1rem}.hero__actions .button{flex:9rem}.hero__control{justify-self:stretch;width:100%;padding-top:0}.hero__logo{display:none}.status-panel{padding:1rem}.server-address strong{font-size:1.5rem}.section{padding-block:5rem}.section h2{font-size:clamp(2.35rem,12vw,3.6rem)}.principles__grid{grid-template-columns:1fr;grid-template-areas:"one""two""three"}.principle,.principle--1{min-height:17rem}.survival__media{min-height:34rem}.survival__media img{object-position:center}.java-access__grid,.rules__layout,.discord-section__inner{grid-template-columns:1fr;gap:3rem}.java-access__image{grid-row:1}.access-facts>div{grid-template-columns:1fr;gap:.35rem}.join-grid{grid-template-columns:1fr;grid-template-areas:"one""two""three"}.join-action,.join-action--1{grid-template-columns:1fr;align-content:center;min-height:14rem}.join-action--1>svg{width:2.5rem;height:2.5rem;margin-bottom:0}.how-to__action{text-align:left}.how-to__action .button{width:100%}.rules__intro{position:static}.discord-section__mark{width:min(13rem,52vw)}.final-cta{min-height:38rem}.final-cta__background{object-position:62% center}.site-footer__top,.site-footer__bottom{grid-template-columns:1fr}.footer-nav{grid-area:auto;grid-template-columns:1fr 1fr;justify-content:start;display:grid}}@media (width<=399px){:root{--shell:min(100% - 1.25rem, 42rem)}.brand span{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.hero__actions,.status-actions,.final-cta__actions,.discord-section__actions{flex-direction:column;align-items:stretch}.status-actions .button,.hero__actions .button{flex-basis:auto;width:100%}.status-facts,.footer-nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media (prefers-reduced-transparency:reduce){.site-header,.status-panel{-webkit-backdrop-filter:none;background:var(--bg-deep)}}
