/* Reference layout and decorative assets; Astralis branding and local-only behavior. */
@font-face{font-family:ReferenceRoboto;src:url('assets/reference-roboto-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:ReferenceBebas;src:url('assets/reference-bebas.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:ReferenceLexend;src:url('assets/reference-lexend.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--olive:#97a800;--night:#100f33;--ink:#382f1c}
body{font:14px/1.428571429 ReferenceRoboto,Arial,sans-serif;background:linear-gradient(to bottom,rgba(16,15,51,0) 80%,#100f33 100%),url('assets/reference-background.webp') center top no-repeat;background-size:111%;background-color:#100f33;background-attachment:scroll}
body::before{display:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}
.site-header{background:rgba(23,20,18,.85);border:1px solid #171412;box-shadow:0 0 3px #0008;gap:0;height:68px;min-height:68px;padding-right:8px;max-width:2370px;margin-left:12px;margin-right:12px}
.studio{width:232px;flex:0 0 232px;justify-content:center;height:66px;padding:6px;background:#171412;border-right:1px solid #4d4a46;font-size:17px;gap:7px}
.studio-icon{font-size:34px}.studio .chevron{margin-left:8px}
.wordmark{flex:0 0 100px;width:100px;min-width:100px;align-self:stretch;justify-content:center;flex-direction:column;gap:0;font-size:17px;line-height:17px;position:relative;top:4px;letter-spacing:.01em}
.wordmark img{width:50px;height:50px}.wordmark small{display:none}
.site-header nav{font-family:ReferenceLexend,Arial,sans-serif;font-size:18px;font-weight:700;justify-content:flex-start;gap:0;min-width:0}
.site-header nav>a{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;white-space:nowrap;line-height:26px;border-radius:10px}
.site-header nav>a:hover{background:#47413d;color:#fff}
.site-header nav>a img{flex-shrink:0}
.language{display:flex;align-items:center;gap:6px;font:700 18px ReferenceLexend,Arial,sans-serif;padding:0 12px;margin-left:auto}
.language img{width:27px;height:27px;display:block}
.play-button{font:700 18px/25px ReferenceLexend,Arial,sans-serif;background:#89b820;padding:10px 18px;border-radius:10px;min-height:45px;margin-left:12px}
.page-shell{width:1170px;max-width:none;margin-top:50px}
.breadcrumbs{font-size:13px;line-height:20px;color:#f7f4da;margin:0 12px 5px;gap:10px}
.breadcrumbs>span{font-size:28px;color:#b8c226}
.columns{grid-template-columns:minmax(0,1fr) 277.5px;background:#ffffff4d;gap:12px;padding:12px}
.article-heading{position:relative;height:80px;min-height:80px;gap:19px;background:#97a800 url('assets/reference-title-strip.webp') left top no-repeat;background-size:74px auto;padding-right:182px;align-items:flex-start;color:#fff}
.heading-icon{width:65px;min-width:65px;height:65px;align-self:flex-start;display:block;background:none;font-size:0;text-shadow:none;position:relative}
.heading-icon img{display:block;position:relative;top:-2px;width:65px;height:65px}
.heading-icon:after{display:none}
.article-heading>div{padding-top:12px}
h1{font:400 36px/1 ReferenceBebas,'Arial Narrow',sans-serif;margin:0;letter-spacing:0;white-space:nowrap}
.article-heading p{font:400 15px/21.428571px ReferenceRoboto,Arial,sans-serif;margin:0}
.return-link{position:absolute;right:12px;top:12px;display:block;margin:0;padding:10px 12px 10px 30px;font:400 15px/21px ReferenceRoboto,Arial,sans-serif;background:#0000004d url('assets/reference-back.webp') .5em center no-repeat}
.article-body{padding:25.5px 75px 35px}
.illustration{margin:37px 0}
.illustration img{width:100%;height:auto;display:block}
.intro-copy{font-size:14px;line-height:20px;text-align:justify}
.intro-copy p{margin:0 0 10px;padding:5px 0;overflow-wrap:break-word}
.intro-copy ol{margin:0 0 30px;padding-left:30px;list-style:none}
.intro-copy li{position:relative;margin-bottom:20px;padding-left:10px}
.intro-copy li::before{content:'•';color:#97a800;position:absolute;left:-3px}

.quest-card{isolation:isolate;max-width:460px;width:calc(100% - 28px);margin:35px auto;padding:28px 23px 30px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,239,.95),transparent 65%),linear-gradient(145deg,#fff4d2,#ead19a 55%,#f8e8bf);border:3px solid #b99145;border-radius:17px;outline:none;box-shadow:0 0 0 2px #173d42,0 0 0 5px #bf9745b3,0 18px 40px #0419253d,inset 0 0 22px #97671f21;font-family:'Trebuchet MS',Verdana,sans-serif;color:#493316}
.ornament{left:50%;transform:translateX(-50%);line-height:normal;color:#098d96;text-shadow:0 0 6px #41e5ed,0 0 14px #13b9c6;pointer-events:none}
.ornament-top{top:-20px;font-size:26px}.ornament-bottom{bottom:-21px;font-size:25px}
.progress-track{height:9px;padding:2px;background:linear-gradient(180deg,#17383c,#09282d);border:1px solid #b18b42;border-radius:20px;box-shadow:none}
.progress-track>div{height:100%;background:linear-gradient(90deg,#a87925,#f4d87e,#c09337);border-radius:20px}
.step-label{color:#785820;font-size:12px;line-height:17.142857px;margin:8px 0 23px}
.quest-card h2{color:#704913;font-family:ReferenceRoboto,Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.32;text-shadow:0 1px #fff4d7;margin:0 0 22px;text-align:left}
.quest-card fieldset{margin:0 0 20px}
.quest-card legend,.name-label{color:#63471e;font:700 16px/22.857143px 'Trebuchet MS',Verdana,sans-serif;margin:0 0 10px}
.server-list{background:linear-gradient(145deg,#fffbed,#f6e9c8);border:2px solid #c3a05b;border-radius:10px;padding:9px 12px;max-height:160px;scrollbar-color:#b18a40 #f0e0bc;scrollbar-width:thin}
.server-list label{display:block;min-height:0;cursor:pointer;padding:0;margin-bottom:6px;font:700 16px/22.857143px 'Trebuchet MS',Verdana,sans-serif}
.server-list input{appearance:auto;width:13px;height:13px;margin:4px 8px 0 0;accent-color:#97a800}
#character-name{box-sizing:border-box;width:100%;padding:12px 14px;background:#fffdf5;color:#493316;border:2px solid #d0b574;border-radius:9px;font-family:inherit;font-size:15px;line-height:21.428571px;margin-bottom:15px;transition:border-color .2s,box-shadow .2s}
#character-name:focus{outline:none;border-color:#0b9998;box-shadow:0 0 0 3px #0b999821}
#character-name::placeholder{color:#98896d}
.primary-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:0;max-width:100%;min-height:44px;margin:8px 4px 0;padding:10px 20px;background:#97a800;color:#fff;border:2px solid #b99a43;border-radius:8px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:14px;font-weight:700;line-height:1.25;white-space:normal;box-shadow:0 0 0 1px #856326,0 3px 0 #66501c,0 5px 9px #3236002b;transition:background-color .2s,transform .2s,box-shadow .2s}
.primary-button:hover{background:#7a6500;transform:translateY(-1px);box-shadow:0 0 0 1px #856326,0 4px 0 #66501c,0 7px 12px #32360033}
.primary-button:active{transform:translateY(1px)}
.sidebar-panel{background:#eeece2;margin-bottom:12px}
.sidebar-panel>h2{display:block;position:relative;min-height:50px;padding:8px 0 5px 65px;font:400 26px/33px ReferenceBebas,'Arial Narrow',sans-serif;letter-spacing:0;text-shadow:0 2px 2px #888;border-bottom:1px solid #6f780d;background:#97a800 url('assets/reference-title-strip.webp') left top/60px auto no-repeat}
.sidebar-panel>h2>span{display:block;position:absolute;left:4px;top:0;width:48px;height:48px;background-color:transparent;font-size:0}
.sidebar-panel .reference-news-icon{background-image:url('assets/reference-icons.webp');background-size:46px auto;background-repeat:no-repeat;background-position:0 -1146px}
.sidebar-panel .reference-forum-icon{background-image:url('assets/reference-icons.webp');background-size:46px auto;background-repeat:no-repeat;background-position:0 -546px}
.news-item{padding:8px;gap:8px;min-height:70px;border-color:#c9c6bb;font-size:13px;line-height:18px}
.news-art{width:88px;min-width:88px;height:50px;background-size:cover;background-position:center;border:1px solid #c2bdaf;filter:none}
.art-gate{background-image:url('assets/reference-news-1.webp')}.art-mountains{background-image:url('assets/reference-news-2.webp')}.art-stars{background-image:url('assets/reference-news-3.webp')}.art-light{background-image:url('assets/ankama-convention-concert.webp')}
.news-item small{font-size:13px;line-height:18px;margin-top:0;color:#97a800;letter-spacing:0}
.panel-end{font-size:12px;line-height:17.142857px;padding:10px 0;color:#422f14;background:#dad4c9;border-top:1px solid #c9c6bb}
.topic{font-size:13px;line-height:18.571429px;padding:10px 8px;border-color:#c9c6bb}.topic span{color:#97a800}.topic small{font-size:12px}
.back-top{right:15px;bottom:28px;border-radius:0;background:#9c702b;width:50px;height:50px;border:2px solid #72531d;font-family:Arial,sans-serif;box-shadow:0 3px 5px #0005}
@media(min-width:1500px){.page-shell{width:1170px;max-width:none}.columns{grid-template-columns:minmax(0,1fr) 277.5px}}
@media(max-width:1250px){.studio{width:195px;flex-basis:195px;padding:6px;font-size:15px}.site-header nav{font-size:16px}.site-header nav>a{padding:10px 12px}.language{font-size:16px;padding:0 8px}.play-button{font-size:16px;margin-left:8px;padding:10px 14px}}
@media(max-width:1199px){.page-shell{width:970px}.columns{grid-template-columns:minmax(0,1fr) 227.5px}.studio{display:none}.site-header{padding-left:10px}.article-body{padding:25.5px 75px 35px}.article-heading{padding-right:170px}h1{font-size:32px}.return-link{font-size:13px}.sidebar-panel>h2{font-size:23px}.news-art{width:65px;min-width:65px}.news-item{font-size:12px}}
@media(max-width:991px){.page-shell{width:750px}.columns{grid-template-columns:minmax(0,1fr)}aside{display:grid;grid-template-columns:1fr 1fr}.quick-info{grid-column:1/-1}.site-header nav{font-size:14px}.site-header nav>a{padding:10px 10px;gap:6px}.site-header nav>a:nth-child(4){display:none}.wordmark{flex-basis:90px;min-width:90px;width:90px}.language{display:none}.article-body{padding:24px 37px 35px}.article-heading{padding-right:170px}.return-link{display:block}}
@media(max-width:780px){.page-shell{width:calc(100% - 24px);max-width:none;margin-top:35px}.site-header nav{font-size:13px}.site-header nav>a{padding:10px 8px}.play-button{font-size:13px;padding:10px 12px}.columns{grid-template-columns:minmax(0,1fr)}.article-body{padding:24px 37px 35px}.illustration{margin:37px 0}.quick-info{grid-column:1/-1}}
@media(max-width:620px){.site-header{height:61px;min-height:61px;top:6px;margin:6px;padding:0 10px;gap:10px}.wordmark{flex:0 0 auto;width:auto;min-width:0;top:0;flex-direction:row;gap:6px;font-size:18px;align-self:auto}.wordmark img{width:36px;height:36px}.wordmark small{display:none}.site-header #site-nav{font-family:ReferenceLexend,Arial,sans-serif}.site-header #site-nav.open{display:flex}.site-header #site-nav>a{justify-content:flex-start;display:flex;padding:12px 10px}.site-header .play-button{font-size:12px;padding:9px 12px;margin-left:auto}.page-shell{width:calc(100% - 20px);margin-top:30px}.breadcrumbs{font-size:10px;gap:6px;margin-left:5px}.columns{padding:7px}.article-heading{height:auto;min-height:75px;padding-right:10px;gap:12px}.heading-icon{width:50px;min-width:50px;height:60px}.heading-icon img{width:50px;height:50px;top:2px}.article-heading{background-size:58px auto}.article-heading>div{padding-top:12px;padding-bottom:12px}h1{font-size:30px;white-space:normal;line-height:1}.article-heading p{font-size:12px;line-height:17px}.return-link{display:none}.article-body{padding:20px 22px 25px}.illustration{margin:25px 0}.intro-copy{font-size:13px;text-align:left}.intro-copy ol{padding-left:20px}.quest-card{width:calc(100% - 28px);margin:28px auto;padding:24px 15px 27px}.quest-card h2{font-size:20px}.primary-button{font-size:13px;padding:9px 12px;min-height:42px}.sidebar-panel>h2{font-size:26px}.news-art{width:88px;min-width:88px}.news-item{font-size:13px}.quick-info{grid-column:auto}.back-top{width:33px;height:33px;right:7px;bottom:9px}}
@media(max-width:360px){.wordmark{font-size:16px}.wordmark img{width:30px;height:30px}.article-body{padding-left:13px;padding-right:13px}.quest-card{width:calc(100% - 20px);padding:24px 12px 27px}.quest-card h2{font-size:19px}.name-label,.quest-card legend{font-size:14px}#character-name{font-size:13px}.site-header .play-button{padding:9px 10px;font-size:11px}}

/* Sidebar message counters, including the news and forum listings. */
.sidebar-panel .comment-count{display:inline-flex;align-items:center;gap:3px;color:#97a800;white-space:nowrap}
.message-icon{display:inline-block;flex:0 0 16px;width:16px;height:16px;vertical-align:middle;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:miter}
.sidebar-panel .topic small{display:flex;align-items:center;gap:7px}
.sidebar-panel .topic .topic-category{color:#8b887f;font-style:italic}

.sidebar-panel .news-item .comment-count{display:flex;width:max-content;margin-top:0}