html{overflow-anchor:none}
body.creation-screen{min-height:0;background:#101c20 url('/assets/entry43.png') center top/cover no-repeat}
body.creation-screen:before{background:linear-gradient(90deg,#08100e66,#08131022,#07121966);pointer-events:none}
.creation-screen main{max-width:1140px;padding:20px 24px 30px}
.creation-screen #creation{max-width:1120px;padding:0}
.creation-screen #create{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px 28px;align-items:center}
.creation-screen .creation-heading{grid-column:1/-1;text-shadow:0 2px 10px #000}
.creation-screen .creation-heading h1{font-size:clamp(28px,4vw,44px);margin:8px 0}
.creation-screen .creation-heading p{margin:8px 0;color:#edddbc}
.creation-screen .creation-heading .eyebrow{color:#e8c783;font-size:11px;letter-spacing:4px}
.creation-screen .creation-races{gap:18px}
.creation-screen .creation-race{height:auto;display:flex;flex-direction:column;background:#10201f;border:1px solid #737b68;border-radius:14px;transition:border-color .25s,box-shadow .25s}
.creation-screen .creation-race>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;max-height:390px;transform-origin:50% 65%;animation:breathe43 7s ease-in-out infinite}
.creation-screen .creation-race:nth-child(2)>img{animation-delay:-3.5s}
.creation-screen .creation-race>div{position:relative;inset:auto;z-index:2;background:linear-gradient(#122421,#0d1918);padding:13px 16px;flex:1}
.creation-screen .creation-race h2{font-size:23px;letter-spacing:4px;margin:0}
.creation-screen .creation-race p{font-size:12px;line-height:1.5;margin:6px 0 12px;min-height:36px}
.creation-screen .choice-status{font:12px system-ui;padding:5px 12px;border-radius:20px}
.creation-screen .creation-race:has(:checked){border-color:#f5cc79;box-shadow:0 0 0 2px #d9a65055,0 18px 40px #0008}
.creation-screen .creation-race:has(:checked) .choice-status{background:#e7c27b;color:#1b2118;border-color:#e7c27b}
.creation-screen .creation-race:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 20% 70%,#efad4825,transparent 65%);animation:light43 5s ease-in-out infinite alternate}
.creation-screen .creation-race:nth-child(2):after{background:radial-gradient(ellipse at 80% 35%,#99ecea25,transparent 65%)}
.entry-settings43{padding:24px;border:1px solid #bb995c88;border-radius:14px;background:#0e1b19ed;box-shadow:0 20px 50px #0006;color:#e9d8b6}
.entry-settings43 h2{font:23px Georgia,serif;margin:0 0 8px;color:#f3dfb7}
.entry-settings43>p{font:13px/1.6 system-ui;color:#b9c6b9;margin:0 0 20px}
.creation-screen .sex-picker{padding:0;margin:0 0 24px;gap:8px;justify-content:stretch;min-width:0}
.creation-screen .sex-picker legend{text-align:left;font:13px system-ui;color:#d6c4a2;margin:0 0 10px}
.creation-screen .sex-picker label{flex:1;padding:10px 6px;text-align:center;font:13px system-ui;white-space:nowrap}
.creation-screen .sex-picker input{width:13px;margin:0 3px 0 0}
.creation-screen .creation-footer{display:flex;flex-direction:column;gap:12px;margin:0;align-items:stretch}
.creation-screen .creation-footer label{font:13px system-ui}
.creation-screen .creation-footer input{font:16px system-ui;height:48px;background:#071310;color:#fff0d5;border:1px solid #697759;padding:12px}
.creation-screen .creation-footer button{height:50px;padding:0 12px;background:linear-gradient(#edcf8e,#bb904c);color:#251e12;border:1px solid #f6dca3;font-weight:700}
.creation-screen .creation-footer p{font:11px/1.6 system-ui;margin:2px 0;color:#aeb9a8}
.name-help43{font:11px/1.5 system-ui;color:#b4c0ad;min-height:33px}
.name-help43[data-invalid=true]{color:#ffb0a2}
#hero-name,#rpg-name,#stage-name,.fighter-name,.result-player-name,.duel-actor h3{overflow-wrap:anywhere;min-width:0;max-width:100%}
.rpg-identity>div{min-width:0}
#rpg-name{display:block;white-space:normal}
#server-panel41{font:12px/1.5 system-ui;background:#101c1ce8;border-color:#b393564d;max-width:1120px;margin:8px auto 0}
#server-panel41 strong{font-size:11px;font-weight:500;color:#c9b786}
#server-panel41 button{font-size:11px}
.auth-gate43{max-width:540px;margin:48px auto;padding:28px;background:#122421;border:1px solid #a98b50;border-radius:12px;color:#eddcb7;text-align:center}
.auth-gate43[hidden],main[hidden]{display:none!important}
body.vk-embedded43{min-height:0}
@keyframes breathe43{0%,100%{transform:translateY(0) scale(.985)}50%{transform:translateY(-2px) scale(1)}}
@keyframes light43{from{opacity:.35}to{opacity:1}}
@media(max-width:760px){
.creation-screen main{padding:18px 14px 24px}
.creation-screen #create{grid-template-columns:1fr;gap:18px}
.creation-screen .creation-races{gap:12px;max-width:520px;width:100%;margin:auto}
.creation-screen .creation-race>img{max-height:280px}
.entry-settings43{max-width:520px;width:100%;box-sizing:border-box;margin:auto;padding:20px}
.entry-settings43 h2,.entry-settings43>p{display:none}
.creation-screen .sex-picker{margin-bottom:16px}
.creation-screen .creation-race>div{padding:10px}
.creation-screen .creation-race h2{font-size:19px}
.creation-screen .creation-race p{font-size:11px}
#server-panel41{margin:4px 8px;padding:7px 10px;gap:6px}
#server-panel41 strong{display:none}
}
@media(prefers-reduced-motion:reduce){.creation-screen .creation-race>img,.creation-screen .creation-race:after{animation:none;transform:none}}