:root{--ink:#080a0e;--ink-2:#0d1017;--panel:#10141c;--line:rgba(218,188,126,.17);--gold:#d7b576;--gold-hi:#f0d49c;--muted:#898d96;--paper:#e8e2d6;--wine:#58332e;--display:'Cinzel',Georgia,serif;--body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 7.4%;position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;fill:none;stroke:var(--gold);stroke-width:1.3}.brand-name{font-family:var(--display);font-size:17px;letter-spacing:.16em;color:#f2eee5}.brand-name i{font-style:normal;color:var(--gold);font-size:12px}.main-nav{display:flex;align-items:center;gap:38px;color:#c4c3bf;font-size:11px;letter-spacing:.06em}.main-nav>a{transition:color .2s}.main-nav>a:hover{color:var(--gold-hi)}.main-nav .nav-register{margin-left:10px;border:1px solid rgba(215,181,118,.5);padding:11px 17px;color:var(--gold-hi)}.nav-register span{margin-left:14px}.menu-toggle{display:none}.hero{height:min(810px,100svh);min-height:680px;position:relative;overflow:hidden;background:#111319}.hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#554b47 0,#292c31 20%,#151920 46%,#090b10 75%)}.moon{position:absolute;width:220px;height:220px;right:22%;top:17%;border-radius:50%;background:radial-gradient(circle at 40% 36%,#efe2c0,#cbb99e 40%,#8d7f75 67%,transparent 69%);opacity:.66;filter:drop-shadow(0 0 55px rgba(225,190,134,.18));animation:moonrise 18s ease-in-out infinite alternate}.mountain{position:absolute;bottom:0;width:100%;height:65%;clip-path:polygon(0 78%,8% 62%,14% 70%,25% 40%,34% 67%,45% 35%,56% 62%,67% 28%,75% 54%,85% 34%,100% 63%,100% 100%,0 100%)}.mountain-back{bottom:14%;background:linear-gradient(155deg,#4a4544 0%,#28292e 49%,#191c22 100%);opacity:.63}.mountain-front{height:53%;background:linear-gradient(175deg,#323039,#151820 58%,#0a0c12);clip-path:polygon(0 58%,12% 44%,22% 61%,35% 37%,47% 62%,59% 32%,68% 51%,79% 26%,91% 49%,100% 40%,100% 100%,0 100%)}.temple{position:absolute;right:16%;bottom:17%;width:230px;height:210px;opacity:.55;filter:drop-shadow(0 0 28px rgba(222,174,112,.19))}.temple:before{content:"";position:absolute;bottom:15px;left:-18px;width:266px;height:13px;background:linear-gradient(90deg,transparent,#998b7e,#423f41,transparent);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.temple i{position:absolute;bottom:25px;width:23px;height:117px;background:linear-gradient(90deg,#555054,#b9a797 34%,#665e5f 70%,#2c2d33);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.temple i:nth-child(1){left:8px}.temple i:nth-child(2){left:75px}.temple i:nth-child(3){left:142px}.temple:after{content:"";position:absolute;bottom:137px;left:0;width:188px;height:70px;background:linear-gradient(135deg,#b9a797,#504b50);clip-path:polygon(50% 0,100% 88%,90% 100%,10% 100%,0 88%)}.temple b{position:absolute;bottom:25px;left:180px;width:29px;height:90px;background:linear-gradient(90deg,#585155,#aa9887,#37353a);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,14,.98) 3%,rgba(8,10,14,.86) 33%,rgba(8,10,14,.28) 68%,rgba(8,10,14,.2)),linear-gradient(0deg,#080a0e,transparent 26%,rgba(8,10,14,.18) 77%,rgba(8,10,14,.38))}.hero-glow{position:absolute;right:0;bottom:-10%;width:65%;height:65%;background:radial-gradient(ellipse,rgba(181,117,77,.13),transparent 67%)}.hero-inner{position:relative;z-index:2;margin-left:13.3%;padding-top:195px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:9px;letter-spacing:.22em;font-weight:700}.eyebrow-line{width:31px;height:1px;background:var(--gold)}.hero h1,.intro h2,.pillars h2,.section-heading h2,.siege-panel h2,.community h2,.cta-content h2{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-.025em}.hero h1{font-size:clamp(46px,6.15vw,84px);margin:30px 0 18px}.hero h1 em,.intro h2 em,.pillars h2 em,.section-heading h2 em,.siege-panel h2 em,.olympiad-card em,.community h2 em,.cta-content h2 em{font-weight:400;color:var(--gold-hi)}.hero-copy{color:#c0bec1;line-height:1.9;font-size:13px}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:29px}.button{height:47px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:23px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}.button:hover{transform:translateY(-2px)}.button-gold{color:#17130d;background:linear-gradient(110deg,#d1ad6c,#efd29c);border:1px solid #e9ce9c;box-shadow:0 8px 28px rgba(211,170,105,.14)}.button-gold:hover{background:#f5dba9}.button-ghost{border:1px solid rgba(255,255,255,.27);color:#ece8e1}.button-ghost:hover{border-color:var(--gold)}.button>span{font-size:14px}.play-icon,.download-icon{color:var(--gold-hi)}.hero-proof{margin-top:37px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);display:flex;gap:11px;align-items:center;color:#aaa9aa;font-size:10px;width:max-content}.hero-proof strong{color:#e3dfd7}.proof-icon{color:var(--gold);font-size:14px}.hero-side-label{position:absolute;right:6.7%;top:48%;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--display);font-size:10px;letter-spacing:.25em;color:rgba(241,222,188,.73)}.hero-side-label span{color:var(--gold);margin:12px 0}.scroll-cue{position:absolute;bottom:31px;left:7.5%;font-size:8px;letter-spacing:.2em;color:#aaa;display:flex;gap:12px;align-items:center}.scroll-cue span{width:1px;height:32px;background:var(--gold)}.status-strip{min-height:100px;display:grid;grid-template-columns:1fr 1fr 1.2fr 1.25fr;align-items:center;padding:0 13.3%;background:#0d1015;border-block:1px solid rgba(255,255,255,.065);gap:30px}.status-item{display:flex;align-items:center;gap:12px}.status-item small,.status-item strong{display:block}.status-item small{font-size:8px;letter-spacing:.13em;color:#858891}.status-item strong{font-size:12px;margin-top:3px;letter-spacing:.04em}.live-dot,.boss-ready i{width:7px;height:7px;border-radius:50%;background:#8dc590;box-shadow:0 0 10px #79bb7c;animation:pulse 2s infinite}.strip-symbol{font-size:17px;color:var(--gold)}.status-action{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.demo-tag{font-size:7px;letter-spacing:.13em;color:#b99b67;border:1px solid rgba(195,161,101,.32);padding:3px 6px}.status-action>a{font-size:9px;letter-spacing:.08em;color:#e8dfcf}.status-action>a span{color:var(--gold);padding-left:8px}.section-wrap{width:min(1120px,84%);margin-inline:auto}.intro{padding:120px 0 115px;display:grid;grid-template-columns:130px 1fr 1fr;gap:39px;align-items:center}.intro-mark{width:100px;height:100px;border:1px solid rgba(207,177,122,.22);transform:rotate(45deg);display:grid;place-items:center;position:relative;margin-left:5px}.intro-mark:before,.intro-mark:after{content:"";position:absolute;inset:7px;border:1px solid rgba(207,177,122,.25)}.intro-mark:after{inset:-10px;border:0;border-top:1px solid rgba(207,177,122,.16);border-bottom:1px solid rgba(207,177,122,.16)}.intro-mark span{font-family:var(--display);font-size:40px;color:var(--gold);transform:rotate(-45deg)}.intro-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);top:-4px;right:-4px}.intro h2,.pillars h2,.section-heading h2,.community h2{font-size:clamp(33px,4vw,50px);margin:18px 0 0}.intro-description{border-left:1px solid var(--line);padding:5px 0 5px 34px;color:#a6a5a5;font-size:12px;line-height:1.9}.text-link{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-hi);display:inline-flex;gap:14px;align-items:center}.intro-description .text-link{margin-top:13px}.text-link span{font-size:14px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.pillars{padding:88px 0 107px;background:linear-gradient(180deg,#0d1015,#11141b 55%,#0d1015);border-block:1px solid rgba(255,255,255,.045)}.pillars-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.pillars-heading>p,.section-heading>p{font-size:11px;line-height:1.9;color:#99999d;margin:0 0 8px;max-width:250px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.pillar-card{position:relative;background:linear-gradient(148deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);min-height:268px;padding:24px 25px 20px;overflow:hidden;transition:transform .28s,border-color .28s}.pillar-card:after{content:"";position:absolute;width:130px;height:130px;right:-60px;top:-70px;background:radial-gradient(circle,rgba(209,174,117,.15),transparent 70%);transition:transform .3s}.pillar-card:hover{transform:translateY(-5px);border-color:rgba(215,181,118,.42)}.pillar-card:hover:after{transform:scale(1.8)}.pillar-card.featured{border-color:rgba(215,181,118,.35);background:linear-gradient(145deg,rgba(99,73,47,.18),rgba(255,255,255,.014))}.card-index{font-size:8px;letter-spacing:.15em;color:#99989a}.pillar-icon{font-size:26px;color:var(--gold);margin-top:21px;line-height:1}.pillar-card h3,.arena-card h3,.olympiad-card h3{font-family:var(--display);font-weight:500}.pillar-card h3{font-size:20px;margin:11px 0 5px}.pillar-card p{color:#a2a1a2;font-size:10px;line-height:1.8;max-width:285px;margin:0}.pillar-foot{position:absolute;bottom:18px;left:25px;right:25px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1);font-size:7px;letter-spacing:.16em;color:#beb9ae}.pillar-foot i{float:right;font-size:12px;color:var(--gold);font-style:normal}.arena{padding-top:110px;padding-bottom:105px}.section-heading h2{margin-top:14px}.arena-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:16px;margin-top:37px}.arena-card{min-height:430px;position:relative;border:1px solid rgba(255,255,255,.1);background:#10131a;overflow:hidden}.pvp-card{display:grid;grid-template-columns:37% 63%}.arena-art-pvp{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,#806e58 0,#39343a 24%,#161922 64%,#10131a 100%)}.arena-art-pvp:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10131a,transparent 45%),linear-gradient(90deg,transparent,rgba(15,17,24,.16))}.orb{position:absolute;width:120px;height:120px;top:66px;left:calc(50% - 60px);border-radius:50%;border:1px solid rgba(235,211,162,.26);box-shadow:0 0 45px rgba(219,185,121,.2),inset 0 0 35px rgba(217,193,151,.18);background:radial-gradient(circle,rgba(255,241,210,.4),rgba(191,145,90,.12) 45%,transparent 70%);animation:orb 6s ease-in-out infinite}.sword{position:absolute;top:145px;font-size:145px;font-family:var(--display);color:#ded0b6;text-shadow:0 5px 27px rgba(239,207,147,.3)}.sword-one{left:30%;transform:rotate(-21deg)}.sword-two{left:52%;transform:rotate(21deg)}.arena-card-copy{padding:25px 21px 19px}.arena-overline{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;color:#c4bdaF}.arena-card h3{font-size:24px;margin:13px 0 13px}.rank-row{display:grid;grid-template-columns:22px 31px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07);padding:11px 0}.rank-number{font-size:9px;color:#817d76}.rank-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);color:#171511;background:linear-gradient(145deg,#ecd2a1,#9a704c);font-size:12px}.rank-alt{background:linear-gradient(145deg,#d5d7df,#637384)}.rank-third{background:linear-gradient(145deg,#c5aa80,#67503b)}.rank-name{font-size:10px;font-weight:700}.rank-name small{display:block;font-size:7px;letter-spacing:.06em;color:#86858a;font-weight:500;margin-top:2px}.rank-row>strong{font-size:9px;color:#d6c29d;text-align:right}.rank-row>strong small{font-size:6px;font-weight:500;color:#86858a}.arena-card-copy>.text-link{margin-top:18px;font-size:8px}.boss-card{display:grid;grid-template-columns:44% 56%}.boss-visual{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#523c34 0,#26232a 42%,#15171d 78%)}.boss-visual:before,.boss-visual:after{content:"";position:absolute;bottom:-3%;width:0;height:0;border-bottom:220px solid #12151b;border-left:100px solid transparent;border-right:110px solid transparent}.boss-visual:before{left:-80px;border-bottom-color:#1b1c22}.boss-visual:after{right:-100px;border-bottom-width:260px}.boss-halo{position:absolute;top:25%;left:15%;width:70%;height:40%;border-radius:50%;background:rgba(191,120,75,.17);filter:blur(28px)}.boss-silhouette{position:absolute;z-index:1;left:19%;top:18%;width:65%;height:64%;display:grid;place-items:center;font-size:145px;color:#08090d;text-shadow:0 0 2px #c18f65;filter:drop-shadow(0 0 24px rgba(201,131,80,.42));transform:scaleX(1.1)}.boss-flare{position:absolute;z-index:2;bottom:21%;left:15%;height:1px;width:70%;background:linear-gradient(90deg,transparent,#d39b65,transparent);box-shadow:0 0 18px #b77e52}.boss-label{position:absolute;z-index:3;bottom:13%;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:.22em;color:#cbb08a}.boss-info{padding:25px 23px 20px;display:flex;flex-direction:column}.boss-ready{display:flex;align-items:center;gap:7px;color:#97bd8e;font-size:7px}.boss-ready i{width:5px;height:5px}.boss-info h3{font-size:25px;margin:23px 0 1px}.boss-info>p{margin:0;color:#99979a;font-size:9px}.countdown-wrap{margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.09)}.countdown-wrap>small{font-size:7px;letter-spacing:.12em;color:#96949a}.countdown{display:flex;gap:12px;margin-top:12px}.countdown span{display:flex;flex-direction:column;align-items:center;min-width:35px}.countdown b{font-family:var(--display);font-size:20px;font-weight:500;color:#e4d2b3}.countdown i{font-style:normal;font-size:6px;letter-spacing:.1em;color:#88868a}.world-events{display:grid;grid-template-columns:1.15fr .85fr;gap:17px;margin-bottom:108px}.siege-panel{min-height:515px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);padding:38px 39px;background:#16151a}.siege-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,17,.89),rgba(11,12,17,.32)),linear-gradient(0deg,rgba(9,10,14,.88),transparent 74%),radial-gradient(ellipse at 80% 30%,#755e52,#3f3333 26%,#1c1a21 60%,#11141a);}.siege-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 38%,rgba(229,185,119,.1) 39%,transparent 40%),linear-gradient(65deg,transparent 57%,rgba(229,185,119,.1) 58%,transparent 59%);opacity:.8}.siege-bg:after{content:"";position:absolute;right:8%;bottom:0;width:55%;height:82%;background:linear-gradient(90deg,transparent,#252229 10%,#51413c 12%,#241f24 15%,#493b38 17%,#211f25 21%,#483832 23%,#201f24 27%,#362f31 29%,#15161b 33%);clip-path:polygon(0 36%,5% 32%,5% 20%,12% 20%,12% 29%,23% 29%,23% 12%,30% 12%,30% 30%,44% 30%,44% 0,56% 0,56% 28%,72% 28%,72% 15%,80% 15%,80% 30%,95% 30%,95% 23%,100% 23%,100% 100%,0 100%);filter:drop-shadow(0 0 24px rgba(0,0,0,.7))}.siege-panel>*:not(.siege-bg){position:relative;z-index:1}.siege-panel .eyebrow{margin-top:2px}.siege-panel h2{font-size:clamp(37px,4.2vw,52px);margin:34px 0}.siege-details{border-top:1px solid rgba(255,255,255,.15);padding-top:14px;margin-top:24px;display:flex;flex-direction:column}.siege-details span{font-size:7px;letter-spacing:.15em;color:#b7a98e}.siege-details strong{font-family:var(--display);font-weight:500;font-size:15px;margin-top:4px}.siege-panel .button{margin-top:18px}.world-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.olympiad-card,.events-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#161820,#101218);padding:23px 25px;position:relative;overflow:hidden}.olympiad-card:after{content:"";position:absolute;right:-38px;top:-75px;width:210px;height:210px;border:1px solid rgba(211,180,126,.12);transform:rotate(45deg);box-shadow:0 0 0 12px rgba(211,180,126,.02),0 0 0 30px rgba(211,180,126,.02)}.laurel{position:absolute;right:30px;top:14px;font-size:54px;color:rgba(219,188,132,.17)}.olympiad-card>.eyebrow{font-size:8px}.olympiad-card h3{font-size:21px;line-height:1.4;margin:14px 0 16px}.oly-champion{position:relative;display:flex;align-items:center;gap:11px;padding:10px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);z-index:1}.champion-star{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(215,181,118,.4);border-radius:50%;color:var(--gold);font-size:11px}.oly-champion small,.oly-champion strong{display:block}.oly-champion small{font-size:6px;letter-spacing:.12em;color:#aaa}.oly-champion strong{font-size:9px;margin-top:2px}.oly-arrow{margin-left:auto;color:var(--gold)}.olympiad-card>.text-link{margin-top:12px;font-size:7px}.events-card{padding:21px 25px}.events-top{display:flex;align-items:center;justify-content:space-between}.events-top .eyebrow{margin:0;font-size:8px}.event-list{margin:12px 0 9px}.event-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.event-date{font-family:var(--display);font-size:12px;color:var(--gold-hi);text-align:center;line-height:1.1}.event-date small{display:block;font-family:var(--body);font-size:6px;letter-spacing:.11em;color:#8c8984;margin-top:3px}.event-name{font-size:9px;font-weight:700}.event-name small{display:block;font-size:7px;color:#8a898e;font-weight:500}.event-time{font-size:7px;color:#aaa}.events-card>.text-link{font-size:7px}.news{padding-bottom:108px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.news-card{min-height:235px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:#161920;border:1px solid rgba(255,255,255,.08);padding:20px;transition:transform .25s,border-color .25s}.news-card:hover{transform:translateY(-4px);border-color:rgba(215,181,118,.38)}.news-art{position:absolute;inset:0 0 0;background:radial-gradient(ellipse at 50% 18%,rgba(187,134,84,.4),transparent 55%),linear-gradient(145deg,#313039,#15171d 70%)}.news-card:nth-child(2) .news-art{background:radial-gradient(ellipse at 50% 13%,rgba(105,147,158,.38),transparent 55%),linear-gradient(145deg,#272f38,#15171d 70%)}.news-card:nth-child(3) .news-art{background:radial-gradient(ellipse at 70% 30%,rgba(146,101,113,.4),transparent 54%),linear-gradient(145deg,#342a31,#15171d 70%)}.news-art:before{content:"";position:absolute;inset:15% 22% 25%;border:1px solid rgba(231,201,155,.3);transform:rotate(45deg);box-shadow:0 0 35px rgba(211,168,109,.12),inset 0 0 30px rgba(211,168,109,.08)}.news-art:after{content:"?";position:absolute;top:17%;left:calc(50% - 20px);font-size:37px;color:rgba(239,213,169,.57);text-shadow:0 0 32px rgba(232,197,134,.43)}.news-card:nth-child(2) .news-art:after{content:"?"}.news-card:nth-child(3) .news-art:after{content:"?"}.news-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11141a 0%,rgba(14,16,21,.83) 36%,transparent 78%)}.news-meta,.news-card h3,.news-card .news-read{position:relative;z-index:1}.news-meta{font-size:7px;letter-spacing:.12em;color:var(--gold);display:flex;gap:10px}.news-card h3{font-family:var(--display);font-size:16px;font-weight:500;line-height:1.4;margin:9px 0 10px;max-width:270px}.news-read{font-size:7px;letter-spacing:.11em;text-transform:uppercase;color:#bbb}.news-read span{color:var(--gold);padding-left:7px}.join-cta{position:relative;overflow:hidden;min-height:420px;padding:75px 13.3%;background:linear-gradient(90deg,#191713,#191714 43%,#24201b 100%);border-block:1px solid rgba(215,181,118,.2);display:flex;justify-content:space-between;align-items:center}.cta-geometry{position:absolute;right:10%;top:-41%;width:520px;height:520px;border:1px solid rgba(213,180,124,.14);transform:rotate(45deg);box-shadow:0 0 0 23px rgba(215,181,118,.018),0 0 0 50px rgba(215,181,118,.018),0 0 0 83px rgba(215,181,118,.018)}.cta-geometry:before,.cta-geometry:after{content:"";position:absolute;inset:30px;border:1px solid rgba(213,180,124,.12)}.cta-geometry:after{inset:65px}.cta-content{position:relative;z-index:1}.cta-content .eyebrow{font-size:8px}.cta-content h2{font-size:clamp(39px,5vw,62px);margin:19px 0 8px}.cta-content>p:not(.eyebrow){font-size:11px;color:#b4ada0}.cta-content .hero-actions{margin-top:21px}.api-note{display:block;margin-top:13px;font-size:8px;color:#938c7f}.cta-seal{position:relative;z-index:1;width:166px;height:166px;border:1px solid rgba(215,181,118,.38);outline:1px solid rgba(215,181,118,.16);outline-offset:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-size:12px;letter-spacing:.24em;color:var(--gold-hi);text-align:center;transform:rotate(45deg)}.cta-seal>*{transform:rotate(-45deg)}.cta-seal span{font-size:6px;letter-spacing:.18em;margin-top:4px;color:#c7b28d}.cta-seal b{font-size:29px;font-weight:400;line-height:1.1}.community{padding:78px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:23px 45px}.community h2{font-size:37px}.community>p{color:#a5a3a3;font-size:11px;max-width:360px}.community-links{grid-column:1/-1;display:flex;gap:11px;margin-top:6px}.community-links a{border:1px solid rgba(255,255,255,.13);padding:11px 15px;min-width:130px;font-size:9px;letter-spacing:.08em;color:#ded7c9;transition:border-color .2s,color .2s}.community-links a:hover{border-color:var(--gold);color:var(--gold-hi)}.community-links span{float:right;color:var(--gold)}.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:24px 7.4%;display:flex;align-items:center;justify-content:space-between}.site-footer .brand-mark{width:25px;height:25px}.site-footer .brand-name{font-size:12px}.site-footer>span,.site-footer>a:last-child{font-size:7px;letter-spacing:.1em;color:#88878a}.site-footer>a:last-child{color:#c2ad87}.modal{width:min(410px,calc(100% - 34px));padding:38px;border:1px solid rgba(215,181,118,.32);background:linear-gradient(145deg,#191a20,#0d1015);color:var(--paper);text-align:center;box-shadow:0 22px 90px #0009}.modal::backdrop{background:rgba(3,4,7,.79);backdrop-filter:blur(5px)}.modal-mark{font-family:var(--display);font-size:39px;color:var(--gold)}.modal .eyebrow{justify-content:center;font-size:7px;margin:6px 0 14px}.modal h2{font-family:var(--display);font-size:24px;font-weight:500;margin:0 0 9px}.modal>p:not(.eyebrow){font-size:10px;color:#aaa8a5;line-height:1.8}.modal .button{margin-top:13px}.modal-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:24px;color:#b9b3a8;cursor:pointer}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.48}}@keyframes orb{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.07);opacity:1}}@keyframes moonrise{0%{transform:translateY(6px)}100%{transform:translateY(-9px)}}
@media(max-width:900px){.site-header{padding-inline:6%}.hero-inner{margin-left:9%;padding-top:190px}.status-strip{padding-inline:8%;gap:18px}.section-wrap{width:88%}.intro{grid-template-columns:95px 1fr 1fr;gap:25px}.intro-mark{width:75px;height:75px}.intro-mark span{font-size:31px}.intro-description{padding-left:23px}.pillar-card{padding-inline:18px}.pillar-foot{left:18px;right:18px}.arena-grid{grid-template-columns:1fr}.arena-card{min-height:385px}.pvp-card{grid-template-columns:35% 65%}.boss-card{grid-template-columns:42% 58%}.world-events{grid-template-columns:1fr}.siege-panel{min-height:470px}.world-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;min-height:260px}.join-cta{padding-inline:9%}.cta-seal{margin-right:5%}}
@media(max-width:620px){html{scroll-padding-top:68px}.site-header{height:68px;padding-inline:5%;background:rgba(8,10,14,.63);backdrop-filter:blur(10px)}.brand-mark{width:31px;height:31px}.brand-name{font-size:14px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px;border:0;background:none}.menu-toggle span{display:block;width:22px;height:1px;background:var(--gold)}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:#0e1117;padding:20px 6% 25px;align-items:stretch;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav>a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.main-nav .nav-register{margin:13px 0 0;padding:12px}.hero{min-height:690px;height:94svh;max-height:810px}.hero-art{background:radial-gradient(ellipse at 68% 32%,#544b47 0,#28282c 25%,#14171d 53%,#090b10 76%)}.moon{width:150px;height:150px;right:14%;top:19%}.temple{transform:scale(.71);transform-origin:bottom right;right:4%;bottom:17%;opacity:.4}.mountain-back{height:52%;bottom:12%}.mountain-front{height:42%}.hero-vignette{background:linear-gradient(90deg,rgba(8,10,14,.87),rgba(8,10,14,.34)),linear-gradient(0deg,#080a0e,transparent 28%,rgba(8,10,14,.25))}.hero-inner{margin:0;padding:166px 7% 0}.hero-inner .eyebrow{font-size:7px;letter-spacing:.16em;gap:8px}.eyebrow-line{width:22px}.hero h1{font-size:clamp(42px,11.4vw,66px);margin:26px 0 14px}.hero-copy{font-size:10px;line-height:1.9}.hero-copy br{display:none}.hero-actions{gap:9px;flex-wrap:wrap}.button{height:43px;padding-inline:13px;gap:12px;font-size:8px}.hero-proof{margin-top:28px;font-size:9px}.hero-side-label{right:4%;top:46%;font-size:8px}.scroll-cue{left:7%;bottom:22px;font-size:7px}.status-strip{grid-template-columns:1fr 1fr;padding:16px 7%;gap:19px 8px;min-height:126px}.status-item{gap:9px}.status-item small{font-size:6px}.status-item strong{font-size:10px}.status-action{gap:5px}.status-action .demo-tag{font-size:6px}.status-action>a{font-size:8px}.section-wrap{width:86%}.intro{padding:73px 0 69px;grid-template-columns:60px 1fr;gap:16px 19px}.intro-mark{width:52px;height:52px}.intro-mark:before{inset:4px}.intro-mark span{font-size:23px}.intro-copy .eyebrow{font-size:6px;letter-spacing:.12em;gap:6px}.intro h2,.pillars h2,.section-heading h2{font-size:35px;margin-top:12px}.intro-description{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:17px 0 0;font-size:10px}.pillars{padding:65px 0 68px}.pillars-heading{align-items:flex-start;flex-direction:column;gap:12px}.pillars-heading>p{font-size:10px}.pillar-grid{grid-template-columns:1fr;margin-top:25px;gap:10px}.pillar-card{min-height:225px;padding:19px}.pillar-icon{margin-top:13px}.pillar-card h3{font-size:18px}.pillar-card p{font-size:9px}.pillar-foot{left:19px;right:19px}.arena{padding-top:69px;padding-bottom:68px}.section-heading{align-items:flex-start;gap:10px;flex-direction:column}.section-heading>p{font-size:9px}.arena-grid{margin-top:23px;gap:11px}.arena-card{min-height:380px}.pvp-card{grid-template-columns:29% 71%}.arena-card-copy{padding:21px 13px 17px}.arena-card h3{font-size:21px}.rank-row{grid-template-columns:16px 27px 1fr auto;gap:5px}.rank-avatar{width:24px;height:24px}.rank-name{font-size:8px}.rank-name small{font-size:6px}.rank-row>strong{font-size:7px}.rank-row>strong small{font-size:5px}.rank-number{font-size:8px}.arena-card-copy>.text-link{font-size:6px;gap:6px}.sword{font-size:110px;top:139px}.orb{width:90px;height:90px;left:calc(50% - 45px)}.boss-card{grid-template-columns:39% 61%;min-height:350px}.boss-info{padding:21px 14px}.boss-info h3{font-size:21px;margin-top:23px}.boss-info>p{font-size:8px}.boss-silhouette{font-size:110px;left:14%;top:21%}.countdown{gap:4px}.countdown span{min-width:32px}.countdown b{font-size:17px}.countdown-wrap>small{font-size:6px}.world-events{margin-bottom:70px;gap:11px}.siege-panel{min-height:425px;padding:29px 23px}.siege-panel h2{font-size:41px;margin:29px 0}.siege-bg:after{right:-4%;width:66%;opacity:.75}.world-side{grid-template-columns:1fr;grid-template-rows:auto auto;gap:11px}.olympiad-card,.events-card{padding:20px}.olympiad-card h3{font-size:19px}.news{padding-bottom:68px}.news .section-heading{flex-direction:row;align-items:flex-end}.news .section-heading .text-link{font-size:7px;gap:6px}.news-grid{grid-template-columns:1fr;gap:10px;margin-top:23px}.news-card{min-height:190px}.join-cta{padding:65px 7%;min-height:390px}.cta-content .eyebrow{font-size:6px;letter-spacing:.15em}.cta-content h2{font-size:43px}.cta-content>p:not(.eyebrow){font-size:9px;max-width:270px}.cta-seal{display:none}.cta-geometry{right:-70%;top:-4%;width:390px;height:390px}.community{padding:61px 0;grid-template-columns:1fr;gap:8px}.community h2{font-size:32px}.community>p{font-size:10px}.community-links{gap:7px;margin-top:9px}.community-links a{min-width:0;flex:1;padding:10px 9px;font-size:8px}.site-footer{padding:21px 6%;gap:10px;flex-wrap:wrap}.site-footer>span{order:3;width:100%;font-size:6px}.site-footer>a:last-child{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Artwork adapted from the images supplied for the Olympos preview. */
.hero-image,.boss-image,.news-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.08);will-change:transform}
.hero-image{object-position:center 47%;opacity:.74;filter:brightness(.63) saturate(.78) contrast(1.06)}
.hero-art~*{z-index:2}
.hero-image~.mountain-back{opacity:.16}
.hero-image~.mountain-front{opacity:.21}
.hero-image~.temple{opacity:.15}
.boss-image{object-position:61% center;opacity:.66;filter:brightness(.75) saturate(.82)}
.boss-visual:before,.boss-visual:after{display:none}
.boss-silhouette{display:none}
.boss-halo{z-index:1;mix-blend-mode:screen;opacity:.65}
.boss-flare,.boss-label{z-index:2}
.news-art img{opacity:.75;filter:brightness(.83) saturate(.72)}
@media(max-width:620px){.hero-image{object-position:59% center;opacity:.65}.boss-image{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.parallax-image{transform:scale(1.04)!important;will-change:auto}}

/* Supplied transparent Olympos L2 wordmark. */
.brand{gap:0;flex-shrink:0}
.brand-logo{display:block;width:230px;height:auto}
.site-footer .brand-logo{width:205px}
@media(max-width:900px){.brand-logo{width:200px}}
@media(max-width:620px){.brand-logo{width:186px}.site-footer .brand-logo{width:170px}}

/* Character artwork follows the scroll at a restrained, separate depth. */
.pillars{position:relative;isolation:isolate}
.pillars-elf-backdrop{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.pillars-elf{position:absolute;right:4%;top:-12%;height:136%;width:auto;max-width:54%;object-fit:contain;object-position:center 16%;opacity:.25;filter:brightness(.62) saturate(.72);mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);transform:translate3d(0,var(--parallax-y,0px),0) scale(1.06);will-change:transform}
.pillars-heading,.pillar-grid{position:relative;z-index:1}
@media(max-width:900px){.pillars-elf{right:-4%;top:-2%;height:94%;max-width:70%;opacity:.15}}
@media(max-width:620px){.pillars-elf{right:-13%;top:0;height:70%;max-width:78%;opacity:.1;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)}}

/* Prominent launch timer in the opening hero. */
.launch-countdown{position:absolute;z-index:5;right:7.5%;bottom:72px;width:min(400px,35vw);padding:17px 21px 15px;border:1px solid rgba(215,181,118,.5);background:linear-gradient(145deg,rgba(9,10,14,.94),rgba(17,16,16,.86));box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 0 28px rgba(215,181,118,.035);backdrop-filter:blur(12px)}
.launch-countdown-label{display:flex;align-items:center;gap:9px;margin:0;color:var(--gold-hi);font-size:8px;letter-spacing:.19em}
.launch-countdown-mark{width:6px;height:6px;flex:0 0 6px;background:var(--gold);box-shadow:0 0 12px rgba(240,212,156,.8);transform:rotate(45deg)}
.launch-countdown-date{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:7px 0 11px;color:#eee7da;font-family:var(--display);font-size:11px;letter-spacing:.09em}
.launch-countdown-date span{color:#aaa39a;font-family:var(--body);font-size:8px;letter-spacing:.1em;white-space:nowrap}
.launch-timer{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.11);padding-top:11px;font-variant-numeric:tabular-nums}
.launch-timer span{display:flex;flex-direction:column;align-items:center;gap:1px;border-left:1px solid rgba(255,255,255,.09)}
.launch-timer span:first-child{border-left:0}
.launch-timer b{font-family:var(--display);font-size:clamp(22px,2.4vw,31px);font-weight:400;line-height:1.1;color:#f4d59e;text-shadow:0 0 20px rgba(215,181,118,.2)}
.launch-timer i{font-style:normal;color:#96908a;font-size:7px;letter-spacing:.17em}
@media(max-width:1100px){.hero{height:auto;min-height:100svh;max-height:none;padding-bottom:70px}.launch-countdown{position:relative;right:auto;bottom:auto;width:min(74%,430px);margin:25px 0 0 13.3%}}
@media(max-width:900px){.launch-countdown{width:min(82%,430px);margin-left:9%}}
@media(max-width:620px){.hero{height:auto;min-height:100svh;max-height:none;padding-bottom:64px}.launch-countdown{width:auto;margin:21px 7% 0;padding:14px 15px 13px}.launch-countdown-label{font-size:7px}.launch-countdown-date{font-size:10px}.launch-countdown-date span{font-size:7px}.launch-timer{padding-top:9px}.launch-timer b{font-size:25px}}

/* New artwork is centered on its focal subjects and softened behind content. */
.arena{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:0}
.arena-backdrop{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.arena-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.58;filter:brightness(.72) saturate(.8);transform:translate3d(0,var(--parallax-y,0px),0) scale(1.08);will-change:transform}
.arena-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.78),rgba(8,10,14,.38) 35%,rgba(8,10,14,.74)),linear-gradient(90deg,rgba(8,10,14,.32),transparent 48%,rgba(8,10,14,.32))}
.arena-content{position:relative;z-index:1;padding:110px 0 105px}
.boss-image{object-position:center 43%;filter:brightness(.82) saturate(.84)}
.siege-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.68;filter:brightness(.42) saturate(.7);transform:translate3d(0,var(--parallax-y,0px),0) scale(1.08);will-change:transform}
.news-art img{object-position:center center}
.news-card:nth-child(3) .news-art img{object-position:center 32%}

/* Roomier card copy and spacing, especially where long server details appear. */
.pillar-grid{gap:20px}
.pillar-card{min-height:310px;padding:29px 28px 62px}
.card-index{font-size:9px}
.pillar-icon{margin-top:23px}
.pillar-card h3{font-size:21px;margin:13px 0 9px}
.pillar-card p{max-width:38ch;font-size:12px;line-height:1.85}
.pillar-foot{left:28px;right:28px;bottom:21px;font-size:8px;letter-spacing:.12em}
.arena-grid{gap:20px}
.arena-card{background:linear-gradient(145deg,rgba(18,21,27,.94),rgba(10,12,16,.91));backdrop-filter:blur(7px)}
.arena-card-copy{padding:30px 27px 24px}
.boss-info{padding:30px 27px 25px}
.boss-info>p{font-size:11px;line-height:1.8}
.rank-row{gap:10px;padding:13px 0}
.rank-name{font-size:11px}
.rank-name small{font-size:8px}
.siege-panel{padding:44px 45px}
.olympiad-card,.events-card{padding:28px}
.event-row{padding-block:11px}
.news-grid{gap:18px}
.news-card{min-height:248px;padding:25px}
.news-meta{font-size:8px}
.news-card h3{font-size:17px;line-height:1.5;max-width:32ch}
@media(max-width:900px){
  .arena-content{padding:84px 0 80px}
  .pillar-grid{grid-template-columns:1fr;max-width:760px}
  .pillar-card{min-height:270px}
  .arena-card-copy{padding:27px 24px 22px}
  .boss-info{padding:27px 24px 22px}
  .siege-panel{padding:36px 34px}
  .olympiad-card,.events-card{padding:24px}
}
@media(max-width:620px){
  .arena-content{width:88%;padding:70px 0 68px}
  .pillar-grid{width:88%;gap:13px}
  .pillar-card{min-height:0;padding:23px 22px 58px}
  .pillar-card p{font-size:11px;line-height:1.8}
  .pillar-foot{left:22px;right:22px}
  .arena-grid{gap:14px;margin-top:25px}
  .arena-card-copy{padding:22px 18px 20px}
  .boss-info{padding:22px 18px}
  .rank-row{grid-template-columns:18px 30px 1fr auto;gap:8px;padding:10px 0}
  .rank-name{font-size:9px}
  .rank-name small{font-size:7px}
  .siege-panel{padding:32px 26px}
  .olympiad-card,.events-card{padding:23px}
  .news-card{min-height:215px;padding:22px}
  .news-card h3{font-size:16px}
}

/* Class-based PvP, PK and Olympiad leaderboards. */
.class-rankings{margin-top:24px;padding:30px 34px 22px;border:1px solid rgba(215,181,118,.22);background:linear-gradient(145deg,rgba(17,20,27,.95),rgba(9,11,15,.94));backdrop-filter:blur(8px)}
.class-rankings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.class-rankings-heading h3{margin:12px 0 5px;font-family:var(--display);font-size:25px;font-weight:500;color:#eee7db}
.class-rankings-heading>div>p:last-child{margin:0;color:#aaa7a2;font-size:11px}
.class-rankings-heading>.demo-tag{margin-top:4px}
.ranking-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 0;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.09)}
.ranking-tabs{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}
.ranking-tab{min-width:82px;padding:9px 13px;border:1px solid transparent;background:transparent;color:#aaa7a2;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.ranking-tab:hover{color:var(--gold-hi)}
.ranking-tab.is-active{border-color:rgba(215,181,118,.35);background:rgba(215,181,118,.1);color:var(--gold-hi)}
.ranking-class-label{display:flex;align-items:center;gap:11px;color:#a59e92;font-size:8px;font-weight:800;letter-spacing:.15em}
.ranking-class-label select{min-width:190px;padding:10px 34px 10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:0;background:#11141a;color:#e7dfd2;font:inherit;font-size:10px;letter-spacing:.02em;cursor:pointer}
.ranking-class-label select:focus-visible,.ranking-tab:focus-visible{outline:1px solid var(--gold-hi);outline-offset:3px}
.ranking-table-wrap{overflow-x:auto;scrollbar-color:rgba(215,181,118,.4) transparent}
.ranking-table{width:100%;border-collapse:collapse;text-align:left;min-width:570px}
.ranking-table th{padding:14px 12px 10px;color:#8f8b84;font-size:7px;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.ranking-table td{padding:12px;border-top:1px solid rgba(255,255,255,.065);color:#bdb8ad;font-size:10px;white-space:nowrap}
.ranking-table tbody tr{transition:background .2s}
.ranking-table tbody tr:hover{background:rgba(215,181,118,.045)}
.ranking-table td:first-child,.ranking-table th:first-child{padding-left:4px;width:58px}
.class-rank-position{color:var(--gold);font-family:var(--display);font-size:13px}
.ranking-table .class-rank-player{color:#f0eadf;font-weight:800}
.ranking-table .class-rank-score{color:var(--gold-hi);font-weight:800;text-align:right}
.ranking-table th:last-child{width:130px;text-align:right}
.ranking-table .ranking-empty{text-align:center;padding:25px;color:#98938b}
.ranking-scope{margin:10px 0 0;color:var(--gold-hi);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ranking-demo-note{margin:4px 0 0;color:#85827e;font-size:8px;line-height:1.6}
@media(max-width:620px){
 .class-rankings{margin-top:15px;padding:21px 17px 17px}
 .class-rankings-heading{gap:12px}
 .class-rankings-heading h3{font-size:21px}
 .class-rankings-heading>div>p:last-child{max-width:34ch;font-size:9px;line-height:1.7}
 .ranking-controls{align-items:stretch;flex-direction:column;gap:12px;margin-top:17px;padding-bottom:14px}
 .ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
 .ranking-tab{min-width:0;padding:9px 6px;font-size:8px}
 .ranking-class-label{justify-content:space-between}
 .ranking-class-label select{flex:1;min-width:0}
 .ranking-table{min-width:510px}
 .ranking-table th{padding:12px 9px 9px;font-size:6px}
 .ranking-table td{padding:11px 9px;font-size:9px}
 .ranking-table td:first-child,.ranking-table th:first-child{padding-left:2px;width:45px}
}

/* Transparent server specification panel within the feature section. */
.server-rules{position:relative;z-index:1;margin-top:34px;padding:29px 31px 27px;border:1px solid rgba(215,181,118,.27);background:linear-gradient(135deg,rgba(10,12,17,.91),rgba(16,17,22,.82));backdrop-filter:blur(10px);box-shadow:0 18px 55px rgba(0,0,0,.2)}
.server-rules-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.09)}
.server-rules-heading h3{margin:10px 0 0;font-family:var(--display);font-size:27px;font-weight:500;line-height:1.15;color:#eee7db}
.server-rules-heading h3 em{color:var(--gold-hi);font-weight:400}
.server-rules-heading>p{max-width:33ch;margin:0;color:#aaa7a2;font-size:10px;line-height:1.8}
.server-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.server-rule{display:flex;align-items:flex-start;gap:13px;min-height:114px;padding:22px 5px 19px;border-bottom:1px solid rgba(255,255,255,.075)}
.rule-index{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(215,181,118,.26);color:var(--gold);font-family:var(--display);font-size:9px}
.server-rule h4{margin:0 0 6px;color:#eee7db;font-family:var(--display);font-size:13px;font-weight:500}
.server-rule p{margin:0;color:#aaa7a2;font-size:9px;line-height:1.8}
.server-rule p strong{color:var(--gold-hi);font-weight:800}
.server-rule ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 0;padding:0;list-style:none}
.server-rule li{display:flex;flex-direction:column;gap:1px}
.server-rule li span{color:#918d86;font-size:8px}
.server-rule li strong{color:var(--gold-hi);font-family:var(--display);font-size:15px;font-weight:500}
@media(max-width:900px){
 .server-rules{padding:26px 24px 22px}
 .server-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
 .server-rule{min-height:108px}
}
@media(max-width:620px){
 .server-rules{margin-top:22px;padding:21px 18px 18px}
 .server-rules-heading{align-items:flex-start;flex-direction:column;gap:7px;padding-bottom:15px}
 .server-rules-heading h3{font-size:23px}
 .server-rules-heading>p{max-width:38ch;font-size:9px}
 .server-rules-grid{grid-template-columns:1fr}
 .server-rule{min-height:0;padding:15px 2px;gap:11px}
 .server-rule h4{font-size:12px}
 .server-rule p{font-size:9px}
 .server-rule ul{max-width:340px}
}

/* Give each server rule its own readable card, especially on narrow screens. */
.server-rules{isolation:isolate;background:rgba(8,10,14,.96);border-color:rgba(215,181,118,.38)}
.server-rules-grid{gap:12px}
.server-rule{min-height:114px;padding:20px 17px;border:1px solid rgba(215,181,118,.2);background:linear-gradient(145deg,rgba(20,23,29,.98),rgba(11,13,18,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.server-rule-enchant ul{gap:7px}
@media(max-width:900px){.server-rules-grid{gap:10px}.server-rule{min-height:108px;padding:17px 14px}}
@media(max-width:620px){.server-rules{background:rgba(8,10,14,.98)}.server-rules-grid{gap:9px}.server-rule{min-height:0;padding:15px 13px;border-color:rgba(215,181,118,.25)}.server-rule-enchant ul{max-width:none}}