.realm-hero{height:710px;position:relative;overflow:hidden;background:#0d0e12;border-bottom:1px solid #88704744}.hero-art{position:absolute;inset:0;background:url('/assets/images/realm-hero.jpg') 35% 42%/cover no-repeat;transform:scale(1.025)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(270deg,#080b10 1%,#080b10f0 19%,#080b1099 42%,#080b1000 70%),linear-gradient(0deg,#080b10 0%,transparent 24%,transparent 79%,#080b1015)}.hero-content{height:100%;position:relative;display:flex;align-items:center}.hero-copy{max-width:645px;margin-top:-26px}.hero-copy .eyebrow{font-size:8px;letter-spacing:3px;text-align:right;margin-bottom:25px}.hero-copy .eyebrow b{color:#e7c68c;margin-left:11px}.hero-pretitle{font-size:13px;color:#cbb38c;margin-bottom:14px}.hero-pretitle>span{color:#bba179}.hero-copy h1{font-size:64px;line-height:1.4;letter-spacing:-2px;font-weight:800;margin:0 0 23px;text-shadow:0 5px 25px #0009}.hero-copy h1>em{background:linear-gradient(0deg,#b88b45,#f0d7a2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:460px;font-size:13px;line-height:2.15;color:#aaa69e;margin-bottom:30px}.hero-buttons{display:flex;gap:14px}.hero-assurance{display:flex;gap:25px;margin-top:27px}.hero-assurance>span{display:flex;gap:8px;align-items:center;font-size:9px;color:#a19889}.hero-assurance .icon{width:14px;height:14px;color:#b99a63}.hero-caption{position:absolute;left:20px;bottom:100px;direction:ltr;border-left:1px solid #ccb78255;padding-left:18px;opacity:.8}.hero-caption>span{font:7px Arial;color:#dfca9c;letter-spacing:2.8px}.hero-caption>p{font-size:13px;line-height:1.9;text-align:left;margin:12px 0 0;color:#e0d2b7}.hero-caption b{font-weight:600}.hero-vertical{position:absolute;left:18px;top:35%;writing-mode:vertical-rl;color:#b6a58488;z-index:2;font:7px Arial;letter-spacing:3.7px;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:#080b1033;border-top:1px solid #ffffff0b;height:56px}.hero-bottom>.container{display:flex;align-items:center;justify-content:space-between;height:100%}.hero-bottom span[dir]{font:7px Arial;letter-spacing:2px;color:#9b937f}.hero-bottom a{font-size:9px;color:#b5aa93}.hero-bottom a>span{margin-right:15px;color:#d6b575}.realm-statistics{display:grid;grid-template-columns:1fr 1.3fr 1.2fr 1.3fr;position:relative;background:linear-gradient(110deg,#15191e,#10141b);border:1px solid #62503566;margin-top:-1px;min-height:108px}.realm-stat{display:flex;align-items:center;justify-content:center;gap:20px;padding:22px 10px;position:relative}.realm-stat:not(:last-child):after{content:'';position:absolute;left:0;width:1px;height:40px;background:#ffffff0c}.realm-stat>.icon{width:30px;height:30px;color:#b69965}.realm-stat strong{display:flex;align-items:center;gap:12px;font:27px/1.3 Georgia,serif;color:#e5ddcc}.realm-stat strong>small{font:13px var(--font);color:#bcad93}.realm-stat div>span{font-size:9px;color:#8f8d85;display:block;margin-top:8px}.realm-stat.stat-action{justify-content:space-between;padding:23px 32px;background:#d7ae6505}.stat-action div>span{margin:0 0 8px}.stat-action strong{font:700 15px var(--font);color:#d7b77d}.stat-action>.icon{width:26px;height:26px}.class-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.class-show-card{height:430px;position:relative;border:1px solid #5c4b323d;overflow:hidden;background:#12151a}.class-visual{position:absolute;inset:0;background-image:url('/assets/images/class-legends.jpg');background-repeat:no-repeat;background-size:300% auto;background-position:50% 42%;transition:transform .5s;filter:saturate(.8)}.class-show-card.archer .class-visual{background-position:0% 40%}.class-show-card.ninja .class-visual{background-position:100% 40%}.class-show-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b10 0%,#080b10dd 19%,#080b1022 58%,#080b1066)}.class-show-card:hover .class-visual{transform:scale(1.06);filter:saturate(1.1)}.class-show-card:hover{border-color:#bb955166}.class-show-top{position:absolute;top:22px;right:25px;left:25px;display:flex;justify-content:space-between;direction:ltr;z-index:2;font:8px Arial;letter-spacing:3px;color:#e1ccaa}.class-show-top>span:last-child{opacity:.5}.class-show-info{position:absolute;bottom:28px;right:28px;left:28px;z-index:2}.class-show-info h3{font-size:31px;line-height:1.4;margin:10px 0;color:#f1e8d6}.class-show-info p{font-size:12px;margin:0;color:#aca899}.round-arrow{position:absolute;left:0;bottom:7px;border:1px solid #b89a5e66;width:39px;height:39px;display:grid;place-items:center;color:#d3b16e}.round-arrow .icon{width:18px;height:18px}.realm-split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:45px;padding-top:68px;padding-bottom:78px}.realm-journal{min-width:0}.featured-journal{min-height:270px;position:relative;border:1px solid #55472f66;display:flex;align-items:flex-end;overflow:hidden;background:#11151b}.journal-art{position:absolute;inset:0;background:linear-gradient(270deg,#0d1219 25%,#0d121944),linear-gradient(0deg,#0d1219,transparent),url('/assets/images/realm-hero.jpg') left 45%/cover}.featured-journal-copy{position:relative;padding:30px;max-width:85%}.featured-journal-copy h3{font-size:25px;margin:12px 0}.featured-journal-copy p{font-size:11px;max-width:320px;margin-bottom:15px;color:#afaa9e}.journal-row{display:flex;gap:23px;align-items:center;padding:24px 0;border-bottom:1px solid #ffffff0a}.journal-row>.icon{color:#ae925f;width:27px;height:27px}.journal-row>div:not(.journal-date){flex:1}.journal-row h3{font-size:15px;margin:6px 0}.journal-row p{font-size:10px;line-height:2;margin:0}.journal-row>a{margin-inline-start:auto;color:#ba9b66}.journal-row>a .icon{width:19px;height:19px}.journal-row .pill{font-size:8px;padding:2px 9px}.journal-date{width:57px;flex-shrink:0;direction:ltr}.journal-date strong{font:35px Georgia;color:#d3b47d;display:block}.journal-date small{font:7px Arial;letter-spacing:1px;color:#8d8d87;margin-top:7px;display:block}.lead-row h3{font-size:20px}.event-board{border:1px solid #6b53355c;background:radial-gradient(ellipse at 0 0,#8a623326,transparent 65%),#11151a;padding:30px;position:relative;display:flex;flex-direction:column}.event-board-head{display:flex;align-items:center;gap:12px;color:#b99861;font:8px Arial;letter-spacing:2px}.event-board-head .icon{width:20px;height:20px}.event-board>h3{font-size:31px;line-height:1.6;margin:23px 0 20px}.event-wait{padding:15px 0 30px}.event-diamond{color:#7c6542;display:block;font-size:37px;line-height:1.4;margin-bottom:7px}.event-wait>strong{font-size:13px;font-weight:600;color:#c7b494}.event-wait>p{font-size:10px;line-height:2.1;margin:10px 0 0}.event-board-footer{border-top:1px solid #a17d362b;margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:#d1b17a;font-size:11px}.event-board-footer .icon{width:17px;height:17px}.mini-event{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #ffffff0a}.mini-event>time{font:10px Arial;text-align:center;color:#8c8476;display:flex;flex-direction:column;gap:6px}.mini-event>time strong{font:27px Georgia;color:#c5a568}.mini-event b{display:block;font-size:12px;font-weight:600}.mini-event small{font-size:9px;color:#8b8b83}.power-section{border-top:1px solid #63523440;border-bottom:1px solid #63523440;background:radial-gradient(ellipse at 15% 50%,#9e762627,transparent 50%),linear-gradient(90deg,#0b1017,#11151a);overflow:hidden}.power-inner{min-height:410px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:45px;padding-bottom:45px}.power-copy h2{font-size:41px;line-height:1.6}.power-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;max-width:430px;margin-bottom:27px}.power-orbit{width:340px;height:310px;position:relative;justify-self:center;display:flex;align-items:center;justify-content:center}.orbit-circle{width:250px;height:250px;border:1px solid #b7955440;border-radius:50%;position:absolute;box-shadow:0 0 0 28px #b7955405,0 0 0 29px #b7955415}.orbit-circle:after{content:'';position:absolute;inset:25px;border:1px dashed #b7955433;border-radius:50%;transform:rotate(45deg)}.orbit-center{display:flex;align-items:center;flex-direction:column;text-align:center;color:#d4ad65}.orbit-center>.icon{width:92px;height:92px;stroke-width:.6;filter:drop-shadow(0 0 20px #d6a74a55)}.orbit-center>strong{font:9px/1.7 Arial;letter-spacing:4px;color:#bca372;margin-top:18px}.orbit-node{position:absolute;font:8px Arial;letter-spacing:1px;color:#c0ab82;padding:13px;background:#11151a;border:1px solid #8a714538;min-width:73px;text-align:center}.orbit-node.n1{top:7px;right:25px}.orbit-node.n2{bottom:7px;left:25px}.orbit-node.n3{top:110px;left:-15px}.orbit-node.n4{right:-10px;bottom:92px}.home-leaderboard{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ffffff0c;background:linear-gradient(130deg,#151a21,#0e1218)}.hero-rank{display:flex;align-items:center;gap:15px;padding:28px 20px;border-left:1px solid #ffffff09}.hero-rank:last-child{border:0}.rank-position{font:15px Georgia;color:#91918a}.rank-position.first{color:#d5af6d;font-size:24px}.hero-rank h3{font-size:12px;margin:0;max-width:110px;overflow-wrap:anywhere}.hero-rank small{font:8px Arial;color:#878c93}.rank-level{margin-inline-start:auto;text-align:center;direction:ltr}.rank-level strong{font:19px Georgia;display:block;color:#d3b57a}.rank-level small{font:6px Arial;letter-spacing:1px}.home-leaderboard>.empty-state{grid-column:1/-1}.community-band{display:flex;align-items:center;gap:40px;padding:55px 45px;background:radial-gradient(ellipse at 0 100%,#6d4d2829,transparent 70%),#12161c;border:1px solid #6e56344f;margin-top:65px}.community-symbol{height:104px;width:104px;display:grid;place-items:center;border:1px solid #8b714744;transform:rotate(45deg);margin:0 18px}.community-symbol>.icon{transform:rotate(-45deg);width:57px;height:57px;color:#c2a16b;stroke-width:.9}.community-band h2{font-size:30px;line-height:1.55;margin-bottom:14px}.community-band .eyebrow{font-size:8px;letter-spacing:2px}.community-band p{font-size:11px;margin:0}.community-actions{margin-inline-start:auto;display:flex;flex-direction:column;gap:20px;align-items:center}.community-actions .text-link{font-size:10px}
