.wizardIdentity{width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #bba37088;border-radius:18px;background:linear-gradient(140deg,#213448,#101923);color:#eee7d6;box-shadow:0 30px 90px #0009;overflow:auto;}
.wizardIdentity::backdrop{background:#030811cf;backdrop-filter:blur(7px)}.wi-shell{padding:28px}.wi-eyebrow{font:700 10px system-ui;letter-spacing:.18em;color:#cdb27b}.wi-shell h1{font:32px Georgia,serif;margin:12px 0}.wi-shell p,.wi-shell small{font:13px/1.6 system-ui;color:#bfcbd8}.wi-body{display:flex;gap:30px}.wi-body form{flex:1;min-width:0}.wi-preview{width:42%;background:radial-gradient(ellipse,#50628455,transparent 70%)}.wi-preview canvas{width:100%;height:auto}.wi-body label{display:block;font:600 13px system-ui;margin:12px 0}.wi-body input:not([type=radio]){box-sizing:border-box;display:block;width:100%;margin-top:10px;padding:14px;background:#101c2a;border:1px solid #75869e;border-radius:8px;color:#fff;font:16px system-ui}.wi-body fieldset{border:0;margin:24px 0;padding:0}.wi-body legend{font:700 13px system-ui;color:#dbbf83}.wi-body fieldset label{display:inline-block;margin:8px 14px 8px 0}.wi-actions{display:flex;gap:12px;margin:20px 0 0}.wi-actions button,#setUsernameButton{padding:12px 18px;border:1px solid #d0b378;border-radius:8px;background:#d0b378;color:#182333;cursor:pointer;font:700 13px system-ui;min-height:44px}.wi-actions button:disabled,#setUsernameButton:disabled{background:#343d49;color:#8d97a3;border-color:#505a69;cursor:default}.wi-actions .wi-later{background:transparent;color:#d4dceb}.wi-dyes{display:flex;flex-wrap:wrap}.wizardIdentity [hidden]{display:none!important}[data-state=available]{color:#83df9d!important}[data-state=error],.wi-error{color:#ff9797!important}[data-state=checking]{color:#d0c8b7!important}.guestUsername,[data-state=guest]{color:#ffdc68!important}.usernameChoice>p{font:13px system-ui;margin:8px 0}.usernameChoice>small{display:block;margin-top:8px}.wizardIdentity :focus-visible{outline:2px solid #f5d893;outline-offset:3px}
@media(max-width:620px){.wi-shell{padding:20px}.wi-body{flex-direction:column;gap:8px}.wi-preview{width:100%;height:230px;text-align:center}.wi-preview canvas{height:230px;width:auto}.wi-shell h1{font-size:28px}.wi-actions{flex-wrap:wrap}}

/* Name selection belongs to the first-account wizard overlay. */
#accountNameLabel{display:none!important}
.wi-colors{display:flex;flex-wrap:wrap;gap:6px 12px}.wi-colors label{display:inline-flex!important;align-items:center;gap:6px;margin:6px 0!important;padding:5px 7px;border:1px solid #647586;border-radius:6px;cursor:pointer}.wi-colors label:has(input:checked){border-color:#e4c589;background:#d0b37819}.wi-color-swatch{width:18px;height:18px;border:1px solid #d9d1bf66;border-radius:50%;display:inline-block}.wi-outfit-note{max-width:38ch}
.retiredAppearanceCompatibility{display:none!important}
/* Character canvases use portrait proportions, independent of the game canvas. */
.wizardIdentity .wi-preview canvas{aspect-ratio:8/9;object-fit:contain;cursor:default}
.magePathDialog{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#080e16;color:#efe7d5;overflow:auto}.magePathDialog::backdrop{background:#080e16}.magePathShell{max-width:1240px;margin:auto;padding:30px 36px 22px}.magePathShell>header{text-align:center}.magePathShell h1{font:clamp(30px,3vw,42px) Georgia,serif;margin:10px 0}.magePathShell>header p{color:#b8c3ce;font:14px/1.5 system-ui;margin:8px 0 24px}.magePathGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.magePathCard{position:relative;isolation:isolate;min-height:490px;border:1px solid #a1875880;border-radius:14px;overflow:hidden;background:#17202c;transition:transform .18s ease,border-color .18s ease;box-shadow:0 14px 36px #0006}.magePathArt{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.magePathCard:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#080b1420 6%,#080d18b8 36%,#080d18f5 90%)}.magePathCard:hover,.magePathCard:focus-within,.magePathCard:focus{transform:scale(1.025);border-color:#dfc58d;outline:2px solid #dfc58d;outline-offset:3px}.magePathCopy{display:flex;flex-direction:column;min-height:490px;box-sizing:border-box;padding:180px 25px 24px}.magePathCopy h2{font:29px Georgia,serif;margin:0 0 9px}.magePathIdentity{font:italic 15px/1.5 Georgia,serif;color:#e8cb95;min-height:45px;margin:0}.magePathCopy ul{padding-left:17px;font:13px/1.55 system-ui;color:#d1d8df;margin:13px 0 20px;flex:1}.magePathCopy li+li{margin-top:7px}.magePathChoose,.magePathLater{min-height:44px;border:1px solid #c9b079;border-radius:7px;padding:12px 18px;font:700 13px system-ui;cursor:pointer}.magePathChoose{background:#d9c28f;color:#152031;width:100%}.magePathChoose:disabled,.magePathLater:disabled{opacity:.55;cursor:wait}.magePathLater{display:block;margin:10px auto;background:transparent;color:#bfccd9;border-color:#627284}.magePathSeal{border:1px solid #627284;padding:12px;border-radius:7px;font:13px/1.4 system-ui;text-align:center;color:#c5ccd3;margin:0}.magePathCard.sealed .magePathArt{filter:grayscale(.7) brightness(.65)}.magePathCard.sealed .magePathCopy{color:#b7c1ca}.magePathNotice{text-align:center;min-height:20px;font:13px/1.5 system-ui;color:#e8bd92;margin:14px 0 0}.magePathDialog [hidden]{display:none!important}.magePathDialog :focus-visible{outline:2px solid #f5d893;outline-offset:4px}
@media(max-width:899px){.magePathShell{padding:24px 18px}.magePathGrid{grid-template-columns:1fr;gap:18px}.magePathCard,.magePathCopy{min-height:0}.magePathCopy{padding:138px 22px 22px}.magePathArt{height:230px;object-position:50% 35%}.magePathCard:after{background:linear-gradient(180deg,#080d1820,#111b2a 235px)}.magePathIdentity{min-height:0}.magePathCopy ul{margin:13px 0}.magePathCopy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.magePathCard{transition:none}.magePathCard:hover,.magePathCard:focus-within,.magePathCard:focus{transform:none}}
.magePathCard .magePathArt{z-index:0}.magePathCard:after{z-index:1;pointer-events:none}.magePathCopy{position:relative;z-index:2}