/* Aldoria website: Cinzel display, Karla text and pixel labels, locally hosted. */
#title-screen{--home-ink:#eee7d5;--home-muted:#a9b3a7;--home-gold:#d4b66e;--home-line:#c5b57c30;background:#101b16;color:var(--home-ink);font:400 16px/1.65 Karla,Arial,sans-serif;isolation:isolate}
#title-screen .home-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
#title-screen :is(h1,h2,h3,.wordmark){font-family:Cinzel,Georgia,serif;text-shadow:none}
#title-screen h2{font-size:clamp(29px,3.1vw,44px);line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:500}
#title-screen .home-kicker{font:400 9px/1.9 "Press Start 2P",monospace;letter-spacing:.07em;color:var(--home-gold);margin:0 0 22px}
#title-screen .landing-nav{height:86px;width:min(1320px,calc(100% - 96px));max-width:none;border-color:var(--home-line);gap:36px}
#title-screen .wordmark{font-size:24px;font-weight:700;letter-spacing:.16em;color:#e8d5a3}
.home-links{display:flex;gap:32px;margin-left:auto;font-size:13px}.home-links a{color:#bbc4b7}.home-links a:hover{color:#ead19c}
#title-screen .home-button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:16px 25px;border:1px solid #e2c787;background:#d4b66e;color:#142016;font:700 12px Karla,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;box-shadow:inset 0 0 0 2px #b79a5633;transition:background .2s,transform .2s}
#title-screen .home-button:hover{background:#ecd196;transform:translateY(-2px)}#title-screen .nav-play{padding:12px 20px;gap:25px}
.home-skip{position:absolute;left:16px;top:-100px;z-index:10;background:#ead19c;color:#102018;padding:12px}.home-skip:focus{top:12px}
.home-hero{position:relative;isolation:isolate;min-height:690px;min-height:clamp(620px,calc(100svh - 160px),860px);display:flex;align-items:center;overflow:hidden}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 52%;image-rendering:pixelated;opacity:.76;z-index:-2}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1714f5 0%,#0c1914d9 27%,#0c191453 63%,#0c191422),linear-gradient(0deg,#101b16,transparent 30%,transparent 80%,#101b1633);z-index:-1}
.home-hero .hero-content{padding-block:75px 110px;position:relative}
.hero-content .home-kicker{display:flex;align-items:center;gap:12px}.hero-content .home-kicker>span{width:6px;height:6px;background:#d8be7e;box-shadow:0 0 14px #d8be7e99;flex:none}
#title-screen .hero-content h1{font:500 clamp(48px,5.7vw,82px)/1.1 Cinzel,Georgia,serif;letter-spacing:-.04em;margin:25px 0 27px;color:#f2ead8;max-width:800px}
#title-screen .hero-content h1 em{font-style:normal;font-weight:500;color:#ddbf7d}
.hero-intro{font-size:17px;line-height:1.85;color:#c2cabc;margin:0;max-width:530px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.home-text-link{display:inline-flex;align-items:center;gap:20px;color:#dfc58d;font-size:13px;border-bottom:1px solid #b9a36a66;padding:7px 0;transition:color .2s}.home-text-link:hover{color:#fff0c9;border-color:#e8cb80}.hero-small{font-size:11px;color:#9ca994;margin-top:17px}
.hero-location{position:absolute;bottom:55px;right:max(48px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:18px;color:#ddc795;font:500 12px Cinzel,serif;letter-spacing:.12em}.hero-location>span{font-size:40px}.hero-location small{display:block;color:#adb7a5;font:12px Karla,sans-serif;letter-spacing:0;margin-top:6px}
.home-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 0 38px;border-block:1px solid var(--home-line)}.home-facts>div{border-right:1px solid var(--home-line);padding-left:26px}.home-facts>div:first-child{padding-left:0}.home-facts>div:last-child{border:0}.home-facts small{display:block;font-size:9px;letter-spacing:.16em;color:#8f9e8c;margin-bottom:8px}.home-facts strong{font-size:15px;font-weight:500;color:#ddd8bd}
.home-section{padding-block:105px}.home-section-head{display:flex;justify-content:space-between;gap:65px;align-items:end;margin-bottom:45px}.home-section-head>div{flex:1}.home-section-head>p{max-width:375px;color:var(--home-muted);font-size:15px;margin:0 0 4px;line-height:1.8}
.world-story{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px}.world-picture{display:block;background:#0b130f;border:1px solid #8b88554d;position:relative;padding:8px;box-shadow:15px 15px 0 #18251b}.world-picture img{width:100%;height:470px;object-fit:cover;image-rendering:pixelated;display:block}.world-picture>span{display:flex;justify-content:space-between;padding:16px 12px 8px;font-size:10px;color:#c7b67d;letter-spacing:.1em}.world-picture b{font-weight:400;color:#9fa98e}
#title-screen .world-story h3{font-size:29px;font-weight:500;line-height:1.25;margin:0 0 20px}.world-story-copy>p:not(.home-kicker){color:var(--home-muted);font-size:15px}.world-story ol{list-style:none;counter-reset:journey;margin:28px 0;padding:0}.world-story li{position:relative;counter-increment:journey;padding:0 0 23px 42px}.world-story li:before{content:"0" counter(journey);position:absolute;left:0;top:2px;color:#9e8e5a;font:10px "Press Start 2P",monospace}.world-story li b{display:block;font-size:15px;font-weight:500;color:#e0d6b9}.world-story li span{display:block;font-size:13px;line-height:1.7;color:#9fab99;margin-top:6px}
.home-gallery-section{background:#0b1510;border-block:1px solid #a99e651c}.home-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.home-gallery>a{border:1px solid #8b88553d;background:#17221a;overflow:hidden;transition:border-color .2s}.home-gallery>a:hover{border-color:#d2b76b}.home-gallery img{display:block;width:100%;height:230px;object-fit:cover;image-rendering:pixelated;transition:filter .2s}.home-gallery>a:hover img{filter:brightness(1.15)}.home-gallery>a>span{position:relative;padding:22px;display:block;border-top:1px solid #bba46a33}.home-gallery small{display:block;font:8px/1.8 "Press Start 2P",monospace;color:#969f83;letter-spacing:.04em}.home-gallery b{display:block;font:500 20px Cinzel,serif;color:#e1d1ac;margin-top:10px}.home-gallery i{position:absolute;right:23px;bottom:25px;font-style:normal;color:#d5b875;font-size:20px}
.home-client-section{padding-block:105px;background:linear-gradient(#101b16e8,#101b16ed),url('landing/aldoria-town.webp') center/cover;scroll-margin-top:20px}
.client-topline{display:flex;justify-content:space-between;align-items:center;border:1px solid #8b80504d;border-bottom:0;background:#1b281d;padding:13px 22px;gap:15px}.client-topline>span{font:8px/1.8 "Press Start 2P",monospace;color:#b9b489}.client-topline i{display:inline-block;width:6px;height:6px;background:#92b58d;margin-right:8px}.client-topline>div{display:flex;gap:10px}#title-screen .client-topline .quiet{color:#b7bd9d;font:12px Karla,sans-serif;margin:0;padding:7px}
#title-screen .title-layout{display:block;max-width:none;width:100%;padding:35px;margin:0;background:#142018ed;border:1px solid #8b80504d;position:relative;z-index:1}
#title-screen .title-copy{max-width:none;width:100%}#title-screen .title-art{display:none!important}
#title-screen #character-maker{max-width:750px;margin:auto}
#title-screen .choose-label h2{font:500 23px Cinzel,serif;color:#e2c382}
#title-screen .class-card{background:#1c291f;border:1px solid #616545;border-image:none;box-shadow:none;padding:12px 8px 20px;border-radius:0}
#title-screen .class-card.selected{background:radial-gradient(ellipse at center,#84713c33,transparent),#273324;border-color:#c8ad68;box-shadow:inset 0 0 0 2px #c8ad6819}
#title-screen .class-name{font:500 18px Cinzel,serif;color:#e0cd9f}
#title-screen .class-card small{color:#b1b898;font:9px Karla,sans-serif;letter-spacing:.09em}
#title-screen #class-description{font:14px/1.7 Karla,sans-serif;color:#b3bea6}
#title-screen .name-label{font:10px Karla,sans-serif;color:#a9b195;margin-top:22px}
#title-screen :is(.begin-row input,.appearance-fields select,.appearance-fields input){font:14px Karla,sans-serif;background:#0d1912;color:#e7debc;border:1px solid #77734d;min-height:42px}
#title-screen .appearance-fields{background:#1b291e;border-color:#576144;padding:18px}
#title-screen .appearance-fields legend{font:500 16px Cinzel,serif;color:#d5bb7d}
#title-screen .appearance-fields label{font:12px Karla,sans-serif;color:#afb99c}
#title-screen .creator-preview{width:88px;height:110px;margin-left:18px;border-color:#686d4c}
#title-screen .gold{font:700 12px Karla,sans-serif;color:#132017;background:#d3b46f;border:1px solid #ead29a;border-image:none;border-radius:2px;box-shadow:none;text-shadow:none;padding:14px 20px}
#title-screen .quiet{font-family:Karla,sans-serif}
#title-screen :is(.save-note,.import-title){font:12px/1.7 Karla,sans-serif;color:#97a58c}
#title-screen #save-note{margin:18px 0 0;text-align:center}#title-screen #title-import{display:block;margin:0 auto}
#title-screen .character-lobby{background:#1c281df2;gap:25px;padding:22px;border:1px solid #73724a;border-image:none;outline:0;box-shadow:none}
#title-screen .roster-preview-panel h2{font:500 24px Cinzel,serif;color:#dec17f}
#title-screen .roster-heading h2{font:500 18px Cinzel,serif;color:#dec17f}
#title-screen .roster-entry strong{font:500 15px Karla,sans-serif}
#title-screen :is(.roster-entry small,#resume-description,.roster-local,.roster-level){font-family:Karla,sans-serif}
#title-screen .roster-entry{background:#162119;border-color:#4b5439}#title-screen .roster-entry.selected{background:#3f4028;border-color:#bfaa63}
#title-screen #roster-list{background:#0d1610;border:1px solid #646445}
.home-updates{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--home-line)}.home-updates article{padding:30px;border-right:1px solid var(--home-line)}.home-updates article:first-child{padding-left:0}.home-updates article:last-child{border:0}.update-type{font:8px "Press Start 2P",monospace;color:#ad9e6b}
#title-screen .home-updates h3{font-size:23px;font-weight:500;margin:18px 0 12px}.home-updates p{font-size:14px;color:#a4b098;line-height:1.8;margin:0}
.home-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-bottom:100px}.home-faq details{border-bottom:1px solid var(--home-line)}.home-faq summary{padding:20px 28px 20px 0;cursor:pointer;font:500 17px/1.5 Cinzel,serif;color:#d4d8bf;list-style:none;position:relative}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary:after{content:"+";position:absolute;right:0;color:#d9bd79}.home-faq details[open] summary:after{content:"−"}.home-faq details p{margin:0 0 23px;color:#a6b39b;font-size:14px;line-height:1.8}
#title-screen .landing-footer{border-top:1px solid var(--home-line);padding:35px 0 45px;display:flex;gap:30px;align-items:center;justify-content:space-between;position:relative;font:12px/1.7 Karla,sans-serif;color:#9ba88e}
#title-screen .landing-footer .wordmark{font-size:21px}#title-screen .landing-footer small{font-size:10px;color:#7d8c77}#title-screen .landing-footer>a:not(.wordmark):hover{color:#e7cc8f}
@media(min-width:1500px){.hero-scene{object-position:50% 49%}}
@media(max-width:1000px){#title-screen .home-wrap,#title-screen .landing-nav{width:calc(100% - 48px)}.home-links{gap:20px}.home-section,.home-client-section{padding-block:75px}.world-story{gap:35px;grid-template-columns:1fr 1fr}.world-picture img{height:460px}.home-section-head{gap:35px}.home-section-head>p{max-width:310px}.home-facts strong{font-size:13px}.home-facts>div{padding-left:15px}.home-gallery{gap:14px}.home-gallery img{height:195px}.hero-location{right:25px}.home-gallery>a>span{padding:18px}.home-gallery b{font-size:18px}.home-faq{gap:35px}.home-updates article{padding:25px}.home-updates h3{font-size:20px!important}}
@media(max-width:700px){#title-screen .home-wrap,#title-screen .landing-nav{width:calc(100% - 36px)}#title-screen .landing-nav{height:auto;min-height:78px;gap:14px;flex-wrap:wrap;padding:15px 0}#title-screen .wordmark{font-size:20px;gap:7px}.wordmark img{width:25px;height:31px}.home-links{order:3;width:100%;justify-content:center;gap:32px;border-top:1px solid #b7a36722;padding-top:10px;font-size:12px}#title-screen .nav-play{margin-left:auto;padding:10px 14px;font-size:10px}.home-hero{min-height:640px;align-items:start}.home-hero .hero-content{padding:65px 0 125px}.hero-scene{object-position:65% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,#0b1714ef,#0c19147a),linear-gradient(0deg,#101b16,transparent 40%)}#title-screen .home-kicker{font-size:8px;line-height:2;letter-spacing:0;margin-bottom:17px}#title-screen .hero-content h1{font-size:clamp(43px,10.8vw,65px);margin:20px 0 25px}.hero-intro{font-size:15px;max-width:370px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:28px}#title-screen .home-button{padding:15px 19px;gap:30px}.home-text-link{font-size:12px}.hero-small{font-size:10px}.hero-location{right:19px;bottom:30px;font-size:10px}.hero-location>span{font-size:30px}.hero-location small{font-size:11px}.home-facts{grid-template-columns:repeat(2,1fr);padding:24px 0;gap:24px 16px}.home-facts>div{padding:0;border:0}.home-facts small{font-size:8px;margin-bottom:5px}.home-facts strong{font-size:13px}.home-section,.home-client-section{padding-block:60px}.home-section-head{display:block;margin-bottom:30px}.home-section-head>p{max-width:100%;font-size:14px;margin-top:20px}.world-story{grid-template-columns:1fr;gap:40px}.world-picture{box-shadow:8px 8px 0 #18251b}.world-picture img{height:auto;aspect-ratio:1.3;object-fit:cover}.world-picture>span{font-size:9px;padding:13px 5px 5px}#title-screen .world-story h3{font-size:25px}.home-gallery{grid-template-columns:1fr;gap:24px}.home-gallery img{height:auto;aspect-ratio:1.6}.home-gallery b{font-size:22px}.home-gallery>a>span{padding:20px}.client-topline{padding:13px 14px;flex-wrap:wrap;gap:8px}.client-topline>span{font-size:7px}.client-topline>div{margin-left:auto;gap:14px}#title-screen .client-topline .quiet{padding:5px 0;font-size:11px}#title-screen .title-layout{padding:20px 14px}#title-screen .choose-label h2{font-size:20px}#title-screen .class-name{font-size:13px}#title-screen .class-card{padding:9px 3px 14px}#title-screen .class-card small{font-size:7px;letter-spacing:0}#title-screen .class-card canvas{width:65px;height:78px}#title-screen .class-grid{gap:7px}#title-screen .appearance-fields{padding:12px;gap:10px}#title-screen .appearance-fields label{font-size:11px}#title-screen .begin-row{flex-direction:column}#title-screen .begin-row input{width:100%}#title-screen .begin-row .gold{min-height:47px}#title-screen .character-lobby{grid-template-columns:1fr;padding:12px;gap:17px}#title-screen .roster-preview-panel{padding:0 0 15px;border-right:0;border-bottom:1px solid #73724a}.home-updates{display:block}.home-updates article,.home-updates article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--home-line)}.home-updates article:last-child{border-bottom:0}.home-faq{grid-template-columns:1fr;gap:20px;padding-bottom:65px}.home-faq summary{font-size:16px}#title-screen .landing-footer{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:30px 0}#title-screen .landing-footer>span{font-size:10px}#title-screen .roster-main-actions button{font-size:11px;padding:12px 10px}}
@media(prefers-reduced-motion:reduce){#title-screen *{transition:none!important}}
body.client-playing{overflow:hidden}body.client-playing #play{position:fixed;inset:0;height:100dvh}
/* Reference-style top: overlay navigation, wide display title and facts on the image. */
#title-screen .landing-nav{position:fixed;inset:0 0 auto;width:100%;height:88px;margin:0;padding:0;display:block;border-bottom:1px solid #bca57424;background:#0b1713dc;backdrop-filter:blur(9px);z-index:50}
.home-nav-inner{width:min(1200px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;gap:30px}
#title-screen .brand-logo-link{display:flex;flex-shrink:0;line-height:0;padding:0}
#title-screen .brand-logo-link img{width:163px;height:auto;max-height:76px;object-fit:contain;display:block}
#title-screen .home-links{gap:29px;font-size:13px;margin-left:auto}
#title-screen .nav-play{white-space:nowrap}
.home-mobile-menu{display:none}
.home-hero{min-height:78svh}
.hero-scene{opacity:.9;object-position:50% 50%}
.hero-shade{background:radial-gradient(ellipse at 32% 40%,#ae8d3b18,transparent 65%),linear-gradient(90deg,#09150fca,#09150f99 40%,#09150f55 80%),linear-gradient(0deg,#101b16,transparent 35%,#07110e66)}
.home-hero .hero-content{padding:155px 0 72px}
#title-screen .hero-content h1{font:700 clamp(38px,4.6vw,65px)/1.13 Cinzel,Georgia,serif;max-width:1060px;margin:22px 0 25px;letter-spacing:-.018em;text-shadow:0 2px 2px #0009,0 0 42px #c2a15722}
#title-screen .hero-content h1 em{font-weight:700}
.hero-intro{max-width:665px;font-size:18px;line-height:1.75;color:#b9c2b0}
.hero-actions{gap:15px;margin-top:29px;flex-wrap:wrap}
.hero-actions .home-text-link{border:1px solid #aa9f6e66;border-radius:2px;background:#0b171388;padding:13px 18px;min-height:48px;color:#d9d4bd;font-size:12px}
.hero-actions .home-text-link:hover{border-color:#dbbb74;background:#263327}
.hero-small{margin-top:15px}
#title-screen .hero-content .home-facts{width:100%;max-width:890px;margin:33px 0 0;gap:1px;padding:0;border:1px solid #a8995c55;border-radius:2px;background:#a8995c33;overflow:hidden}
.hero-content .home-facts>div,.hero-content .home-facts>div:first-child{padding:19px 20px;background:#0b1712d9;border:0;backdrop-filter:blur(4px)}
.hero-content .home-facts small{font-size:9px;letter-spacing:.09em;color:#97a38d;margin-bottom:9px}
.hero-content .home-facts strong{font:400 9px/1.9 "Press Start 2P",monospace;color:#dabe77}
#title-screen .landing-footer .brand-logo-link img{width:140px;max-height:none}
#title-screen :is(#client,#world-guide,#updates,#download){scroll-margin-top:110px}
@media(max-width:1000px){.home-nav-inner{width:calc(100% - 48px);gap:23px}#title-screen .home-links{gap:20px}.hero-content .home-facts>div,.hero-content .home-facts>div:first-child{padding:17px 14px}.hero-content .home-facts strong{font-size:8px}}
@media(max-width:800px){#title-screen .landing-nav{height:74px}.home-nav-inner{width:calc(100% - 36px);gap:18px}#title-screen .brand-logo-link img{width:132px;max-height:62px}#title-screen .home-links{display:none}#title-screen .nav-play{margin-left:auto;padding:11px 14px}.home-mobile-menu{display:block;position:relative;color:#e3d2a8}.home-mobile-menu summary{cursor:pointer;font-size:24px;line-height:1;list-style:none;padding:9px 4px}.home-mobile-menu summary::-webkit-details-marker{display:none}.home-mobile-menu nav{position:absolute;right:0;top:50px;width:210px;padding:12px 18px;border:1px solid #8d8151;background:#0d1a13;box-shadow:0 12px 30px #0008}.home-mobile-menu nav a{display:block;padding:11px 3px;font-size:14px;border-bottom:1px solid #a99a5f22}.home-mobile-menu nav a:last-child{border:0}.home-hero{min-height:78svh}.home-hero .hero-content{padding:126px 0 55px}#title-screen .hero-content h1{font-size:clamp(32px,5.7vw,49px);line-height:1.16;letter-spacing:-.025em}.hero-intro{font-size:16px;max-width:590px}.hero-scene{opacity:.8;object-position:60% center}.hero-shade{background:linear-gradient(#07130fc9,#08150f99 45%,#101b16),linear-gradient(90deg,#07130f55,transparent)}.hero-content .home-facts strong{font-size:9px}.hero-content .home-facts>div,.hero-content .home-facts>div:first-child{padding:18px 16px}.hero-content .home-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content .home-facts small{font-size:8px}.hero-actions .home-text-link{font-size:11px;padding:12px 14px}#title-screen :is(#client,#world-guide,#updates,#download){scroll-margin-top:92px}}
@media(max-width:380px){.home-nav-inner{gap:12px}#title-screen .brand-logo-link img{width:116px}#title-screen .hero-content h1{font-size:29px}.hero-content .home-facts strong{font-size:8px}}
.browser-client-cta{display:flex;justify-content:space-between;gap:45px;align-items:center}.browser-client-cta p:not(.home-kicker){color:#aeb9a1;max-width:590px}.browser-client-cta .home-button{flex:none}@media(max-width:700px){.browser-client-cta{display:block}.browser-client-cta .home-button{margin-top:20px}}