:root{color-scheme:dark;--bg:#100f14;--surface:#1c1920;--surface-light:#28212a;--text:#f4ead7;--muted:#c3b6a6;--gold:#e4b86d;--line:#594532}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 10% 0%,#fff8e999,transparent 55%),radial-gradient(ellipse at 90% 35%,#bc965c22,transparent 50%),repeating-linear-gradient(95deg,#83613d05 0 1px,transparent 1px 5px)}
h1,h2,h3{color:var(--text)}h1 em{color:#862e37}.eyebrow{color:#862e37}.site-header{--text:#fff0d3;--gold:#efcb83;--line:#a9765b;background:linear-gradient(110deg,#391b21,#64242e 70%,#461b24);border-bottom:4px double #b58a57;box-shadow:0 3px 15px #391d2222}.site-header .brand{color:#fff0d3}.site-header nav a,.account-link{color:#f0dfc1}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#ffdb91}.site-header .button-gold{background:linear-gradient(#f4dca0,#d4ad62);color:#3b241a;border-color:#f4dca0;box-shadow:inset 0 0 0 2px #ad824840}.site-header .button-gold:hover{background:#ffe5ac}.button-gold{background:linear-gradient(#8c3440,#6e2530);border-color:#6e2530;color:#fff1d5;box-shadow:inset 0 0 0 1px #b7616540,0 3px 0 #4c17201a}.button-gold:hover{background:#a3414a;border-color:#a3414a;color:#fff7e3}.button-outline{border:1px solid #906b46;color:#533324;background:#fff0cf55}.button-outline:hover{background:#dfc69b;border-color:#6e2530}.text-link{color:#742935;border-bottom-color:#ad875b}.text-link:hover{color:#441e25;border-bottom-color:#441e25}.hero:before{background:radial-gradient(ellipse at 80% 45%,#bb7c4533,transparent 65%)}.hero{gap:58px;padding-top:65px;padding-bottom:72px}.hero h1{font-size:clamp(48px,5vw,74px)}.hero-description{color:#654b36}.hero-footnote{color:#745e4b}.hero-art{border:7px double #a7824c;padding:9px;background:#efe0bb;box-shadow:0 20px 50px #4e2d252b;transform:rotate(1deg);border-radius:0}.hero-art img{border:1px solid #936f45;aspect-ratio:1.12;object-fit:cover;object-position:60% 50%}.art-topline{color:#6e2530;padding:6px 7px 14px;font-weight:700}.art-caption{color:#6c4e35;line-height:1.6;flex-wrap:wrap}.art-caption a{color:#742935}.art-seal{background:linear-gradient(#842c39,#5c1e29);color:#f2d38f;border:5px double #dfb76c;box-shadow:0 5px 15px #35201e55;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);height:115px;bottom:80px;left:-34px;transform:rotate(-1deg)}.realm-strip{background:#3c2423;border-block:4px double #b8945d;color:#ecd9b6}.strip-inner strong{color:#f1cc82}.strip-inner>div span,.live-label{color:#e2cfaa}.strip-inner>a{color:#f1d9a7}.live-label i,.world-presence i{background:#447347;box-shadow:none}.live-label i{background:#a7c281}.worlds-preview{padding-top:75px}.world-card{background:linear-gradient(145deg,#fcf3df,#ebdbb8);border:1px solid #b69867;border-radius:0;box-shadow:0 5px 15px #76523412}.world-card:before{height:5px;background:linear-gradient(90deg,#704028,#b68b48)}.world-card.official:before{background:linear-gradient(90deg,#762732,#bd9360)}.world-badge{color:#7b2936;font-weight:650}.world-presence{color:#345b32}.world-presence.offline{color:#766a5c}.world-presence.offline i{background:#887a67}.world-edition{color:#745834}.world-description{color:#68503b}.world-tags span{background:#e7d6b4;border-color:#b4996d;color:#634a32}.world-card-bottom{border-color:#cbb186}.world-card-bottom>span{color:#6f543c}.world-card-bottom a{color:#862e37}.world-card-bottom .offline-note{color:#776858}.data-note{color:#766247}.state-message{border-color:#a88a5c;background:#f4e6c9;color:#68503b}.state-message h3{color:#53322a}.section-intro,.side-description{color:#68503b}.edition-section{background:#ddc8a2;border-block:4px double #a37d49}.editions{gap:30px}.edition{background:#f3e6c9;border:1px solid #b39667;padding:0 28px 30px;box-shadow:0 10px 24px #62462815}.edition-art{width:calc(100% + 56px);max-width:none;aspect-ratio:1.8;object-fit:cover;margin:0 -28px 28px;border-bottom:4px double #a5804f}.classic-edition .edition-art{object-position:center}.edition-number{color:#7b2936}.edition h3{font-size:35px}.journey-art{width:100%;aspect-ratio:1.15;object-fit:cover;border:6px double #a7824c;padding:5px;background:#f5e7c6;margin-bottom:30px}.first-steps{grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.steps li>span{color:#862e37}.steps li{border-color:#bca174}.steps h3{color:#5b3227}.community-band{position:relative;isolation:isolate;overflow:hidden;background:#351d1b;border-block:5px double #d0ac69;color:#ffefcc;min-height:480px;padding:85px 0}.community-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%;z-index:-2}.community-band:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#291619f2 0%,#351b1bcc 45%,#2b171b22 100%);z-index:-1}.community-band .section-wrap{position:relative}.community-band h2{color:#fff0d2;font-size:58px}.community-band .eyebrow{color:#edc781}.community-band p:not(.eyebrow){color:#e5d3b0;max-width:500px}.community-band .text-link{color:#f4d99c;border-color:#ddbd7b}.community-band .button-gold{background:#e6c282;color:#382218;border-color:#e6c282}.page-heading p:last-child{color:#68503b}.illustrated-heading{position:relative;overflow:hidden;min-height:360px;padding-right:48%;margin-block:28px 40px;padding-left:30px;border:1px solid #b59868;background:linear-gradient(90deg,#f3e5c9,#e3cd9e)}.illustrated-heading h1{font-size:clamp(42px,4.3vw,62px)}.page-heading-art{position:absolute;right:0;top:0;height:100%;width:46%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 18%);pointer-events:none}.directory-stats{color:#70533b;border-color:#b39667}.directory-stats strong{color:#862e37}label{color:#654731}input,select{background:#f8efd9;border-color:#b59b71;color:#38271e}input::placeholder{color:#806b52}.directory-toolbar p{color:#6d553f}.quiet-button{color:#862e37}.creator-callout{background:#e1cba5;border:5px double #b28b51;border-radius:0}.creator-callout p{color:#68503b}.guide-nav{color:#6c4734;border-color:#987447}.guide-nav a:hover{color:#862e37}.chapter-label{color:#862e37}.control-table{border-color:#ae8c5c}.control-table>div{border-color:#c8ae84}kbd{background:#e5d3b0;border-color:#a68759;color:#4d3325}.faq-section details{border-color:#b29669}summary{color:#513326}.about-art img{border:6px double #a7824c;padding:5px;background:#efdfbc;border-radius:0}.about-art figcaption{color:#6d553f}.edition-explainer article{border-color:#b69a6f}.discord-feature{grid-template-columns:1fr 1.1fr;gap:35px;background:#dfc79e;border:5px double #a9834d;border-radius:0;padding:20px}.community-portrait{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:48%;border:1px solid #a9834d}.discord-feature>div{padding:25px}.discord-feature p,.community-columns p{color:#624831}.site-footer{--text:#f0dfbc;--gold:#e4bf78;--line:#806044;background:linear-gradient(110deg,#2d1c1a,#402328);border-top:5px double #bd955b;color:#f0dfbc}.footer-main>p{color:#cfb997}.footer-main nav{color:#e6d4b0}.footer-main nav span{color:#e4bf78}.footer-main nav a:hover{color:#fff0cb}.footer-bottom{color:#d0b996;border-color:#73513c}.skip-link{background:#762732;color:#fff1d3}.noscript-note{color:#38271e;border-color:#862e37}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#9b3f4b}
@media(max-width:1150px){.hero{gap:35px}.hero-art img{aspect-ratio:1}.art-caption{flex-direction:column;gap:5px}}@media(max-width:1100px){.site-header nav{border-color:#916459}.menu-toggle{color:#f7e5c1;border-color:#c5a46f}.site-header nav a[aria-current=page]{color:#ffdb91}}@media(max-width:900px){.hero-art{max-width:none}.hero-art img{aspect-ratio:1.6}.hero{grid-template-columns:1fr}.art-caption{flex-direction:row}.first-steps{gap:35px}.illustrated-heading{padding-right:42%}.page-heading-art{width:44%}.discord-feature{grid-template-columns:1fr 1fr;gap:15px}.discord-feature>div{padding:15px}.community-portrait{min-height:450px}}@media(max-width:700px){.hero{padding:45px 0 55px;gap:35px}.hero h1{font-size:clamp(40px,11.9vw,48px)}.hero-art{padding:6px;border-width:5px}.hero-art img{aspect-ratio:1.2;object-position:60%}.art-seal{width:65px;height:95px;bottom:95px;left:-8px}.art-caption{flex-direction:column}.editions{grid-template-columns:1fr}.edition{padding:0 22px 28px}.edition-art{width:calc(100% + 44px);margin-inline:-22px}.first-steps{grid-template-columns:1fr;gap:30px}.journey-art{aspect-ratio:1.45}.community-band{padding:65px 0;min-height:540px}.community-band:before{background:linear-gradient(90deg,#291619ed,#351b1b99)}.community-band h2{font-size:44px}.community-backdrop{object-position:55%}.illustrated-heading{padding:240px 22px 28px;margin-top:22px;min-height:0;background:#efdfbf}.page-heading-art{top:0;right:0;width:100%;height:220px;mask-image:linear-gradient(180deg,#000 70%,transparent)}.illustrated-heading h1{font-size:42px}.illustrated-heading p:last-child{font-size:18px}.discord-feature{grid-template-columns:1fr;padding:12px;gap:0}.community-portrait{height:250px;min-height:0;object-position:50%}.discord-feature>div{padding:25px 10px}.creator-callout{padding:22px}.edition h3{font-size:31px}.realm-strip .strip-inner{padding-block:25px}}
/* Cinematic fantasy gaming theme. */
body{background:#100f14 radial-gradient(ellipse at 75% 0%,#71322433,transparent 60%)}
h1,h2,h3{color:#f4ead7;font-weight:700;text-shadow:0 2px 15px #0006}h1 em,.eyebrow,.edition-number,.chapter-label{color:#e4b86d}h1 em{font-style:normal}.site-header{background:linear-gradient(110deg,#141118f5,#291923f5);border-bottom:1px solid #88613d}.brand>span{font-weight:700}
.hero{min-height:680px;padding-block:90px;gap:40px}.hero:before{inset:0 -40px;background:linear-gradient(90deg,#100f14 2%,#100f14ec 35%,#100f1455 75%),linear-gradient(0deg,#100f14,transparent 35%),url('/media/odyssey-castle-gate.jpg') center/cover}.hero-copy{z-index:1}.hero h1{font-size:clamp(48px,5.5vw,82px);line-height:1.03}.hero-description{color:#e0d3c0}.hero-footnote{color:#c4b4a2}.hero-art{padding:0;border:1px solid #bd925866;background:#17131be6;transform:none;box-shadow:0 25px 70px #0009;overflow:hidden}.hero-art img{border:0;aspect-ratio:1.22}.art-topline{color:#efcc91;background:#201720;padding:14px 18px}.art-caption{padding:16px 18px;color:#cbbba8}.art-caption a{color:#efcc91}
.button{border-radius:0;font-weight:750;letter-spacing:.5px}.button-gold,.site-header .button-gold,.community-band .button-gold{background:linear-gradient(#f0ca83,#bc873d);color:#211710;border-color:#ecc281;box-shadow:inset 0 0 0 2px #77502255,0 5px 20px #0005}.button-gold:hover,.site-header .button-gold:hover,.community-band .button-gold:hover{background:#f4d49b;color:#211710;border-color:#ffe1a5}.button-outline{background:#211b25;color:#f4dfbb;border-color:#977247}.button-outline:hover{background:#372638;color:#fff0d0;border-color:#e4b86d}.text-link,.quiet-button,.world-card-bottom a{color:#efc782;border-color:#9b7549}.text-link:hover{color:#ffe6b7;border-color:#ffe6b7}
.realm-strip{background:#17131b;border-block:1px solid #62472e}.world-card{background:linear-gradient(145deg,#29212b,#17151d);border-color:#68503a;box-shadow:0 12px 30px #0005}.world-card:before,.world-card.official:before{background:linear-gradient(90deg,#6c2738,#deb069)}.world-badge{color:#eac58b}.world-presence{color:#b4d4a4}.world-presence.offline,.world-card-bottom .offline-note{color:#b8b0ac}.world-edition{color:#d8b681}.world-description,.section-intro,.side-description,.creator-callout p,.discord-feature p,.community-columns p,.page-heading p:last-child{color:#cbbdac}.world-tags span{background:#312633;border-color:#6e5340;color:#e4ceb0}.world-card-bottom{border-color:#5b4436}.world-card-bottom>span,.data-note{color:#bfb0a1}.state-message{background:#211b25;border-color:#735235;color:#cbbdac}.state-message h3{color:#f4ead7}
.edition-section{background:linear-gradient(#19141d,#231923);border-block:1px solid #5e442f}.edition{background:#17131b;border-color:#715035;box-shadow:0 12px 30px #0005}.edition-art{border-bottom:2px solid #a27541}.journey-art,.about-art img{padding:0;background:#17131b;border:1px solid #977247}.steps li>span{color:#e4b86d;font-weight:700}.steps li{border-color:#594532}.steps h3{color:#f4ead7}.community-band{border-block:1px solid #a27541}.community-band:before{background:linear-gradient(90deg,#110e16f5,#1b111bcc 45%,#110e1633)}
.illustrated-heading{background:linear-gradient(90deg,#241922,#17131b);border-color:#705033}.directory-stats{color:#cbbdac;border-color:#594532}.directory-stats strong{color:#efc782}label{color:#e3cfb0}input,select{background:#211b25;border-color:#80603f;color:#f4ead7}input::placeholder{color:#b6a594}.directory-toolbar p{color:#cbbdac}.creator-callout{background:linear-gradient(120deg,#291a26,#18141d);border:1px solid #977247}.guide-nav{color:#d8c7af;border-color:#977247}.guide-nav a:hover{color:#efc782}.control-table,.control-table>div,.faq-section details,.edition-explainer article{border-color:#594532}kbd{background:#2c2330;color:#f4dfbb;border-color:#80603f}summary{color:#f4ead7}.about-art figcaption{color:#bfb0a1}.discord-feature{background:#211923;border:1px solid #977247}.community-portrait{border-color:#977247}.site-footer{background:#0c0b10;border-top:1px solid #80603f}.skip-link{background:#e4b86d;color:#211710}.noscript-note{color:#f4ead7;border-color:#e4b86d}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#efc782}
@media(max-width:900px){.hero{min-height:0;padding-block:60px}.hero:before{inset:0 -22px;background:linear-gradient(#100f14b3,#100f14 65%),url('/media/odyssey-castle-gate.jpg') center top/auto 700px no-repeat}.hero-art img{aspect-ratio:1.7}.hero-copy{max-width:650px}}
@media(max-width:700px){.hero{padding-block:40px 50px}.hero:before{inset:0 -18px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-art{padding:0;border-width:1px}.hero-art img{aspect-ratio:1.4}.illustrated-heading{background:#211923}.community-band:before{background:linear-gradient(90deg,#110e16ed,#1b111baa)}}
body[data-site-page=news] .page-news{display:block}.news-section{padding-block:65px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-card,.news-article{padding:28px;background:linear-gradient(145deg,#29212b,#17151d);border:1px solid #68503a;overflow-wrap:anywhere}.news-card h2{font-size:28px}.news-text{color:#d4c7b6;white-space:pre-wrap;line-height:1.8}.news-article{margin-bottom:28px;scroll-margin-top:180px}.news-article h2{font-size:36px}.news-article:target{border-color:#efc782}.page-news{padding-bottom:70px}.news-card .eyebrow,.news-article .eyebrow{font-size:14px}@media(max-width:900px){.news-grid{grid-template-columns:1fr}.news-card h2{font-size:30px}}@media(max-width:700px){.news-article,.news-card{padding:22px}.news-article h2{font-size:30px}.news-text{font-size:18px}}
.news-image{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#100f14;margin-block:20px;border:1px solid #68503a}.news-card .news-image{aspect-ratio:16/10;object-fit:cover;max-height:none}
/* Preserve the supplied classic screenshots without cropping their content. */
.classic-gallery{padding-bottom:55px}.classic-gallery figure{margin:0}.classic-gallery img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #80603f;background:#100f14}.classic-gallery figcaption{color:#c3b6a6;font-size:16px;line-height:1.7;padding:14px 0 22px}.classic-map{max-width:1097px;margin-inline:auto!important}.classic-gallery-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-top:24px}.classic-gallery-details img{width:auto;max-width:100%;max-height:391px;margin-inline:auto}.classic-gallery-details figure{background:#17131b;border:1px solid #594532;padding:22px}.classic-edition .edition-art{object-fit:contain;background:#100f14;object-position:center}@media(max-width:700px){.classic-gallery-details{grid-template-columns:1fr;gap:20px}.classic-gallery-details figure{padding:16px}.classic-gallery .section-heading h2{font-size:34px}}
