.login{z-index:60;overflow-y:auto}.login .ui-frame{width:min(90vw,calc(320 * var(--px)))}.login .ui-text{white-space:normal}.login-birth,.login-suggest{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.login.login-wide .ui-frame{width:min(94vw,calc(528 * var(--px)))}.login-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(152 * var(--px)),1fr));gap:var(--gap)}.login-tile.ui-button{flex-direction:column;justify-content:flex-start;gap:var(--gap-sm);min-height:calc(176 * var(--px));padding:var(--gap);text-align:center}.login-tile>*{max-width:100%}.login-portrait{--piece: var(--kit-slot);--slice: var(--kit-slot-slice);--fallback: var(--c-shadow);position:relative;overflow:hidden;flex:none;width:calc(64 * var(--px));height:calc(64 * var(--px));margin-bottom:var(--gap-sm)}.login-bust{position:absolute;left:50%;top:calc(4 * var(--px));width:calc(80 * var(--px));height:calc(128 * var(--px));transform:translate(-50%);background:center / 100% 100% no-repeat}.login-tile-name{overflow-wrap:break-word;line-height:1}.login-tile-line,.login-tile-when{font:var(--text-body) / var(--line-body) var(--font-body);text-shadow:none}.login-tile-line{color:var(--c-xp-gold)}.login-tile-when{color:var(--c-old-parchment)}.login-tile-new.ui-button{justify-content:center;border:calc(2 * var(--px)) dashed var(--c-oak);border-image:none;color:var(--c-oak);text-shadow:none}.profile-pointer .login-tile-new.ui-button:hover,.login-tile-new.ui-button:active{border-color:var(--c-dark-oak);background:var(--c-old-parchment);color:var(--c-dark-oak)}.login-tile-new:focus-visible{outline-color:var(--c-dark-oak)}.login-foot{display:flex;justify-content:flex-end}.login-link{min-height:var(--tap);padding:0 var(--gap-xs);background:none;border:0;color:var(--c-oak);font:var(--text-body) / 1 var(--font-body);text-decoration:underline;text-underline-offset:calc(2 * var(--px))}.profile-pointer .login-link:hover{color:var(--c-outline);cursor:var(--cursor-hand, pointer)}.login-link:focus-visible{outline:var(--px) solid var(--c-dark-oak)}.login-hint{color:var(--c-oak)}.login-hint-bad{color:var(--c-blood-red)}.login-mark{text-align:center}.login-meta{display:flex;align-items:center;justify-content:center;gap:var(--gap)}.login-meta .login-link[aria-current]{color:var(--c-outline);text-decoration:none;font-weight:700}.login-build{color:var(--c-oak);opacity:.7}.login-chip{min-height:var(--tap);padding:0 var(--gap);border:var(--px) solid var(--c-oak);background:var(--c-linen);color:var(--c-outline);font:var(--text-body) / 1 var(--font-body)}.profile-pointer .login-chip:hover{background:var(--c-old-parchment);cursor:var(--cursor-hand, pointer)}.login-chip:focus-visible{outline:var(--px) solid var(--c-dark-oak)}.login-actions{display:flex;gap:var(--gap)}.login-actions>:last-child{flex:1}.login-voc-label{color:var(--c-oak)}.login-voc.ui-button{min-height:calc(112 * var(--px))}.login-voc-role{font:var(--text-body) / var(--line-body) var(--font-body);text-shadow:none}.login-voc[aria-pressed=true]{outline:calc(2 * var(--px)) solid var(--c-xp-gold);outline-offset:calc(2 * var(--px))}.profile-touch .login.login-wide .ui-frame{width:min(94vw,calc(760 * var(--px)))}.profile-touch .login-wide .login-mark{display:none}.profile-touch .login-voc.ui-button{min-height:0}.profile-touch .login-actions{position:sticky;bottom:0;z-index:1;padding:var(--gap-sm) 0;background:var(--c-parchment)}.hud-ask .ui-text{white-space:pre-line}.hud-ask-card{width:min(calc(480 * var(--px)),92vw)}.hud-ask-row{display:flex;justify-content:flex-end;gap:var(--gap-sm)}.hud-ask-why{color:var(--c-blood-red)}