@font-face{font-family:ArcanaTrajan;src:url('assets/fonts/TrajanPro-Regular.ttf') format('truetype');font-display:swap}
:root{--gold:#c7a875;--gold-bright:#ecd6a9;--text:#d7d4cb;--muted:#969994;--border:#524b3d;--panel:#0c1011;--theme-wash:rgba(50,39,20,.1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:#040708;color:var(--text);font:13px/1.6 Tahoma,Arial,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select:focus-visible{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright)}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.game-button,.ranking-title,.footer-brand{font-family:ArcanaTrajan,Georgia,serif;font-weight:400}button{color:inherit}small{font-size:9px;letter-spacing:2px;color:var(--gold)}
.concept-bar{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 3.2%;background:#111516;border-bottom:1px solid #30332e;font:10px/1.5 Arial;letter-spacing:1px;color:#aeb7b2}.preview-dot{display:inline-block;width:5px;height:5px;background:#bb9b63;border-radius:50%;margin-right:7px}.concepts{display:flex;gap:5px}.concepts button{padding:8px 13px;border:1px solid #3b413c;background:#171d1c;color:#a7b1aa;font-size:10px;letter-spacing:.3px}.concepts button[aria-pressed=true]{border-color:#b59960;color:#e2d3af;background:#302c23}
.masthead{max-width:1540px;margin:auto;min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 40px;border-bottom:1px solid #453d2b;position:relative;z-index:3;background:linear-gradient(180deg,rgba(6,9,10,.97),rgba(7,10,10,.82))}.brand{display:flex;flex-direction:column;text-align:center;color:#dfc59a;line-height:1.2}.brand-top{font-size:35px;letter-spacing:10px;text-shadow:0 2px 8px #000}.brand-bottom{font:8px Tahoma;letter-spacing:2.8px;margin-top:8px;color:#a39a85}.masthead nav{display:flex;gap:29px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.masthead nav a{color:#b6b7ac;padding:13px 0}.masthead nav a:hover,.masthead nav a.current{color:#edd5a2}.server-label{display:flex;flex-direction:column;gap:4px}.server-label>span{font:8px Tahoma;letter-spacing:2px;color:#928b7a}select{border:1px solid #65583f;border-radius:0;padding:9px 28px 9px 12px;background:#0b100f;color:#ddc99f;max-width:100%}
main{position:relative;isolation:isolate;overflow:clip;max-width:1740px;margin:auto;padding:0 32px 70px}.world-scene{position:absolute;z-index:-3;top:0;left:50%;transform:translateX(-50%);width:min(1300px,100%);height:870px;overflow:hidden;mask-image:radial-gradient(ellipse 60% 64% at 50% 35%,#000 16%,rgba(0,0,0,.9) 40%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse 60% 64% at 50% 35%,#000 16%,rgba(0,0,0,.9) 40%,transparent 83%)}.world-scene img,.world-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.64) brightness(.8)}.world-scene video{opacity:0;transition:opacity 1s}.world-scene.playing video{opacity:1}.world-vignette{position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 480px at 50% 190px,rgba(2,4,5,.15) 0%,rgba(3,6,7,.65) 75%,#040708 155%)}
.realm-banner{text-align:center;min-height:350px;padding:48px 15px 31px}.realm-rule{height:1px;background:linear-gradient(90deg,transparent,#c6a96a,transparent);width:90px;margin:0 auto 18px}.realm-banner>p{font-size:9px;letter-spacing:4px;color:#ddc89f;text-shadow:0 1px 4px #000}.realm-banner h1{font-size:clamp(30px,3vw,48px);line-height:1.22;letter-spacing:.8px;margin-top:15px;color:#eee8da;text-shadow:0 3px 14px #000}.realm-banner em{color:#e3c18a;font-style:normal}.realm-description{margin-top:15px;color:#b9c3bd;font-size:11px;text-shadow:0 2px 3px #000}.realm-description>span:not(.realm-name){margin:0 9px;color:#bb9b63}.realm-name{color:#e5c790}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.game-button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:9px 19px;line-height:1.3;font-size:11px;letter-spacing:.5px;color:#e1d5bb;border:1px solid #666052;border-radius:3px;background:#25272a url('assets/ui/Btn_M.png') repeat-x center;background-size:auto 100%;box-shadow:inset 0 0 0 1px #161a1b,0 3px 8px #0008;text-shadow:0 1px 2px #000}.game-button.primary{border-color:#a38b54;color:#f5deb0;box-shadow:inset 0 0 0 1px #4b402a,0 3px 12px #0008}.game-button:hover{background-image:url('assets/ui/Btn_Hover_M.png');border-color:#c6ad78}.game-button:active{background-image:url('assets/ui/Btn_Press_M.png')}.game-button.compact{min-height:31px;padding:7px 11px;font-size:9px}.scene-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;color:#a2ada6;font-size:9px}.scene-controls button{background:#050909aa;border:1px solid #4b5048;padding:4px 8px;color:#d1cfbf;font-size:9px}.scene-controls button[hidden]{display:none}
.portal-grid{max-width:1476px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px);gap:25px;align-items:start}.ranking-column{display:grid;gap:20px}.central-column{min-width:0;display:grid;gap:26px}.game-panel{position:relative;border:1px solid var(--border);background:linear-gradient(var(--theme-wash),var(--theme-wash)),linear-gradient(#080d0ef0,#080d0ef0),url('assets/ui/Back.png');box-shadow:inset 0 0 0 3px #111617,0 10px 32px #0008}.panel-ornaments{pointer-events:none;position:absolute;inset:-1px;z-index:1;background-image:url('assets/ui/Frame_TL.png'),url('assets/ui/Frame_TR.png'),url('assets/ui/Frame_BL.png'),url('assets/ui/Frame_BR.png');background-position:top left,top right,bottom left,bottom right;background-repeat:no-repeat;background-size:38px auto,38px auto,30px auto,30px auto;opacity:.75}.ranking-panel{padding:0 13px 10px;min-height:175px}.ranking-header{min-height:48px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #403d31;padding:10px 5px;background:url('assets/ui/Frame_Header.png') repeat-x top center}.ranking-header img{width:23px;height:23px;object-fit:contain}.ranking-title{font-size:11px;color:var(--gold-bright);line-height:1.35}.ranking-scope{font-size:8px;color:#b0a68f;letter-spacing:.8px;display:block}.ranking-period{font:8px Tahoma;color:#a7afa7;padding:7px 4px 5px;text-align:right}.ranking-table{width:100%;border-collapse:collapse;font-size:10px}.ranking-table td{padding:6px 3px;border-bottom:1px solid #ffffff06}.ranking-table td:first-child{width:18px;color:#877e67}.ranking-table tr:first-child td:first-child{color:#ecd08f}.ranking-table td:last-child{text-align:right;color:#d9cda9;font-variant-numeric:tabular-nums}.ranking-table td:nth-child(2){color:#bfcac0}.ranking-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 3px 1px}.ranking-foot small{font-size:7px;letter-spacing:.8px;color:#9c9a89}.ranking-foot button{border:0;background:none;color:#c6ad78;font-size:9px;padding:3px}.active-event{padding:22px 26px 18px;background:linear-gradient(110deg,#26291fe8,#101614ef),url('assets/ui/Back.png');border-color:#81704c}.event-kicker{display:flex;align-items:center;gap:8px;letter-spacing:2px;font-size:9px;color:#e3c58d}.event-beacon{width:5px;height:5px;border-radius:50%;background:#e2bd75;box-shadow:0 0 8px #cd9c48}.sample-label{margin-left:auto;font-size:7px;letter-spacing:1px;color:#b4b7aa;border:1px solid #4e5547;padding:2px 5px}.event-body{display:flex;align-items:center;gap:18px;padding:17px 0}.event-art{width:75px;height:75px;object-fit:contain;image-rendering:auto}.event-body h2{font-size:26px;color:#ead3a2}.event-body p{font:italic 12px Georgia;color:#aaa98f;margin-top:4px}.event-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:9px;color:#a2b29f;margin-top:10px}.event-footer{border-top:1px solid #5a554143;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.event-footer>span{font-size:9px;color:#abae9e;max-width:220px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:23px;color:#e0d3bb;margin-top:4px}.section-heading>.realm-name{font-size:9px;border:1px solid #65583b;padding:4px 8px}.news-tabs{display:flex;gap:19px;border-bottom:1px solid #4b4431;margin-bottom:18px}.news-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 10px;color:#959d95;font-size:10px}.news-tabs button[aria-pressed=true]{color:#dfc797;border-bottom-color:#bfa16a}.news-card{padding:23px 25px;margin-bottom:18px}.news-card[hidden]{display:none}.article-meta{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:#b8a072}.article-meta span+span{font-size:8px;letter-spacing:0;color:#8f9992}.news-card h3{font-size:24px;line-height:1.3;color:#e8dfcc;margin:14px 0 12px}.news-card p{font-size:11px;color:#a4b0a6;line-height:1.9;max-width:490px}.read-more{padding:13px 0 0;border:0;background:none;color:#cdb481;font-size:10px}.read-more span{margin-left:12px}.client-proof{padding:27px}.client-proof h2{font-size:24px;line-height:1.4;margin:10px 0;color:#d8ccb5}.client-proof p{font-size:11px;color:#a5afa6;max-width:440px}.asset-strip{display:flex;gap:22px;align-items:center;margin:24px 0}.asset-strip img{width:28px;height:28px;object-fit:contain}.asset-strip img:last-child{width:40px;height:40px}.client-spec{border-top:1px solid #434335;display:flex;flex-wrap:wrap;gap:15px;padding-top:13px;font-size:8px;color:#aba78e}
footer{max-width:1476px;margin:0 auto;padding:25px 32px 32px;border-top:1px solid #302e23;display:flex;justify-content:space-between;gap:16px;color:#7c887e;font-size:9px}.footer-brand{font-size:10px;color:#c3ac80}dialog{max-width:560px;width:calc(100% - 40px);padding:38px;color:#d7d4cb;border:1px solid #89744d;background:#0e1414 url('assets/ui/Back.png');box-shadow:0 20px 90px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{margin:12px 0 18px;color:#ead4a7;font-size:25px}dialog p{color:#b5bfb3;margin:13px 0;font-size:12px}.close-dialog:not(.game-button){position:absolute;right:12px;top:7px;background:none;border:0;color:#dfcfad;font-size:25px}.detail-realm{font-size:10px!important;color:#bca777!important}
body[data-theme=classic]{--gold:#b7b6a8;--gold-bright:#ece8d3;--border:#716e61;--theme-wash:rgba(30,32,33,.2)}body[data-theme=classic] .panel-ornaments{opacity:1;background-size:50px auto,50px auto,38px auto,38px auto}body[data-theme=classic] .game-panel{background:linear-gradient(#06090bbd,#06090bbd),url('assets/ui/Back.png');box-shadow:inset 0 0 0 3px #1b1e1f,0 8px 24px #0008}body[data-theme=classic] .world-scene{opacity:.45}body[data-theme=classic] .realm-banner{min-height:300px;padding-top:32px}body[data-theme=classic] .realm-banner h1{font-size:38px}body[data-theme=classic] .news-card h3{font-size:21px}body[data-theme=classic] .ranking-panel{min-height:175px}body[data-theme=classic] .ranking-header{border-bottom-color:#67645b}body[data-theme=classic] .active-event{border-color:#928466}
body[data-theme=journal]{--gold:#af8e60;--gold-bright:#d8ba85;--border:#554738;--theme-wash:rgba(76,47,20,.1)}body[data-theme=journal] .game-panel{background:linear-gradient(#15130ed9,#15130ed9),url('assets/ui/Back.png');box-shadow:inset 0 0 0 3px #252017,0 8px 24px #0008}body[data-theme=journal] .world-scene{filter:sepia(.38);opacity:.65}body[data-theme=journal] .panel-ornaments{opacity:.7;filter:sepia(.8)}body[data-theme=journal] .realm-banner{min-height:315px;padding-top:38px}body[data-theme=journal] .ranking-panel{min-height:165px}body[data-theme=journal] .ranking-header{min-height:40px}body[data-theme=journal] .news-card{border-left:3px solid #8d754b}body[data-theme=journal] .news-card h3{font-size:22px}body[data-theme=journal] .masthead{border-bottom-color:#665237}
@media(min-width:1700px){.realm-banner{padding-top:58px;min-height:390px}.portal-grid{gap:32px}}
@media(max-width:1150px){.masthead{padding:18px 25px;gap:18px}.masthead nav{gap:18px}.brand-top{font-size:29px}.brand-bottom{font-size:7px;letter-spacing:2px}main{padding-inline:20px}.portal-grid{grid-template-columns:205px minmax(0,1fr) 205px;gap:16px}.ranking-panel{padding-inline:9px}.ranking-title{font-size:10px}.ranking-table{font-size:9px}.event-body h2{font-size:23px}.active-event{padding:20px}.preview-detail{display:none}.concept-bar{padding-inline:20px}.event-footer{flex-wrap:wrap}.news-card{padding:20px}}
@media(max-width:950px){.masthead{flex-wrap:wrap;min-height:130px}.masthead nav{order:3;width:100%;justify-content:center;border-top:1px solid #36372d;padding-top:5px}.masthead nav a{padding:6px 0}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.central-column{grid-column:1/-1;grid-row:1}.ranking-column{gap:16px}.ranking-column.left{grid-column:1}.ranking-column.right{grid-column:2}.ranking-panel{min-height:175px}.ranking-title{font-size:12px}.ranking-table{font-size:11px}.ranking-header{padding-left:9px}.realm-banner{min-height:310px;padding-top:32px}.world-scene{height:700px;width:110%;mask-image:radial-gradient(ellipse 63% 61% at 50% 31%,#000 10%,rgba(0,0,0,.75) 45%,transparent 86%)}.world-vignette{background:linear-gradient(180deg,#04070820,#04070870 380px,#040708 800px)}.concept-bar{flex-wrap:wrap;gap:8px;justify-content:center}.concept-bar>div:first-child{font-size:8px}.concepts button{padding:7px 11px;font-size:9px}.news-card h3{font-size:26px}.event-footer{flex-wrap:nowrap}.active-event{padding:22px}.client-proof{padding:25px}footer{flex-wrap:wrap}.preview-detail{display:inline}}
@media(max-width:540px){.concept-bar{padding:8px 10px;letter-spacing:.7px}.preview-detail{display:none}.concepts{width:100%;justify-content:center}.concepts button{flex:1;padding:8px 4px;font-size:8px}.masthead{padding:20px 15px 12px;gap:20px 10px;min-height:133px}.brand-top{font-size:26px;letter-spacing:5px}.brand-bottom{font-size:5.7px;letter-spacing:1.3px}.server-label{max-width:158px}.server-label>span{font-size:7px}select{font-size:10px;padding:8px 18px 8px 8px}.masthead nav{font-size:9px;gap:25px}.realm-banner{padding:32px 0 22px;min-height:315px}.realm-banner>p{font-size:8px;letter-spacing:2.8px}.realm-banner h1{font-size:31px}.realm-description{font-size:9px}.realm-description>span:not(.realm-name){margin:0 4px}.hero-actions{gap:8px;margin-top:21px}.game-button{font-size:10px;padding:9px 14px;min-height:38px}.scene-controls{font-size:7px;gap:8px;flex-wrap:wrap}.scene-controls button{font-size:8px}main{padding:0 12px 40px}.portal-grid{gap:15px 10px}.central-column{gap:24px}.active-event{padding:20px}.event-kicker{font-size:8px;letter-spacing:1.4px}.event-art{width:57px;height:57px}.event-body{gap:13px}.event-body h2{font-size:23px}.event-meta{font-size:8px;gap:5px 10px}.event-footer{gap:10px}.event-footer>span{font-size:8px;max-width:180px}.game-button.compact{font-size:8px;padding:7px 9px;white-space:nowrap}.section-heading h2{font-size:22px}.section-heading small{font-size:8px}.news-card{padding:22px 20px}.news-card h3{font-size:23px}.article-meta{font-size:7px}.article-meta span+span{font-size:7px}.ranking-column{gap:14px}.ranking-panel{padding:0 8px 8px;min-height:169px}.ranking-header{padding:9px 4px;gap:6px;min-height:51px}.ranking-header img{width:19px;height:19px}.ranking-title{font-size:9px}.ranking-scope{font-size:7px}.ranking-period{font-size:7px}.ranking-table{font-size:9px}.ranking-table td{padding:6px 1px}.ranking-table td:first-child{width:12px}.ranking-foot{padding-inline:0}.ranking-foot small{font-size:6px;letter-spacing:.25px}.ranking-foot button{font-size:8px;padding-left:0}.panel-ornaments{background-size:29px auto,29px auto,23px auto,23px auto}.client-proof{padding:23px 20px}.client-proof h2{font-size:22px}.asset-strip{gap:20px}.client-spec{font-size:8px;gap:10px}footer{padding:20px 15px;font-size:8px;gap:9px}body[data-theme=classic] .realm-banner h1{font-size:29px}body[data-theme=classic] .panel-ornaments{background-size:33px auto,33px auto,25px auto,25px auto}.world-scene{width:130%;height:490px;top:20px}.world-scene video,.world-scene img{object-fit:cover;object-position:50% 40%}.world-vignette{background:linear-gradient(180deg,#04070820,#04070885 280px,#040708 550px)}}
.portal-grid{padding-top:32px}.central-column>.realm-banner{min-height:300px;padding-top:17px;padding-bottom:8px}.central-column>.realm-banner h1{font-size:clamp(27px,2.65vw,43px)}
@media(max-width:950px){.portal-grid{padding-top:18px}.central-column>.realm-banner{min-height:300px;padding-top:15px}}
@media(max-width:540px){.portal-grid{padding-top:15px}.central-column>.realm-banner{min-height:295px;padding:17px 0 10px}.central-column>.realm-banner h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-scene video{display:none;transition:none}}