/* Meridian — shared front door, account and character art direction. Local assets only. */
:root{--ink:#f4f2e9;--dim:#a4aaa5;--gold:#d5ef72;--line:rgba(235,239,222,.14);--ui:'Segoe UI',Arial,sans-serif;--head:Impact,'Arial Narrow','Arial Black',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:#101411}
body.fd{background:#101411;color:var(--ink);font:14px/1.6 var(--ui);overflow-x:hidden;min-width:320px}
.fd [hidden]{display:none!important}.fd a{text-decoration:none}.fd button,.fd a,.fd input{ -webkit-tap-highlight-color:transparent }
.fd :focus-visible{outline:2px solid var(--gold);outline-offset:5px}.fd ::selection{background:var(--gold);color:#141a11}
.fd-keyart{position:absolute;inset:0 0 auto;height:850px;background:#28312d url('../art/meridian-keyart.png') 58% 42%/cover no-repeat;z-index:0}
.fd-shade{position:absolute;inset:0 0 auto;height:852px;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,16,15,.86),rgba(10,16,15,.46) 40%,rgba(10,16,15,.02) 67%,rgba(10,16,15,.16)),linear-gradient(0deg,#101411 0%,transparent 38%,rgba(9,15,13,.38) 100%)}
.fd-head{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:25px;padding:25px 4.8%;border-bottom:1px solid rgba(242,242,225,.15);background:transparent;max-width:1800px;margin:auto}
.fd-mark{display:flex;align-items:center;gap:12px;color:var(--ink)}.fd-badge{position:relative;display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--ink);border-radius:2px;background:none;color:var(--ink);font:25px/1 var(--head);letter-spacing:-1px;box-shadow:none;transform:skewY(-5deg)}
.fd-badge>span{position:absolute;right:-7px;bottom:-5px;background:#131915;padding:1px;font:14px/1 var(--ui);color:var(--gold)}
.fd-wordmark{font:22px/1 var(--head);letter-spacing:1px;color:var(--ink)}.fd-wordmark small{display:block;color:var(--gold);font:700 9px/1 var(--ui);letter-spacing:3.5px;margin-top:7px}
.fd-nav{display:flex;gap:24px;align-items:center}.fd-headlink{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:transparent;border:1px solid var(--line);padding:10px 17px;border-radius:3px;color:var(--ink);font:600 12px/1.5 var(--ui);cursor:pointer;letter-spacing:.02em}.fd-headlink:hover{background:rgba(213,239,114,.08);border-color:#9ca887;color:var(--gold)}.fd-headlink.ghost{background:transparent}.fd-explore{border-color:transparent;padding:8px 0}.fd-explore span{color:var(--gold);font-size:17px}
.fd-edition{display:flex;align-items:center;gap:8px;color:#e1e5d8;font:600 9px/1 var(--ui);letter-spacing:1.7px;white-space:nowrap}.fd-edition i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #d5ef7250}.fd-who{color:var(--dim);font-size:12px}.fd-who em{color:var(--gold);font-style:normal}
.fd-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 328px;align-items:center;gap:38px;max-width:1800px;min-height:638px;margin:0 auto;padding:54px 4.8% 50px}
.fd-hero{max-width:730px;padding:0}.fd-eyebrow{display:flex;align-items:center;gap:12px;font:700 10px/1.5 var(--ui);letter-spacing:2px;color:var(--gold);margin:0 0 25px}.fd-line{display:inline-block;width:25px;height:1px;background:var(--gold)}
.fd-hero h1{font:normal clamp(66px,7.7vw,122px)/.98 var(--head);letter-spacing:-.01em;margin:0 0 26px;text-transform:uppercase;text-shadow:0 3px 35px #0002}.fd-hero h1 em{font-style:normal;color:var(--gold);text-shadow:none}
.fd-lede{font:400 15px/1.8 var(--ui);color:#dddcd2;max-width:380px;margin:0 0 28px}.fd-cta{display:flex;align-items:center;gap:20px}.fd-play{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:56px;background:var(--gold);border:1px solid var(--gold);border-radius:3px;padding:15px 23px;color:#182013;font:800 13px/1.3 var(--ui);letter-spacing:.7px;box-shadow:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.fd-play:hover{background:#e5ff94;transform:translateY(-2px);box-shadow:0 8px 25px #040b0440}.fd-play:active{transform:translateY(0);box-shadow:none}.fd-play:disabled{opacity:.6;cursor:wait}.fd-playico{font:24px/1 var(--ui);letter-spacing:0}.fd-ctanote{color:#d2d5c9;font:600 9px/1.9 var(--ui);letter-spacing:1.2px}.fd-play.small{min-height:43px;padding:12px 18px;font:800 11px/1.3 var(--ui);letter-spacing:.4px}
.fd-playnote{font-size:10px;color:#aeb5ac;margin:17px 0 0}.fd-playnote>span{color:var(--gold);margin-right:5px}.fd-status{font-size:13px;color:var(--gold)}.fd-err{font-size:12px;color:#ffad9b;line-height:1.6}.fd-coordinates{display:flex;gap:24px;margin-top:44px;align-items:center;color:#8d9a90;font:600 8px/1 var(--ui);letter-spacing:1.8px}.fd-coordinates span:first-child{border:1px solid #88998050;padding:5px 7px;color:#c2cdb9}.fd-coordinates span:last-child{font-size:17px;color:var(--gold)}
.fd-account{width:100%;padding:25px 26px 17px;align-self:center;background:rgba(16,23,20,.93);border:1px solid rgba(205,219,185,.22);border-radius:5px;box-shadow:0 18px 60px #0003;backdrop-filter:blur(16px);scroll-margin-top:24px}.fd-cardtop{display:flex;justify-content:space-between;align-items:center;color:#a1ac97;font:600 8px/1 var(--ui);letter-spacing:1.8px;margin-bottom:17px}.fd-cardstar{font-size:25px;color:var(--gold)}.fd-auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.fd-auth-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 10px;background:transparent;color:#a0a99f;cursor:pointer;font:600 11px var(--ui)}.fd-auth-tabs [aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}
.fd-account h2{font:500 27px/1.2 var(--ui);letter-spacing:-1px;margin:0 0 9px;color:var(--ink)}.fd-accountlede{font:12px/1.75 var(--ui);color:#a5aea2;margin:0 0 22px}.fd-form label{display:block;font:600 8px/1.4 var(--ui);color:#bfc8b9;letter-spacing:1px;margin:0 0 15px}.fd-form input[type=email],.fd-form input[type=password],.fd-form input[type=text],.fd-form input:not([type]){display:block;width:100%;height:44px;margin:7px 0 0;padding:11px 12px;color:var(--ink);background:#080e0c6b;border:1px solid #bac9ab30;border-radius:3px;outline:none;font:12px var(--ui);letter-spacing:0}.fd-form input::placeholder{color:#778175}.fd-form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d5ef720d}.fd-password{display:block;position:relative}.fd-password input{padding-right:51px!important}.fd-password button{position:absolute;right:9px;top:0;height:44px;border:0;background:none;color:#b9c5ad;font:10px var(--ui);cursor:pointer}.fd-remember{display:flex!important;align-items:center;gap:7px;font:10px var(--ui)!important;letter-spacing:0!important;color:#a8b1a4!important;margin:1px 0 19px!important}.fd-remember input{accent-color:var(--gold);width:12px;height:12px;margin:0}
.fd-submit{display:flex;justify-content:space-between;align-items:center;border:1px solid #b9c8ab3b;border-radius:3px;min-height:44px;padding:12px 16px;background:#e5e9da;color:#182014;font:800 10px/1.2 var(--ui);letter-spacing:.6px;cursor:pointer;margin-top:0}.fd-submit:hover{background:var(--gold)}.fd-submit span:last-child{font-size:19px}.fd-submit:disabled{opacity:.5;cursor:wait}.fd-accountfoot{font-size:10px;color:#879380;margin:18px 0 0}.fd-accountfoot a{display:block;color:#d4deb7;font-size:11px;margin-top:3px}.fd-cardbottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:21px;color:#718069;font:600 7px/1 var(--ui);letter-spacing:1.2px}
.fd-city{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1800px;margin:0 auto;padding:31px 4.8%;gap:26px;background:#101411e8}.fd-cityintro{padding-top:6px}.fd-cityintro .fd-eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:15px}.fd-cityintro h2{font:500 26px/1.3 var(--ui);letter-spacing:-1px;margin:0}.fd-feature{display:block;padding:5px 0 5px 26px;border-left:1px solid var(--line);color:var(--ink);transition:background .2s}.fd-featuretop{display:flex;justify-content:space-between;font:700 8px/1 var(--ui);letter-spacing:1.2px;color:#a9b298}.fd-featuretop>span:last-child{font:20px/1 var(--ui);color:var(--gold);padding-right:10px}.fd-feature h3{font:600 16px/1.45 var(--ui);letter-spacing:-.3px;margin:13px 0 8px}.fd-feature p{color:#8f998a;font-size:10px;line-height:1.9;margin:0}.fd-feature:hover h3{color:var(--gold)}
.fd-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1800px;margin:auto;padding:23px 4.8% 30px;color:#717d70;font:9px/1.5 var(--ui);letter-spacing:.3px;text-align:left}.fd-foot>span:last-child{display:flex;gap:22px}.fd-foot a{color:#98a28e}.fd-foot i{margin:0 10px;font-style:normal}.fd-footcity{color:#b3c19b;font-size:8px;letter-spacing:1.3px}
/* The casting room uses the actual animated in-game character. */
.fd-create{background:radial-gradient(ellipse at 25% 20%,#28332c 0,transparent 55%),#101411!important}.fd-create #skyline{display:none}.fd-create .fd-shade{height:100%;position:fixed;background:linear-gradient(120deg,#0d151326,transparent),url('../art/meridian-keyart.png') center/cover;opacity:.07}.fd-createmain{display:block;max-width:1360px;min-height:0;padding-top:35px}.cr-picker h2,.cr-list h2{font:normal 54px/1.1 var(--head);letter-spacing:.5px;margin:5px 0 8px}.cr-lede{font-size:13px;color:var(--dim);margin-bottom:25px}.cr-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cr-pick,.cr-card{position:relative;padding:0;overflow:hidden;border:1px solid #cbd9b526;border-radius:4px;background:#141b17;box-shadow:0 12px 25px #0001;transition:transform .2s,border-color .2s}.cr-pick:hover{border-color:#c5db8870;transform:translateY(-3px)}.cr-pick canvas,.cr-card canvas{display:block;width:100%;height:245px;object-fit:contain;border-radius:0;background:radial-gradient(ellipse at 50% 40%,#394339,#1c271f 65%,#141b17)}.cr-pick b,.cr-card b{font:600 19px/1.3 var(--ui);letter-spacing:-.5px;padding:0 17px;margin-top:14px}.cr-pick>span,.cr-card>span{padding:0 17px;color:#93a38e;font:11px/1.6 var(--ui)}.cr-pick .row,.cr-card .row{padding:6px 16px 17px;display:flex;gap:6px;margin:0}.cr-pick .fd-play,.cr-card .fd-play{justify-content:center;flex:1}.cr-pick .fd-headlink{padding:8px 10px;font-size:10px}.cr-ownart{height:245px;background:radial-gradient(ellipse at 50% 40%,#2e3d29,#192217);color:#d5ef7280;border-radius:0;font:70px var(--ui)}.cr-own{border-style:dashed}.cr-cards{gap:20px}.cr-list{margin-bottom:35px}
.cr-creator{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(380px,1fr);align-items:stretch;gap:0;border:1px solid #c9d8b82b;border-radius:5px;overflow:hidden;margin:35px 0 15px;background:#111a15}.cr-preview{position:relative;display:grid;place-items:center;border:0;border-right:1px solid var(--line);border-radius:0;background:radial-gradient(ellipse at 50% 45%,#3a4736,#1b271e 70%);min-height:590px;overflow:hidden}.cr-preview:before{content:'MERIDIAN / IDENTITY STUDIO';position:absolute;top:26px;left:27px;color:#bdd0a78c;font:600 8px var(--ui);letter-spacing:2px}.cr-preview:after{content:'MAKE YOUR MARK.';position:absolute;bottom:56px;left:0;right:0;text-align:center;font:normal 35px var(--head);letter-spacing:3px;color:#bcc8ab16;pointer-events:none}.cr-preview canvas{position:relative;width:100%;max-width:430px;height:auto;max-height:610px;z-index:1;touch-action:none}.cr-hint{bottom:22px;font:10px var(--ui);letter-spacing:1px;color:#a2b394;z-index:2}.cr-form{border:0;border-radius:0;padding:35px 37px;background:#111a15}.cr-form h2{font:normal 35px/1.1 var(--head);letter-spacing:.5px;margin-bottom:25px}.cr-form label{font:600 10px var(--ui);letter-spacing:1px;color:#aebaa4}.cr-form input{padding:13px;border-color:#b3c89d3d;background:#0b120e;border-radius:3px;font:14px var(--ui)}.cr-row{grid-template-columns:81px 1fr;gap:12px;margin-bottom:17px}.cr-row>span{font-size:11px;color:#a3b29b}.cr-opt{min-width:30px;height:30px;border-radius:2px;background:#1b251e;font:600 10px var(--ui);border-color:#bdcbb526}.cr-opt.on{background:var(--gold);color:#1d2714}.cr-swatch{width:23px;height:23px;border:2px solid #ffffff13;box-shadow:0 0 0 1px #0004}.cr-swatch.on{border-color:#141c13;outline:2px solid var(--gold);outline-offset:2px}.cr-swatches{gap:8px}.cr-opts{gap:5px}.cr-actions{border-top:1px solid var(--line);padding-top:24px;justify-content:space-between;margin-top:25px}.fd-docmain{max-width:780px;display:block}.fd-docmain h1{font:48px var(--head)}
@media(min-width:1600px){.fd-main{min-height:740px}.fd-keyart,.fd-shade{height:960px}.fd-hero h1{font-size:132px}.fd-account{width:350px;justify-self:end}.fd-main{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1100px){.fd-main{gap:24px;grid-template-columns:minmax(0,1fr) 300px;padding-top:42px}.fd-hero h1{font-size:clamp(59px,7.7vw,86px)}.fd-ctanote{display:none}.fd-account{padding:22px}.fd-nav{gap:16px}.fd-city{gap:18px}.fd-feature{padding-left:18px}.fd-cityintro h2{font-size:22px}.fd-cityintro .fd-eyebrow{font-size:7px}.cr-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.fd-head{padding:19px 5%;gap:10px}.fd-nav{gap:15px}.fd-edition,.fd-explore{display:none}.fd-wordmark{font-size:18px}.fd-badge{width:36px;height:36px;font-size:21px}.fd-wordmark small{font-size:7px}.fd-main{grid-template-columns:1fr;padding:48px 6% 38px;gap:44px}.fd-hero h1{font-size:clamp(66px,12vw,102px)}.fd-hero{max-width:650px}.fd-lede{font-size:14px;max-width:345px}.fd-keyart{height:720px;background-position:62% 0;background-size:auto 720px}.fd-shade{height:725px;background:linear-gradient(90deg,#0b1213d9,#0b121340),linear-gradient(0deg,#101411 0,transparent 60%)}.fd-account{max-width:540px;justify-self:center;padding:28px;background:#131d17}.fd-coordinates{margin-top:32px}.fd-city{grid-template-columns:1fr 1fr;padding:30px 6%;gap:28px}.fd-cityintro{grid-column:1/-1}.fd-cityintro h2 br{display:none}.fd-feature{padding-left:16px}.fd-feature:last-child{grid-column:1/-1}.fd-foot{flex-direction:column;align-items:flex-start;padding:24px 6% 70px}.fd-createmain{padding:26px 5%}.cr-creator{grid-template-columns:1fr;margin-top:25px}.cr-preview{min-height:430px;border-right:0;border-bottom:1px solid var(--line)}.cr-preview canvas{max-height:430px;width:auto;max-width:100%}.cr-form{padding:26px}.cr-picker h2,.cr-list h2{font-size:44px}.cr-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cr-pick canvas,.cr-ownart{height:225px}.cr-pick b{font-size:17px}.cr-pick .row{padding:8px 12px 13px;flex-wrap:wrap}.cr-pick .fd-play{font-size:10px}.fd-nav .fd-who{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:400px){.fd-hero h1{font-size:60px}.fd-cta .fd-play{width:100%;max-width:290px}.fd-city{grid-template-columns:1fr}.fd-cityintro,.fd-feature:last-child{grid-column:auto}.fd-footcity{display:none}.cr-pick canvas,.cr-ownart{height:180px}.cr-pick b{font-size:15px}.cr-pick>span{min-height:48px}.cr-form{padding:24px 17px}.cr-row{grid-template-columns:65px 1fr}.cr-swatch{width:20px;height:20px}.fd-signlink{padding:8px 10px}.fd-nav{gap:8px}}
.fd .fd-play>span{color:inherit;min-height:0;font:inherit}.fd .fd-play>.fd-playico{font-size:20px}.fd #vgbRoot{top:auto!important;bottom:0!important}.fd #vgbBar{top:auto!important;bottom:13px!important}.fd #vgbBar .vgb-i:after{top:auto!important;bottom:calc(100% + 8px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fd *, .fd *:before,.fd *:after{animation:none!important;transition:none!important}}