.character-creation-screen{background:#171006;width:100vw;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.character-creation-stage{color:#3f2a1d;width:100%;height:100%;font-family:Georgia,Times New Roman,serif;position:absolute;inset:0;overflow:hidden}.character-creation-canvas{width:min(100vw,177.683dvh);height:min(100dvh,56.2799vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.character-creation-backdrop{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.character-creation-light{pointer-events:none;background:radial-gradient(circle at 50% 38%,#ffebb229,#0000 32%),linear-gradient(90deg,#421d072e,#0000 20% 80%,#421d072e),linear-gradient(#fff4d20a,#0000 64%,#30160638);position:absolute;inset:0}.character-creation-heading{z-index:20;box-sizing:border-box;filter:drop-shadow(0 .65cqw .65cqw #35180559);text-align:center;background:url(/character-creation/solar/title-frame.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;width:46%;height:16.4%;padding:4.8% 8% .7%;display:flex;position:absolute;top:.8%;left:50%;transform:translate(-50%)}.character-creation-heading:before,.character-creation-heading:after{content:none}.character-creation-heading h1{color:#f2d488;letter-spacing:.055em;text-shadow:0 .16cqw .18cqw #3d1109;margin:0;font-size:2.05cqw;line-height:1.05}.character-creation-heading p{color:#e5c87f;letter-spacing:.045em;margin:.38cqw 0 0;font-size:.95cqw}.character-creation-options{z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));gap:12%;display:grid;position:absolute;inset:13% 14% 16%}.character-choice{min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:0;position:relative}.character-choice:before{content:"";z-index:1;filter:blur(.45cqw);background:#30160752;border-radius:50%;height:6.5%;transition:opacity .18s;position:absolute;bottom:1%;left:10%;right:10%}.character-choice__sun{z-index:1;aspect-ratio:1;opacity:0;background:repeating-conic-gradient(from 0deg, #e9b24347 0 1deg, transparent 1deg 9deg), radial-gradient(circle, #ffe18a3b, transparent 66%);border-radius:50%;width:54%;transition:opacity .22s;position:absolute;top:7%;left:50%;transform:translate(-50%)}.character-choice__ring{z-index:2;opacity:.42;background:url(/character-creation/solar/selection-ring.png) 50%/100% 100% no-repeat;width:72%;height:10%;transition:opacity .18s,filter .18s;position:absolute;bottom:3.6%;left:50%;transform:translate(-50%)}.character-choice>img{z-index:3;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .7cqw .55cqw #391a0761);transform-origin:50% 100%;-webkit-user-select:none;user-select:none;width:76%;height:94%;transition:transform .22s,filter .22s;position:absolute;bottom:5%;left:50%;transform:translate(-50%)scale(.97)}.character-choice>strong{z-index:5;box-sizing:border-box;color:#493023;filter:drop-shadow(0 .28cqw .35cqw #37190747);letter-spacing:.055em;background:url(/character-creation/solar/choice-plaque.png) 50%/100% 100% no-repeat;border:0;place-items:center;width:58%;min-height:8.2%;padding:.5% 5% .2%;font-size:1.35cqw;display:grid;position:absolute;bottom:-.5%;left:50%;transform:translate(-50%)}.character-choice>small{z-index:6;color:#6a451e;letter-spacing:.18em;opacity:0;text-shadow:0 1px #fff5d5e6;font-size:.62cqw;font-weight:700;transition:opacity .18s;position:absolute;bottom:-4.4%;left:50%;transform:translate(-50%)}.character-choice:hover>img,.character-choice:focus-visible>img,.character-choice.is-selected>img{filter:drop-shadow(0 .75cqw .6cqw #391a0761)drop-shadow(0 0 .65cqw #e8b14233);transform:translate(-50%)scale(1)}.character-choice:hover .character-choice__ring,.character-choice:focus-visible .character-choice__ring,.character-choice.is-selected .character-choice__ring{opacity:1;filter:brightness(1.08)}.character-choice.is-selected .character-choice__sun,.character-choice.is-selected>small{opacity:1}.character-choice:focus-visible>strong{filter:drop-shadow(0 0 .18cqw #174968)drop-shadow(0 .28cqw .35cqw #37190747)}.character-creation-controls{z-index:30;box-sizing:border-box;filter:drop-shadow(0 .65cqw .62cqw #32160557);background:url(/character-creation/solar/form-panel.png) 50%/100% 100% no-repeat;border:0;grid-template-columns:minmax(0,1.5fr) minmax(15cqw,.8fr);align-items:center;gap:4%;min-height:14.2%;padding:1.65% 5% 1.05%;display:grid;position:absolute;bottom:1.4%;left:9%;right:9%}.character-name-field{text-align:center;min-width:0;position:relative}.character-name-field label{color:#4a3020;letter-spacing:.075em;margin-bottom:.4cqw;font-size:.92cqw;font-weight:700;display:block}.character-name-field input{box-sizing:border-box;outline-offset:-.28cqw;color:#3d291e;letter-spacing:.05em;text-align:center;background:#fff9e2d1;border:.13cqw solid #956024;border-radius:.2cqw;outline:.08cqw solid #ffffffb3;width:100%;height:2.7cqw;font:700 1.15cqw Georgia,Times New Roman,serif;box-shadow:inset 0 .13cqw .35cqw #693c1321}.character-name-field input::placeholder{color:#8d765d;font-weight:400}.character-name-field input:focus{border-color:#174968;box-shadow:inset 0 .13cqw .35cqw #693c1321,0 0 0 .14cqw #17496833}.character-name-field p{color:#6d543b;margin:.32cqw 0 0;font-size:.66cqw}.character-create-button{color:#f2d489;filter:drop-shadow(0 .32cqw .34cqw #3816054d);letter-spacing:.045em;text-shadow:0 .13cqw .16cqw #3f120a;cursor:pointer;background:url(/character-creation/solar/confirm-button.png) 50%/100% 100% no-repeat;border:0;outline:0;min-height:4.05cqw;padding:0 1.6cqw;font:700 1.25cqw Georgia,Times New Roman,serif;transition:filter .16s,transform .1s}.character-create-button:hover,.character-create-button:focus-visible{filter:brightness(1.12)}.character-create-button:active{transform:scale(.985)}.character-creation-error{color:#8c2619;text-align:center;margin:0;font-size:.7cqw;font-weight:700;position:absolute;bottom:.25cqw;left:4%;right:4%}@media (prefers-reduced-motion:reduce){.character-choice *,.character-create-button{transition:none}}