*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#fff;margin:0;padding:8px;font-family:Roboto,Arial,Helvetica,"sans-serif";font-size:16px;font-weight:500;line-height:1}h1{color:#000;margin:0;font-size:16px;font-weight:500}::selection{color:#fff;background-color:#00f}a{color:#00f;text-decoration:none}a:hover{text-decoration:underline}ul{margin:0;padding:0;list-style:none}li{margin:0;padding:0}.name-reveal{cursor:default;-webkit-user-select:none;user-select:none;grid-template-areas:"stack";width:7ch;height:2.2em;line-height:1.05;display:inline-grid;position:relative;overflow:hidden}.nickname,.real-name{grid-area:stack;transition:opacity .18s,transform .18s}.nickname{align-self:start}.real-name{opacity:0;letter-spacing:.02em;pointer-events:none;flex-direction:column;font-size:1em;line-height:1.05;display:flex;transform:translateY(6px)}.name-reveal:hover .nickname{opacity:0;transform:translateY(-6px)}.name-reveal:hover .real-name{opacity:1;transform:translateY(0)}