.zf-account-page{--zf-account-card-height:320px;min-height:100vh;background:#08171c}.zf-account-page .zf-header{position:relative;inset:auto;background:#091b20ed}.zf-account-atmosphere{position:absolute;z-index:-1;inset:28px 0 auto;height:700px;background:linear-gradient(0deg,#08171c,transparent),linear-gradient(90deg,#08171ce8,#08171cbf),url(/world/valteris-scene-v1.png) center 44%/cover no-repeat;opacity:.7;pointer-events:none}.zf-account-layout{width:min(var(--zf-page-width),calc(100% - 2 * var(--zf-gutter)));margin:40px auto 0;display:grid;grid-template-columns:184px minmax(0,1fr);gap:30px}.zf-account-sidebar{min-width:0;align-self:start}.zf-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 16px;border:1px solid #93a17945;border-radius:var(--zf-radius);background:linear-gradient(150deg,#1c3837a8,#0d2429d9);box-shadow:inset 0 1px #dac59017}.zf-avatar{position:relative;display:grid;place-items:center;width:60px;aspect-ratio:1;border-radius:50%;margin-bottom:16px;border:1px solid #c4aa6e88;background:radial-gradient(ellipse at 50% 100%,#2e6356,#102a2c 66%);box-shadow:inset 0 0 0 5px #071c20,inset 0 0 0 6px #bea66a26;font:600 30px/1 ValterisDisplay,Georgia,serif;color:#edce8d}.zf-avatar:after{content:"";position:absolute;inset:-5px;border-color:#74c8b36e transparent #bda66f3b;border-style:solid;border-width:1px;border-radius:50%;transform:rotate(-28deg)}.zf-profile strong{font:400 27px/1.25 ValterisHeading,Georgia,serif;color:#eed4a4}.zf-profile>span:last-child{font-size:10px;color:#92b6a9;margin-top:6px}.zf-account-sidebar nav{display:flex;flex-direction:column;gap:10px;margin-top:20px}.zf-account-sidebar nav button{position:relative;min-height:44px;text-align:left;border:1px solid #92a17955;background:linear-gradient(145deg,#1d3c3f,#10292e);box-shadow:inset 0 1px #e5d6ac20,0 2px 0 #041419;padding:12px 16px;font:500 12px/1.3 ValterisText,sans-serif;color:#c2d1c3;border-radius:5px;transition:background .2s,color .2s,border-color .2s,transform .2s}.zf-account-sidebar nav button:hover{background:linear-gradient(145deg,#2a504b,#18363b);border-color:#bdb07b;color:#f3d8a5;transform:translateX(2px)}.zf-account-sidebar nav button.is-active{background:linear-gradient(130deg,#71613e7d,#24443f);border-color:#d3b87c;color:#f6dca8;box-shadow:inset 3px 0 #ddc089,inset 0 1px #f0d29f24,0 2px 0 #041419}.zf-account-sidebar nav button.is-active:after{content:"";position:absolute;right:13px;top:50%;width:4px;height:4px;transform:translateY(-50%);border-radius:50%;background:#b6ddbb;box-shadow:0 0 9px #84ccb650}.zf-account-sidebar nav button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0004}.zf-sidebar-world{margin-top:20px;padding:20px 16px;border:1px solid #93a17935;border-radius:var(--zf-radius);background:#10292a8c}.zf-sidebar-world>span{font:600 16px/1.2 ValterisDisplay,Georgia,serif;color:#c2b38c;letter-spacing:.08em}.zf-sidebar-world p{color:#93aea0;font-size:10px;margin-top:8px}.zf-sidebar-world a{display:flex;margin-top:18px}.zf-account-content{min-width:0}.zf-account-heading h1{font-size:clamp(34px,3.3vw,49px);margin-top:8px;line-height:1.12;color:#f0dfbc}.zf-account-heading>p:last-child{margin-top:12px;font-size:12px;color:#a8bfb1}.zf-demo-notice{margin:24px 0;padding:11px 14px;border:1px solid #79b59e38;display:flex;align-items:baseline;gap:12px;background:#13342e66;border-radius:var(--zf-radius)}.zf-demo-notice span{font-size:10px;color:#badcc8;white-space:nowrap}.zf-demo-notice p{font-size:10px;color:#91afa1}.zf-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:20px}.zf-account-page .zf-panel-heading h2{font-size:30px;color:#ecd9b3;margin:0}.zf-panel-heading p:not(.zf-kicker){font-size:11px;color:#96b4a5;margin-top:7px}.zf-panel-heading .zf-kicker{font-size:10px;margin:0 0 8px}.zf-character-grid,.zf-overview-lower,.zf-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zf-gap)}.zf-character{isolation:isolate;position:relative;overflow:hidden;min-width:0;height:var(--zf-account-card-height);text-align:left;border:1px solid #8da38680;background:#10292c;border-radius:var(--zf-radius);padding:24px;box-shadow:inset 0 1px #e4cf9424,0 5px 18px #0002;transition:border-color .25s,box-shadow .25s}.zf-character-0{background:radial-gradient(ellipse at 60% 10%,#8057376b,transparent 78%),#172c2b}.zf-character-1{background:radial-gradient(ellipse at 60% 10%,#28617580,transparent 78%),#102b30}.zf-character:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#08191dfa,#07191ad9 20%,#07191a11 76%);pointer-events:none}.zf-character:hover{border-color:#cfbd87;box-shadow:inset 0 1px #eed3a033,0 0 24px #51b3a017}.zf-character.is-selected{border-color:#d5bd80;box-shadow:inset 0 1px #eed3a033,0 5px 18px #0002}.zf-character-art{position:absolute;z-index:-2;width:1000px;max-width:none;height:auto;top:12px;left:calc(50% - 188px);transition:transform .7s cubic-bezier(.2,.7,.3,1);pointer-events:none}.zf-character-1 .zf-character-art{left:calc(50% - 835px)}.zf-character:hover .zf-character-art{transform:scale(1.025) translateY(-3px)}.zf-character-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 10px/1.2 ValterisText,sans-serif;position:absolute;top:20px;left:24px;right:24px;text-shadow:0 1px 4px #000}.zf-character-top>span:first-child{color:#efbd9b;padding:6px 9px;border:1px solid #e3ad7640;border-radius:4px;background:#462a2470}.zf-character-1 .zf-character-top>span:first-child{color:#a6d7e7;border-color:#93c7d040;background:#163f5570}.zf-character-top>span:last-child{min-width:112px;color:#d8d7b8;background:linear-gradient(#375a4bde,#193a33ed);border:1px solid #a2bf8580;padding:7px 9px;border-radius:4px;text-align:center;box-shadow:inset 0 1px #e9e0aa20}.zf-character.is-selected .zf-character-top>span:last-child{color:#f4da9f;background:linear-gradient(#6c6140e8,#354837ed);border-color:#c8b475b3}.zf-character-copy{display:flex;flex-direction:column;position:absolute;bottom:24px;left:24px;right:24px;padding-right:52px}.zf-character-copy>strong{font:400 34px/1.15 ValterisHeading,Georgia,serif;color:#f1dfb8}.zf-character-copy>span:not(.zf-character-level){font:400 12px/1.4 ValterisText,sans-serif;color:#c3cdb9;margin-top:7px}.zf-character-level{position:absolute;right:0;top:2px;display:flex;flex-direction:column;text-align:center;font:400 35px/1 ValterisHeading,Georgia,serif;color:#e9c78e}.zf-character-level small{font:10px/1.4 ValterisText,sans-serif;color:#94afa0;margin-top:6px}.zf-character-copy .zf-character-place{color:#94b2a4!important;font-size:10px!important}.zf-character-place i{display:inline-block;width:3px;height:3px;margin:2px 5px;border-radius:50%;background:#869c8a}.zf-overview-lower{margin-top:var(--zf-gap);align-items:stretch}.zf-account-panel,.zf-community-card{min-width:0;padding:24px;border:1px solid #92a38459;background:linear-gradient(145deg,#193537e8,#0e272ce8);border-radius:var(--zf-radius);box-shadow:inset 0 1px #d3c39017,0 5px 15px #0001}.zf-overview-lower>section{min-height:var(--zf-account-card-height);display:flex;flex-direction:column;margin:0}.zf-sample{font:400 11px/1.4 ValterisText,sans-serif;color:#9ebda7}.zf-character-details{margin-top:var(--zf-gap)}.zf-character-details .zf-panel-heading{align-items:flex-start;min-height:0;margin-bottom:20px}.zf-character-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;margin:0}.zf-character-details dl>div{border-top:1px solid #91a77f2e;padding-top:12px}.zf-character-details dl>div:last-child{grid-column:1/-1}.zf-character-details dt{font-size:11px;color:#9ab7a4}.zf-character-details dd{font:400 25px/1.3 ValterisHeading,Georgia,serif;color:#e6d1a4;margin-top:7px}.zf-community-card .zf-kicker{font-size:10px;margin:0 0 8px}.zf-community-card h2{font-size:30px;color:#ecd9b3;margin:0;line-height:1.12}.zf-community-card>p:not(.zf-kicker){font-size:12px;color:#adc4b4;margin-top:20px;max-width:39ch}.zf-community-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:22px}.zf-community-card .zf-button{min-width:0;min-height:44px;padding:10px 15px;font-size:16px}.zf-account-footer a,.zf-filters button,.zf-sidebar-world a,.zf-small-link{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 13px;border:1px solid #9eae806b;border-radius:5px;background:linear-gradient(150deg,#2b4745,#123037);box-shadow:inset 0 1px #e4d6ad20,0 2px 0 #041419;color:#ead6ad;font:500 11px/1.25 ValterisText,sans-serif;text-align:center;transition:background .2s,border-color .2s,transform .2s}.zf-account-footer a:hover,.zf-filters button:hover,.zf-sidebar-world a:hover,.zf-small-link:hover{border-color:#dcc48c;background:linear-gradient(150deg,#3b5a4d,#1a3c3f);transform:translateY(-1px)}.zf-account-footer a:active,.zf-filters button:active,.zf-sidebar-world a:active,.zf-small-link:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0005}.zf-account-footer{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0;color:#b7a67c}.zf-account-footer>span{width:100%;margin-top:10px;padding-top:15px;border-top:1px solid #9bbd9124;color:#769b88;font-size:10px}.zf-settings-grid>section{min-height:315px}.zf-settings-grid h2{font-size:30px;color:#ecd9b3;margin-bottom:22px}.zf-settings-grid dl>div{padding-block:12px;border-bottom:1px solid #88a27926}.zf-settings-grid dt{color:#a4bea9;font-size:11px}.zf-settings-grid dd{font-size:13px;color:#ddceaa;margin-top:6px;overflow-wrap:anywhere}.zf-settings-grid h3{font:500 13px/1.4 ValterisText,sans-serif;margin:10px 0}.zf-settings-grid p{font-size:12px;color:#b0c5b4;margin-bottom:15px}.zf-settings-grid .zf-sample{font-size:11px}.zf-settings-label{margin-top:22px}.zf-filters{display:flex;flex-wrap:wrap;gap:10px}.zf-filters button[aria-pressed=true]{background:linear-gradient(130deg,#71613e7d,#24443f);border-color:#d3b87c;color:#f6dca8}@media(max-width:1100px){.zf-account-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.zf-profile{padding-inline:12px}.zf-demo-notice{display:block}.zf-demo-notice p{margin-top:4px}.zf-character-copy,.zf-character-top{left:20px;right:20px}.zf-character-top>span:last-child{min-width:100px;font-size:9px}}@media(max-width:1024px){.zf-overview-lower,.zf-settings-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.zf-account-page{--zf-account-card-height:300px}.zf-account-layout{margin-top:24px;grid-template-columns:minmax(0,1fr);gap:24px}.zf-account-sidebar{display:grid;grid-template-columns:1fr}.zf-profile{padding:17px 19px;display:grid;grid-template-columns:40px 1fr;gap:3px 13px;text-align:left;align-items:center}.zf-avatar{width:36px;font-size:20px;grid-row:1/3;margin:0}.zf-avatar:after{inset:-3px}.zf-profile strong{font-size:24px}.zf-profile>span:last-child{margin:0;font-size:10px}.zf-account-sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;gap:8px}.zf-account-sidebar nav button{min-height:42px;padding:9px 5px;text-align:center;font-size:11px}.zf-account-sidebar nav button.is-active:after{display:none}.zf-account-sidebar nav button:hover{transform:translateY(-1px)}.zf-sidebar-world{display:none}.zf-account-heading h1{font-size:34px}.zf-account-heading .zf-kicker{font-size:10px}.zf-account-heading>p:last-child{font-size:12px}.zf-demo-notice{margin-block:20px}.zf-panel-heading{gap:12px;margin-bottom:18px}.zf-account-page .zf-panel-heading h2{font-size:28px}.zf-panel-heading p:not(.zf-kicker){font-size:10px}.zf-small-link{font-size:10px;padding-inline:10px}.zf-character{height:300px}.zf-character-art{width:820px;left:calc(50% - 154px);top:20px}.zf-character-1 .zf-character-art{left:calc(50% - 685px)}.zf-character-top{left:18px;right:18px;top:18px}.zf-character-copy{left:18px;right:18px;bottom:20px}.zf-account-panel,.zf-community-card{padding:20px}.zf-community-card h2{font-size:28px}.zf-account-footer{gap:8px}.zf-account-footer a{font-size:10px;padding-inline:11px}}@media(max-width:600px){.zf-character-grid{grid-template-columns:minmax(0,1fr)}.zf-character{height:300px}.zf-character-top>span:last-child{font-size:10px;min-width:112px}}@media(max-width:360px){.zf-account-page .zf-panel-heading h2{font-size:26px}.zf-small-link{padding-inline:8px}.zf-character-details dd{font-size:23px}.zf-account-sidebar nav button{font-size:10px}}