:root{color-scheme:dark;--bg:#07101b;--gold:#dfb676;--text:#f4ede0;--muted:#a3abb5;--line:rgba(236,224,197,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{outline-offset:5px}a:focus-visible{outline:2px solid var(--gold)}::selection{background:#e6bd78;color:#06101b}.mist{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 85% 15%,#14334577,transparent 40%),radial-gradient(ellipse at 20% 80%,#33251666,transparent 55%),#07101b}.glow{position:fixed;z-index:-1;width:40vw;height:40vw;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.glow-left{background:#d1a15a;top:45%;left:-30%}.glow-right{background:#387ea9;top:-20%;right:-25%}.container{max-width:1220px;margin:0 auto;padding:0 30px}.site-header{height:94px;padding:0 max(30px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#070e18ac;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font:800 16px/.81 'Barlow Condensed',sans-serif;letter-spacing:.13em}.brand b{font-size:21px;letter-spacing:.08em}.emblem{width:44px;height:44px;border:1px solid #dcb77a;color:var(--gold);display:grid;place-items:center;font:800 25px 'Barlow Condensed';clip-path:polygon(50% 0,94% 17%,94% 76%,50% 100%,6% 76%,6% 17%);background:#e1b77814}.site-header nav{display:flex;align-items:center;gap:32px;font-size:11px;font-weight:800;letter-spacing:.14em}.site-header nav>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{border:1px solid #bd9d64;padding:13px 20px;color:var(--gold)}.nav-cta span{margin-left:14px}.mobile-cta{display:none;font-size:24px}.hero{min-height:min(790px,90vh);position:relative;display:grid;grid-template-columns:56% 44%;align-items:center;max-width:1600px;margin:0 auto;isolation:isolate;overflow:hidden;padding:80px max(30px,calc((100vw - 1160px)/2)) 95px}.hero-bg-grid{z-index:-1;position:absolute;inset:0;background-image:linear-gradient(#d8bd8c0d 1px,transparent 1px),linear-gradient(90deg,#d8bd8c0d 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 5%,#000 65%,transparent 100%)}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(55px);opacity:.3}.ambient-one{width:370px;height:370px;background:#98662c;right:10%;top:12%}.ambient-two{width:320px;height:320px;background:#0e6f83;right:-7%;top:33%}.hero-content{position:relative;z-index:3;max-width:655px}.overline,.kicker{font:800 11px 'DM Sans';color:var(--gold);letter-spacing:.22em;display:flex;align-items:center;gap:12px}.signal,.status-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#ebbe79;box-shadow:0 0 15px #e3b46b}.edition{color:#98a1ad;margin-left:6px;border-left:1px solid #ae985baa;padding-left:15px}.hero h1,.section-intro h2,.formation-copy h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(84px,9.5vw,160px);letter-spacing:-.032em;line-height:.79;margin:28px 0 31px;text-shadow:0 12px 35px #0008}.hero h1 span,.section-intro em,.formation-copy em{color:var(--gold);font-style:normal}.hero-body{max-width:520px;font-size:15px;line-height:1.9;color:#bcc4c9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{min-height:56px;display:inline-flex;gap:13px;align-items:center;justify-content:center;padding:15px 21px;border:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.085em;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:linear-gradient(120deg,#f3d59d,#c89c52);border-color:#dfb676;color:#17140f;box-shadow:0 15px 44px #dfae4f27}.btn-icon{font-size:21px}.btn .arr{margin-left:14px;font-size:19px}.btn-outline{border-color:#ffffff44;color:#f4e9d9;background:#ffffff08}.btn-outline:hover{border-color:var(--gold)}.server-message{display:flex;gap:11px;align-items:center;color:#a9b0b9;font-size:12px;line-height:1.5;margin-top:21px}.server-message.offline .status-dot{background:#dc8666;box-shadow:0 0 14px #d96b65}.server-message.online .status-dot{background:#74d7a0;box-shadow:0 0 14px #74d7a0}.hero-art{height:600px;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.hero-art img{width:119%;max-width:none;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 32px 43px #000a) saturate(1.2);animation:breath 7s ease-in-out infinite}.hero-aura{width:110%;height:87%;border-radius:50%;background:radial-gradient(ellipse,#d0a15d35,transparent 69%);position:absolute;transform:rotate(-18deg)}.hero-rune{position:absolute;inset:9%;border:1px solid #d8ba7769;clip-path:polygon(50% 0,90% 20%,100% 50%,90% 80%,50% 100%,10% 80%,0 50%,10% 20%);animation:rotate 60s linear infinite}.hero-rune.inner{inset:18%;opacity:.5;animation-direction:reverse}.hero-art-label{z-index:3;position:absolute;bottom:3%;right:0;border-left:3px solid var(--gold);padding:12px 19px;background:#07101bce;backdrop-filter:blur(15px)}.hero-art-label small{display:block;color:var(--gold);letter-spacing:.18em;font-size:10px;margin-bottom:5px}.hero-art-label strong{font:700 15px 'Barlow Condensed';letter-spacing:.13em}.hero-side-note{position:absolute;bottom:20px;right:40px;writing-mode:vertical-rl;letter-spacing:.2em;font-size:10px;color:#a5a6a9}.marquee{padding:24px 30px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;border-top:1px solid #d5b97b48;border-bottom:1px solid #d5b97b48;background:#0e1924;color:#b6ac93;font:800 11px 'DM Sans';letter-spacing:.15em}.marquee i{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.section{padding-top:120px;padding-bottom:120px}.section-intro{max-width:820px;margin-bottom:44px}.section-intro h2,.formation-copy h2{font-size:clamp(57px,6.4vw,91px);margin:20px 0 23px;line-height:.93;letter-spacing:-.02em}.section-intro p,.formation-copy p{color:#a9b3bf;line-height:1.9;font-size:14px;max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:310px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;background:linear-gradient(150deg,#1b2936,#101a25 75%);transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-6px);border-color:#d4af725b}.feature-index{font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:800}.feature-mark{font:900 117px/.8 'Barlow Condensed';color:#f5ce8725;margin:31px 0 0}.feature-symbol{font-size:75px;color:#cba66155;margin:23px 0 8px}.feature h3{font:800 29px 'Barlow Condensed';letter-spacing:.02em;margin:auto 0 6px}.feature p{color:#aab3bb;font-size:13px;line-height:1.75;margin:0}.formation-section{padding:110px 0;border-block:1px solid #ffffff16;background:radial-gradient(ellipse at 80% 60%,#16334465,transparent 55%),#0a1723}.formation-wrap{display:grid;grid-template-columns:40% 60%;gap:45px;align-items:center}.formation-copy h2{font-size:clamp(60px,7vw,104px)}.formation-copy p{padding-right:35px}.text-link{display:inline-flex;gap:38px;font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--gold);margin-top:24px;border-bottom:1px solid var(--gold);padding-bottom:11px}.formation-board{background:linear-gradient(145deg,#152a3a,#071019);padding:25px;border:1px solid #ab8a5d7a;box-shadow:0 35px 90px #0008;transform:perspective(1200px) rotateY(-4deg)}.board-top,.board-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;color:#b9ac98;padding:6px 0 17px}.formation-axis{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:8px 0 9px;color:#d4ba8e;font-size:10px;letter-spacing:.12em}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{min-height:150px;border:1px solid #a7a19a30;background:radial-gradient(ellipse at 50% 40%,#b88e4e32,transparent 77%),linear-gradient(170deg,#1b3548,#0c1927);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative}.slot:before{content:'';position:absolute;inset:10px;border:1px solid #e7c68e16;pointer-events:none}.slot-mark{font-size:35px;color:#dcb778;text-shadow:0 0 25px #d0a45a55}.slot strong{font:800 16px 'Barlow Condensed';letter-spacing:.08em}.slot small{font-size:9px;color:#99a9b5;letter-spacing:.14em}.board-footer{border-top:1px solid #d8b47835;margin-top:19px;padding-top:17px;align-items:center}.board-footer strong{color:var(--gold)}.modes{padding-bottom:100px}.section-intro.compact{max-width:820px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-card{display:block;min-height:380px;padding:34px 37px;position:relative;border:1px solid #f1c78c48;overflow:hidden;background:radial-gradient(circle at 80% 42%,#c77c3340,transparent 48%),linear-gradient(140deg,#292b2a,#101a28);transition:transform .2s,box-shadow .2s}.mode-card.world{background:radial-gradient(circle at 70% 40%,#277d6857,transparent 53%),linear-gradient(135deg,#18382d,#0e1823)}.mode-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0007}.mode-type{font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:800}.mode-glyph{position:absolute;right:36px;top:55px;color:#f7dba655;font-size:110px;transform:rotate(-12deg)}.mode-card h3{position:relative;font:800 46px 'Barlow Condensed';text-transform:uppercase;margin:125px 0 9px}.mode-card p{max-width:390px;color:#c0c7cc;line-height:1.7;font-size:13px}.mode-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:20px;margin-top:30px;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--gold)}.mode-action b{font-size:24px}.tip{margin-top:26px;border:1px solid #c39e6046;padding:22px 25px;display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:start;background:#d3a65c0c}.tip b{font:800 20px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.05em;color:#e5bd7d}.tip span{font-size:13px;line-height:1.8;color:#bac1ca}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8b9aa8;border-top:1px solid var(--line);padding-top:32px;padding-bottom:40px;font-size:10px;letter-spacing:.07em}.mini-brand{transform:scale(.8);transform-origin:left center}@keyframes breath{50%{transform:translateY(-13px) scale(1.01)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1000px){.site-header nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-content{max-width:800px}.hero-art{height:470px;margin-top:-40px}.hero-art img{width:88%}.formation-wrap{grid-template-columns:1fr;gap:45px}.formation-board{transform:none}.section-intro h2{font-size:66px}}@media(max-width:700px){.site-header{padding:0 21px;height:73px}.site-header nav{display:none}.mobile-cta{display:block}.hero{padding:55px 22px 50px}.hero h1{font-size:clamp(70px,19vw,112px);margin:25px 0}.hero-body{font-size:14px}.overline{font-size:9px;flex-wrap:wrap}.hero-art{height:310px;margin:5px -22px -12px}.hero-art img{width:105%}.hero-art-label{right:22px;bottom:0}.hero-side-note{display:none}.container{padding:0 22px}.section{padding-top:74px;padding-bottom:74px}.section-intro h2,.formation-copy h2{font-size:clamp(50px,12vw,76px)}.feature-grid,.mode-grid{grid-template-columns:1fr}.feature{min-height:220px}.feature-mark,.feature-symbol{font-size:70px;margin-top:14px}.formation-section{padding:73px 0}.formation-board{padding:15px}.slot{min-height:105px;gap:5px}.slot-mark{font-size:27px}.slot strong{font-size:13px}.slot small{font-size:8px}.board-top,.board-footer{font-size:8px}.mode-card{min-height:330px;padding:27px}.mode-card h3{font-size:37px}.tip{grid-template-columns:1fr;gap:8px}.footer{flex-direction:column;align-items:flex-start}.marquee{font-size:9px;gap:12px}.btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}