/* Dimensions and colors measured against the supplied public reference. */
@font-face{font-family:Circe;src:url('/assets/reference/fonts/Circe/Circe-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Circe;src:url('/assets/reference/fonts/Circe/Circe-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Circe;src:url('/assets/reference/fonts/Circe/Circe-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
body{font-family:Circe,'Segoe UI',sans-serif;background:#0d111a}
:root{--gold:#ffcf00;--blue:#0083e7}
.container{width:min(1400px,95%)}
h2,h3,.section-nav,.primary-nav{font-family:Circe,'Segoe UI',sans-serif}
.button{font-family:Arial,sans-serif;font-weight:700;border:0;border-radius:28px;text-transform:uppercase}
.button.gold{color:#fff;border:0;background:radial-gradient(139.5% 418.38% at 100% 157.5%,#d2007880 0,#d2007800 100%),#ffd600;box-shadow:0 10px 20px #f3a41d1a,0 5px 20px #f3a41d40,inset 0 -2px 2px #0922394d,inset 0 2px 2px #ffffff4d}
.button.blue{border:0;background:radial-gradient(421.99% 144.78% at 100% 157.5%,#d2007880 0,#d2007800 100%),#0083e7;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 2px #0922394d,0 5px 10px #0083e740,0 10px 20px #0083e71a}
.button:hover{transform:none;filter:brightness(1.13)}
.topbar{height:70px;min-height:70px;gap:20px;padding:0 20px;background:linear-gradient(100deg,#113664,#102544 55%,#292133);position:sticky;top:0;z-index:40}
.brand{min-width:70px}.brand span{font-size:16px}.brand b{font-size:30px}
.server-select{height:70px;min-width:200px;padding:8px 20px;background:linear-gradient(90deg,#17274955,#14203cb0),url('/assets/blitz-battle.png') 20% 25%/cover;border:0}
.server-select small{font:800 10px Circe;color:#ffde25;letter-spacing:0}.server-select strong{font:800 18px Circe;margin:0}.server-select>span{font:700 12px Circe}
.primary-nav{font:700 14px Circe;gap:12px;justify-content:center;min-width:0}
.nav-link,.primary-nav summary{position:relative;display:flex;flex-direction:column;gap:4px;padding:9px 10px;line-height:1.1;color:#d5ddea}
.primary-nav summary>span{position:absolute;right:0;bottom:13px;font-size:12px}.primary-nav summary>img{width:24px;height:25px;object-fit:contain}
.nav-symbol{width:24px;height:25px;fill:currentColor;display:block;flex-shrink:0}.downloads{color:#29bbec}.primary-nav details:first-of-type>summary{color:#68c959}
.dropdown{left:50%;transform:translateX(-50%);width:320px;padding:8px;background:linear-gradient(140deg,#192747,#231d32);border:1px solid #ffffff1f;border-radius:0 0 15px 15px}
.primary-nav details:last-child .dropdown{left:auto;right:0;transform:none}.dropdown a{min-height:64px;font:700 14px Circe}.dropdown img{width:44px;height:44px}.dropdown small{font:700 11px Circe;color:#ffffff80}
.account-actions{gap:20px;flex-shrink:0}.account-actions .small{height:44px;min-height:44px;padding:0 20px;font-size:14px;border-radius:25px}
.language-menu{position:relative;flex:0 0 40px}.language-menu summary{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;border-radius:50%;border:1px solid #ffffff1a;background:#ffffff12;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu svg{width:22px;height:22px;fill:none;stroke:#e4e6e8;stroke-width:1.3}.language-menu summary>span,.language-menu summary>b{display:none}.language-menu[open] summary,.language-menu summary:hover{background:#ffffff25}.language-options{position:absolute;top:48px;right:0;padding:8px;min-width:160px;border:1px solid #45506b;background:#1c2438;border-radius:12px;box-shadow:0 12px 28px #0008}.language-options button{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;border:0;border-radius:8px;background:#ffffff09;color:#fff;padding:10px 14px}.language-options button:hover{background:#ffffff18}
.section-nav{height:54px;gap:0;justify-content:space-around;background:#18243bee;font:700 14px Circe;letter-spacing:0}.section-nav a{padding:0 28px;color:#b7becd}.section-nav a.active{color:#fff;border-bottom:2px solid #ed9838;box-shadow:0 5px 12px -7px #ffc000}
.hero{display:block;min-height:820px;background-position:center top;background-size:cover}.hero-content{padding:70px 24px 100px;max-width:1400px;width:100%;margin:auto}.hero::after{background:radial-gradient(ellipse at 50% 35%,#030c1480,transparent 70%)}
.hero .eyebrow,.hero-caption{display:none}.hero h1{font-size:80px;line-height:.9;letter-spacing:-1px;margin:0 0 26px}.hero h1>span{font-size:100px;line-height:1;letter-spacing:-3px;margin-top:8px;background:linear-gradient(0deg,#ffc300,#ff7b00);background-clip:text;filter:none;text-shadow:0 0 50px #ff7b0025}
.hero-chips{gap:10px;margin:0 0 30px}.hero-chips span{font:600 16px Montserrat;padding:11px 18px;background:#0308108c;border:1px solid #ffc30055;box-shadow:none;backdrop-filter:blur(8px)}
.hero-actions{gap:15px;margin:10px 0 52px}.hero-actions .button{min-width:0;height:66px;padding:0 48px;font-size:18px;border-radius:33px}.hero-actions b{display:none}.start-label{font:400 24px Circe;letter-spacing:0;color:#fff;margin-bottom:20px}.start-label b{color:#ffcf00}
.starter-cards{gap:24px}.starter-cards a{position:relative;isolation:isolate;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;width:160px;height:100px;border:0;padding:7px 14px;border-radius:10px;overflow:hidden;background:none}.starter-cards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.starter-cards b{font:800 23px/1 Circe;background:linear-gradient(90deg,#efd562,#f2ae00);background-clip:text;color:transparent;display:block}.starter-cards small{position:absolute;top:0;left:0;background:#ff5f00;color:#fff;border-radius:0 0 10px 0;padding:4px 8px;margin:0;font:800 12px Circe}.starter-cards span{max-width:132px}
.realm-strip{display:none}#home-about{padding-top:80px}#home-about>.section-heading{display:none}
.reference-bento{display:flex;gap:10px;min-height:740px}.bento-column{display:flex;flex-direction:column;gap:10px;min-width:0}.bento-column:nth-child(1){flex:16}.bento-column:nth-child(2){flex:40}.bento-column:nth-child(3){flex:25}.bento-column:nth-child(4){flex:16}
.realm-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff26;border-radius:20px;background:#012d6b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:16px;min-height:100px;flex:1}.realm-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.realm-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#06162b40);z-index:-1}.realm-card:hover{border-color:#76b3ec;filter:brightness(1.1)}.realm-card strong{font:800 36px/1 Circe;color:#ffdc25}.realm-card span{font:800 30px/.95 Circe;color:#fff}.realm-card small{font:400 17px/1.1 Circe;color:#e4e8ef}.realm-card.wide-view{flex:2.7;justify-content:flex-end}.realm-card.wide-view img{object-position:top}.realm-card.wide-view strong{font-size:43px}.realm-card.quest-card{flex:.8;flex-direction:row;justify-content:space-between}.quest-card strong{font-size:29px;max-width:130px}.realm-card.info-card{flex:2.7}.info-card dl{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;text-align:left;margin:0}.info-card div:nth-child(even){text-align:right}.info-card dt{font:800 36px/1 Circe;color:white}.info-card dd{font:400 15px/1.1 Circe;color:#afbbd0;margin:5px 0 0}.realm-card.dungeon-card{flex:1.25;min-height:155px}.realm-card.fair-card{flex:.15;min-height:54px;background:#163057}.fair-card span{font-size:26px;color:#b4b9c780}.realm-card.skin-card{align-items:flex-start}.skin-card strong{font-size:42px}.realm-card.interface-card{flex:1.4;justify-content:flex-end}.realm-card.land-card{flex:2.4}.realm-card.guild-card{justify-content:flex-start}.realm-card.market-card{justify-content:flex-end}.realm-card.market-card strong{font-size:25px}.realm-card.rewards-card{justify-content:space-between}
.section-heading h2{font-family:Circe;font-size:56px;letter-spacing:0;line-height:1;font-weight:800}.section-heading p{font:400 22px/1.4 Circe}.section-heading small{display:none}.section-heading{max-width:1000px;margin-bottom:50px}.section{padding-bottom:80px}
.content-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 22px;scrollbar-width:thin}.content-card{flex:0 0 calc(25% - 15px);scroll-snap-align:start}.content-card>div{padding:20px}.content-card h3{font:800 22px/1.1 Circe}.features-grid{gap:35px;grid-template-columns:repeat(3,1fr)}.feature-detail h3{font:800 21px/1.2 Circe}.feature-detail p{font:400 17px/1.5 Circe}.feature-detail img{width:64px;height:64px}.creators h2{font:800 56px/1 Circe;letter-spacing:0}
.landing-registration{display:grid;grid-template-columns:1fr 1fr;gap:8%;text-align:left;align-items:center;max-width:1200px}.landing-registration h2{font:800 56px/1 Circe;letter-spacing:0}.landing-registration form{background:#121825b0;padding:28px;border-radius:18px;border:1px solid #fff2}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.landing-registration label{font:400 16px Circe}.landing-registration input{background:#202b3d;border-radius:10px;border-color:#41495b}.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#168ed5}.check-label a{text-decoration:underline}.landing-registration .starter-cards{justify-content:flex-start;gap:12px}.landing-registration .starter-cards a{width:145px;height:90px}.landing-registration .starter-cards b{font-size:21px}.landing-registration .start-label{font-size:21px}
.page-title h1{font-family:Circe;font-weight:800;font-size:48px;letter-spacing:0}.page-title small{display:none}.page-title p{font-size:20px}.vip-grid .product-card img{width:160px;height:140px}.product-card h3{font:800 26px Circe}.product-card span{font:700 12px Circe}.class-filter img{width:28px;height:28px;vertical-align:middle;margin-right:6px}
@media(min-width:1600px){.topbar{padding:0 32px}.server-select{min-width:220px}.primary-nav{gap:25px}.nav-link,.primary-nav summary{padding-inline:15px}.hero{min-height:910px;background-size:100% auto}.hero-content{padding-top:100px}.hero h1>span{font-size:120px}.section-nav{justify-content:center}.section-nav a{padding-inline:34px}#home-about{padding-top:100px}}
@media(max-width:1250px) and (min-width:961px){.topbar{gap:12px;padding-inline:15px}.server-select{min-width:150px;padding-inline:12px}.primary-nav{font-size:12px;gap:5px}.nav-link,.primary-nav summary{padding-inline:7px}.account-actions{gap:9px}.account-actions .small{font-size:12px;padding-inline:15px}.section-nav a{padding-inline:16px}.hero h1>span{font-size:90px}}
@media(max-width:960px){.topbar{height:auto;min-height:70px;gap:12px;padding:10px 18px;position:sticky}.server-select{display:none}.brand{margin-right:auto}.account-actions{margin-left:0;gap:10px}.account-actions .small{font-size:12px;min-height:38px;height:38px;padding-inline:18px}.language-menu{flex-basis:36px}.language-menu summary{width:36px;height:36px;padding:7px}#mobile-menu{border-radius:50%;width:36px;height:36px;background:#fff1}.primary-nav{gap:5px;order:6;width:100%;flex-basis:100%;justify-content:space-around}.primary-nav .dropdown,.primary-nav details:last-child .dropdown{left:0;right:0;transform:none;width:100%}.nav-link,.primary-nav summary{padding:10px 12px;font-size:12px;min-height:65px}.section-nav{height:50px;justify-content:flex-start;gap:0}.section-nav a{padding:0 20px;flex-shrink:0;font-size:12px}.hero{min-height:730px;background-size:auto 840px;background-position:center top}.hero-content{padding:70px 24px 90px}.hero h1{font-size:60px}.hero h1>span{font-size:70px;letter-spacing:-2px}.hero-chips span{font-size:12px;padding:9px 14px}.hero-actions .button{height:56px;min-height:56px;font-size:17px;padding-inline:34px}.hero-actions{margin-bottom:42px}.start-label{font-size:22px}.reference-bento{display:grid;grid-template-columns:1fr 1fr;min-height:0}.bento-column{min-height:600px}.reference-bento .realm-card{min-height:110px}.content-card{flex-basis:calc(50% - 10px)}.section-heading h2{font-size:44px}.section-heading p{font-size:19px}.features-grid{grid-template-columns:1fr 1fr;gap:22px}.feature-detail h3{font-size:18px}.creators h2{font-size:42px}.landing-registration{gap:30px}.landing-registration h2{font-size:44px}.landing-registration .starter-cards{flex-wrap:wrap}.landing-registration .starter-cards a{width:120px;height:80px}.landing-registration form{padding:20px}.form-pair{grid-template-columns:1fr;gap:0}.vip-grid .product-card img{width:110px;height:110px}}
@media(max-width:640px){.container{width:calc(100% - 32px)}.topbar{gap:9px;padding:10px 12px}.brand{min-width:53px}.brand span{font-size:12px}.brand b{font-size:24px}.account-actions{gap:7px}.account-actions .small{padding-inline:12px;font-size:10px;height:34px;min-height:34px}.language-menu{flex-basis:32px}.language-menu summary,#mobile-menu{width:32px;height:32px}.language-menu svg{width:19px;height:19px}.language-menu summary{padding:6px}.section-nav{height:44px;padding:0}.section-nav a{font-size:11px;padding-inline:17px}.hero{min-height:760px;background-size:auto 760px;background-position:center top}.hero-content{padding:100px 16px 60px}.hero h1{font-size:44px;letter-spacing:-1px;margin-bottom:24px}.hero h1>span{font-size:48px;line-height:1.02;letter-spacing:-2px;margin-top:12px}.hero-chips{display:grid;grid-template-columns:1fr 1fr;max-width:320px;margin:0 auto 24px;gap:8px}.hero-chips span{font-size:11px;padding:9px}.hero-actions{flex-direction:column;gap:14px;max-width:340px;margin:0 auto 36px}.hero-actions .button{width:100%;height:56px;padding:0 22px;font-size:17px}.start-label{font-size:18px;line-height:1.3;margin-bottom:18px}.starter-cards{gap:12px}.starter-cards a{width:calc((100vw - 60px)/3);height:auto;aspect-ratio:1.6;padding:6px 8px}.starter-cards b{font-size:17px}.starter-cards small{font-size:9px;padding:3px 5px}.hero::after{background:linear-gradient(#0c142220,#0c142255 30%,#0c142299 65%,#0d111a)}#home-about{padding-top:30px}.reference-bento{display:flex;flex-direction:column}.bento-column{min-height:0;display:grid;grid-template-columns:1fr 1fr}.bento-column:nth-child(1) .realm-card:last-child{display:none}.bento-column:nth-child(2){grid-template-columns:1fr}.bento-column:nth-child(3){grid-template-columns:1fr 1fr}.bento-column:nth-child(4){grid-template-columns:1fr 1fr}.reference-bento .realm-card{min-height:165px}.realm-card.wide-view strong{font-size:30px}.realm-card>span{font-size:25px}.realm-card>strong{font-size:30px}.realm-card.fair-card{min-height:60px}.realm-card.info-card{padding:28px}.info-card dl{gap:22px}.info-card dt{font-size:30px}.bento-column:nth-child(4) .guild-card{display:none}.realm-card.land-card{grid-column:1/-1;min-height:270px}.section-heading h2{font-size:36px}.section-heading p{font-size:18px}.section-heading{margin-bottom:30px}.content-card{flex-basis:83%}.features-grid{grid-template-columns:1fr}.feature-detail{padding-block:8px 20px}.feature-detail h3{font-size:20px}.creators h2{font-size:38px}.landing-registration{grid-template-columns:1fr}.landing-registration h2{font-size:42px}.join-banner{padding:55px 0}.landing-registration form{padding:22px}.landing-registration .starter-cards{flex-wrap:nowrap;gap:10px}.landing-registration .starter-cards a{width:calc((100vw - 52px)/3);height:auto;aspect-ratio:1.6}.landing-registration .starter-cards b{font-size:17px}.page-title h1{font-size:36px}.page-title p{font-size:17px}.vip-grid .product-card img{width:100px;height:100px}.product-card h3{font-size:21px}.compact h3{font-size:14px}}
@media(max-width:360px){.topbar{gap:6px;padding-inline:8px}.account-actions .small{padding-inline:9px;font-size:9px}.hero h1{font-size:40px}.hero h1>span{font-size:41px}.starter-cards b{font-size:15px}.language-menu{flex-basis:30px}.language-menu summary,#mobile-menu{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Original BLITZ character and guide artwork. */
.atlas-art{background-repeat:no-repeat;background-color:#071e2b;overflow:hidden}.class-art{background-image:url('/assets/blitz-classes-atlas.png');background-size:400% 200%;aspect-ratio:3/4}.class-0{background-position:0 0}.class-1{background-position:33.333333% 0}.class-2{background-position:66.666667% 0}.class-3{background-position:100% 0}.class-4{background-position:0 100%}.class-5{background-position:33.333333% 100%}.class-6{background-position:66.666667% 100%}.class-7{background-position:100% 100%}.guide-art{background-image:url('/assets/blitz-guides-atlas.png');background-size:400% 300%;aspect-ratio:1}.guide-0{background-position:0 0}.guide-1{background-position:33.333333% 0}.guide-2{background-position:66.666667% 0}.guide-3{background-position:100% 0}.guide-4{background-position:0 50%}.guide-5{background-position:33.333333% 50%}.guide-6{background-position:66.666667% 50%}.guide-7{background-position:100% 50%}.guide-8{background-position:0 100%}.guide-9{background-position:33.333333% 100%}.guide-10{background-position:66.666667% 100%}.guide-11{background-position:100% 100%}
.class-card .class-card-art{width:calc(100% + 48px);margin:-24px -24px 22px;height:auto;max-height:380px;border-radius:12px 12px 0 0}.class-card{overflow:hidden;padding:24px}.class-card:hover .class-card-art{filter:brightness(1.1)}.carousel-controls{display:flex;gap:10px;justify-content:flex-end;margin:-25px 0 10px}.carousel-controls button{width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff10;color:#fff;font-size:27px;line-height:1}.carousel-controls button:hover{background:#1787c4}
body:not([data-page="home"]) .section-nav{display:none}body[data-page="guide"]{background:radial-gradient(ellipse at 20% 40%,#16406950,transparent 60%),#080e18}.guide-page{padding:20px 0;width:calc(100% - 40px);max-width:1800px}.guide-page>.page-title{display:none}.guide-layout{grid-template-columns:315px minmax(0,1fr);gap:20px}.guide-nav{background:#062233;border-radius:18px;max-height:calc(100dvh - 110px);overflow-y:auto;position:sticky;top:90px;scrollbar-width:thin;scrollbar-color:#3f4057 transparent}.guide-nav summary{padding:20px;gap:15px;min-height:85px}.guide-nav summary span{font:800 18px/1.25 Circe}.guide-nav summary small{font:700 13px/1.3 Circe;color:#8d9ca5;letter-spacing:0}.guide-nav-art{width:48px;height:48px;flex-shrink:0;border-radius:7px}.guide-nav a{font:700 18px/1.3 Circe;padding:17px 20px}.guide-nav a.active{background:#ffffff16;border-left:3px solid #ffb443;color:#fff;padding-left:17px}.guide-nav details[open]>summary{background:#ffffff12}.guide-nav summary::after{font-size:18px}.guide-layout .prose{background:#062233;border:1px solid #ffffff1c;border-radius:18px;padding:28px;font:400 18px/1.5 Circe;min-height:calc(100dvh - 110px);overflow:hidden}.prose>h2:first-child,.ornament-title{display:flex;align-items:center;justify-content:center;gap:20px;color:#ffcf00;font:bold 26px/1.25 Georgia,serif!important;letter-spacing:0!important;text-align:center;margin:0 0 25px!important}.ornament-title:before,.ornament-title:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#b3a24c70)}.ornament-title:after{transform:rotate(180deg)}.prose p{color:#c2c6cf}.prose h3{font:800 25px Circe}.prose a{color:#52b1e8}.guide-illustration{width:270px;float:left;margin:8px 28px 20px 0;border-radius:15px;overflow:hidden;border:1px solid #5681973d;position:relative}.guide-illustration .atlas-art{width:100%;animation:art-breathe 6s ease-in-out infinite}.guide-illustration figcaption{font:700 11px Circe;letter-spacing:1px;text-align:center;background:#061823;padding:10px;color:#9bafc2}.guide-visual-links{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;border-top:1px solid #ffffff19;padding-top:28px}.guide-visual-links h3{grid-column:1/-1;margin:0}.guide-visual-links a{border-radius:13px;overflow:hidden;display:block;background:#102c3c;border:1px solid #ffffff20}.guide-visual-links .atlas-art{width:100%;transition:filter .25s}.guide-visual-links a:hover .atlas-art{filter:brightness(1.2)}.guide-visual-links span{display:block;font:700 16px Circe;padding:13px;text-transform:uppercase;color:#dfe6ee}.class-intro{display:grid;grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:28px;align-items:start}.class-intro>.class-art{width:100%;border-radius:12px;position:sticky;top:92px}.class-intro h3{color:white;margin:0 0 12px}.portrait-idle{animation:portrait-breathe 5.5s ease-in-out infinite}.class-traits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.class-traits>div{display:flex;gap:15px;align-items:center;min-height:84px;padding:13px;border:1px solid #e2cc7330;background:#25252b;border-radius:6px;font-size:16px}.class-traits b{font:38px Georgia;color:#d0a64e}.class-stat-trait{grid-column:1/-1}.class-stat-trait strong{color:#e5c35e}.profession-section{clear:both;margin-top:38px}.profession-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.profession-card{position:relative;text-align:center;border:1px solid #ffffff12;background:#03141e;border-radius:12px;overflow:hidden;padding:18px 0 0}.profession-card h3{font-size:20px;position:relative;z-index:2;margin:8px 5px}.profession-card small{color:#e3d087}.profession-portrait{width:100%;transform-origin:50% 90%;animation:character-idle 6s ease-in-out infinite}.evolution-1 .profession-portrait{filter:drop-shadow(0 0 10px #00bfff50) brightness(1.1);animation-delay:-2s}.evolution-2 .profession-portrait{filter:drop-shadow(0 0 15px #ffbc00a0) brightness(1.2);animation-delay:-4s}.profession-halo{position:absolute;width:75%;height:26px;border:2px solid #52bffa60;border-radius:50%;bottom:8px;left:12.5%;box-shadow:0 0 22px #48abed44;animation:halo-pulse 3s ease-in-out infinite;pointer-events:none}.evolution-2 .profession-halo{border-color:#ffbc0077;box-shadow:0 0 26px #ffbc0055}.skill-showcase{margin:40px 0}.skill-demo{height:260px;position:relative;background:radial-gradient(ellipse at 25% 65%,#144665,#040d18 70%);overflow:hidden;border:1px solid #57839944;border-radius:13px}.spell-ring{width:145px;height:145px;border:2px solid #59cbdf;border-radius:50%;position:absolute;left:12%;top:50px;box-shadow:inset 0 0 24px #1fc4ff55,0 0 25px #24cced33;animation:rune-turn 20s linear infinite}.spell-ring:after,.spell-ring:before{content:'';position:absolute;inset:18px;border:2px dashed #e2c985;border-radius:50%}.spell-ring:after{inset:-10px;border-width:1px;border-color:#48ceff66}.spell-core{position:absolute;top:67px;left:calc(12% + 25px);font-size:95px;line-height:1;color:#a3edff;text-shadow:0 0 35px #00beff;animation:halo-pulse 3s infinite}.spell-target{position:absolute;right:15%;top:100px;width:65px;height:65px;border:2px solid #bb544f;transform:rotate(45deg);background:#8f453622;box-shadow:0 0 24px #bf4c1833}.spell-trail{position:absolute;left:25%;top:126px;width:25px;height:6px;background:#d5fbff;box-shadow:0 0 15px 5px #35c2ff;opacity:0;border-radius:50%}.casting .spell-trail{animation:spell-flight 1.3s ease-out 2}.casting .spell-target{animation:target-hit 1.3s ease-out 2}.spell-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#e8d89f;font:800 20px Circe}.skill-buttons{display:flex;gap:12px;margin-top:16px}.skill-button{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff22;background:#0b314c;padding:12px;border-radius:9px;font:700 17px Circe}.skill-button span{font:30px Georgia;color:#57d5f5}.skill-button.selected{border-color:#ddbb5a;background:#284351}.skill-caption{font-size:13px!important;color:#8d9fab!important}.class-effect-1 .spell-core,.class-effect-6 .spell-core{color:#ff8b4a;text-shadow:0 0 35px #ff4500}.class-effect-2 .spell-core{color:#8fff8a;text-shadow:0 0 35px #23cf51}.class-effect-5 .spell-core{color:#ef87ff;text-shadow:0 0 35px #bf24ff}.class-stat-grid{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.class-stat-grid a{display:block;padding:15px 22px;background:#172e3d;border:1px solid #385362;border-radius:10px}.class-stat-grid strong,.class-stat-grid span{display:block}.class-stat-grid strong{font-size:20px;color:#ffdc77}.class-stat-grid span{font-size:13px;color:#a7bac5}.system-preview{clear:both;text-align:center;margin:32px 0;border:1px solid #fff2;padding:25px;border-radius:15px;background:#071926}.system-preview-art{width:min(320px,100%);margin:auto;animation:portrait-breathe 5s infinite;border-radius:15px}.system-preview .tabs{max-width:500px;margin:25px auto 0}.preview-variant-1{filter:hue-rotate(110deg)}.preview-variant-2{filter:hue-rotate(220deg)}.preview-variant-3{filter:brightness(1.3) drop-shadow(0 0 20px #ffbd39)}
.account-nav-symbol{font-size:24px;line-height:1}.primary-nav #account-nav>summary>.account-nav-symbol{position:static;color:#fff}.member-shortcuts{display:flex;gap:7px;align-items:center}.member-shortcuts a{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:linear-gradient(150deg,#9418e3,#5007bf);color:white;font-size:23px;border:1px solid #ffffff30;box-shadow:0 0 15px #6e09d640}.member-shortcuts a:nth-child(2){background:linear-gradient(150deg,#ffd43b,#d98019)}.member-shortcuts a:nth-child(4){background:linear-gradient(150deg,#ffae31,#a66812)}.member-shortcuts a:nth-child(5){background:linear-gradient(150deg,#4ed161,#0a8834)}.signed-in .primary-nav{gap:2px}.signed-in .server-select{min-width:150px}.account-page{min-height:calc(100dvh - 70px)}.account-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.account-tabs a{padding:12px 20px;background:#0c2a40;border-radius:10px;border:1px solid #324a60;font:700 16px Circe}.account-tabs a.active{color:#ffce43;background:#214154;border-color:#b58b36}.account-settings{background:#062233;max-width:560px;margin:0 auto}.account-settings dl{display:grid;grid-template-columns:90px 1fr;gap:12px}.account-settings dd{margin:0;overflow-wrap:anywhere}.account-settings label{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:15px}.account-settings input{margin:5px 0 12px;border-radius:15px}.account-settings button:disabled{cursor:not-allowed;box-shadow:none;opacity:.45}.account-character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.account-character-card{background:#08273a;border:1px solid #ffffff20;border-radius:15px;overflow:hidden;padding-bottom:25px;text-align:center}.account-character-card .class-art{width:100%;max-height:350px;aspect-ratio:3/4}.account-character-card h2{margin:7px}.account-character-card small{display:block;margin-top:20px}.account-character-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;padding:0 30px}.account-character-card dd{margin:0;text-align:right;color:#f4d173}.bank-panel{display:grid;grid-template-columns:320px 1fr;gap:40px}.bank-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:9px;background:#151c20;border:2px solid #74735a}.bank-grid span{aspect-ratio:1;background:#071018;border:1px solid #48546766;box-shadow:inset 0 0 5px #000}.bank-tabs{max-width:650px;margin-bottom:25px}.account-level-head{display:flex;gap:35px;align-items:center;margin-bottom:35px}.account-medal{width:160px;height:160px;border:8px double #b69e54;border-radius:50%;font:800 60px Circe;text-align:center;background:radial-gradient(#225072,#112535);color:#f7ca43;padding:10px;flex-shrink:0;box-shadow:0 0 30px #bda76520}.account-medal small{display:block;font:700 11px Circe}.level-rounds{max-width:700px}.level-benefits article{display:flex;align-items:center;gap:30px;padding:22px;border:1px solid #ffffff20;background:#16212e88;border-radius:12px;margin:12px 0}.level-benefits strong{font:800 50px Circe;color:#ffb338}.level-benefits span{font-size:22px;flex:1}.level-benefits b{color:#d9c35a;font-size:35px}.reward-option .atlas-art{width:100%;border-radius:8px}.reward-option h2{font-size:25px;margin-top:20px}.vote-art{width:200px;margin:0 auto 20px;border-radius:50%}
@keyframes portrait-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes character-idle{0%,100%{transform:perspective(900px) rotateY(-4deg) translateY(0)}50%{transform:perspective(900px) rotateY(4deg) translateY(-4px)}}@keyframes art-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes halo-pulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes rune-turn{to{transform:rotate(360deg)}}@keyframes spell-flight{0%{opacity:0;transform:translateX(0) scaleX(1)}15%{opacity:1}65%{opacity:1;transform:translateX(300px) scaleX(5)}80%,100%{opacity:0;transform:translateX(370px) scaleX(1)}}@keyframes target-hit{0%,55%,100%{box-shadow:0 0 24px #bf4c1833}65%{box-shadow:0 0 40px 12px #58bdff99}}
@media(min-width:1600px){.guide-layout{grid-template-columns:340px minmax(0,1fr)}.guide-layout .prose{padding:35px}.class-intro{grid-template-columns:400px 1fr;gap:40px}.class-intro>.class-art{max-height:530px}}
@media(max-width:1100px){.signed-in .primary-nav{font-size:11px}.signed-in .member-shortcuts a{width:29px;height:29px}.guide-layout{grid-template-columns:255px minmax(0,1fr)}.guide-nav summary{padding:15px;gap:10px}.guide-nav summary span{font-size:16px}.guide-nav summary small{font-size:11px}.guide-nav a{font-size:16px}.class-intro{grid-template-columns:1fr}.class-intro>.class-art{max-width:300px;margin:auto;position:static}.guide-layout .prose{padding:22px}.guide-illustration{width:220px}.skill-button{font-size:14px;gap:5px;padding:10px}.account-character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.guide-page{width:calc(100% - 24px);padding-top:15px}.guide-layout{display:flex;flex-direction:column}.guide-nav{position:static;max-height:300px;width:100%}.guide-nav summary{min-height:65px}.guide-nav a{padding-block:12px}.guide-layout .prose{padding:20px;width:100%;font-size:17px}.guide-illustration{float:none;width:100%;max-width:270px;margin:15px auto 25px}.guide-visual-links{gap:10px}.guide-visual-links span{font-size:11px;padding:8px}.guide-visual-links{grid-template-columns:repeat(3,1fr)}.prose>h2:first-child,.ornament-title{font-size:22px!important;gap:10px}.class-intro{gap:20px}.class-traits{gap:8px}.class-traits>div{font-size:13px;padding:10px;gap:8px;min-height:75px}.class-traits b{font-size:28px}.profession-grid{gap:8px}.profession-card h3{font-size:14px}.profession-card small{font-size:11px}.skill-demo{height:220px}.spell-ring{left:5%;width:110px;height:110px;top:45px}.spell-core{left:calc(5% + 18px);top:62px;font-size:76px}.spell-target{right:10%;width:45px;height:45px;top:85px}.spell-trail{top:102px}.skill-buttons{flex-direction:column;gap:8px}.skill-button{font-size:16px}.spell-caption{font-size:17px}.guide-nav-art{width:40px;height:40px}.class-card .class-card-art{max-height:none}.member-shortcuts{order:5;justify-content:center;width:100%;padding-top:8px}.account-tabs{gap:6px}.account-tabs a{font-size:12px;padding:10px 12px}.account-settings{padding:22px}.account-settings label{grid-template-columns:1fr;gap:0}.account-character-grid{grid-template-columns:1fr}.bank-panel{grid-template-columns:1fr;gap:25px;padding:20px}.bank-grid{max-width:330px}.account-level-head{gap:18px;align-items:flex-start}.account-medal{width:110px;height:110px;font-size:35px;border-width:5px}.account-medal small{font-size:8px}.account-level-head h2{font-size:25px}.account-level-head p{font-size:14px}.level-benefits article{gap:18px;padding:15px}.level-benefits span{font-size:18px}.account-settings dl{grid-template-columns:70px 1fr}.system-preview{padding:18px}.class-stat-grid a{flex:1;padding:12px}.class-stat-grid strong{font-size:17px}.class-stat-grid span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.portrait-idle,.profession-portrait,.profession-halo,.guide-illustration .atlas-art,.spell-ring,.spell-core,.system-preview-art,.casting .spell-trail,.casting .spell-target{animation:none!important}}

/* Account controls and bank proportions follow the inspected signed-in reference. */
.member-notifications{position:relative}.member-notifications summary,.header-logout{list-style:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff3;background:#352f3d;color:#fff;width:37px;height:37px;font-size:23px;padding:0}.member-notifications summary::-webkit-details-marker{display:none}.notification-panel{position:absolute;right:0;top:45px;width:230px;padding:20px;border:1px solid #fff2;border-radius:14px;background:#152438;box-shadow:0 12px 30px #0008;font-size:14px;z-index:20}.header-logout{background:linear-gradient(140deg,#ff3125,#b1170e);cursor:pointer}.account-banks{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:800px;margin:auto;position:relative}.bank-vault{border-radius:18px;background:#111d3b;padding:22px 26px 28px;min-width:0}.bank-vault h2{border-bottom:1px solid #fff2;padding-bottom:18px;font:700 26px Circe;margin:0 0 28px;display:flex;gap:18px;align-items:center}.bank-vault h2 span{border:1px solid #f3e79c;color:#f3e79c;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:22px}.vault-grid{display:grid;grid-template-columns:repeat(8,1fr);max-width:240px;margin:auto;height:420px;gap:1px}.vault-grid i{border:1px solid #ffffff19;background:#1d2a46;border-radius:5px;box-shadow:inset 0 0 4px #ffffff09}.site-vault{grid-template-columns:repeat(16,1fr);max-width:100%;height:390px;margin-top:43px;margin-bottom:15px}.vault-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:36px;font-size:15px}.vault-footer strong{display:block;text-align:center;color:#d6d7df;margin-top:10px}.vault-footer b{background:#fff29e;color:#102237;border-radius:20px;padding:3px 8px}.vault-footer label{margin:0;width:65%;text-align:center}.vault-footer input{height:36px;border-radius:22px;background:#0e1a2c;border:1px solid #fff2;margin:10px 0 0;width:100%}.vault-actions{position:absolute;left:50%;top:37%;transform:translateX(-50%);display:grid;gap:12px}.vault-actions button{border-radius:50%;border:1px solid #fff2;background:#384253;color:#c4cad4;width:46px;height:46px;font-size:26px;cursor:not-allowed}.bank-state{max-width:800px;margin:25px auto;color:#aab9ca;font-size:14px}.vault-actions button:first-child{background:linear-gradient(#1dbeff,#056fc1)}
@media(max-width:640px){.account-banks{grid-template-columns:1fr}.vault-actions{display:none}.site-vault{margin-top:0;height:390px}.bank-vault{padding:22px}.bank-vault h2{font-size:24px}.vault-grid{max-width:250px}.site-vault{max-width:100%}}

.profession-art{background-image:url('/assets/blitz-professions-atlas.png');background-size:700% 300%;background-repeat:no-repeat;aspect-ratio:3/4;background-color:#061923}.profession-0{background-position-x:0%}.profession-1{background-position-x:16.6666667%}.profession-2{background-position-x:33.3333333%}.profession-3{background-position-x:50%}.profession-4{background-position-x:66.6666667%}.profession-5{background-position-x:83.3333333%}.profession-6{background-position-x:100%}.profession-stage-0{background-position-y:0%}.profession-stage-1{background-position-y:50%}.profession-stage-2{background-position-y:100%}.evolution-1 .profession-portrait,.evolution-2 .profession-portrait{filter:none}.profession-card .profession-halo{bottom:5px;z-index:1}

.member-notifications svg{width:20px;height:20px}.prize-bank{max-width:750px;margin:auto;text-align:center;padding:50px;background:#062233}.prize-bank .atlas-art{width:210px;margin:0 auto 25px;border-radius:20px}.donation-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:end;margin:30px 0}.podium-place{text-align:center;position:relative;background:#101e35}.podium-place .atlas-art{width:130px;border-radius:50%;margin:0 auto 10px}.podium-place>b{position:absolute;left:25px;top:20px;color:#e6bf4e;font:800 40px Circe}.podium-place h2{margin:10px}.place-1{padding-top:55px;border-color:#c4a640}.place-1 .atlas-art{width:165px}.competition-timers{display:flex;justify-content:center;gap:70px;text-align:center;padding:25px}.competition-timers strong,.competition-timers small{display:block}.competition-timers strong{font:800 38px Circe;color:#ead297}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.achievement-grid .atlas-art{width:90px;float:right;border-radius:50%;margin:0 0 15px 15px}.achievement-grid h3{font-size:20px}.achievement-progress{clear:both;height:8px;border-radius:5px;background:#ffffff13;margin:18px 0}.vote-explanation{display:flex;gap:35px;background:#062233}.vote-explanation .atlas-art{width:230px;flex-shrink:0;border-radius:15px}.vote-providers{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:25px}.vote-providers article{text-align:center;padding:25px 15px}.vote-providers strong{display:block;font:800 20px Circe;margin-bottom:20px}.vote-providers button{padding-inline:25px;min-height:40px;opacity:.5;cursor:not-allowed}.account-dashboard-content:empty{min-height:200px}
@media(max-width:1000px){.achievement-grid{grid-template-columns:1fr 1fr}.vote-providers{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.prize-bank{padding:25px}.donation-podium{gap:8px}.podium-place{padding:16px 8px}.podium-place .atlas-art{width:70px}.place-1{padding-top:30px}.place-1 .atlas-art{width:80px}.podium-place>b{font-size:23px;top:6px;left:6px}.competition-timers{gap:20px;padding:15px 0}.competition-timers strong{font-size:27px}.competition-timers small{font-size:10px}.achievement-grid{gap:12px}.achievement-grid article{padding:16px}.achievement-grid .atlas-art{width:65px;float:none;margin:0 0 15px}.achievement-grid h3{font-size:17px}.vote-explanation{display:block;padding:25px}.vote-explanation .atlas-art{width:160px;margin:0 auto 25px}.vote-providers{grid-template-columns:1fr 1fr}.vote-providers strong{font-size:16px}}