@font-face{font-family:RonarkDisplay;src:url('/fonts/cinzel-latin.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:optional}
.game-home{--panel:#151311;--metal:#a18450;--metal-light:#dac08a;--ink:#e6dbc4;--muted:#a39f90;--display:RonarkDisplay,Georgia,serif;background:radial-gradient(ellipse at 50% 650px,#2b2a202b,transparent 65%),#0c0b0a;color:var(--ink);padding-top:22px}
.game-home .game-container{max-width:1424px;margin:auto;padding:0 32px}
.game-home svg{width:18px;height:18px;flex:none}
.game-home a:focus-visible,.game-home button:focus-visible{outline:2px solid #f0ca81;outline-offset:5px}
/* Campaign: game artwork, inscription and an in-game command bar. */
.game-campaign{position:relative;max-width:1360px;margin:0 auto;background:#0b0a09;box-shadow:0 18px 50px #0007;border:1px solid #493b26}
.game-campaign:after,.realm-destination:after,.game-window:after,.realm-guide:after{content:'';position:absolute;inset:-5px;z-index:5;pointer-events:none;border:16px solid transparent;border-image:url('/ui/panel-frame.svg') 32 / 16px stretch}
.campaign-stage{position:relative;height:540px;overflow:hidden}
.campaign-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s,visibility .65s}
.campaign-slide.is-current{opacity:1;visibility:visible;pointer-events:auto}
.campaign-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 48%;filter:saturate(.78) brightness(.8)}
.campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080807f2 0%,#0a0a09d6 25%,#0a0a0988 45%,#0a0a0908 75%),linear-gradient(0deg,#080706d9,transparent 45%)}
.campaign-copy{position:absolute;left:6%;top:50%;transform:translateY(-48%);width:53%;max-width:620px}
.campaign-edition{display:flex;align-items:center;gap:13px;color:#c8ac72;font:600 12px/1.4 var(--display);letter-spacing:2px}
.campaign-crest{display:block;flex:none;width:54px;height:54px;filter:drop-shadow(0 3px 5px #000)}
.campaign-crest img{width:100%;height:100%;object-fit:contain}
.campaign-edition small{display:block;color:#928d87;font:500 8px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:1.3px;margin-top:6px}
.campaign-copy .campaign-title{font:800 clamp(38px,4.3vw,61px)/1.08 var(--display);text-transform:uppercase;letter-spacing:-1.2px;margin:25px 0 19px;color:#e5c788;text-shadow:0 2px #4c3219,0 4px 1px #0a0804,0 6px 20px #000}
.campaign-title strong{display:block;max-width:570px;font-size:.52em;font-weight:600;line-height:1.3;letter-spacing:.9px;color:#f1e8d4;margin-top:13px;text-shadow:0 2px 4px #000}
.campaign-copy>p{font:400 13px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#b9b4ad;max-width:360px;margin:0 0 28px;text-shadow:0 2px 4px #000}
.game-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 23px;min-height:52px;border:1px solid #af9257;outline:1px solid #302216;outline-offset:3px;background:linear-gradient(180deg,#60352c,#361c19 55%,#44251c);color:#f2d7a2;font:700 10px/1.4 var(--display);letter-spacing:.35px;text-shadow:0 2px #180d08;box-shadow:inset 0 1px #c8946155,inset 0 0 0 3px #170a0744,0 5px 12px #0008;transition:background .2s}
.game-button:before,.game-button:after{content:'';position:absolute;top:50%;margin-top:-4px;width:6px;height:6px;transform:rotate(45deg);border:1px solid #9c7845;background:#46321b}
.game-button:before{left:-4px}.game-button:after{right:-4px}.game-button:hover{background:linear-gradient(#7b4636,#49251e);color:#ffe9bc}
.campaign-badge{position:absolute;top:24px;right:27px;padding:8px 12px;border:1px solid #927a4f66;background:#0e0d0ccc;color:#c6b78f;font:600 8px/1.4 var(--display);letter-spacing:1.2px}
.campaign-console{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px;padding:0 24px;background:linear-gradient(#39392c,#211e1b 8%,#191715 80%,#343329);border-top:1px solid #8e7445;box-shadow:inset 0 1px #d3ba7740}
.campaign-tabs{display:flex;align-self:stretch;gap:8px;padding:9px 0}
.campaign-tab{position:relative;display:flex;align-items:center;gap:12px;min-width:205px;padding:10px 20px;border:1px solid #514833;background:linear-gradient(#2a2723,#161412);color:#a6a28d;cursor:pointer;font:600 11px/1.3 var(--display);box-shadow:inset 0 0 0 2px #07070655}
.campaign-tab>span{color:#7d765c;font:11px/1 Georgia,serif}.campaign-tab.is-current{background:linear-gradient(#4c4430,#272421);border-color:#ad8e50;color:#f1d9a5;box-shadow:inset 0 1px #ecd29a33,inset 0 0 0 3px #0a0a0944}
.campaign-tab.is-current>span{color:#c4a873}.campaign-tab i{display:none;position:absolute;left:0;bottom:0;height:2px;width:100%;background:#d7b570;transform-origin:left;animation:campaign-progress 7s linear infinite}
.campaign-tab.is-current i{display:block}.game-campaign.is-paused .campaign-tab i{animation-play-state:paused}
.campaign-controls{display:flex;align-items:center;gap:7px}
.campaign-controls button{width:34px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #615036;background:linear-gradient(#312d28,#1c1a18);color:#c3af81;box-shadow:inset 0 0 0 2px #0b0a0988;cursor:pointer}
.campaign-controls button:hover{border-color:#be9d5a;color:#f6da9e}.campaign-controls [data-campaign-step='-1'] svg{transform:rotate(180deg)}
#campaign-pause{font-size:12px}.campaign-controls svg{width:15px;height:15px}
@keyframes campaign-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Three command tiles, built like equipment slots. */
.realm-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 0}
.realm-destination{position:relative;display:flex;align-items:center;gap:19px;isolation:isolate;min-height:122px;padding:24px;background:linear-gradient(120deg,#2f2c28cb,#171513ee);border:1px solid #5b5036;box-shadow:0 5px 15px #0007;color:var(--ink)}
.realm-destination:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100f0ee8,#0f0e0ce0),url('/artwork/news-combat.webp') center/cover}
.realm-destination-2:before{background-image:linear-gradient(90deg,#100f0ee8,#0f0e0ce0),url('/artwork/hero-battle-small.webp')}
.realm-destination-3:before{background-image:linear-gradient(90deg,#100f0ee8,#0f0e0ce0),url('/artwork/news-adventure.webp')}
.realm-destination:hover{background:#3b3731;border-color:#c2a267}.realm-destination-index{position:absolute;right:16px;top:11px;color:#857550;font:9px/1 var(--display)}
.realm-emblem{width:60px;height:60px;display:grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(#423d37,#11100e 62%,#7d6941 64%,#171614 69%,#bb9857 73%,#352a16 79%,#0e0d0c 81%);box-shadow:0 4px 7px #0009,inset 0 1px #c9b78555}
.realm-emblem img{width:43px;height:43px;image-rendering:auto;filter:drop-shadow(0 2px 2px #000)}
.realm-destination-copy{min-width:0}.realm-destination-copy small{display:block;font-size:8px;letter-spacing:1.5px;color:#9a9c82}.realm-destination-copy strong{display:block;font:700 19px/1.25 var(--display);color:#d8c18f;margin:7px 0;text-shadow:0 2px #000}.realm-destination-copy em{display:block;font:normal 11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#9a948d}
.realm-destination-arrow{margin-left:auto;color:#8d805b}.realm-destination-arrow svg{width:16px;height:16px}
/* News lives in one game window, with working category tabs. */
.realm-news{padding-top:44px}.game-window{position:relative;background:linear-gradient(135deg,#211e1be0,#100f0ee8);border:1px solid #665538;box-shadow:0 14px 24px #0005}
.game-window-heading{display:flex;align-items:center;gap:13px;padding:18px 24px 16px;background:linear-gradient(#3d3c2b,#26231f 15%,#1e1c19 88%,#393726);border-bottom:1px solid #71603d}
.game-window-icon{display:grid;place-items:center;width:42px;height:42px;background:radial-gradient(#4c463f,#191714);border:1px solid #8b7345;box-shadow:inset 0 0 0 3px #0d0c0b66;transform:rotate(0)}
.game-window-heading>div>span{display:block;font-size:7px;font-weight:600;letter-spacing:1.8px;color:#988d7f;margin-bottom:4px}.game-window-heading h2{font:700 24px/1.15 var(--display);color:#dac698;letter-spacing:0;margin:0;text-shadow:0 2px #0b0a09}
.game-window-heading>a{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:10px;color:#b7a47c}.game-window-heading>a:hover{color:#f0d8a4}
.game-window-tabs{display:flex;gap:5px;padding:12px 21px 0;border-bottom:1px solid #4d4d34;background:#0f0e0ddd}
.game-window-tabs button{padding:12px 21px;background:linear-gradient(#2c2925,#1c1a18);border:1px solid #535037;border-bottom:0;color:#a7a58a;cursor:pointer;font:600 10px/1.3 var(--display);position:relative}
.game-window-tabs button.is-current{color:#efd6a2;background:linear-gradient(#4a4630,#282522);border-color:#a18b53;box-shadow:inset 0 2px #d2b97b55}.game-window-tabs button.is-current:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#9a844d}.game-window-tabs button:hover{color:#f1d6a0}
.realm-news-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;padding:19px}
.realm-featured{position:relative;isolation:isolate;display:block;min-height:345px;overflow:hidden;background:#100f0e;border:1px solid #625b3d}
.realm-featured:after{content:'';position:absolute;inset:4px;border:1px solid #b39c5c33;pointer-events:none}
.realm-featured-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7) brightness(.76);transition:transform .4s}
.realm-featured:hover .realm-featured-art{transform:scale(1.025)}.realm-featured-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b0b0a 0%,#0c0b0af0 18%,#0c0b0a70 65%,#0c0b0a22)}
.realm-latest{position:absolute;left:18px;top:18px;background:#201d1ad9;color:#cfbc8d;border:1px solid #a18b5255;padding:6px 9px;font:600 8px/1.4 var(--display);letter-spacing:.8px}
.realm-featured-copy{position:absolute;bottom:23px;left:25px;right:25px}.realm-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:9px;color:#9b958c}.realm-meta>span{color:#bfa566;text-transform:uppercase;font-size:8px;letter-spacing:.7px}.realm-meta time{font-size:9px;white-space:nowrap}
.realm-featured h3{font:700 22px/1.3 var(--display);color:#e5d2a6;margin:12px 0 10px;text-shadow:0 2px #000}.realm-featured p{color:#a9a298;font-size:11px;line-height:1.7;max-width:420px;margin:0}
.realm-read{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c9b47f;font:600 10px/1.5 var(--display);border-top:1px solid #a58f4d44;padding-top:13px;margin-top:18px}
.realm-news-list{display:flex;flex-direction:column;gap:8px;min-width:0}.realm-news-row{position:relative;display:flex;align-items:center;gap:15px;flex:1;padding:14px 15px;background:linear-gradient(100deg,#29262399,#1c1a18);border:1px solid #55533866;box-shadow:inset 0 0 0 3px #0b0b0a33;min-width:0}
.realm-news-row:hover{background:linear-gradient(100deg,#3a3631aa,#25221f);border-color:#9d8e5266}.realm-entry-number{color:#796e5f;font:10px/1 var(--display);align-self:flex-start;margin-top:3px}.realm-news-thumb{width:79px;aspect-ratio:1;flex:none;overflow:hidden;border:1px solid #86754a;background:#161412;box-shadow:0 0 0 3px #0a090888}.realm-news-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.65) saturate(.7)}
.realm-news-copy{min-width:0;flex:1}.realm-news-copy h3{font:600 15px/1.4 var(--display);color:#cfc19b;margin:8px 0 0}.realm-row-arrow{color:#8c8155}.realm-row-arrow svg{width:14px;height:14px}
.game-window-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 23px;border-top:1px solid #4b4a31;background:linear-gradient(#1d1b18,#23211e)}.game-window-footer>span{color:#797065;font-size:7px;letter-spacing:1.4px}.game-window-footer>a{display:flex;align-items:center;gap:13px;font-size:10px;color:#baaa7d}.game-window-footer svg{width:15px;height:15px}.realm-no-news{display:grid;place-content:center;padding:40px;color:#a0978c;font-size:12px;min-height:150px}
/* Short, dark guide panels with inventory-style nameplates. */
.realm-guides{padding-top:44px}.realm-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px;padding-left:16px;border-left:3px solid #7e7044}.realm-heading>div>span{display:block;font-size:8px;color:#978b7c;letter-spacing:1.5px;margin-bottom:7px}.realm-heading h2{font:700 25px/1.2 var(--display);color:#cdbb8d;margin:0}.realm-heading>a{display:flex;align-items:center;gap:14px;font-size:10px;color:#b0a176}
.realm-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.realm-guide{display:block;position:relative;isolation:isolate;background:#100f0e;border:1px solid #645738;box-shadow:0 8px 18px #0004;min-height:226px}
.realm-guide-art{position:absolute;inset:0;z-index:-2;background:url('/artwork/news-combat.webp') center/cover;filter:brightness(.22) saturate(.55)}.realm-guide-2 .realm-guide-art{background-image:url('/artwork/news-archer.webp')}.realm-guide-3 .realm-guide-art{background-image:url('/artwork/news-adventure.webp')}
.realm-guide:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0e0d0ccc,#0e0d0c22)}
.realm-guide-plaque{display:flex;align-items:center;gap:10px;padding:12px 18px 10px;background:linear-gradient(90deg,#34312cdd,#201e1baa);border-bottom:1px solid #8d784544;color:#a99a70;font:600 8px/1.4 var(--display);letter-spacing:1px}
.realm-guide-plaque img{width:30px;height:30px;filter:drop-shadow(0 2px 3px #000)}.realm-guide-copy{padding:18px 23px 20px}.realm-guide-copy h3{font:700 22px/1.25 var(--display);margin:0 0 10px;color:#d9c493;text-shadow:0 2px #000}.realm-guide-copy p{font-size:11px;line-height:1.7;color:#aba297;margin:0;min-height:38px;max-width:280px}.realm-guide .realm-read{font-size:9px;padding-top:11px;margin-top:14px}.realm-guide:hover{border-color:#c2a563}.realm-guide:hover .realm-guide-plaque{background:linear-gradient(90deg,#4b4b2ddd,#2d2a25aa)}
.realm-guides+.social-hero{margin-top:60px}
@media(max-width:1440px){.game-campaign{margin:0 32px}.campaign-stage{height:510px}.campaign-copy .campaign-title{font-size:53px}}
@media(max-width:1100px){.campaign-stage{height:490px}.campaign-copy{width:63%}.campaign-copy .campaign-title{font-size:46px}.campaign-title strong{font-size:.57em}.realm-destinations{gap:16px}.realm-destination{padding:20px 18px;gap:12px}.realm-emblem{width:49px;height:49px}.realm-emblem img{width:36px;height:36px}.realm-destination-copy strong{font-size:16px}.realm-destination-arrow{display:none}.realm-featured h3{font-size:20px}.realm-news-grid{gap:12px;padding:15px;grid-template-columns:1fr 1fr}.realm-news-row{gap:11px;padding:12px}.realm-news-thumb{width:57px}.realm-entry-number{display:none}.realm-news-copy h3{font-size:13px}.realm-news-copy .realm-meta{gap:5px}.realm-guide-grid{gap:17px}.realm-guide-copy{padding:17px 20px}.realm-guide-copy h3{font-size:20px}}
@media(max-width:800px){.game-home{padding-top:18px}.game-home .game-container{padding:0 22px}.game-campaign{margin:0 22px}.campaign-stage{height:480px}.campaign-copy{width:75%;left:7%}.campaign-copy .campaign-title{font-size:43px}.campaign-title strong{font-size:.55em;max-width:380px}.campaign-copy>p{font-size:12px;max-width:320px}.campaign-shade{background:linear-gradient(90deg,#0b0a09ed,#0b0a09b8 45%,#0b0a0944),linear-gradient(0deg,#0b0a09cc,transparent 70%)}.campaign-badge{font-size:6px;top:17px;right:17px}.campaign-console{padding:0 13px;gap:10px}.campaign-tabs{gap:5px;flex:1;min-width:0}.campaign-tab{min-width:0;padding:11px 13px;font-size:9px;gap:9px}.campaign-controls{gap:5px}.campaign-controls button{width:28px;height:30px}.realm-destinations{gap:14px}.realm-destination{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 16px}.realm-destination-copy strong{font-size:17px}.realm-destination-copy small{font-size:7px;letter-spacing:.8px}.realm-destination-copy em{font-size:10px}.realm-news-grid{grid-template-columns:1fr}.realm-featured{min-height:325px}.realm-featured h3{font-size:23px;max-width:460px}.realm-news-thumb{width:64px}.realm-news-copy h3{font-size:16px}.realm-news-row{padding:14px;gap:16px}.realm-news-copy .realm-meta{gap:12px}.realm-news-list{gap:7px}.realm-news-copy h3{margin-top:7px}.realm-guide-grid{gap:14px}.realm-guide-plaque{padding:10px 12px;gap:7px;font-size:7px;letter-spacing:0}.realm-guide-plaque img{width:26px;height:26px}.realm-guide-copy{padding:17px 16px}.realm-guide-copy h3{font-size:18px}.realm-guide-copy p{font-size:10px;min-height:50px}.realm-guide .realm-read{font-size:8px}.game-window-heading h2{font-size:22px}.realm-heading h2{font-size:23px}}
@media(max-width:560px){.game-home{padding-top:14px}.game-home .game-container{padding:0 17px}.game-campaign{margin:0 17px}.campaign-stage{height:465px}.campaign-copy{left:24px;right:24px;top:auto;bottom:34px;width:auto;transform:none}.campaign-edition{font-size:10px;letter-spacing:1.5px;gap:9px}.campaign-crest{width:43px;height:43px}.campaign-edition small{font-size:6px;letter-spacing:.75px}.campaign-copy .campaign-title{font-size:clamp(30px,8vw,40px);margin:20px 0 16px;letter-spacing:-.8px}.campaign-title strong{font-size:.6em;line-height:1.35;margin-top:10px;letter-spacing:.6px}.campaign-copy>p{font-size:12px;line-height:1.7;max-width:300px;margin-bottom:23px}.campaign-image{object-position:61% center}.campaign-shade{background:linear-gradient(0deg,#0a0a09f5,#0a0a09d9 35%,#0a0a0955 80%)}.campaign-cta{font-size:8px;gap:16px;padding:15px 17px;min-height:49px;width:100%;max-width:310px}.campaign-console{flex-wrap:wrap;padding:0 12px 9px;gap:0}.campaign-tabs{width:100%;flex:auto;padding:9px 0}.campaign-tab{flex:1;font-size:8px;padding:12px 9px;justify-content:center;gap:7px}.campaign-tab>span{font-size:9px}.campaign-controls{margin-left:auto}.campaign-controls button{width:30px;height:27px}.campaign-badge{font-size:6px;padding:6px 8px;top:16px;right:16px}.realm-destinations{grid-template-columns:1fr;gap:16px;margin-top:24px}.realm-destination{flex-direction:row;align-items:center;padding:20px 24px;gap:19px;min-height:110px}.realm-destination-copy strong{font-size:19px;margin:6px 0}.realm-destination-copy small{font-size:7px;letter-spacing:1px}.realm-destination-copy em{font-size:11px}.realm-emblem{width:54px;height:54px}.realm-emblem img{width:40px;height:40px}.realm-destination-arrow{display:block}.realm-news,.realm-guides{padding-top:34px}.game-window-heading{padding:16px;gap:10px}.game-window-heading h2{font-size:19px}.game-window-heading>div>span{font-size:6px}.game-window-icon{width:34px;height:34px}.game-window-icon img{width:26px;height:26px}.game-window-heading>a{font-size:8px;gap:5px}.game-window-heading>a svg{width:13px}.game-window-tabs{padding:10px 10px 0;gap:3px}.game-window-tabs button{flex:1;padding:11px 6px;font-size:7px;line-height:1.5}.realm-news-grid{padding:10px;gap:10px}.realm-featured{min-height:345px}.realm-featured-copy{left:20px;right:20px;bottom:20px}.realm-featured h3{font-size:21px}.realm-featured p{font-size:10px}.realm-news-row{gap:12px;padding:12px 10px}.realm-news-thumb{width:55px}.realm-news-copy h3{font-size:13px;line-height:1.45}.realm-news-copy .realm-meta{flex-direction:column;align-items:flex-start;gap:4px}.realm-meta>span{font-size:7px}.realm-meta time{font-size:8px}.realm-row-arrow{display:none}.game-window-footer{padding:13px 15px}.game-window-footer>span{font-size:6px;letter-spacing:.6px}.game-window-footer>a{font-size:9px;gap:6px}.realm-guide-grid{grid-template-columns:1fr;gap:20px}.realm-guide{min-height:218px}.realm-guide-plaque{padding:11px 19px;gap:10px;font-size:8px;letter-spacing:.8px}.realm-guide-plaque img{width:30px;height:30px}.realm-guide-copy{padding:18px 23px}.realm-guide-copy h3{font-size:23px}.realm-guide-copy p{font-size:11px;min-height:0}.realm-guide .realm-read{font-size:9px;margin-top:16px}.realm-heading{gap:10px;margin-bottom:23px;padding-left:12px}.realm-heading h2{font-size:21px}.realm-heading>div>span{font-size:7px}.realm-heading>a{font-size:9px;gap:7px}.realm-heading>a svg{width:14px}.realm-guides+.social-hero{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.campaign-slide,.realm-featured-art,.game-button{transition:none}.campaign-tab i{animation:none}}
