/* The illustrated gateway. Only auth surfaces; native visibility remains authoritative. */
html.gv-v2 #authScreen{box-sizing:border-box;position:relative;min-height:100dvh;height:auto;padding:36px 28px;justify-content:center;align-items:center;background:linear-gradient(90deg,#100c1b65,#160d2373),url('/v2/art/council/chamber.webp') center/cover fixed no-repeat;overflow:auto;color:#f3e5d0}
html.gv-v2 #authScreen:before{background:linear-gradient(0deg,#100c1bbf,transparent 45%);pointer-events:none}
html.gv-v2 #authScreen .auth-fog,html.gv-v2 #authParticles{display:none!important}
html.gv-v2 #authScreen .gate-layout{width:min(1220px,100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:70px;position:relative;z-index:1;margin:auto}
html.gv-v2 #authScreen .gate-intro{min-width:0;padding:20px 0;text-shadow:0 3px 7px #090510}
html.gv-v2 #authScreen .create-logo-img{display:block;width:min(450px,100%);height:auto;max-height:185px;object-fit:contain;margin:0 0 22px;filter:drop-shadow(0 5px 7px #080411aa)}
.gate-story{padding:18px 20px;background:radial-gradient(ellipse at left,#100b1be8,transparent 85%)}
.gate-kicker{color:#f1c77c;font:700 12px/1.5 var(--font-display,serif);letter-spacing:.14em;margin:0 0 16px}
.gate-story h1{font:600 clamp(38px,4.5vw,62px)/1.14 var(--font-display,serif);color:#ffe4ab;margin:0 0 23px;letter-spacing:-.025em}
.gate-lead{font:400 16px/1.8 var(--font-body,system-ui);color:#f1e1d0;margin:0 0 25px}
.gate-trails{display:flex;gap:24px;margin:15px 0 22px}
.gate-trails>div{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:130px;text-align:center;font:600 12px/1.4 var(--font-body,system-ui);color:#f4dfb8}
.gate-trails img{width:66px;height:70px;object-fit:contain;filter:drop-shadow(0 4px 4px #0009)}
.gate-footnote{font-size:12px;color:#d5c5b8;line-height:1.6}
html.gv-v2 #authScreen .gate-card{box-sizing:border-box;border:18px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 18px / 0 stretch;padding:16px 22px 20px;min-width:0;box-shadow:0 18px 55px #06030b99;text-align:center}
.gate-card-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:13px}
.gate-card-head img{width:45px;height:52px;object-fit:contain}
.gate-card-head h2{font:700 23px var(--font-display,serif);color:#ffe0a1;margin:0}
html.gv-v2 #authScreen .auth-tabs{width:100%;max-width:none;display:flex;gap:8px;margin:0 0 16px;background:none;border:0;padding:0}
html.gv-v2 #authScreen .auth-tab{flex:1;border:10px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 10px / 0 stretch;border-radius:0;background:none;color:#e7d4c1;padding:4px;font:700 13px var(--font-display,serif);min-height:43px;box-shadow:none}
html.gv-v2 #authScreen .auth-tab.active{color:#ffdf90;text-decoration:underline;text-underline-offset:5px;filter:brightness(1.25)}
html.gv-v2 #authScreen .auth-form{width:100%;max-width:none;gap:0}
.gate-field-label{display:block;text-align:left;font-size:12px;font-weight:600;color:#ead8c0;margin:9px 0 6px}
html.gv-v2 #authScreen .auth-input{box-sizing:border-box;width:100%;max-width:none;min-height:46px;margin:0 0 3px;padding:11px 13px;border:1px solid #92754f;border-radius:4px;background:#130e1ddd;box-shadow:inset 0 2px 5px #0005;color:#fff2df;font-size:16px}
html.gv-v2 #authScreen .auth-input::placeholder{color:#ae9eac}
html.gv-v2 #authScreen :is(.auth-btn,.btn-guest){display:block;width:100%!important;max-width:none!important;min-height:64px;padding:12px 24px!important;margin:12px auto 0!important;border:0!important;border-radius:0!important;background:transparent url('/v2/art/council/action-amber.webp') center/contain no-repeat!important;box-shadow:none!important;color:#2c1907!important;font:700 15px/1.3 var(--font-display,serif)!important;text-shadow:none!important;letter-spacing:0!important}
html.gv-v2 #authScreen .btn-guest{background-image:url('/v2/art/council/action-walnut.webp')!important;color:#ffe2ab!important;margin-top:5px!important}
html.gv-v2 #authScreen .auth-forgot{display:block;color:#ebce96;font-size:12px;margin:8px 0;text-decoration:underline;text-underline-offset:3px}
html.gv-v2 #authScreen .auth-divider{margin:11px 0;color:#c0abbc;font-size:12px}
html.gv-v2 #authScreen .btn-google{width:100%;max-width:none;min-height:44px;border:1px solid #bda684;border-radius:4px;background:#f1e9db;color:#27212a;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;box-shadow:none}
html.gv-v2 #authScreen .auth-error{font-size:13px;line-height:1.5;color:#ffbcb2;white-space:normal;margin-top:6px}
html.gv-v2 #authScreen .auth-error:empty{display:none}
html.gv-v2 #authScreen #authLangToggle{margin-top:14px!important;color:#e4d2c4}
html.gv-v2 #authScreen .auth-mute{position:fixed;top:16px;right:16px;z-index:10;background:#24172ceb;border:1px solid #c6a16a;color:#ffe2a4;width:42px;height:42px}
html.gv-v2 #authScreen button:focus-visible,html.gv-v2 #authScreen input:focus-visible,html.gv-v2 #authScreen a:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}
html.gv-v2 #earlyAccessModal>div{border:18px solid transparent!important;border-image:url('/v2/art/council/dialog.webp') 150 fill / 18px / 0 stretch!important;border-radius:0!important;background:none!important;padding:20px!important}
html.gv-v2 #earlyAccessModal button{background:transparent url('/v2/art/council/action-amber.webp') center/contain no-repeat!important;min-height:64px;border:0!important;color:#281605!important;padding:12px 24px!important}
@media(max-width:900px){html.gv-v2 #authScreen{padding:24px 14px;background-attachment:scroll}html.gv-v2 #authScreen .gate-layout{grid-template-columns:1fr;gap:10px;max-width:460px}html.gv-v2 #authScreen .gate-intro{padding:0}html.gv-v2 #authScreen .create-logo-img{width:260px;max-height:115px;margin:0 auto 8px}.gate-story{display:none}html.gv-v2 #authScreen .gate-card{padding:12px 18px 16px;border-width:14px;border-image-width:14px}.gate-card-head{margin-bottom:8px}.gate-card-head img{height:38px;width:34px}.gate-card-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html.gv-v2 #authScreen *{animation:none!important;transition:none!important}}

html.gv-v2 #authScreen .auth-form{padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html.gv-v2 #authScreen .gate-intro{text-align:left}
html.gv-v2 #authScreen .create-logo-img{max-width:450px!important}
html.gv-v2 #authScreen .gate-trails{justify-content:flex-start}
.gate-language{margin:14px 0 0;color:#ebd2a2;font-size:12px}
.gate-language summary{cursor:pointer;padding:8px;list-style:revert;text-align:center}
.gate-language[open] summary{color:#ffe2a0}
@media(max-width:900px){html.gv-v2 #authScreen .create-logo-img{max-width:260px!important}}

/* World selection and character creation complete the illustrated gateway. */
html.gv-v2 :is(#worldSelectScreen,#createScreen){box-sizing:border-box;min-height:100dvh;height:auto;padding:28px 18px;color:#f1e1ca;background:linear-gradient(#160d2355,#100b1baa),url('/v2/art/council/chamber.webp') center/cover fixed no-repeat;overflow:auto}
html.gv-v2 #worldSelectScreen:before,html.gv-v2 #createScreen:before{background:none}
html.gv-v2 #worldSelectScreen .world-card{width:min(540px,100%);max-width:540px;box-sizing:border-box;padding:24px 26px;border:18px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 18px / 0 stretch;border-radius:0;background:none;box-shadow:0 18px 60px #08040dbb}
html.gv-v2 #worldSelectScreen .auth-logo{margin:0 auto 16px}
html.gv-v2 #worldSelectScreen .create-logo-img{width:290px;max-width:100%!important;height:135px;object-fit:contain}
html.gv-v2 #worldSelectScreen .world-title{font:700 28px/1.3 var(--font-display,serif);color:#ffe2a0;margin:10px 0}
html.gv-v2 #worldSelectScreen .world-email{font-size:13px;color:#dcc6d4;overflow-wrap:anywhere;margin-bottom:18px}
html.gv-v2 #worldSelectScreen .world-list{display:grid;gap:14px}
html.gv-v2 #worldSelectScreen .world-btn{width:100%;box-sizing:border-box;min-height:115px;padding:12px;border:12px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 12px / 0 stretch;border-radius:0;background:none;gap:12px;box-shadow:none}
html.gv-v2 #worldSelectScreen .world-btn-left{gap:12px;min-width:0}
html.gv-v2 #worldSelectScreen .world-btn-icon{width:58px;height:65px;flex:0 0 58px;background:url('/v2/art/council/nav-tavern.webp') center/contain no-repeat;border:0;border-radius:0;font-size:0}
html.gv-v2 #worldSelectScreen .world-btn-name{font:700 18px/1.3 var(--font-display,serif);color:#ffe3b0;white-space:normal}
html.gv-v2 #worldSelectScreen .world-btn-status{font-size:12px;line-height:1.5;margin-top:6px}
html.gv-v2 #worldSelectScreen .world-badge{font-size:10px;padding:5px 7px;background:#4c263c;color:#ffd1c9;border:1px solid #a8736c;border-radius:3px}
html.gv-v2 #worldSelectScreen .world-logout{width:230px;max-width:100%;min-height:54px;margin-top:18px;padding:12px 24px;border:0;border-radius:0;background:transparent url('/v2/art/council/action-walnut.webp') center/contain no-repeat;color:#ffe1a5;font:700 14px var(--font-display,serif)}
html.gv-v2 #createScreen{background-image:linear-gradient(#130d2155,#100b1bb3),url('/v2/art/renown/hall.webp');justify-content:flex-start}
html.gv-v2 #createScreen>.create-logo-img{width:270px;max-width:80vw;height:110px;object-fit:contain;margin:0 auto 12px}
html.gv-v2 #createScreen>.create-logo,html.gv-v2 #createScreen>.create-tagline{display:none}
html.gv-v2 #createScreen .create-section-label{font:700 15px/1.5 var(--font-display,serif);color:#ffe2a4;letter-spacing:.08em;text-shadow:0 2px 4px #000;margin:12px 0}
html.gv-v2 #createScreen .name-input-wrap{width:min(430px,100%);margin-bottom:10px}
html.gv-v2 #createScreen .name-input{width:100%;box-sizing:border-box;height:50px;font-size:17px;color:#fff0da;background:#1a1129ee;border:1px solid #b19463;border-radius:4px;box-shadow:0 3px 12px #08040d88}
html.gv-v2 #createScreen .class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(960px,100%);max-width:960px;gap:20px;margin:0 auto 20px}
html.gv-v2 #createScreen .class-card{position:relative;min-width:0;width:auto;max-width:none;box-sizing:border-box;padding:15px 16px 20px;border:16px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 16px / 0 stretch;border-radius:0;background:none;box-shadow:0 8px 25px #08040d88;cursor:pointer;transition:filter .15s}
html.gv-v2 #createScreen .class-card.selected{filter:brightness(1.2);box-shadow:0 0 22px #dcb65d55}
html.gv-v2 #createScreen .class-card.selected:after{content:'✓';position:absolute;right:9px;top:9px;width:28px;height:28px;display:grid;place-items:center;background:#302416;border:1px solid #e6c472;border-radius:50%;color:#ffe4a4;font-size:19px}
html.gv-v2 #createScreen .class-portrait{display:block;width:180px;max-width:100%;height:190px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 5px 5px #08040d99);border:0;border-radius:0}
html.gv-v2 #createScreen .class-name{font:700 23px/1.3 var(--font-display,serif);color:#ffe1a2;margin-bottom:8px}
html.gv-v2 #createScreen .class-desc{font-size:13px;line-height:1.6;color:#e0ceda;min-height:44px;margin-bottom:12px}
html.gv-v2 #createScreen .class-passives{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
html.gv-v2 #createScreen .class-passive{font-size:12px;padding:5px 7px;line-height:1.2;background:#100b1d77;border:0;border-radius:3px}
html.gv-v2 #createScreen .class-passive.buff,html.gv-v2 #createScreen .class-strong{color:#9ce0af}
html.gv-v2 #createScreen .class-passive.debuff,html.gv-v2 #createScreen .class-weak{color:#ffa9a3}
html.gv-v2 #createScreen .class-matchup{font-size:12px;line-height:1.8;margin-top:14px}
html.gv-v2 #createScreen .btn-begin{width:320px;max-width:100%;min-height:74px;border:0;border-radius:0;padding:16px 30px;background:transparent url('/v2/art/council/action-amber.webp') center/contain no-repeat;color:#2e1905;font:700 16px var(--font-display,serif);box-shadow:none;margin:0 auto}
html.gv-v2 #createScreen .btn-begin:disabled{opacity:.45;filter:grayscale(.5)}
html.gv-v2 :is(#createScreen,#worldSelectScreen) :focus-visible{outline:2px solid #ffe2a0;outline-offset:4px}
@media(max-width:650px){
 html.gv-v2 :is(#worldSelectScreen,#createScreen){padding:18px 12px;background-attachment:scroll}
 html.gv-v2 #worldSelectScreen .world-card{padding:16px 12px;border-width:12px;border-image-width:12px}
 html.gv-v2 #worldSelectScreen .world-btn{padding:7px;gap:6px}
 html.gv-v2 #worldSelectScreen .world-btn-icon{width:42px;height:50px;flex-basis:42px}
 html.gv-v2 #worldSelectScreen .world-btn-name{font-size:16px}
 html.gv-v2 #createScreen .class-grid{grid-template-columns:1fr;gap:12px;max-width:430px}
 html.gv-v2 #createScreen .class-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:6px 12px;padding:12px 9px;border-width:12px;border-image-width:12px;text-align:left}
 html.gv-v2 #createScreen .class-portrait{grid-row:1/5;width:94px;height:150px;align-self:center;margin:0}
 html.gv-v2 #createScreen .class-name{font-size:19px;margin:0}
 html.gv-v2 #createScreen .class-desc{font-size:12px;line-height:1.4;min-height:0;margin:0}
 html.gv-v2 #createScreen .class-passives{justify-content:flex-start;gap:4px}
 html.gv-v2 #createScreen .class-passive{font-size:10px;padding:3px 4px}
 html.gv-v2 #createScreen .class-matchup{font-size:11px;line-height:1.5;margin-top:3px}
}
html.gv-v2 body #createScreen{background:linear-gradient(#130d2155,#100b1bb3),url('/v2/art/renown/hall.webp') center/cover fixed no-repeat!important}
html.gv-v2 body #createScreen .btn-begin{background:transparent url('/v2/art/council/action-amber.webp') center/contain no-repeat!important;animation:none!important}
html.gv-v2 body #createScreen .btn-begin:before,html.gv-v2 body #createScreen .btn-begin:after{display:none!important}
@media(max-width:650px){html.gv-v2 body #createScreen{background-attachment:scroll!important}}
html.gv-v2 #createScreen .gate-full-hero{width:215px;height:240px;max-width:100%;overflow:hidden;filter:drop-shadow(0 7px 5px #08040daa)}
@media(max-width:650px){html.gv-v2 #createScreen .gate-full-hero{width:105px;height:160px}html.gv-v2 #createScreen .class-card{grid-template-columns:105px minmax(0,1fr)}}
/* Creation composition: side-by-side desktop, two compact views on phones. */
html.gv-v2 body #createScreen.creation-layout-ready{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-content:center;align-items:center;justify-items:center;gap:10px;padding:16px 24px;min-height:100dvh;text-align:center}
html.gv-v2 #createScreen.creation-layout-ready>.create-logo-img{width:190px;height:58px;margin:0}
html.gv-v2 #createScreen .creation-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:32px;align-items:center;width:min(1230px,100%);min-width:0}
html.gv-v2 #createScreen .creation-hero{min-width:0}
html.gv-v2 #createScreen .creation-hero .name-input-wrap{display:flex;gap:14px;align-items:center;width:min(490px,100%);margin:0 auto 12px;text-align:left}
html.gv-v2 #createScreen .creation-hero .name-input-wrap .create-section-label{flex:none;max-width:35%;margin:0;letter-spacing:0;font-size:14px}
html.gv-v2 #createScreen .creation-hero .name-input{height:44px;min-width:0;padding:8px 12px;font-size:16px}
html.gv-v2 #createScreen.creation-layout-ready .create-section-label{margin:7px 0;letter-spacing:0}
html.gv-v2 #createScreen.creation-layout-ready .class-grid{gap:12px;margin:0;width:100%;max-width:none;align-items:stretch}
html.gv-v2 #createScreen.creation-layout-ready .class-card{padding:10px 8px;border-width:12px;border-image-width:12px}
html.gv-v2 #createScreen.creation-layout-ready .gate-full-hero{width:180px;height:clamp(110px,23dvh,205px);margin:0 auto 6px}
html.gv-v2 #createScreen.creation-layout-ready .class-name{font-size:clamp(16px,1.5vw,21px);line-height:1.25;margin:0 0 8px}
html.gv-v2 #createScreen.creation-layout-ready .class-desc{font-size:12px;line-height:1.45;min-height:0;margin-bottom:8px}
html.gv-v2 #createScreen.creation-layout-ready .class-passives{gap:4px}
html.gv-v2 #createScreen.creation-layout-ready .class-passive{font-size:11px;padding:4px}
html.gv-v2 #createScreen.creation-layout-ready .class-matchup{font-size:11px;line-height:1.5;margin-top:8px}
html.gv-v2 #createScreen.creation-layout-ready .create-veil{width:100%;max-width:none;min-width:0;margin:0}
html.gv-v2 #createScreen.creation-layout-ready .create-veil h2{font:700 22px/1.25 var(--font-display,serif);margin:0 0 14px}
html.gv-v2 #createScreen.creation-layout-ready .create-veil-grid{gap:12px}
html.gv-v2 #createScreen.creation-layout-ready .create-veil-side{min-width:0;padding:10px 6px;border-width:12px;border-image-width:12px;gap:6px}
html.gv-v2 #createScreen.creation-layout-ready .create-veil-side img{width:76px;height:76px}
html.gv-v2 #createScreen.creation-layout-ready .create-veil-side strong{font:700 17px/1.25 var(--font-display,serif);overflow-wrap:anywhere}
html.gv-v2 #createScreen.creation-layout-ready .create-veil-side small{font-size:12px;line-height:1.4}
html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning{margin:14px 0 0;padding:0;font-size:12px;line-height:1.45}
html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning strong{font-size:14px}
html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning p{margin:5px 0}
html.gv-v2 #createScreen .creation-footer{width:min(1230px,100%);min-width:0;padding:0;align-self:end}
html.gv-v2 #createScreen.creation-layout-ready .btn-begin{width:300px;min-height:60px;padding:12px 28px;font-size:15px}
html.gv-v2 #createScreen .creation-footer .create-error{margin:0 0 6px;min-height:0;line-height:1.4;font-size:13px}
html.gv-v2 #createScreen .creation-footer .create-error:empty{display:none}
html.gv-v2 #createScreen :is(.creation-next,.creation-back,.creation-class-detail){display:none}
@media(max-width:959px){
 html.gv-v2 body #createScreen.creation-layout-ready{padding:12px 18px;gap:8px}
 html.gv-v2 #createScreen.creation-layout-ready>.create-logo-img{width:165px;height:46px}
 html.gv-v2 #createScreen .creation-main{display:block;width:min(540px,100%)}
 html.gv-v2 #createScreen[data-creation-step=hero] .create-veil,html.gv-v2 #createScreen[data-creation-step=veil] .creation-hero,html.gv-v2 #createScreen[data-creation-step=hero] .btn-begin{display:none}
 html.gv-v2 #createScreen.creation-layout-ready .class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 html.gv-v2 #createScreen.creation-layout-ready .class-card{display:block;padding:5px 2px;border-width:9px;border-image-width:9px;text-align:center}
 html.gv-v2 #createScreen.creation-layout-ready .class-card :is(.class-desc,.class-passives,.class-matchup){display:none}
 html.gv-v2 #createScreen.creation-layout-ready .gate-full-hero{width:100%;height:clamp(80px,17dvh,145px);margin:0 auto 5px}
 html.gv-v2 #createScreen.creation-layout-ready .class-name{font-size:13px;min-height:34px;display:grid;place-items:center;margin:0;overflow-wrap:anywhere}
 html.gv-v2 #createScreen .creation-class-detail{display:block;margin:14px 0 0;min-height:102px}
 html.gv-v2 #createScreen .creation-class-detail .class-desc{font-size:14px}
 html.gv-v2 #createScreen .creation-class-detail .class-passives{justify-content:center}
 html.gv-v2 #createScreen .creation-class-detail .class-passive{font-size:12px}
 html.gv-v2 #createScreen .creation-class-detail .class-matchup{font-size:12px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side{padding:10px 7px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side img{width:86px;height:86px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side strong{font-size:18px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side small{font-size:13px}
 html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning{font-size:13px;margin-top:18px;line-height:1.5}
 html.gv-v2 #createScreen[data-creation-step=hero] .creation-next{display:block;width:300px;max-width:100%;min-height:60px;margin:auto;padding:12px 28px;border:0;border-radius:0;background:transparent url('/v2/art/council/action-amber.webp') center/contain no-repeat;color:#2e1905;font:700 15px var(--font-display,serif);cursor:pointer}
 html.gv-v2 #createScreen .creation-next:disabled{opacity:.45;cursor:default}
 html.gv-v2 #createScreen[data-creation-step=veil] .creation-back{display:block;min-height:44px;min-width:100px;margin:0 auto;padding:8px 14px;border:0;background:none;color:#f1dfc7;font:400 14px/1.3 var(--font-body,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
}
@media(max-width:959px) and (max-height:700px){
 html.gv-v2 body #createScreen.creation-layout-ready{padding:8px 16px;gap:5px}
 html.gv-v2 #createScreen.creation-layout-ready>.create-logo-img{height:28px;width:125px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil h2{font-size:19px;margin-bottom:10px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side{padding:6px 5px;gap:4px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side img{width:62px;height:62px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil-side small{font-size:12px;line-height:1.35}
 html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning{font-size:12px;line-height:1.4;margin-top:10px}
 html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning strong{font-size:13px}
 html.gv-v2 #createScreen .creation-class-detail{margin-top:9px;min-height:0}
}
@media(min-width:600px) and (max-width:959px) and (max-height:500px){
 html.gv-v2 #createScreen .creation-main{width:100%;max-width:800px}
 html.gv-v2 #createScreen .creation-hero{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}
 html.gv-v2 #createScreen .creation-hero .name-input-wrap{grid-column:1/-1;margin-bottom:4px}
 html.gv-v2 #createScreen .creation-hero>.create-section-label{grid-column:1}
 html.gv-v2 #createScreen.creation-layout-ready .class-grid{grid-column:1}
 html.gv-v2 #createScreen .creation-class-detail{grid-column:2;grid-row:2/4;margin:0}
 html.gv-v2 #createScreen.creation-layout-ready .gate-full-hero{height:74px}
 html.gv-v2 #createScreen.creation-layout-ready .class-name{min-height:28px}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:center}
 html.gv-v2 #createScreen.creation-layout-ready .create-veil h2{grid-column:1/-1}
 html.gv-v2 #createScreen.creation-layout-ready .veil-choice-warning{margin:0}
 html.gv-v2 #createScreen .creation-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
 html.gv-v2 #createScreen .creation-footer .create-error{flex-basis:100%}
 html.gv-v2 #createScreen.creation-layout-ready .btn-begin,html.gv-v2 #createScreen[data-creation-step=hero] .creation-next{min-height:50px;width:245px;margin:0}
 html.gv-v2 #createScreen[data-creation-step=veil] .creation-back{margin:0}
 html.gv-v2 #createScreen[data-creation-step=hero] .create-veil{display:none}
}